x-print-designer 0.4.8 → 0.4.13

package/dist/{dom-to-image-more.min-BPzsxQjT.js → dom-to-image-more.min-CyxmydGS.js}

@@ -1,4 +1,4 @@
-import { getDefaultExportFromCjs } from "./web-component-DTlUr7qT.js";
+import { getDefaultExportFromCjs } from "./index-sx0m_xBC.js";
 function _mergeNamespaces(n, m) {
   for (var i = 0; i < m.length; i++) {
     const e = m[i];

package/dist/{index-DDpdu5o7.js → index-C6B5Mzsh.js}

@@ -1,4 +1,4 @@
-import { defineComponent, h, computed, onUnmounted, watch, shallowRef, loader, onMounted, nextTick, ref } from "./web-component-DTlUr7qT.js";
+import { defineComponent, h, computed, onUnmounted, watch, shallowRef, loader, onMounted, nextTick, ref } from "./index-sx0m_xBC.js";
 var __defProp$2 = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;

package/dist/{web-component-DTlUr7qT.js → index-sx0m_xBC.js}

@@ -17894,12 +17894,20 @@ const messages = {
   en,
   zh
 };
+const getStoredLanguage = () => {
+  if (typeof localStorage === "undefined") return null;
+  try {
+    return localStorage.getItem("print-designer-language");
+  } catch {
+    return null;
+  }
+};
 const getInitialLanguage = () => {
-  const stored = localStorage.getItem("print-designer-language");
+  const stored = getStoredLanguage();
   if (stored && (stored === "zh" || stored === "en")) {
     return stored;
   }
-  const lang = navigator.language.toLowerCase();
+  const lang = typeof navigator !== "undefined" ? navigator.language.toLowerCase() : "";
   if (lang.startsWith("zh")) {
     return "zh";
   }
@@ -30514,7 +30522,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
     const renderBarcode = async () => {
       if (!barcodeRef.value) return;
       try {
-        const jsBarcodeModule = await import("./JsBarcode-DxjTagMM.js").then((n) => n.JsBarcode);
+        const jsBarcodeModule = await import("./JsBarcode-Ie7CY3Wt.js").then((n) => n.JsBarcode);
         const JsBarcode = (jsBarcodeModule == null ? void 0 : jsBarcodeModule.default) || jsBarcodeModule;
         const content = resolvedContent.value;
         const style = props.element.style;
@@ -30614,7 +30622,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
     });
     const renderQR = async () => {
       try {
-        const qrcodeModule = await import("./browser-CYHQS9L7.js").then((n) => n.browser);
+        const qrcodeModule = await import("./browser-VQbZ-HlB.js").then((n) => n.browser);
         const QRCode = (qrcodeModule == null ? void 0 : qrcodeModule.default) || qrcodeModule;
         const content = resolvedContent.value;
         qrSrc.value = await QRCode.toDataURL(content, {
@@ -34402,7 +34410,7 @@ const usePrint = () => {
   const svgToCanvas = async (root) => {
     const svgs = root.querySelectorAll("svg");
     if (svgs.length === 0) return;
-    const { Canvg } = await import("./index.es-bGPC2lWY.js");
+    const { Canvg } = await import("./index.es-CJVAF11T.js");
     svgs.forEach((svg) => {
       const parent = svg.parentElement;
       if (!parent) return;
@@ -34990,7 +34998,7 @@ const usePrint = () => {
     }
     try {
       const generatePageImage = async (page) => {
-        const domToImageModule = await import("./dom-to-image-more.min-BPzsxQjT.js").then((n) => n.domToImageMore_min);
+        const domToImageModule = await import("./dom-to-image-more.min-CyxmydGS.js").then((n) => n.domToImageMore_min);
         const domtoimage = (domToImageModule == null ? void 0 : domToImageModule.default) || domToImageModule;
         const canvas = await domtoimage.toCanvas(page, {
           filter: (node) => {
@@ -35048,7 +35056,7 @@ const usePrint = () => {
       cleanup = source.cleanup;
       const { container, tempWrapper: wrapper } = await processContentForImage(source.content, width, height, true, source.getComputedStyleFn);
       tempWrapper = wrapper;
-      const jsPdfModule = await import("./jspdf.es.min-Bl2JrjPw.js");
+      const jsPdfModule = await import("./jspdf.es.min-BZ5J-fwr.js");
       const jsPDF = (jsPdfModule == null ? void 0 : jsPdfModule.default) || (jsPdfModule == null ? void 0 : jsPdfModule.jsPDF) || jsPdfModule;
       const pdf = new jsPDF({
         orientation: width > height ? "l" : "p",
@@ -35460,7 +35468,7 @@ const usePrint = () => {
           link.click();
           document.body.removeChild(link);
         } else {
-          const jsZipModule = await import("./jszip.min-DjNutFBr.js").then((n) => n.jszip_min);
+          const jsZipModule = await import("./jszip.min-DQML3mxT.js").then((n) => n.jszip_min);
           const JSZip = (jsZipModule == null ? void 0 : jsZipModule.default) || jsZipModule;
           const zip = new JSZip();
           await Promise.all(pageImages.map(async (dataUrl, index2) => {
@@ -36919,7 +36927,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
   },
   emits: ["update:visible", "update:value", "close"],
   setup(__props, { emit: __emit }) {
-    const Editor = /* @__PURE__ */ defineAsyncComponent(() => import("./index-DDpdu5o7.js").then((m) => m.Editor));
+    const Editor = /* @__PURE__ */ defineAsyncComponent(() => import("./index-C6B5Mzsh.js").then((m) => m.Editor));
     const { t } = useI18n();
     const { isDark: isDark2 } = useTheme();
     const modalContainer = inject("modal-container", /* @__PURE__ */ ref(null));
@@ -39230,9 +39238,9 @@ function render$x(_ctx, _cache) {
 }
 const InfoIcon = markRaw({ name: "material-symbols-info", render: render$x });
 const name = "x-print-designer";
-const version = "0.4.8";
-const dependencies = { "@guolao/vue-monaco-editor": "^1.6.0", "canvg": "^3.0.11", "dom-to-image-more": "^3.7.2", "echarts": "^6.0.0", "jsbarcode": "^3.12.3", "jspdf": "4.2", "jszip": "^3.10.1", "lodash": "^4.17.21", "pinia": "^2.3.0", "qrcode": "^1.5.4", "uuid": "^11.0.3", "vue": "^3.5.13", "vue-i18n": "^11.2.8" };
-const devDependencies = { "@iconify-json/material-symbols": "^1.2.53", "@types/jsbarcode": "^3.11.4", "@types/lodash": "^4.17.13", "@types/node": "^22.10.2", "@types/qrcode": "^1.5.6", "@types/uuid": "^10.0.0", "@vitejs/plugin-vue": "^5.2.1", "@vue/tsconfig": "^0.7.0", "autoprefixer": "^10.4.20", "postcss": "^8.4.49", "rollup-plugin-visualizer": "^7.0.1", "sharp": "^0.34.5", "tailwindcss": "^3.4.17", "terser": "^5.46.1", "typescript": "~5.6.2", "unplugin-icons": "^23.0.1", "vite": "^6.0.1", "vue-tsc": "^2.1.10" };
+const version = "0.4.12";
+const dependencies = { "@guolao/vue-monaco-editor": "^1.6.0", "canvg": "^3.0.11", "dom-to-image-more": "^3.7.2", "echarts": "^6.0.0", "jsbarcode": "^3.12.3", "jspdf": "4.2", "jszip": "^3.10.1", "lodash": "^4.17.21", "qrcode": "^1.5.4", "uuid": "^11.0.3" };
+const devDependencies = { "@iconify-json/material-symbols": "^1.2.53", "@types/jsbarcode": "^3.11.4", "@types/lodash": "^4.17.13", "@types/node": "^22.10.2", "@types/qrcode": "^1.5.6", "@types/uuid": "^10.0.0", "@vitejs/plugin-vue": "^5.2.1", "@vue/tsconfig": "^0.7.0", "autoprefixer": "^10.4.20", "postcss": "^8.4.49", "pinia": "2.3.0", "rollup-plugin-visualizer": "^7.0.1", "sharp": "^0.34.5", "tailwindcss": "^3.4.17", "terser": "^5.46.1", "typescript": "~5.6.2", "unplugin-icons": "^23.0.1", "vite": "^6.0.1", "vue": "3.5.13", "vue-i18n": "11.2.8", "vue-tsc": "^2.1.10" };
 const pkg = {
   name,
   version,
@@ -41931,7 +41939,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
   },
   emits: ["update:value"],
   setup(__props, { emit: __emit }) {
-    const Editor = /* @__PURE__ */ defineAsyncComponent(() => import("./index-DDpdu5o7.js").then((m) => m.Editor));
+    const Editor = /* @__PURE__ */ defineAsyncComponent(() => import("./index-C6B5Mzsh.js").then((m) => m.Editor));
     const emit2 = __emit;
     useDesignerStore();
     const { isDark: isDark2 } = useTheme();
@@ -45321,7 +45329,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
     const renderBarcodeDataUrl = async (element) => {
       try {
-        const jsBarcodeModule = await import("./JsBarcode-DxjTagMM.js").then((n) => n.JsBarcode);
+        const jsBarcodeModule = await import("./JsBarcode-Ie7CY3Wt.js").then((n) => n.JsBarcode);
         const JsBarcode = (jsBarcodeModule == null ? void 0 : jsBarcodeModule.default) || jsBarcodeModule;
         const canvas = document.createElement("canvas");
         const style = element.style || {};
@@ -45348,7 +45356,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     const renderQrDataUrl = async (element) => {
       var _a2, _b;
       try {
-        const qrcodeModule = await import("./browser-CYHQS9L7.js").then((n) => n.browser);
+        const qrcodeModule = await import("./browser-VQbZ-HlB.js").then((n) => n.browser);
         const QRCode = (qrcodeModule == null ? void 0 : qrcodeModule.default) || qrcodeModule;
         return await QRCode.toDataURL(getResolvedContent(element), {
           margin: 0,
@@ -54109,8 +54117,30 @@ loader.config({
   }
 });
 const designerFontStorageKey = "print-designer-font-family";
+const readStorage = (key) => {
+  if (typeof localStorage === "undefined") return null;
+  try {
+    return localStorage.getItem(key);
+  } catch {
+    return null;
+  }
+};
+const writeStorage = (key, value) => {
+  if (typeof localStorage === "undefined") return;
+  try {
+    localStorage.setItem(key, value);
+  } catch {
+  }
+};
+const removeStorage = (key) => {
+  if (typeof localStorage === "undefined") return;
+  try {
+    localStorage.removeItem(key);
+  } catch {
+  }
+};
 const applyStoredBrandVars = () => {
-  const stored = localStorage.getItem("print-designer-brand-vars");
+  const stored = readStorage("print-designer-brand-vars");
   if (!stored) return;
   try {
     const vars = JSON.parse(stored);
@@ -54124,8 +54154,10 @@ const applyStoredBrandVars = () => {
 };
 const getStoredDesignerFont = () => {
   var _a2;
-  return ((_a2 = localStorage.getItem(designerFontStorageKey)) == null ? void 0 : _a2.trim()) || "";
+  return ((_a2 = readStorage(designerFontStorageKey)) == null ? void 0 : _a2.trim()) || "";
 };
+const HTMLElementBase = typeof HTMLElement === "undefined" ? class {
+} : HTMLElement;
 const normalizeTemplateVariableKey = (rawKey) => {
   const key = String(rawKey || "").trim();
   if (!key) return "";
@@ -54159,7 +54191,7 @@ const sanitizeTemplateRenderState = (data) => {
   }));
   return next;
 };
-class PrintDesignerElement extends HTMLElement {
+class PrintDesignerElement extends HTMLElementBase {
   constructor() {
     super(...arguments);
     __publicField(this, "app", null);
@@ -54231,16 +54263,58 @@ class PrintDesignerElement extends HTMLElement {
       this._autoSaveIntervalMs.value = intervalMs;
     }
   }
+  getPreviewPageProps(options) {
+    var _a2, _b, _c, _d, _e, _f;
+    return {
+      autoRender: true,
+      pages: options.pages,
+      canvasSize: options.canvasSize,
+      canvasBackground: options.canvasBackground,
+      testData: options.testData,
+      variables: options.variables,
+      watermark: options.watermark,
+      mode: options.mode ?? ((_a2 = this.designerStore) == null ? void 0 : _a2.mode) ?? this._mode.value,
+      headerHeight: options.headerHeight ?? ((_b = this.designerStore) == null ? void 0 : _b.headerHeight),
+      footerHeight: options.footerHeight ?? ((_c = this.designerStore) == null ? void 0 : _c.footerHeight),
+      showHeaderLine: options.showHeaderLine ?? ((_d = this.designerStore) == null ? void 0 : _d.showHeaderLine),
+      showFooterLine: options.showFooterLine ?? ((_e = this.designerStore) == null ? void 0 : _e.showFooterLine),
+      pageSpacingY: options.pageSpacingY ?? ((_f = this.designerStore) == null ? void 0 : _f.pageSpacingY),
+      autoRenderTrigger: 1
+    };
+  }
+  syncPreviewStore(pinia, options) {
+    const previewStore = useDesignerStore(pinia);
+    const snapshot = this._designerStateSnapshot;
+    previewStore.pages = lodashExports.cloneDeep(options.pages || []);
+    if (options.canvasSize) previewStore.canvasSize = lodashExports.cloneDeep(options.canvasSize);
+    if (options.canvasBackground !== void 0) previewStore.canvasBackground = options.canvasBackground;
+    if (options.testData !== void 0) previewStore.testData = lodashExports.cloneDeep(options.testData || {});
+    if (options.variables !== void 0) previewStore.variables = lodashExports.cloneDeep(options.variables || {});
+    if (options.watermark !== void 0) previewStore.watermark = lodashExports.cloneDeep(options.watermark);
+    previewStore.setMode(options.mode ?? (snapshot == null ? void 0 : snapshot.mode) ?? this._mode.value);
+    previewStore.headerHeight = options.headerHeight ?? (snapshot == null ? void 0 : snapshot.headerHeight) ?? previewStore.headerHeight;
+    previewStore.footerHeight = options.footerHeight ?? (snapshot == null ? void 0 : snapshot.footerHeight) ?? previewStore.footerHeight;
+    previewStore.showHeaderLine = options.showHeaderLine ?? (snapshot == null ? void 0 : snapshot.showHeaderLine) ?? previewStore.showHeaderLine;
+    previewStore.showFooterLine = options.showFooterLine ?? (snapshot == null ? void 0 : snapshot.showFooterLine) ?? previewStore.showFooterLine;
+    previewStore.pageSpacingY = options.pageSpacingY ?? (snapshot == null ? void 0 : snapshot.pageSpacingY) ?? previewStore.pageSpacingY;
+    previewStore.regenerateFieldTree();
+  }
   setPreviewMode(options) {
     var _a2;
-    if (this.designerStore) {
+    if (!this._previewMode.value && this.designerStore) {
       this._designerStateSnapshot = {
+        mode: this.designerStore.mode,
         pages: lodashExports.cloneDeep(this.designerStore.pages),
         canvasSize: lodashExports.cloneDeep(this.designerStore.canvasSize),
         canvasBackground: this.designerStore.canvasBackground,
         testData: lodashExports.cloneDeep(this.designerStore.testData || {}),
         variables: lodashExports.cloneDeep(this.designerStore.variables || {}),
         watermark: lodashExports.cloneDeep(this.designerStore.watermark),
+        headerHeight: this.designerStore.headerHeight,
+        footerHeight: this.designerStore.footerHeight,
+        showHeaderLine: this.designerStore.showHeaderLine,
+        showFooterLine: this.designerStore.showFooterLine,
+        pageSpacingY: this.designerStore.pageSpacingY,
         currentTemplateId: (_a2 = this.templateStore) == null ? void 0 : _a2.currentTemplateId
       };
     }
@@ -54257,37 +54331,33 @@ class PrintDesignerElement extends HTMLElement {
       }
       const pinia = createPinia();
       setActivePinia(pinia);
+      const previewI18n = createI18nInstance(this.getAttribute("lang") || void 0);
+      this.i18n = previewI18n;
+      const previewPageProps = this.getPreviewPageProps(options);
       const app = createApp({
         setup: () => {
-          return () => h(PreviewPage, {
-            autoRender: true,
-            pages: options.pages,
-            canvasSize: options.canvasSize,
-            canvasBackground: options.canvasBackground,
-            testData: options.testData,
-            variables: options.variables,
-            watermark: options.watermark,
-            autoRenderTrigger: 1
-          });
+          return () => h(PreviewPage, previewPageProps);
         }
       });
       app.use(pinia);
+      app.use(previewI18n);
       if (app.config) {
         app.config.errorHandler = (err) => {
           this.dispatchEvent(new CustomEvent("error", { detail: { scope: "render", error: err } }));
         };
       }
-      const previewStore = useDesignerStore(pinia);
-      if (options.testData) previewStore.testData = options.testData;
-      if (options.variables) previewStore.variables = options.variables;
-      if (options.canvasSize) previewStore.canvasSize = options.canvasSize;
+      this.syncPreviewStore(pinia, options);
       app.mount(this.mountEl);
       this.app = app;
     }
   }
   exitPreviewMode() {
+    var _a2;
     this._previewMode.value = false;
     this._previewData.value = null;
+    if ((_a2 = this._designerStateSnapshot) == null ? void 0 : _a2.mode) {
+      this._mode.value = this._designerStateSnapshot.mode;
+    }
     if (this.app) {
       this.app.unmount();
       const shadow = this.shadowRoot || this.attachShadow({ mode: "open" });
@@ -54300,6 +54370,7 @@ class PrintDesignerElement extends HTMLElement {
       const pinia = createPinia();
       setActivePinia(pinia);
       const i18n2 = createI18nInstance(this.getAttribute("lang") || void 0);
+      this.i18n = i18n2;
       const app = createApp({
         setup: () => {
           return () => h(_sfc_main$1, { headless: this._headless.value, mode: this._mode.value, viewMode: this._viewMode.value, onSave: this._onSave.value ?? void 0, autoSaveEnabled: this._autoSaveEnabled.value, autoSaveIntervalMs: this._autoSaveIntervalMs.value, fieldDictionary: this._fieldDictionary.value });
@@ -54330,8 +54401,14 @@ class PrintDesignerElement extends HTMLElement {
           canvasBackground: snap.canvasBackground,
           testData: snap.testData,
           variables: snap.variables,
-          watermark: snap.watermark
+          watermark: snap.watermark,
+          headerHeight: snap.headerHeight,
+          footerHeight: snap.footerHeight,
+          showHeaderLine: snap.showHeaderLine,
+          showFooterLine: snap.showFooterLine,
+          pageSpacingY: snap.pageSpacingY
         });
+        this.designerStore.setMode(snap.mode ?? this._mode.value);
         if (snap.currentTemplateId && this.templateStore) {
           this.templateStore.currentTemplateId = snap.currentTemplateId;
         }
@@ -54344,7 +54421,7 @@ class PrintDesignerElement extends HTMLElement {
       if (this.i18n) {
         this.i18n.global.locale.value = lang;
       }
-      localStorage.setItem("print-designer-language", lang);
+      writeStorage("print-designer-language", lang);
     }
   }
   syncMonacoStyles() {
@@ -54409,16 +54486,8 @@ class PrintDesignerElement extends HTMLElement {
     const app = createApp({
       setup: () => {
         if (isPreview && previewData) {
-          return () => h(PreviewPage, {
-            autoRender: true,
-            pages: previewData.pages,
-            canvasSize: previewData.canvasSize,
-            canvasBackground: previewData.canvasBackground,
-            testData: previewData.testData,
-            variables: previewData.variables,
-            watermark: previewData.watermark,
-            autoRenderTrigger: 1
-          });
+          const previewPageProps = this.getPreviewPageProps(previewData);
+          return () => h(PreviewPage, previewPageProps);
         }
         return () => h(_sfc_main$1, { headless: this._headless.value, mode: this._mode.value, viewMode: this._viewMode.value, onSave: this._onSave.value ?? void 0, autoSaveEnabled: this._autoSaveEnabled.value, autoSaveIntervalMs: this._autoSaveIntervalMs.value, fieldDictionary: this._fieldDictionary.value });
       }
@@ -54441,6 +54510,9 @@ class PrintDesignerElement extends HTMLElement {
     if (storedDesignerFont) {
       this.mountEl.style.fontFamily = storedDesignerFont;
     }
+    if (isPreview && previewData) {
+      this.syncPreviewStore(pinia, previewData);
+    }
     app.mount(this.mountEl);
     this.printApi = usePrint();
     this.printSettings = usePrintSettings();
@@ -54561,7 +54633,7 @@ class PrintDesignerElement extends HTMLElement {
       root.style.setProperty(key, value);
     });
     if (options.persist !== false) {
-      localStorage.setItem("print-designer-brand-vars", JSON.stringify(vars));
+      writeStorage("print-designer-brand-vars", JSON.stringify(vars));
     }
   }
   setTheme(theme2) {
@@ -54578,9 +54650,9 @@ class PrintDesignerElement extends HTMLElement {
     }
     if (options.persist !== false) {
       if (normalized) {
-        localStorage.setItem(designerFontStorageKey, normalized);
+        writeStorage(designerFontStorageKey, normalized);
       } else {
-        localStorage.removeItem(designerFontStorageKey);
+        removeStorage(designerFontStorageKey);
       }
     }
   }
@@ -55202,12 +55274,14 @@ const checkCompatibility = () => {
   if (!("contentDocument" in document.createElement("iframe"))) issues.push("iframe isolation not supported");
   return issues;
 };
-const compatIssues = checkCompatibility();
-if (compatIssues.length > 0) {
-  console.warn("[PrintDesigner] Browser compatibility issues:", compatIssues.join(", "));
-}
-if (!customElements.get(elementName)) {
-  customElements.define(elementName, PrintDesignerElement);
+if (typeof window !== "undefined" && typeof document !== "undefined") {
+  const compatIssues = checkCompatibility();
+  if (compatIssues.length > 0) {
+    console.warn("[PrintDesigner] Browser compatibility issues:", compatIssues.join(", "));
+  }
+  if (typeof customElements !== "undefined" && !customElements.get(elementName)) {
+    customElements.define(elementName, PrintDesignerElement);
+  }
 }
 export {
   PrintDesignerElement,

package/dist/{index.es-bGPC2lWY.js → index.es-CJVAF11T.js}

@@ -1,4 +1,4 @@
-import { commonjsGlobal, getDefaultExportFromCjs } from "./web-component-DTlUr7qT.js";
+import { commonjsGlobal, getDefaultExportFromCjs } from "./index-sx0m_xBC.js";
 import { _typeof as _typeof$1 } from "./typeof-DxTVrAEz.js";
 var es_promise = {};
 var es_promise_constructor = {};

package/dist/{jspdf.es.min-Bl2JrjPw.js → jspdf.es.min-BZ5J-fwr.js}

@@ -10832,7 +10832,7 @@ function le() {
   var h2 = l2.getContext("2d");
   h2.fillStyle = "#fff", h2.fillRect(0, 0, l2.width, l2.height);
   var f2 = { ignoreMouse: true, ignoreAnimation: true, ignoreDimensions: true }, d2 = this;
-  return (i.canvg ? Promise.resolve(i.canvg) : import("./index.es-bGPC2lWY.js")).catch(function(t3) {
+  return (i.canvg ? Promise.resolve(i.canvg) : import("./index.es-CJVAF11T.js")).catch(function(t3) {
     return Promise.reject(new Error("Could not load canvg: " + t3));
   }).then(function(t3) {
     return t3.default ? t3.default : t3;

package/dist/{jszip.min-DjNutFBr.js → jszip.min-DQML3mxT.js}

@@ -1,4 +1,4 @@
-import { commonjsGlobal, getDefaultExportFromCjs } from "./web-component-DTlUr7qT.js";
+import { commonjsGlobal, getDefaultExportFromCjs } from "./index-sx0m_xBC.js";
 function _mergeNamespaces(n, m) {
   for (var i = 0; i < m.length; i++) {
     const e = m[i];

package/dist/print-designer.es.js

@@ -1,4 +1,4 @@
-import { PrintDesignerElement } from "./web-component-DTlUr7qT.js";
+import { PrintDesignerElement } from "./index-sx0m_xBC.js";
 export {
   PrintDesignerElement
 };