Vue sample fixes (no inline element initialization needed)

GanttChartHyperLibraryDemos/Demos/Samples/Angular/LoadChartView/MainFeatures/app.ts

@@ -124,7 +124,7 @@ export class AppComponent implements OnInit {
   ngOnInit() {
     this.loadChartView = <LoadChartView.Element>(<HTMLElement>this.loadChartViewRef.nativeElement).firstChild;
 
-    // Optionally, initialize custom theme and templates (themes.js, templates.js).
+    // Optionally, initialize custom theme (themes.js).
     initializeLoadChartTheme(this.settings, this.theme);
   }
 }

GanttChartHyperLibraryDemos/Demos/Samples/React/LoadChartView/MainFeatures/app.jsx

@@ -32,7 +32,7 @@ class App extends React.Component {
             currentTime: new Date(year, month, 2, 12, 0, 0)
         };
 
-        // Optionally, initialize custom theme and templates (themes.js, templates.js).
+        // Optionally, initialize custom theme (themes.js).
         initializeLoadChartTheme(settings, theme);
 
         function onItemChanged(item, propertyName, isDirect, isFinal) {

GanttChartHyperLibraryDemos/Demos/Samples/Vue/GanttChartView/MainFeatures/app.js

@@ -67,13 +67,10 @@ items[4].executionCost = 50;
 settings.defaultResourceHourCost = 10;
 settings.specificResourceHourCosts = [{ key: 'Resource 1', value: 20 }, { key: 'Material 2', value: 0.5 }];
 
-// Optionally, initialize custom theme and templates (themes.js, templates.js).
+// Optionally, initialize custom theme (themes.js).
 initializeGanttChartTheme(settings, theme);
 initializeGanttChartTemplates(settings, theme);
 
-// Initialize the component.
-var ganttChartView = GanttChartView.initialize(ganttChartViewElement, items, settings);
-
 // Optionally, update the current time line periodically, e.g. every 5 minutes.
 // setInterval(function () { ganttChartView.updateCurrentTime(); }, 5 * 60 * 1000);
 // Define user command functions.

GanttChartHyperLibraryDemos/Demos/Samples/Vue/LoadChartView/MainFeatures/app.js

@@ -27,11 +27,6 @@ var settings = {
 // Optionally, initialize custom theme and templates (themes.js, templates.js).
 initializeLoadChartTheme(settings, theme);
 
-// Retrieve and store the control element for reference purposes.
-var loadChartView = document.querySelector('#loadChartView');
-// Initialize the component.
-DlhSoft.Controls.LoadChartView.initialize(loadChartView, loadChartItems, settings);
-
 var app = new Vue({
     el: '#app',
     data: {

GanttChartHyperLibraryDemos/Demos/Samples/Vue/NetworkDiagramView/MainFeatures/app.js

@@ -47,11 +47,6 @@ var settings = {
 initializePertChartTheme(settings, theme);
 initializePertChartTemplates(settings, theme);
 
-// Retrieve and store the control element for reference purposes.
-var networkDiagramView = document.querySelector('#networkDiagramView');
-// Initialize the component.
-DlhSoft.Controls.Pert.NetworkDiagramView.initialize(networkDiagramView, networkDiagramItems, settings);
-
 var app = new Vue({
     el: '#app',
     data: {

GanttChartHyperLibraryDemos/Demos/Samples/Vue/PertChartView/MainFeatures/app.js

@@ -40,11 +40,6 @@ var settings = {
 initializePertChartTheme(settings, theme);
 initializePertChartTemplates(settings, theme);
 
-// Retrieve and store the control element for reference purposes.
-var pertChartView = document.querySelector('#pertChartView');
-// Initialize the component.
-DlhSoft.Controls.Pert.PertChartView.initialize(pertChartView, pertChartItems, settings);
-
 var app = new Vue({
     el: '#app',
     data: {

GanttChartHyperLibraryDemos/Demos/Samples/Vue/ScheduleChartView/MainFeatures/app.js

@@ -28,11 +28,6 @@ var settings = {
 initializeGanttChartTheme(settings, theme);
 initializeGanttChartTemplates(settings, theme);
 
-// Retrieve and store the control element for reference purposes.
-var scheduleChartViewElement = document.querySelector('#scheduleChartView');
-// Initialize the component.
-DlhSoft.Controls.ScheduleChartView.initialize(scheduleChartViewElement, scheduleChartItems, settings);
-
 var originalItemPropertyChangeHandler = settings.itemPropertyChangeHandler;
 var app = new Vue({
     el: '#app',