gp-designer 1.0.20 → 1.0.22

package/dist/gp-designer.es.js

@@ -12241,6 +12241,8 @@ const _1 = /* @__PURE__ */ dt(f1, [["render", g1]]), A1 = { class: "p-4 flex fle
   emits: ["update:modelValue", "update:element"],
   setup(e, { emit: t }) {
     const a = e, i = t, s = G(a.template), u = G();
+    let r = Ys("", {}, !1);
+    const o = G("");
     it(
       () => a.template,
       (A) => {
@@ -12264,7 +12266,7 @@ const _1 = /* @__PURE__ */ dt(f1, [["render", g1]]), A1 = { class: "p-4 flex fle
       },
       { immediate: !0 }
     );
-    const r = G(a.mode);
+    const c = G(a.mode);
     it(
       () => u.value,
       (A) => {
@@ -12272,10 +12274,9 @@ const _1 = /* @__PURE__ */ dt(f1, [["render", g1]]), A1 = { class: "p-4 flex fle
       },
       { immediate: !0 }
     );
-    const o = G(""), c = G("");
-    let d = Ys("", {}, !1);
+    const d = G("");
     it(
-      () => c.value,
+      () => o.value,
       (A) => {
         i("update:modelValue", A);
       },
@@ -12350,12 +12351,12 @@ const _1 = /* @__PURE__ */ dt(f1, [["render", g1]]), A1 = { class: "p-4 flex fle
       }
     }
     function ne(A) {
-      c.value = A;
+      o.value = A;
     }
     function Y(A) {
-      d = Ys(A);
-      const D = d("body").children().toArray().map((w) => g(d(w)));
-      return c.value = d("body").html() || "", D[0];
+      r = Ys(A);
+      const D = r("body").children().toArray().map((w) => g(r(w)));
+      return o.value = r("body").html() || "", D[0];
     }
     function g(A, D = "") {
       var de;
@@ -12369,7 +12370,7 @@ const _1 = /* @__PURE__ */ dt(f1, [["render", g1]]), A1 = { class: "p-4 flex fle
         }
         return "/html/" + _e.join("/");
       }
-      const q = w(A).replace("/html/body[1]", ""), re = A.children().toArray().map((te) => g(d(te), q)), Ie = (de = a.rules) == null ? void 0 : de.find((te) => te.xpath === q);
+      const q = w(A).replace("/html/body[1]", ""), re = A.children().toArray().map((te) => g(r(te), q)), Ie = (de = a.rules) == null ? void 0 : de.find((te) => te.xpath === q);
       return {
         tag: A[0].tagName,
         text: A.contents().not(A.children()).text().trim(),
@@ -12477,7 +12478,7 @@ const _1 = /* @__PURE__ */ dt(f1, [["render", g1]]), A1 = { class: "p-4 flex fle
         q.onload = (re) => {
           var de;
           let Ie = (de = re == null ? void 0 : re.target) == null ? void 0 : de.result;
-          D.attrs.src = Ie, console.log(" element.attrs", D.attrs), o.value = (/* @__PURE__ */ new Date()).getTime().toString();
+          D.attrs.src = Ie, console.log(" element.attrs", D.attrs), d.value = (/* @__PURE__ */ new Date()).getTime().toString();
         }, q.readAsDataURL(w);
       } else
         console.log("e2", A), D.attrs.src = w;
@@ -12485,7 +12486,7 @@ const _1 = /* @__PURE__ */ dt(f1, [["render", g1]]), A1 = { class: "p-4 flex fle
     function Pe(A) {
       const { icon: D } = A, w = B(u.value, A.element.xpath);
       let q = w.attrs.class.replace(/icon-\S+/g, `icon-${D}`);
-      w.attrs.class = q, o.value = (/* @__PURE__ */ new Date()).getTime().toString();
+      w.attrs.class = q, d.value = (/* @__PURE__ */ new Date()).getTime().toString();
     }
     const be = G(a.previewWidth), ee = G(375);
     let ye = G(!1), He = G(""), Ze = 0, O = 0;
@@ -12511,12 +12512,12 @@ const _1 = /* @__PURE__ */ dt(f1, [["render", g1]]), A1 = { class: "p-4 flex fle
           x("span", S1, Se(be.value) + "px", 1)
         ])) : H("", !0),
         x("div", null, [
-          c.value ? (v(), M("div", {
+          o.value ? (v(), M("div", {
             key: 0,
-            innerHTML: c.value
+            innerHTML: o.value
           }, null, 8, x1)) : (v(), M("div", {
             key: 1,
-            innerHTML: he(d)("body").html()
+            innerHTML: he(r)("body").html()
           }, null, 8, O1))
         ])
       ], 4)) : H("", !0),
@@ -12534,7 +12535,7 @@ const _1 = /* @__PURE__ */ dt(f1, [["render", g1]]), A1 = { class: "p-4 flex fle
             icon: E.value,
             mode: A.mode,
             icons: A.icons,
-            r: o.value,
+            r: d.value,
             element: u.value,
             selectedElement: T.value,
             hoveredElement: _.value,
@@ -12548,12 +12549,12 @@ const _1 = /* @__PURE__ */ dt(f1, [["render", g1]]), A1 = { class: "p-4 flex fle
           }, null, 8, ["cropper", "icon", "mode", "icons", "r", "element", "selectedElement", "hoveredElement"])) : H("", !0)
         ])
       ]),
-      r.value == "design" ? (v(), M("div", {
+      c.value == "design" ? (v(), M("div", {
         key: 2,
         class: "resizer",
         onMousedown: D[1] || (D[1] = (w) => L("structure"))
       }, null, 32)) : H("", !0),
-      r.value == "design" ? (v(), M("div", {
+      c.value == "design" ? (v(), M("div", {
         key: 3,
         class: "resize-area overflow-auto",
         style: cs({ width: ee.value + "px" })
@@ -12583,7 +12584,7 @@ const _1 = /* @__PURE__ */ dt(f1, [["render", g1]]), A1 = { class: "p-4 flex fle
       }, null, 8, ["icons"])
     ]));
   }
-}), k1 = /* @__PURE__ */ dt(P1, [["__scopeId", "data-v-5c6c0628"]]), Y1 = {
+}), k1 = /* @__PURE__ */ dt(P1, [["__scopeId", "data-v-fe58fd73"]]), Y1 = {
   install(e) {
     e.component("Designer", k1);
   }