@node-projects/web-component-designer-zpl 0.1.0

package/README.md

@@ -0,0 +1,15 @@
+# web-component-designer-zpl
+
+## NPM Package
+
+https://www.npmjs.com/package/@node-projects/web-component-designer-zpl
+
+     npm i @node-projects/web-component-designer-zpl
+
+## Description
+
+This package contains widgets and services wich help to create a zpl designer.
+
+## Usage
+
+see the zpl designer sample application

package/dist/extensions/ZplLayoutResizeExtensionProvider.d.ts

@@ -0,0 +1,4 @@
+import { IExtensionManager, IDesignerCanvas, IDesignItem, ResizeExtensionProvider } from '@node-projects/web-component-designer';
+export declare class ZplLayoutResizeExtensionProvider extends ResizeExtensionProvider {
+    shouldExtend(extensionManager: IExtensionManager, designerView: IDesignerCanvas, designItem: IDesignItem): boolean;
+}

package/dist/extensions/ZplLayoutResizeExtensionProvider.js

@@ -0,0 +1,16 @@
+import { ResizeExtensionProvider } from '@node-projects/web-component-designer';
+import { ZplImage } from '../widgets/zpl-image.js';
+import { ZplBarcode } from '../widgets/zpl-barcode.js';
+import { ZplText } from '../widgets/zpl-text.js';
+export class ZplLayoutResizeExtensionProvider extends ResizeExtensionProvider {
+    shouldExtend(extensionManager, designerView, designItem) {
+        //return designItem.element.localName !== MfcConfigRoute.is;
+        switch (designItem.name) {
+            case ZplImage.is:
+            case ZplBarcode.is:
+            case ZplText.is:
+                return false;
+        }
+        return true;
+    }
+}

package/dist/index.d.ts

@@ -0,0 +1,15 @@
+export * from "./widgets/zpl-barcode.js";
+export * from "./widgets/zpl-graphic-box.js";
+export * from "./widgets/zpl-graphic-circle.js";
+export * from "./widgets/zpl-graphic-diagonal-line.js";
+export * from "./widgets/zpl-image.js";
+export * from "./widgets/zpl-text.js";
+export * from "./extensions/ZplLayoutResizeExtensionProvider.js";
+export * from "./services/ZplImageDrop.js";
+export * from "./services/ZplLayoutCopyPasteService.js";
+export * from "./services/ZplLayoutPlacementService.js";
+export * from "./services/ZplParserService.js";
+export * from "./jsBarcodeOptions.js";
+export * from "./qr.js";
+export * from "./setupZplServiceContainer.js";
+export * from "./zplHelper.js";

package/dist/index.js

@@ -0,0 +1,15 @@
+export * from "./widgets/zpl-barcode.js";
+export * from "./widgets/zpl-graphic-box.js";
+export * from "./widgets/zpl-graphic-circle.js";
+export * from "./widgets/zpl-graphic-diagonal-line.js";
+export * from "./widgets/zpl-image.js";
+export * from "./widgets/zpl-text.js";
+export * from "./extensions/ZplLayoutResizeExtensionProvider.js";
+export * from "./services/ZplImageDrop.js";
+export * from "./services/ZplLayoutCopyPasteService.js";
+export * from "./services/ZplLayoutPlacementService.js";
+export * from "./services/ZplParserService.js";
+export * from "./jsBarcodeOptions.js";
+export * from "./qr.js";
+export * from "./setupZplServiceContainer.js";
+export * from "./zplHelper.js";

package/dist/jsBarcodeOptions.d.ts

@@ -0,0 +1,27 @@
+export type BarcodeOptions = {
+    format?: BarcodeFormat;
+    width?: number;
+    height?: number;
+    displayValue?: boolean;
+    text?: string;
+    fontOptions?: string;
+    font?: string;
+    textAlign?: string;
+    textPosition?: string;
+    textMargin?: number;
+    fontSize?: number;
+    background?: string;
+    lineColor?: string;
+    margin?: number;
+    marginTop?: number;
+    marginBottom?: number;
+    marginLeft?: number;
+    marginRight?: number;
+    flat?: boolean;
+    valid?: Function;
+};
+export declare enum BarcodeFormat {
+    CODE128 = "CODE128",
+    EAN13 = "EAN13",
+    QR = "QR"
+}

package/dist/jsBarcodeOptions.js

@@ -0,0 +1,14 @@
+export var BarcodeFormat;
+(function (BarcodeFormat) {
+    BarcodeFormat["CODE128"] = "CODE128";
+    // CODE128A = "CODE128A",
+    // CODE128B = "CODE128B",
+    // CODE123C = "CODE128C",
+    // CODE39 = "CODE39",
+    // EAN2 = "EAN2",
+    // EAN5 = "EAN5",
+    // EAN8 = "EAN8",
+    BarcodeFormat["EAN13"] = "EAN13";
+    // UPC = "UPC",
+    BarcodeFormat["QR"] = "QR";
+})(BarcodeFormat || (BarcodeFormat = {}));

package/dist/qr.d.ts

@@ -0,0 +1,11 @@
+declare var QRCode: {
+    generate: (data: any, options: any) => any[];
+    generateHTML: (data: any, options: any) => HTMLDivElement;
+    generateSVG: (data: any, options: {
+        background?: string;
+        modulesize?: number;
+        margin?: number;
+    }) => SVGSVGElement;
+    generatePNG: (data: any, options: any) => string;
+};
+export default QRCode;