better zpl sample

jogibear9988 · jogibear9988 · commit 0ea795b41760 · 2024-06-03T22:56:49.000+02:00
diff --git a/index.html b/index.html
@@ -71,7 +71,7 @@
 <body style="height: 100%; width: 100%;">
   <div id="root">
     <node-projects-palette-view style="grid-area: a;"></node-projects-palette-view>
-    <node-projects-property-grid-with-header style="grid-area: b;"></node-projects-property-grid-with-header>
+    <node-projects-web-component-designer-property-grid-with-header style="grid-area: b;"></node-projects-web-component-designer-property-grid-with-header>
 
   </div>
 
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -18,14 +18,14 @@
   },
   "homepage": "https://github.com/node-projects/web-component-designer-zpl-demo#readme",
   "devDependencies": {
-    "@web/dev-server": "^0.4.3",
-    "typescript": "^5.3.3"
+    "@web/dev-server": "^0.4.5",
+    "typescript": "^5.4.5"
   },
   "dependencies": {
-    "@node-projects/base-custom-webcomponent": "0.23.0",
-    "@node-projects/web-component-designer": "^0.1.96",
-    "@node-projects/web-component-designer-codeview-monaco": "^0.1.18",
-    "@node-projects/web-component-designer-zpl": "^0.1.15",
-    "es-module-shims": "^1.8.3"
+    "@node-projects/base-custom-webcomponent": "0.27.6",
+    "@node-projects/web-component-designer": "^0.1.197",
+    "@node-projects/web-component-designer-codeview-monaco": "^0.1.27",
+    "@node-projects/web-component-designer-zpl": "^0.1.18",
+    "es-module-shims": "^1.10.0"
   }
 }
diff --git a/src/initialize.ts b/src/initialize.ts
@@ -5,7 +5,7 @@ import { addZplLanguageToMonaco, createZplDesignerServiceContainer } from '@node
 await window.customElements.whenDefined("node-projects-document-container");
 
 const paletteView = <PaletteView>document.querySelector('node-projects-palette-view');
-const propertyGridWithHeader = <PropertyGridWithHeader>document.querySelector('node-projects-property-grid-with-header');
+const propertyGridWithHeader = <PropertyGridWithHeader>document.querySelector('node-projects-web-component-designer-property-grid-with-header');
 
 let serviceContainer = createZplDesignerServiceContainer();
 serviceContainer.config.codeViewWidget = CodeViewMonaco;
@@ -18,5 +18,6 @@ document.getElementById('root').appendChild(documentContainer);
 addZplLanguageToMonaco();
 
 paletteView.loadControls(serviceContainer, serviceContainer.getServices('elementsService'));
+
 propertyGridWithHeader.serviceContainer = serviceContainer;
 propertyGridWithHeader.instanceServiceContainer = documentContainer.instanceServiceContainer;
diff --git a/tsconfig.json b/tsconfig.json
@@ -1,7 +1,7 @@
 {
   "compilerOptions": {
     /* Basic Options */
-    "target": "ES2017",                          /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017','ES2018' or 'ESNEXT'. */
+    "target": "esnext",                          /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017','ES2018' or 'ESNEXT'. */
     "module": "esnext",                     /* Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', or 'ESNext'. */
     // "lib": [],                             /* Specify library files to be included in the compilation. */
     "allowJs": true,                       /* Allow javascript files to be compiled. */

Original file line number	Diff line number	Diff line change
`@@ -1,7 +1,7 @@`
`1`	`1`	`{`
`2`	`2`	`"compilerOptions": {`
`3`	`3`	`/* Basic Options */`
`4`		`- "target": "ES2017", /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017','ES2018' or 'ESNEXT'. */`
	`4`	`+ "target": "esnext", /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017','ES2018' or 'ESNEXT'. */`
`5`	`5`	`"module": "esnext", /* Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', or 'ESNext'. */`
`6`	`6`	`// "lib": [], /* Specify library files to be included in the compilation. */`
`7`	`7`	`"allowJs": true, /* Allow javascript files to be compiled. */`