@node-projects/web-component-designer-zpl 0.1.15 → 0.1.17

package/dist/services/ZplParserService.d.ts

@@ -1,6 +1,7 @@
 import { ITextWriter, IDesignItem, IHtmlParserService, IHtmlWriterOptions, IHtmlWriterService, InstanceServiceContainer, ServiceContainer } from "@node-projects/web-component-designer";
 export declare class ZplParserService implements IHtmlParserService, IHtmlWriterService {
     options: IHtmlWriterOptions;
+    createTransform(char: string, el: HTMLElement): void;
     parse(html: string, serviceContainer: ServiceContainer, instanceServiceContainer: InstanceServiceContainer, parseSnippet: boolean): Promise<IDesignItem[]>;
     write(textWriter: ITextWriter, designItems: IDesignItem[], rootContainerKeepInline: boolean, updatePositions?: boolean): void;
 }

package/dist/services/ZplParserService.js

@@ -13,6 +13,30 @@ function getSetValue(...args) {
 }
 export class ZplParserService {
     options = {};
+    createTransform(char, el) {
+        switch (char) {
+            case 'R':
+                {
+                    el.style.transform = 'rotate(90deg) translateY(-100%)';
+                    el.style.transformOrigin = '0% 0%';
+                    return;
+                }
+                ;
+            case 'I': {
+                el.style.transform = 'rotate(180deg)';
+                el.style.transformOrigin = '50% 50%';
+                return;
+            }
+            case 'B':
+                {
+                    el.style.transform = 'rotate(270deg)';
+                    el.style.transformOrigin = '100% 100%';
+                    return;
+                }
+                ;
+        }
+        return;
+    }
     async parse(html, serviceContainer, instanceServiceContainer, parseSnippet) {
         let parts = html.split("^");
         let images = {};
@@ -34,6 +58,7 @@ export class ZplParserService {
         let fontName;
         let fontHeight;
         let fontWidth;
+        let rotation = 'N';
         let x;
         let y;
         let bc;
@@ -62,18 +87,35 @@ export class ZplParserService {
                     comment.setAttribute("content", fieldString);
                     designItems.push(DesignItem.createDesignItemFromInstance(comment, serviceContainer, instanceServiceContainer));
                     break;
-                case "CF":
+                case "AA": //Ax x=fontname
+                case "A0": {
+                    fontName = command[1];
+                    rotation = getSetValue(fields[0], 'N');
+                    let defaultFontWidth = 15;
+                    switch (fontName) {
+                        case "A":
+                            defaultFontWidth = 15;
+                            break;
+                        case "0":
+                            defaultFontWidth = fontHeight;
+                    }
+                    fontHeight = parseInt(getSetValue(fields[1], defaultFontWidth));
+                    fontWidth = parseInt(getSetValue(fields[2], defaultFontWidth));
+                    break;
+                }
+                case "CF": //we should switch to use A, CF is default font
+                    rotation = 'N';
                     fontName = fields[0];
                     fontHeight = parseInt(fields[1]);
-                    let defultFontWidth = 15;
+                    let defaultFontWidth = 15;
                     switch (fontName) {
                         case "A":
-                            defultFontWidth = 15;
+                            defaultFontWidth = 15;
                             break;
                         case "0":
-                            defultFontWidth = fontHeight;
+                            defaultFontWidth = fontHeight;
                     }
-                    fontWidth = parseInt(getSetValue(fields[2], defultFontWidth));
+                    fontWidth = parseInt(getSetValue(fields[2], defaultFontWidth));
                     break;
                 case "FO":
                     x = parseInt(fields[0]);
@@ -168,6 +210,9 @@ export class ZplParserService {
                         text.setAttribute("font-height", fontHeight.toString());
                         text.setAttribute("font-width", fontWidth.toString());
                         text.setAttribute("content", fieldString);
+                        if (rotation) {
+                            this.createTransform(rotation, text);
+                        }
                         designItems.push(DesignItem.createDesignItemFromInstance(text, serviceContainer, instanceServiceContainer));
                     }
                     break;

package/dist/widgets/zpl-barcode.js

@@ -85,7 +85,10 @@ export class ZplBarcode extends BaseCustomWebComponentConstructorAppend {
                 zpl += "^BQN,2," + this.height + "";
                 break;
         }
-        zpl += "^FD" + this.content;
+        zpl += "^FD";
+        if (this.type == BarcodeFormat.QR)
+            zpl += 'QA,'; // bar code configuration prefix
+        zpl += this.content;
         zpl += "^FS";
         return zpl;
     }

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.15",
+  "version": "0.1.17",
   "type": "module",
   "main": "./dist/index.js",
   "author": "jochen.kuehner@gmx.de",