@node-projects/web-component-designer-zpl 0.1.5 → 0.1.7

package/dist/setupZplServiceContainer.js

@@ -4,6 +4,7 @@ import { ZplParserService } from './services/ZplParserService.js';
 import { ZplImageDrop } from './services/ZplImageDrop.js';
 import { ZplLayoutCopyPasteService } from './services/ZplLayoutCopyPasteService.js';
 import { ZplLayoutResizeExtensionProvider } from './extensions/ZplLayoutResizeExtensionProvider.js';
+import { ZplDemoView } from './widgets/views/zpl-demo-view.js';
 export function createZplDesignerServiceContainer() {
     let serviceContainer = new ServiceContainer();
     serviceContainer.register("instanceService", new DefaultInstanceService());
@@ -61,6 +62,7 @@ export function createZplDesignerServiceContainer() {
         new ItemsBelowContextMenu()
     ];
     serviceContainer.designViewToolbarButtons.push(new PointerToolButtonProvider(), new SeperatorToolProvider(22), new SelectorToolButtonProvider(), new SeperatorToolProvider(22), new ZoomToolButtonProvider(), new SeperatorToolProvider(22), new TransformToolButtonProvider());
-    serviceContainer.register('elementsService', new JsonFileElementsService('zpl', '/node_modules/@node-projects/web-component-designer-zpl/dist/widgets/elements.json'));
+    serviceContainer.config.demoViewWidget = ZplDemoView;
+    serviceContainer.register('elementsService', new JsonFileElementsService('zpl', new URL("./widgets/elements.json", import.meta.url)));
     return serviceContainer;
 }

package/dist/widgets/views/zpl-demo-view.d.ts

@@ -0,0 +1,12 @@
+import { BaseCustomWebComponentConstructorAppend } from '@node-projects/base-custom-webcomponent';
+import { IUiCommand, InstanceServiceContainer, ServiceContainer } from '@node-projects/web-component-designer';
+import { IDemoView } from '@node-projects/web-component-designer/src/elements/widgets/demoView/IDemoView';
+export declare class ZplDemoView extends BaseCustomWebComponentConstructorAppend implements IDemoView {
+    static readonly template: HTMLTemplateElement;
+    static readonly style: CSSStyleSheet;
+    constructor();
+    executeCommand: (command: IUiCommand) => void;
+    canExecuteCommand: (command: IUiCommand) => boolean;
+    dispose(): void;
+    display(serviceContainer: ServiceContainer, instanceServiceContainer: InstanceServiceContainer, code: string, style: string): Promise<void>;
+}

package/dist/widgets/views/zpl-demo-view.js

@@ -0,0 +1,28 @@
+import { BaseCustomWebComponentConstructorAppend, css, html } from '@node-projects/base-custom-webcomponent';
+export class ZplDemoView extends BaseCustomWebComponentConstructorAppend {
+    static template = html `<iframe id="iframe"></iframe>`;
+    static style = css `
+        :host {
+            display: block;
+            overflow: hidden;
+            background: white;
+            height: 100%;
+            width: 100%;
+            position: relative;
+        }
+        iframe {
+            height: 100%;
+            width: 100%;
+        }`;
+    constructor() {
+        super();
+    }
+    executeCommand;
+    canExecuteCommand;
+    dispose() { }
+    async display(serviceContainer, instanceServiceContainer, code, style) {
+        const url = "http://labelary.com/viewer.html?zpl=" + encodeURIComponent(code);
+        this._getDomElement('iframe').src = url;
+    }
+}
+customElements.define('node-projects-zpl-demo-view', ZplDemoView);

package/package.json

@@ -1,7 +1,7 @@
 {
   "description": "web-component-designer addon: Widgets and Services for creating a ZPL Designer",
   "name": "@node-projects/web-component-designer-zpl",
-  "version": "0.1.5",
+  "version": "0.1.7",
   "type": "module",
   "main": "./dist/index.js",
   "author": "jochen.kuehner@gmx.de",