@g1cloud/ui-modeler-next 5.0.0-alpha.7 → 5.0.0-alpha.9

package/dist/ui-modeler.js

@@ -1,7 +1,7 @@
 var tn = Object.defineProperty;
 var nn = (e, t, o) => t in e ? tn(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o;
 var X = (e, t, o) => nn(e, typeof t != "symbol" ? t + "" : t, o);
-import { reactive as on, ref as V, computed as M, defineComponent as se, openBlock as v, createElementBlock as O, normalizeClass as Ce, createElementVNode as H, toDisplayString as U, createCommentVNode as he, normalizeStyle as Xe, renderSlot as rn, inject as $e, resolveComponent as yt, createBlock as Ne, resolveDynamicComponent as an, mergeProps as ln, withCtx as sn, Fragment as q, renderList as oe, watch as qe, createTextVNode as cn, createVNode as Et, unref as K, onMounted as un, onBeforeUnmount as dn } from "vue";
+import { reactive as on, ref as V, computed as M, defineComponent as ce, openBlock as v, createElementBlock as O, normalizeClass as Ce, createElementVNode as U, toDisplayString as H, createCommentVNode as he, normalizeStyle as $e, renderSlot as rn, inject as Ue, resolveComponent as yt, createBlock as De, resolveDynamicComponent as an, mergeProps as ln, withCtx as sn, Fragment as q, renderList as oe, watch as Pe, createTextVNode as cn, createVNode as Et, unref as K, onMounted as un, onBeforeUnmount as dn } from "vue";
 const mt = {
   Layout: [
     "VerticalLayout",
@@ -102,23 +102,23 @@ const mt = {
 function Je(e) {
   return fn.has(e);
 }
-const J = (e) => ({ kind: "string", value: e }), St = (e) => ({ kind: "int", value: e }), N = (e) => ({ kind: "bool", value: e }), vt = (e) => ({ kind: "text", value: e }), ea = (e) => ({ kind: "dataSource", value: e }), ta = (e) => ({ kind: "dataMapping", value: e }), na = (e) => ({ kind: "validator", value: e });
-function Pe(e, t = "") {
+const J = (e) => ({ kind: "string", value: e }), St = (e) => ({ kind: "int", value: e }), N = (e) => ({ kind: "bool", value: e }), vt = (e) => ({ kind: "text", value: e }), na = (e) => ({ kind: "dataSource", value: e }), oa = (e) => ({ kind: "dataMapping", value: e }), ra = (e) => ({ kind: "validator", value: e });
+function Be(e, t = "") {
   return (e == null ? void 0 : e.kind) === "string" ? e.value : t;
 }
-function le(e, t = 0) {
+function se(e, t = 0) {
   return (e == null ? void 0 : e.kind) === "int" ? e.value : t;
 }
-function De(e, t = !1) {
+function Fe(e, t = !1) {
   return (e == null ? void 0 : e.kind) === "bool" ? e.value : t;
 }
 function Lt(e) {
   return (e == null ? void 0 : e.kind) === "text" ? e.value : void 0;
 }
-function oa(e) {
+function aa(e) {
   return (e == null ? void 0 : e.kind) === "validator" ? e.value : void 0;
 }
-const ra = {
+const ia = {
   NOTI_S: "Success",
   NOTI_F: "Fail",
   CONFIRM: "Confirm"
@@ -150,17 +150,17 @@ function ee(e, t) {
 function re(e, t) {
   if (t(e), e.children) for (const o of e.children) re(o, t);
 }
-function aa(e, t) {
+function la(e, t) {
   const o = [];
   return re(e, (n) => {
     t(n) && o.push(n);
   }), o;
 }
-function Ue(e, t) {
+function He(e, t) {
   if (e.children)
     for (const o of e.children) {
       if (o.partId === t) return e;
-      const n = Ue(o, t);
+      const n = He(o, t);
       if (n) return n;
     }
 }
@@ -213,8 +213,8 @@ function Tn(e, t) {
         message: `${i.partType}은(는) 자식으로 ${u.partType}을(를) 담을 수 없습니다`
       }), a)
         for (const p of Object.keys(u.layoutAttrs ?? {})) {
-          const g = t.propertyItem(i.partType, p);
-          g != null && g.layoutAttr || o.push({
+          const E = t.propertyItem(i.partType, p);
+          E != null && E.layoutAttr || o.push({
             ruleId: "CHK-ATTR-1",
             severity: "warning",
             targetKind: "part",
@@ -256,7 +256,7 @@ function yn(e) {
     if (!nt(e.text)) return e.text;
   }
 }
-function Fe(e) {
+function Ge(e) {
   return yn(hn(e));
 }
 function Ee(e) {
@@ -283,7 +283,7 @@ function En(e) {
       const p = a.split(",");
       p.length > 0 && (l = p[0]), p.length > 1 && (s = p[1]);
     }
-    const c = n.length >= 3 ? Fe(n[2].trim()) : void 0, u = n.length >= 4 ? Fe(n[3].trim()) : void 0;
+    const c = n.length >= 3 ? Ge(n[2].trim()) : void 0, u = n.length >= 4 ? Ge(n[3].trim()) : void 0;
     switch (i) {
       case "required":
         t.useRequired = !0, t.requiredMsg = c;
@@ -322,7 +322,7 @@ function mn(e) {
     sortName: t.length > 3 ? t[3] : ""
   };
 }
-function ia(e) {
+function sa(e) {
   return e == null ? [] : e.split(";").filter((t) => t.trim().length > 0).map(mn);
 }
 const bn = {
@@ -342,7 +342,7 @@ function Sn(e, t) {
     case "bool":
       return { kind: "bool", value: e.val === "true" };
     case "text":
-      return { kind: "text", value: Fe(e.val) ?? "" };
+      return { kind: "text", value: Ge(e.val) ?? "" };
     case "dataSource":
       return { kind: "dataSource", value: e.val };
     case "dataMapping":
@@ -506,7 +506,7 @@ function Cn() {
 function In(e) {
   const t = {};
   if (e.caseText && (t.caseText = { ...e.caseText }), e.msgType && (t.msgType = e.msgType), e.msgText != null) {
-    const o = Fe(e.msgText);
+    const o = Ge(e.msgText);
     o !== void 0 && (t.msgText = o);
   }
   return t;
@@ -541,23 +541,23 @@ function xt(e, t) {
     children: c,
     layoutAttrMap: u,
     extraAttrMap: p,
-    ...g
-  } = e, y = t.report, E = t.catalog ? t.catalog.get(n) != null : !0;
-  y && !E && y.unknownPartTypes.push({ partId: o, partType: n });
-  const b = y ? (m) => (S, w) => y.discardedAttrs.push({ partId: o, partType: n, key: S, tag: String(w.type), layout: m }) : void 0, B = kn(t.catalog, n), Y = {
+    ...E
+  } = e, g = t.report, T = t.catalog ? t.catalog.get(n) != null : !0;
+  g && !T && g.unknownPartTypes.push({ partId: o, partType: n });
+  const b = g ? (m) => (S, w) => g.discardedAttrs.push({ partId: o, partType: n, key: S, tag: String(w.type), layout: m }) : void 0, B = kn(t.catalog, n), W = {
     partId: o,
     partType: n,
     attrs: a ? ot(a, B, b == null ? void 0 : b(!1)) : {}
   };
-  if (xn(Y, t.catalog), i && (Y.info = {
+  if (xn(W, t.catalog), i && (W.info = {
     draggable: !!i.draggable,
     droppable: !!i.droppable,
     selectable: !!i.selectable,
     deletable: !!i.deletable
-  }), u && (Y.layoutAttrs = ot(u, B, b == null ? void 0 : b(!0))), p && (Y.extraAttrs = { ...p }), l && (Y.comment = { ...l }), s && (Y.caseMessages = s.map(In)), c && (Y.children = c.map((m) => xt(m, t))), y)
-    for (const m of Object.keys(g))
-      y.droppedFields.push({ partId: o, partType: n, field: m });
-  return Y;
+  }), u && (W.layoutAttrs = ot(u, B, b == null ? void 0 : b(!0))), p && (W.extraAttrs = { ...p }), l && (W.comment = { ...l }), s && (W.caseMessages = s.map(In)), c && (W.children = c.map((m) => xt(m, t))), g)
+    for (const m of Object.keys(E))
+      g.droppedFields.push({ partId: o, partType: n, field: m });
+  return W;
 }
 function An(e, t = {}) {
   return xt(e, t);
@@ -569,7 +569,7 @@ function Mn(e, t, o, n) {
 function At(e, t = null, o = 0, n = 0) {
   const i = [], a = (l, s, c) => {
     var u;
-    i.push(Mn(l, s, c, n)), (u = l.children) == null || u.forEach((p, g) => a(p, l.partId, g));
+    i.push(Mn(l, s, c, n)), (u = l.children) == null || u.forEach((p, E) => a(p, l.partId, E));
   };
   return a(e, t, o), i;
 }
@@ -590,7 +590,7 @@ function Pn(e) {
   };
   return e.info && (t.info = { ...e.info }), e.layoutAttrs && (t.layoutAttrs = { ...e.layoutAttrs }), e.extraAttrs && (t.extraAttrs = { ...e.extraAttrs }), e.comment !== void 0 && (t.comment = e.comment), e.caseMessages && (t.caseMessages = [...e.caseMessages]), t;
 }
-function la(e) {
+function ca(e) {
   const t = /* @__PURE__ */ new Map();
   for (const c of e.partList) {
     if (t.has(c.partId)) throw new Error(`v2-read: 중복 partId '${c.partId}'`);
@@ -612,7 +612,7 @@ function la(e) {
     if (a.has(c.partId)) throw new Error(`v2-read: 순환 참조 '${c.partId}'`);
     a.add(c.partId), i[c.partId] = c.rev;
     const u = Pn(c), p = o.get(c.partId);
-    return p && (p.sort((g, y) => g.order - y.order), u.children = p.map(l)), u;
+    return p && (p.sort((E, g) => E.order - g.order), u.children = p.map(l)), u;
   }, s = l(n);
   if (a.size !== t.size) {
     const c = [...t.keys()].filter((u) => !a.has(u));
@@ -622,7 +622,7 @@ function la(e) {
   }
   return { root: s, revSeed: { revs: i } };
 }
-function sa(e, t = {}) {
+function ua(e, t = {}) {
   const o = t.report ?? Cn(), n = An(e, { catalog: t.catalog, report: o });
   return { v2: _n(n, {
     opWriteEnabled: t.opWriteEnabled,
@@ -632,7 +632,7 @@ function sa(e, t = {}) {
 function rt(e, t) {
   return e == null ? t : Math.max(0, Math.min(e, t));
 }
-function ca(e, t, o) {
+function da(e, t, o) {
   const n = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map();
   for (const u of e) {
     if (n.has(u.partId)) throw new Error(`applyOpsToFlat: 입력 중복 partId '${u.partId}'`);
@@ -641,10 +641,10 @@ function ca(e, t, o) {
   const a = o.revs ?? {};
   for (const [u, p] of Object.entries(a)) {
     if (!i.has(u)) continue;
-    const g = i.get(u);
-    if (g !== p) return { ok: !1, conflict: { kind: "rev", ref: u, current: g } };
+    const E = i.get(u);
+    if (E !== p) return { ok: !1, conflict: { kind: "rev", ref: u, current: E } };
   }
-  const l = (u) => [...n.values()].filter((p) => p.parentId === u).sort((p, g) => p.order - g.order), s = (u) => u.forEach((p, g) => p.order = g);
+  const l = (u) => [...n.values()].filter((p) => p.parentId === u).sort((p, E) => p.order - E.order), s = (u) => u.forEach((p, E) => p.order = E);
   for (const u of t)
     switch (u.kind) {
       case "part.add": {
@@ -652,13 +652,13 @@ function ca(e, t, o) {
         if (p !== null && !n.has(p))
           return { ok: !1, conflict: { kind: "missing", ref: p } };
         if (!u.value) throw new Error("applyOpsToFlat: part.add에 value(서브트리) 누락");
-        const g = At(u.value, p, 0, 0);
-        for (const b of g) {
+        const E = At(u.value, p, 0, 0);
+        for (const b of E) {
           if (n.has(b.partId)) throw new Error(`applyOpsToFlat: part.add 중복 partId '${b.partId}'`);
           n.set(b.partId, b);
         }
-        const y = u.value.partId, E = l(p).filter((b) => b.partId !== y);
-        E.splice(rt(u.index, E.length), 0, n.get(y)), s(E);
+        const g = u.value.partId, T = l(p).filter((b) => b.partId !== g);
+        T.splice(rt(u.index, T.length), 0, n.get(g)), s(T);
         break;
       }
       case "part.update": {
@@ -668,30 +668,30 @@ function ca(e, t, o) {
         break;
       }
       case "part.move": {
-        const p = u.partRef, g = p ? n.get(p) : void 0;
-        if (!p || !g) return { ok: !1, conflict: { kind: "missing", ref: p } };
-        const y = u.toParentRef ?? null;
-        if (y !== null && !n.has(y))
-          return { ok: !1, conflict: { kind: "missing", ref: y } };
-        const E = g.parentId;
-        s(l(E).filter((B) => B.partId !== p)), g.parentId = y;
-        const b = l(y).filter((B) => B.partId !== p);
-        b.splice(rt(u.index, b.length), 0, g), s(b);
+        const p = u.partRef, E = p ? n.get(p) : void 0;
+        if (!p || !E) return { ok: !1, conflict: { kind: "missing", ref: p } };
+        const g = u.toParentRef ?? null;
+        if (g !== null && !n.has(g))
+          return { ok: !1, conflict: { kind: "missing", ref: g } };
+        const T = E.parentId;
+        s(l(T).filter((B) => B.partId !== p)), E.parentId = g;
+        const b = l(g).filter((B) => B.partId !== p);
+        b.splice(rt(u.index, b.length), 0, E), s(b);
         break;
       }
       case "part.remove": {
         const p = u.partRef;
         if (!p || !n.has(p)) return { ok: !1, conflict: { kind: "missing", ref: p } };
-        const g = n.get(p).parentId;
-        for (const y of Bn(n, p)) n.delete(y);
-        s(l(g));
+        const E = n.get(p).parentId;
+        for (const g of Bn(n, p)) n.delete(g);
+        s(l(E));
         break;
       }
     }
   const c = {};
   for (const [u, p] of Object.entries(a)) {
-    const g = n.get(u);
-    g && (i.has(u) && (g.rev = p + 1), c[u] = g.rev);
+    const E = n.get(u);
+    E && (i.has(u) && (E.rev = p + 1), c[u] = E.rev);
   }
   return { ok: !0, partList: [...n.values()], revs: c };
 }
@@ -704,7 +704,7 @@ function Bn(e, t) {
   }
   return o;
 }
-const ua = [
+const pa = [
   "TEXT",
   "TEXT_WITH_BUTTON",
   "TEXT_RO_WITH_BUTTON",
@@ -764,10 +764,10 @@ function r(e, t, o, n, i, a) {
 function d(e, ...t) {
   return { name: e, items: t };
 }
-function Be(e, ...t) {
+function Re(e, ...t) {
   return { name: e, layoutAttr: !0, items: t.map((o) => ({ ...o, layoutAttr: !0 })) };
 }
-function T() {
+function h() {
   return d(
     "Component",
     r("addStyleNames", "Style", "string", "ADD_STYLE"),
@@ -778,7 +778,7 @@ function T() {
     r("srcGenHint", "Src Gen Hint", "string", "TEXTAREA")
   );
 }
-function h() {
+function y() {
   return d("Size", r("width", "Width", "string", "TEXT"), r("height", "Height", "string", "TEXT"));
 }
 function Me() {
@@ -790,8 +790,8 @@ function Me() {
     r("maxHeight", "Max Height", "string", "TEXT")
   );
 }
-function We() {
-  return Be(
+function Ve() {
+  return Re(
     "Layout",
     r("componentAlignment", "Align", "string", "ALIGN"),
     r("expandRatio", "Expand Ratio", "int", "INTEGER")
@@ -822,7 +822,7 @@ function at() {
 function A(e, t) {
   return { kind: "toggle", css: e, label: t };
 }
-const ge = () => ({ kind: "enum", dim: "spacing" }), Re = () => ({ kind: "enum", dim: "gap" }), we = () => ({ kind: "enum", dim: "textColor" }), z = () => ({ kind: "enum", dim: "bgColor" }), Nn = () => ({ kind: "enum", dim: "captionBg" }), Dn = () => ({ kind: "enum", dim: "captionDir" }), te = () => ({ kind: "enum", dim: "align" }), Fn = () => ({ kind: "enum", dim: "verticalAlign" }), W = () => ({ kind: "enum", dim: "size" }), Oe = () => ({ kind: "enum", dim: "size", only: ["small", "default", "large"] }), L = () => ({ kind: "enum", dim: "captionSize" }), it = () => ({ kind: "enum", dim: "iconAlign" }), lt = () => ({ kind: "enum", dim: "heading" }), Qe = () => ({ kind: "enum", dim: "weight" }), G = () => A("borderless", "Borderless"), Mt = () => A("borderless-top", "Borderless Top"), _t = () => A("borderless-bottom", "Borderless Bottom"), Pt = () => A("borderless-left", "Borderless Left"), Bt = () => A("borderless-right", "Borderless Right"), ne = () => A("bordered", "Bordered"), Rt = () => A("bordered-top", "Bordered Top"), wt = () => A("bordered-bottom", "Bordered Bottom"), Nt = () => A("bordered-left", "Bordered Left"), Dt = () => A("bordered-right", "Bordered Right"), Gn = () => A("color-bordered-top", "Color Bordered Top"), Ft = () => A("lineless", "Lineless"), Ve = () => A("horizontal", "Horizontal"), et = () => A("scrollable-full", "Scrollable"), st = () => A("white-prefix", "White Prefix"), ct = () => A("white-suffix", "White Suffix"), Xn = () => A("caption-borderless-bottom", "Caption Borderless Bottom"), ye = () => [
+const ge = () => ({ kind: "enum", dim: "spacing" }), we = () => ({ kind: "enum", dim: "gap" }), Ne = () => ({ kind: "enum", dim: "textColor" }), z = () => ({ kind: "enum", dim: "bgColor" }), Nn = () => ({ kind: "enum", dim: "captionBg" }), Dn = () => ({ kind: "enum", dim: "captionDir" }), te = () => ({ kind: "enum", dim: "align" }), Fn = () => ({ kind: "enum", dim: "verticalAlign" }), Y = () => ({ kind: "enum", dim: "size" }), Oe = () => ({ kind: "enum", dim: "size", only: ["small", "default", "large"] }), L = () => ({ kind: "enum", dim: "captionSize" }), it = () => ({ kind: "enum", dim: "iconAlign" }), lt = () => ({ kind: "enum", dim: "heading" }), Qe = () => ({ kind: "enum", dim: "weight" }), G = () => A("borderless", "Borderless"), Mt = () => A("borderless-top", "Borderless Top"), _t = () => A("borderless-bottom", "Borderless Bottom"), Pt = () => A("borderless-left", "Borderless Left"), Bt = () => A("borderless-right", "Borderless Right"), ne = () => A("bordered", "Bordered"), Rt = () => A("bordered-top", "Bordered Top"), wt = () => A("bordered-bottom", "Bordered Bottom"), Nt = () => A("bordered-left", "Bordered Left"), Dt = () => A("bordered-right", "Bordered Right"), Gn = () => A("color-bordered-top", "Color Bordered Top"), Ft = () => A("lineless", "Lineless"), ze = () => A("horizontal", "Horizontal"), et = () => A("scrollable-full", "Scrollable"), st = () => A("white-prefix", "White Prefix"), ct = () => A("white-suffix", "White Suffix"), Xn = () => A("caption-borderless-bottom", "Caption Borderless Bottom"), ye = () => [
   Rt(),
   wt(),
   Nt(),
@@ -851,16 +851,16 @@ const ge = () => ({ kind: "enum", dim: "spacing" }), Re = () => ({ kind: "enum",
           "unmask-personal-info,modify-personal-info,personal-info-excel-download,personal-info-excel-upload"
         )
       ),
-      T(),
-      h()
+      h(),
+      y()
     ],
     [
-      W(),
+      Y(),
       G(),
       it(),
       A("menu-button", "Menu Button"),
       A("link", "Link Button"),
-      we()
+      Ne()
     ]
   ),
   f(
@@ -884,10 +884,10 @@ const ge = () => ({ kind: "enum", dim: "spacing" }), Re = () => ({ kind: "enum",
         r("popupSpacing", "Popup Spacing", "bool", "BOOL"),
         r("popupStyleNames", "Popup Style", "string", "ADD_STYLE")
       ),
-      T(),
-      h()
+      h(),
+      y()
     ],
-    [W(), G(), it()]
+    [Y(), G(), it()]
   ),
   f(
     "Label",
@@ -898,17 +898,17 @@ const ge = () => ({ kind: "enum", dim: "spacing" }), Re = () => ({ kind: "enum",
         r("value", "Text", "text", "MESSAGE_TEXT"),
         r("contentMode", "Content mode", "string", "SELECT", "TEXT:Text; PREFORMATTED:Preformatted; HTML:Html")
       ),
-      T(),
-      h()
+      h(),
+      y()
     ],
     [
       te(),
-      W(),
+      Y(),
       lt(),
       Qe(),
       ge(),
       L(),
-      we(),
+      Ne(),
       z(),
       ...I()
     ]
@@ -918,8 +918,8 @@ const ge = () => ({ kind: "enum", dim: "spacing" }), Re = () => ({ kind: "enum",
     "Image",
     [
       d("Image", r("source", "Source", "string", "TEXT"), r("alternateText", "Alternate text", "string", "TEXT")),
-      T(),
-      h()
+      h(),
+      y()
     ],
     [...I()]
   ),
@@ -928,10 +928,10 @@ const ge = () => ({ kind: "enum", dim: "spacing" }), Re = () => ({ kind: "enum",
     "Link",
     [
       d("Link", r("resource", "Resource", "string", "TEXT"), r("targetName", "Target name", "string", "TEXT")),
-      T(),
-      h()
+      h(),
+      y()
     ],
-    [te(), Oe(), L(), we(), ...I()]
+    [te(), Oe(), L(), Ne(), ...I()]
   ),
   f("LinkTab", "LinkTab", [
     d(
@@ -939,19 +939,19 @@ const ge = () => ({ kind: "enum", dim: "spacing" }), Re = () => ({ kind: "enum",
       r("fixed", "Fixed", "bool", "BOOL", void 0, N(!0)),
       r("scrollContainer", "Scroll Container", "string", "COMPONENT_REF", "VerticalLayout,HorizontalLayout")
     ),
-    T(),
-    h()
+    h(),
+    y()
   ]),
   f(
     "ProgressBar",
     "Progress Bar",
-    [d("ProgressBar"), T(), h()],
+    [d("ProgressBar"), h(), y()],
     [L(), ...I()]
   ),
   f(
     "Console",
     "Console",
-    [d("Console"), T(), h()],
+    [d("Console"), h(), y()],
     [L(), ...I()]
   ),
   f(
@@ -966,18 +966,18 @@ const ge = () => ({ kind: "enum", dim: "spacing" }), Re = () => ({ kind: "enum",
         r("submitButtonStyleName", "Submit button style", "string", "TEXT"),
         r("progressBar", "ProgressBar", "string", "COMPONENT_REF", "ProgressBar")
       ),
-      T(),
-      h()
+      h(),
+      y()
     ],
     [L(), ...I()]
   ),
   f(
     "AuditInfo",
     "Audit Info",
-    [d("AuditInfo"), T(), h()],
+    [d("AuditInfo"), h(), y()],
     [
       te(),
-      W(),
+      Y(),
       lt(),
       Qe(),
       ge(),
@@ -990,8 +990,8 @@ const ge = () => ({ kind: "enum", dim: "spacing" }), Re = () => ({ kind: "enum",
       "AuditInfoButton",
       r("popupPosition", "Position", "string", "SELECT", "LEFT:Left; CENTER:Center; RIGHT:Right", J("CENTER"))
     ),
-    T(),
-    h()
+    h(),
+    y()
   ])
 ], Un = [
   f(
@@ -1006,8 +1006,8 @@ const ge = () => ({ kind: "enum", dim: "spacing" }), Re = () => ({ kind: "enum",
         r("linkUrl", "Link URL", "string", "TEXT"),
         r("linkTarget", "Link Target", "string", "TEXT")
       ),
-      T(),
-      h()
+      h(),
+      y()
     ]
   ),
   f(
@@ -1021,8 +1021,8 @@ const ge = () => ({ kind: "enum", dim: "spacing" }), Re = () => ({ kind: "enum",
         r("leftYAxesTitle", "Left Y-Axis Title", "text", "MESSAGE_TEXT"),
         r("rightYAxesTitle", "Right Y-Axis Title", "text", "MESSAGE_TEXT")
       ),
-      T(),
-      h()
+      h(),
+      y()
     ],
     [ne(), ...ye(), L(), ...I()]
   )
@@ -1044,8 +1044,8 @@ const ge = () => ({ kind: "enum", dim: "spacing" }), Re = () => ({ kind: "enum",
         r("enableReorder", "Enable reorder", "bool", "BOOL", void 0, N(!0))
       ),
       x(),
-      T(),
-      h()
+      h(),
+      y()
     ],
     [L(), ...I()]
   ),
@@ -1064,10 +1064,10 @@ const ge = () => ({ kind: "enum", dim: "spacing" }), Re = () => ({ kind: "enum",
         r("subFolder", "Sub folder", "string", "TEXT")
       ),
       x(),
-      T(),
-      h()
+      h(),
+      y()
     ],
-    [W(), L(), ...I()]
+    [Y(), L(), ...I()]
   ),
   f(
     "SingleImageUpload",
@@ -1080,15 +1080,15 @@ const ge = () => ({ kind: "enum", dim: "spacing" }), Re = () => ({ kind: "enum",
         r("subFolder", "Sub folder", "string", "TEXT")
       ),
       x(),
-      T(),
-      h()
+      h(),
+      y()
     ],
     [L(), ...I()]
   ),
   f(
     "NameField",
     "Name Field",
-    [d("NameField"), x(), T(), h()],
+    [d("NameField"), x(), h(), y()],
     [L(), ...I()]
   ),
   f(
@@ -1097,8 +1097,8 @@ const ge = () => ({ kind: "enum", dim: "spacing" }), Re = () => ({ kind: "enum",
     [
       d("AddressField", r("showSecondaryAddress", "Secondary Addr.", "bool", "BOOL")),
       x(),
-      T(),
-      h()
+      h(),
+      y()
     ],
     [L(), ...I()]
   ),
@@ -1108,23 +1108,23 @@ const ge = () => ({ kind: "enum", dim: "spacing" }), Re = () => ({ kind: "enum",
     [
       d("PageBuilder", r("subFolder", "Image sub folder", "string", "TEXT")),
       x(),
-      T(),
-      h()
+      h(),
+      y()
     ],
     [G()]
   ),
   f(
     "ContentEditor",
     "Content Editor",
-    [d("ContentEditor"), x(), T(), h()],
+    [d("ContentEditor"), x(), h(), y()],
     [G()]
   )
-], Yn = [
-  f("PageRefreshButton", "PageRefreshButton", [d("PageRefreshButton"), T(), h()]),
+], Wn = [
+  f("PageRefreshButton", "PageRefreshButton", [d("PageRefreshButton"), h(), y()]),
   f("MultiLangExpandButton", "MultiLangExpandButton", [
     d("MultiLangExpandButton"),
-    T(),
-    h()
+    h(),
+    y()
   ]),
   f("Fragment", "Fragment", [
     d(
@@ -1134,7 +1134,7 @@ const ge = () => ({ kind: "enum", dim: "spacing" }), Re = () => ({ kind: "enum",
       r("id", "ID", "string", "TEXT"),
       r("caption", "Caption", "text", "MESSAGE_TEXT")
     ),
-    h()
+    y()
   ]),
   f("CommentList", "Comment List", [
     d(
@@ -1148,8 +1148,8 @@ const ge = () => ({ kind: "enum", dim: "spacing" }), Re = () => ({ kind: "enum",
       r("commentPropertyId", "Cmt. Property ID", "string", "TEXT"),
       r("commentDataMapping", "Cmt. Data Mapping", "dataMapping", "DATAMAPPING")
     ),
-    T(),
-    h()
+    h(),
+    y()
   ]),
   f(
     "SourceCodeEditor",
@@ -1162,24 +1162,24 @@ const ge = () => ({ kind: "enum", dim: "spacing" }), Re = () => ({ kind: "enum",
         r("highlightActiveLine", "Highlight Line", "bool", "BOOL", void 0, N(!0))
       ),
       x(),
-      T(),
-      h()
+      h(),
+      y()
     ],
     [ne(), ...ye(), L(), ...I()]
   ),
   f(
     "MarkdownViewer",
     "Markdown Viewer",
-    [x(), T(), h()],
+    [x(), h(), y()],
     [ne(), ...ye(), L(), ...I()]
   ),
   f(
     "History",
     "History",
-    [T(), h()],
+    [h(), y()],
     [ne(), ...ye(), L(), ...I()]
   )
-], Wn = [
+], Yn = [
   f("TextFilter", "Text Filter", [
     d("TextFilter", r("filterType", "Filter Type", "string", "SELECT", ":; LIKE:Like; EQUAL:Equal;"))
   ]),
@@ -1239,8 +1239,8 @@ const ge = () => ({ kind: "enum", dim: "spacing" }), Re = () => ({ kind: "enum",
         r("dataMapping", "Data Mapping", "dataMapping", "DATAMAPPING"),
         r("validate", "Validation", "validator", "TEXT_WITH_BUTTON")
       ),
-      T(),
-      h()
+      h(),
+      y()
     ],
     [L(), ...I(), G(), ...fe()]
   ),
@@ -1298,7 +1298,7 @@ const ge = () => ({ kind: "enum", dim: "spacing" }), Re = () => ({ kind: "enum",
       r("useColumnSettingButton", "Column Setting", "bool", "BOOL"),
       r("excelDownMaxCount", "Excel Max Count", "int", "INTEGER")
     ),
-    T()
+    h()
   ]),
   f("GridLookup", "Grid Lookup", [
     d(
@@ -1308,10 +1308,10 @@ const ge = () => ({ kind: "enum", dim: "spacing" }), Re = () => ({ kind: "enum",
       r("inputFilterType", "Input Filter Type", "string", "SELECT", ":; LIKE:Like; EQUAL:Equal;"),
       r("dateResolution", "DateResolution", "string", "SELECT", ":; DAY:Day;HOUR:Hour;MINUTE:Minute;SECOND:Second;")
     ),
-    T(),
-    h()
+    h(),
+    y()
   ])
-], Le = ":Auto;ENUM:Enum Class;STRING:String", ze = ":; DAY:Day;HOUR:Hour;MINUTE:Minute;SECOND:Second", zn = [
+], Le = ":Auto;ENUM:Enum Class;STRING:String", je = ":; DAY:Day;HOUR:Hour;MINUTE:Minute;SECOND:Second", zn = [
   f(
     "TextField",
     "Text Field",
@@ -1329,10 +1329,10 @@ const ge = () => ({ kind: "enum", dim: "spacing" }), Re = () => ({ kind: "enum",
         r("autoComplete", "AutoComplete", "string", "TEXT")
       ),
       x(),
-      T(),
-      h()
+      h(),
+      y()
     ],
-    [te(), W(), L(), G(), z(), st(), ct(), ...I()]
+    [te(), Y(), L(), G(), z(), st(), ct(), ...I()]
   ),
   f(
     "TextArea",
@@ -1344,15 +1344,15 @@ const ge = () => ({ kind: "enum", dim: "spacing" }), Re = () => ({ kind: "enum",
         r("autoResize", "Auto resize", "bool", "BOOL", void 0, N(!0))
       ),
       x(),
-      T(),
-      h()
+      h(),
+      y()
     ],
-    [te(), W(), L(), G(), ...I()]
+    [te(), Y(), L(), G(), ...I()]
   ),
   f(
     "StyledTextField",
     "Styled Text Field",
-    [d("StyledTextField"), x(), T(), h()],
+    [d("StyledTextField"), x(), h(), y()],
     [...I()]
   ),
   f(
@@ -1365,8 +1365,8 @@ const ge = () => ({ kind: "enum", dim: "spacing" }), Re = () => ({ kind: "enum",
         r("subFolder", "Image sub folder", "string", "TEXT")
       ),
       x(),
-      T(),
-      h()
+      h(),
+      y()
     ],
     [L(), ...I()]
   ),
@@ -1380,10 +1380,10 @@ const ge = () => ({ kind: "enum", dim: "spacing" }), Re = () => ({ kind: "enum",
         r("placeholder", "Placeholder", "text", "MESSAGE_TEXT")
       ),
       x(),
-      T(),
-      h()
+      h(),
+      y()
     ],
-    [te(), W(), L(), ...I(), G()]
+    [te(), Y(), L(), ...I(), G()]
   ),
   f(
     "NumberField",
@@ -1403,10 +1403,10 @@ const ge = () => ({ kind: "enum", dim: "spacing" }), Re = () => ({ kind: "enum",
         r("suffix", "Suffix", "text", "MESSAGE_TEXT")
       ),
       x(),
-      T(),
-      h()
+      h(),
+      y()
     ],
-    [te(), W(), z(), L(), ...I(), G(), st(), ct()]
+    [te(), Y(), z(), L(), ...I(), G(), st(), ct()]
   ),
   f(
     "CurrencyField",
@@ -1423,10 +1423,10 @@ const ge = () => ({ kind: "enum", dim: "spacing" }), Re = () => ({ kind: "enum",
         r("clickTarget", "Click Target", "string", "TEXT")
       ),
       x(),
-      T(),
-      h()
+      h(),
+      y()
     ],
-    [te(), W(), z(), L(), ...I(), G()]
+    [te(), Y(), z(), L(), ...I(), G()]
   ),
   f(
     "DateField",
@@ -1437,7 +1437,7 @@ const ge = () => ({ kind: "enum", dim: "spacing" }), Re = () => ({ kind: "enum",
         r("placeholder", "Placeholder", "text", "MESSAGE_TEXT"),
         r("dateFormat", "Format", "string", "TEXT"),
         r("resolution", "Resolution", "string", "SELECT", ":; DAY:Day;HOUR:Hour;MINUTE:Minute;SECOND:Second;"),
-        r("displayResolution", "Display Resolution", "string", "SELECT", ze),
+        r("displayResolution", "Display Resolution", "string", "SELECT", je),
         r("truncateType", "Truncate Type", "string", "SELECT", ":; BEGIN:BEGIN; END:END;"),
         r("beginYearDelta", "Begin Year Delta", "int", "INTEGER"),
         r("endYearDelta", "End Year Delta", "int", "INTEGER"),
@@ -1446,8 +1446,8 @@ const ge = () => ({ kind: "enum", dim: "spacing" }), Re = () => ({ kind: "enum",
         r("stepOfMinutes", "Step of Minutes", "int", "INTEGER")
       ),
       x(),
-      T(),
-      h()
+      h(),
+      y()
     ],
     [L(), ...I()]
   ),
@@ -1457,8 +1457,8 @@ const ge = () => ({ kind: "enum", dim: "spacing" }), Re = () => ({ kind: "enum",
     [
       d("TimeField", r("resolution", "Resolution", "string", "SELECT", ":; HOUR:Hour;MINUTE:Minute;SECOND:Second")),
       x(),
-      T(),
-      h()
+      h(),
+      y()
     ],
     [L(), ...I()]
   ),
@@ -1472,8 +1472,8 @@ const ge = () => ({ kind: "enum", dim: "spacing" }), Re = () => ({ kind: "enum",
         r("toPlaceholder", "To Placeholder", "text", "MESSAGE_TEXT"),
         r("checkDateOrder", "Check Order", "bool", "BOOL"),
         r("checkDateOrderMessage", "Check Msg", "text", "MESSAGE_TEXT"),
-        r("resolution", "Resolution", "string", "SELECT", ze),
-        r("displayResolution", "Display Resolution", "string", "SELECT", ze),
+        r("resolution", "Resolution", "string", "SELECT", je),
+        r("displayResolution", "Display Resolution", "string", "SELECT", je),
         r("selectResolution", "Select Resolution", "string", "SELECT", ":; WEEK:Week"),
         r("beginYearDelta", "Begin Year Delta", "int", "INTEGER"),
         r("endYearDelta", "End Year Delta", "int", "INTEGER"),
@@ -1485,21 +1485,21 @@ const ge = () => ({ kind: "enum", dim: "spacing" }), Re = () => ({ kind: "enum",
         r("dateFieldWidth", "DateField Width", "string", "TEXT")
       ),
       wn(),
-      T(),
-      h()
+      h(),
+      y()
     ],
     [L(), ...I()]
   ),
   f(
     "CheckBox",
     "CheckBox",
-    [d("CheckBox", r("checked", "Checked", "bool", "BOOL")), x(), T(), h()],
+    [d("CheckBox", r("checked", "Checked", "bool", "BOOL")), x(), h(), y()],
     [Oe(), L()]
   ),
   f(
     "RadioButton",
     "RadioButton",
-    [d("RadioButton"), x(), T()],
+    [d("RadioButton"), x(), h()],
     [L()]
   ),
   f(
@@ -1512,10 +1512,10 @@ const ge = () => ({ kind: "enum", dim: "spacing" }), Re = () => ({ kind: "enum",
         r("codeValueType", "Code Value Type", "string", "SELECT", Le)
       ),
       x(),
-      T(),
-      h()
+      h(),
+      y()
     ],
-    [Oe(), Ve(), L(), ...I()]
+    [Oe(), ze(), L(), ...I()]
   ),
   f(
     "CheckBoxGroup",
@@ -1528,10 +1528,10 @@ const ge = () => ({ kind: "enum", dim: "spacing" }), Re = () => ({ kind: "enum",
         r("multiSelect", "MultiSelect", "bool", "BOOL", void 0, N(!0))
       ),
       x(),
-      T(),
-      h()
+      h(),
+      y()
     ],
-    [Oe(), Ve(), L(), ...I()]
+    [Oe(), ze(), L(), ...I()]
   ),
   f(
     "YesNoGroup",
@@ -1543,10 +1543,10 @@ const ge = () => ({ kind: "enum", dim: "spacing" }), Re = () => ({ kind: "enum",
         r("noCaption", "No caption", "text", "MESSAGE_TEXT")
       ),
       x(),
-      T(),
-      h()
+      h(),
+      y()
     ],
-    [Oe(), Ve(), L(), ...I()]
+    [Oe(), ze(), L(), ...I()]
   ),
   f(
     "Select",
@@ -1562,10 +1562,10 @@ const ge = () => ({ kind: "enum", dim: "spacing" }), Re = () => ({ kind: "enum",
         r("ignoreCase", "Ignore case", "bool", "BOOL")
       ),
       x(),
-      T(),
-      h()
+      h(),
+      y()
     ],
-    [W(), L(), ...I(), G()]
+    [Y(), L(), ...I(), G()]
   ),
   f(
     "MultiSelect",
@@ -1579,10 +1579,10 @@ const ge = () => ({ kind: "enum", dim: "spacing" }), Re = () => ({ kind: "enum",
         r("ignoreCase", "Ignore case", "bool", "BOOL")
       ),
       x(),
-      T(),
-      h()
+      h(),
+      y()
     ],
-    [W(), L(), ...I(), G()]
+    [Y(), L(), ...I(), G()]
   ),
   f(
     "CategorySelect",
@@ -1598,10 +1598,10 @@ const ge = () => ({ kind: "enum", dim: "spacing" }), Re = () => ({ kind: "enum",
         r("ignoreCase", "Ignore case", "bool", "BOOL")
       ),
       x(),
-      T(),
-      h()
+      h(),
+      y()
     ],
-    [W(), L(), ...I(), G()]
+    [Y(), L(), ...I(), G()]
   ),
   f(
     "PopupSelect",
@@ -1616,8 +1616,8 @@ const ge = () => ({ kind: "enum", dim: "spacing" }), Re = () => ({ kind: "enum",
         r("hideButton", "Hide Button", "bool", "BOOL")
       ),
       x(),
-      T(),
-      h()
+      h(),
+      y()
     ],
     [L(), ...I()]
   ),
@@ -1635,16 +1635,16 @@ const ge = () => ({ kind: "enum", dim: "spacing" }), Re = () => ({ kind: "enum",
         r("ignoreCase", "Ignore case", "bool", "BOOL")
       ),
       x(),
-      T(),
-      h()
+      h(),
+      y()
     ],
-    [W(), L(), ...I(), G()]
+    [Y(), L(), ...I(), G()]
   ),
   f(
     "ColorField",
     "Color Field",
-    [d("ColorField"), x(), T(), h()],
-    [W(), L(), G(), z(), ...I()]
+    [d("ColorField"), x(), h(), y()],
+    [Y(), L(), G(), z(), ...I()]
   )
 ], jn = [
   f(
@@ -1658,14 +1658,14 @@ const ge = () => ({ kind: "enum", dim: "spacing" }), Re = () => ({ kind: "enum",
         r("enableChildDragAndDrop", "Enable DnD", "bool", "BOOL"),
         r("dragAndDropPositionMarkSize", "DnD mark size", "int", "INTEGER")
       ),
-      T(),
       h(),
+      y(),
       Me(),
-      We()
+      Ve()
     ],
     [
       ge(),
-      Re(),
+      we(),
       et(),
       ne(),
       ...ye(),
@@ -1686,14 +1686,14 @@ const ge = () => ({ kind: "enum", dim: "spacing" }), Re = () => ({ kind: "enum",
         r("enableChildDragAndDrop", "Enable DnD", "bool", "BOOL"),
         r("dragAndDropPositionMarkSize", "DnD mark size", "int", "INTEGER")
       ),
-      T(),
       h(),
+      y(),
       Me(),
-      We()
+      Ve()
     ],
     [
       ge(),
-      Re(),
+      we(),
       et(),
       ne(),
       ...ye(),
@@ -1708,10 +1708,10 @@ const ge = () => ({ kind: "enum", dim: "spacing" }), Re = () => ({ kind: "enum",
     "Form Layout",
     [
       d("Form Layout", r("columnCount", "Column count", "int", "INTEGER")),
-      T(),
       h(),
+      y(),
       Me(),
-      Be(
+      Re(
         "Layout",
         r("colspan", "Column Span", "int", "INTEGER"),
         r("takeOneRow", "Merge Row", "bool", "BOOL"),
@@ -1729,7 +1729,7 @@ const ge = () => ({ kind: "enum", dim: "spacing" }), Re = () => ({ kind: "enum",
       A("fixed-column-height", "Fixed Column Height"),
       A("shadow", "Shadow"),
       z(),
-      W()
+      Y()
     ]
   ),
   f(
@@ -1743,21 +1743,21 @@ const ge = () => ({ kind: "enum", dim: "spacing" }), Re = () => ({ kind: "enum",
         r("collapsible", "Collapsible", "bool", "BOOL", void 0, N(!0)),
         r("collapsed", "Collapsed", "bool", "BOOL")
       ),
-      T(),
       h(),
+      y(),
       Me(),
-      We()
+      Ve()
     ],
-    [ge(), Re(), Gn(), z(), A("dashboard-card", "Dashboard Card")]
+    [ge(), we(), Gn(), z(), A("dashboard-card", "Dashboard Card")]
   ),
   f(
     "ActionLayout",
     "Action Layout",
     [
       d("Action Layout", r("margin", "Margin", "bool", "BOOL")),
-      T(),
       h(),
-      Be("Layout", r("componentAlignment", "Align", "string", "ALIGN"))
+      y(),
+      Re("Layout", r("componentAlignment", "Align", "string", "ALIGN"))
     ],
     [
       A("top-action", "Top Action"),
@@ -1771,7 +1771,7 @@ const ge = () => ({ kind: "enum", dim: "spacing" }), Re = () => ({ kind: "enum",
     ]
   ),
   f("ActionLayoutArea", "Action Layout Area", [
-    Be("Layout", r("componentAlignment", "Align", "string", "ALIGN"))
+    Re("Layout", r("componentAlignment", "Align", "string", "ALIGN"))
   ]),
   f(
     "TableLayout",
@@ -1782,8 +1782,8 @@ const ge = () => ({ kind: "enum", dim: "spacing" }), Re = () => ({ kind: "enum",
         r("rowCount", "Row count", "int", "INTEGER"),
         r("colCount", "Column count", "int", "INTEGER")
       ),
-      T(),
-      h()
+      h(),
+      y()
     ],
     [
       A("grid", "Grid style"),
@@ -1810,13 +1810,13 @@ const ge = () => ({ kind: "enum", dim: "spacing" }), Re = () => ({ kind: "enum",
         r("mergeSameValueVertical", "Merge Vertical", "bool", "BOOL"),
         r("clickable", "Clickable", "bool", "BOOL")
       ),
-      h()
+      y()
     ],
     [
       A("header", "Header"),
       te(),
       Fn(),
-      we(),
+      Ne(),
       Qe(),
       G(),
       ...fe(),
@@ -1832,8 +1832,8 @@ const ge = () => ({ kind: "enum", dim: "spacing" }), Re = () => ({ kind: "enum",
         r("margin", "Margin", "bool", "BOOL"),
         r("spacing", "Spacing", "bool", "BOOL")
       ),
-      T(),
-      h()
+      h(),
+      y()
     ],
     [ne(), ...ye(), z(), A("shadow", "Shadow")]
   ),
@@ -1846,8 +1846,8 @@ const ge = () => ({ kind: "enum", dim: "spacing" }), Re = () => ({ kind: "enum",
         r("collapsed", "Collapsed", "bool", "BOOL"),
         r("bodyVisible", "Body Visible", "bool", "BOOL")
       ),
-      T(),
-      h()
+      h(),
+      y()
     ],
     [G(), ...fe(), z(), A("shadow", "Shadow")]
   ),
@@ -1872,12 +1872,12 @@ const ge = () => ({ kind: "enum", dim: "spacing" }), Re = () => ({ kind: "enum",
         r("dataMapping", "Data Mapping", "dataMapping", "DATAMAPPING"),
         r("validate", "Validation", "validator", "TEXT_WITH_BUTTON")
       ),
-      T(),
-      h()
+      h(),
+      y()
     ],
     [
       ge(),
-      Re(),
+      we(),
       L(),
       ...I(),
       G(),
@@ -1895,7 +1895,7 @@ const ge = () => ({ kind: "enum", dim: "spacing" }), Re = () => ({ kind: "enum",
       r("useTotalCount", "Total Count", "bool", "BOOL"),
       r("useSelectedCount", "Selected Count", "bool", "BOOL")
     ),
-    T()
+    h()
   ])
 ], de = () => [
   r("langPropertyId", "Lang property", "string", "TEXT"),
@@ -1915,8 +1915,8 @@ const ge = () => ({ kind: "enum", dim: "spacing" }), Re = () => ({ kind: "enum",
       ...pe()
     ),
     x(),
-    T(),
-    h()
+    h(),
+    y()
   ]),
   f("MultiLangTextArea", "Multi Lang TextArea", [
     d(
@@ -1926,20 +1926,20 @@ const ge = () => ({ kind: "enum", dim: "spacing" }), Re = () => ({ kind: "enum",
       ...pe()
     ),
     x(),
-    T(),
-    h()
+    h(),
+    y()
   ]),
   f("MultiLangStyledTextField", "Multi Lang StyledTextField", [
     d("MultiLangStyledTextField", ...de(), ...pe()),
     x(),
-    T(),
-    h()
+    h(),
+    y()
   ]),
   f("MultiLangRichTextArea", "Multi Lang RichTextArea", [
     d("MultiLangRichTextArea", ...de(), ...pe()),
     x(),
-    T(),
-    h()
+    h(),
+    y()
   ]),
   f("MultiLangPageBuilder", "Multi Lang PageBuilder", [
     d(
@@ -1949,14 +1949,14 @@ const ge = () => ({ kind: "enum", dim: "spacing" }), Re = () => ({ kind: "enum",
       ...pe()
     ),
     x(),
-    T(),
-    h()
+    h(),
+    y()
   ]),
   f("MultiLangContentEditor", "Multi Lang ContentEditor", [
     d("MultiLangContentEditor", ...de(), ...pe()),
     x(),
-    T(),
-    h()
+    h(),
+    y()
   ]),
   f("MultiLangFileUpload", "Multi Lang FileUpload", [
     d("MultiLangFileUpload", ...de(), ...pe("Item type")),
@@ -1969,8 +1969,8 @@ const ge = () => ({ kind: "enum", dim: "spacing" }), Re = () => ({ kind: "enum",
       r("thumbnailHeight", "Thumbnail Height", "string", "TEXT")
     ),
     x(),
-    T(),
-    h()
+    h(),
+    y()
   ])
 ], Jn = [
   f(
@@ -1978,8 +1978,8 @@ const ge = () => ({ kind: "enum", dim: "spacing" }), Re = () => ({ kind: "enum",
     "Tree",
     [
       d("Tree", r("nullSelectionAllowed", "Allow null", "bool", "BOOL", void 0, N(!0))),
-      T(),
-      h()
+      h(),
+      y()
     ],
     [ne(), et(), L(), ...I()]
   ),
@@ -1994,10 +1994,10 @@ const ge = () => ({ kind: "enum", dim: "spacing" }), Re = () => ({ kind: "enum",
       r("useMoveDownButton", "Move Down", "bool", "BOOL"),
       r("useSaveOrderButton", "Save order", "bool", "BOOL")
     ),
-    T(),
-    h()
+    h(),
+    y()
   ]),
-  f("TabSheet", "Tab Sheet", [T(), h()]),
+  f("TabSheet", "Tab Sheet", [h(), y()]),
   f("TabSheetPanel", "Tab Sheet Panel", [])
 ], Zn = [
   ...jn,
@@ -2007,10 +2007,10 @@ const ge = () => ({ kind: "enum", dim: "spacing" }), Re = () => ({ kind: "enum",
   ...qn,
   ...Vn,
   ...Jn,
-  ...Wn,
+  ...Yn,
   ...Kn,
   ...Un,
-  ...Yn
+  ...Wn
 ], Qn = {
   // ── Layout: open 컨테이너 (AbstractOrderedLayoutPart 계열 — 타입 guard 없음) ──
   // VerticalLayoutPart.java:16 / HorizontalLayoutPart.java:16 (extends AbstractOrderedLayoutPart),
@@ -2198,7 +2198,7 @@ function Xt(e) {
 function to(e = Zn) {
   return Xt(e);
 }
-function da(e, t = {}) {
+function fa(e, t = {}) {
   const o = /* @__PURE__ */ new Map();
   for (const n of e.all()) o.set(n.partType, n);
   for (const n of [...t.add ?? [], ...t.override ?? []])
@@ -2405,7 +2405,7 @@ function bo() {
     e[`partSpecL${t}`] = mo(t);
   return e;
 }
-function je(e, t) {
+function Ke(e, t) {
   return {
     type: "object",
     properties: { kind: { const: e }, ...t.properties },
@@ -2414,7 +2414,7 @@ function je(e, t) {
   };
 }
 const So = {
-  "part.add": je("part.add", {
+  "part.add": Ke("part.add", {
     properties: {
       parent: {
         description: "추가 대상 부모 핸들. null이면 루트에 추가.",
@@ -2425,7 +2425,7 @@ const So = {
     },
     required: ["parent", "spec"]
   }),
-  "part.update": je("part.update", {
+  "part.update": Ke("part.update", {
     properties: {
       target: { $ref: "#/$defs/handle" },
       props: { type: "array", items: { $ref: "#/$defs/propAssign" }, description: "갱신할 속성(부분)." },
@@ -2433,13 +2433,13 @@ const So = {
     },
     required: ["target"]
   }),
-  "part.remove": je("part.remove", {
+  "part.remove": Ke("part.remove", {
     properties: { target: { $ref: "#/$defs/handle" } },
     required: ["target"]
   })
 }, vo = {
   anyOf: uo.map((e) => So[e])
-}, pa = {
+}, ga = {
   type: "object",
   description: "화면 파트 트리를 생성·수정·삭제할 때 호출한다. ops는 사람 핸들(id·path·caption)로 지정하며 서버가 partId로 해소한다. 모호하면 에러로 후보를 돌려주니 describeScreen으로 현재 화면을 먼저 읽어 핸들을 확정하라.",
   properties: {
@@ -2495,9 +2495,9 @@ function Te(e) {
 function Oo(e) {
   return e.type === "object" || "properties" in e;
 }
-function ie(e, t, o, n) {
+function le(e, t, o, n) {
   if (Array.isArray(e)) {
-    e.forEach((i, a) => ie(i, `${t}[${a}]`, !1, n));
+    e.forEach((i, a) => le(i, `${t}[${a}]`, !1, n));
     return;
   }
   if (Te(e)) {
@@ -2509,15 +2509,15 @@ function ie(e, t, o, n) {
       path: t,
       detail: "object 스키마는 additionalProperties:false 이어야 한다."
     }), Te(e.properties))
-      for (const [i, a] of Object.entries(e.properties)) ie(a, `${t}.properties.${i}`, !1, n);
-    if (ie(e.items, `${t}.items`, !1, n), ie(e.anyOf, `${t}.anyOf`, !1, n), ie(e.allOf, `${t}.allOf`, !1, n), Te(e.additionalProperties) && ie(e.additionalProperties, `${t}.additionalProperties`, !1, n), o && Te(e.$defs))
-      for (const [i, a] of Object.entries(e.$defs)) ie(a, `$defs.${i}`, !1, n);
+      for (const [i, a] of Object.entries(e.properties)) le(a, `${t}.properties.${i}`, !1, n);
+    if (le(e.items, `${t}.items`, !1, n), le(e.anyOf, `${t}.anyOf`, !1, n), le(e.allOf, `${t}.allOf`, !1, n), Te(e.additionalProperties) && le(e.additionalProperties, `${t}.additionalProperties`, !1, n), o && Te(e.$defs))
+      for (const [i, a] of Object.entries(e.$defs)) le(a, `$defs.${i}`, !1, n);
   }
 }
 const Co = /^#\/\$defs\/(.+)$/;
-function Ge(e, t, o, n) {
+function Xe(e, t, o, n) {
   if (Array.isArray(e)) {
-    e.forEach((i) => Ge(i, t, o, n));
+    e.forEach((i) => Xe(i, t, o, n));
     return;
   }
   if (Te(e)) {
@@ -2531,42 +2531,42 @@ function Ge(e, t, o, n) {
             l && (t.has(l[1]) ? o.add(l[1]) : n.push(a));
           }
         else
-          Ge(a, t, o, n);
+          Xe(a, t, o, n);
   }
 }
 function Io(e, t) {
   const o = Te(e.$defs) ? e.$defs : {}, n = new Set(Object.keys(o)), i = [], a = /* @__PURE__ */ new Map(), l = /* @__PURE__ */ new Set();
-  Ge({ ...e, $defs: void 0 }, n, l, i), a.set("#", l);
-  for (const E of n) {
+  Xe({ ...e, $defs: void 0 }, n, l, i), a.set("#", l);
+  for (const T of n) {
     const b = /* @__PURE__ */ new Set();
-    Ge(o[E], n, b, i), a.set(E, b);
+    Xe(o[T], n, b, i), a.set(T, b);
   }
-  for (const E of i)
-    t.push({ rule: "dangling-$ref", path: E, detail: `존재하지 않는 $defs 참조: ${E}.` });
+  for (const T of i)
+    t.push({ rule: "dangling-$ref", path: T, detail: `존재하지 않는 $defs 참조: ${T}.` });
   const s = 0, c = 1, u = 2, p = /* @__PURE__ */ new Map();
-  for (const E of a.keys()) p.set(E, s);
-  const g = /* @__PURE__ */ new Set(), y = (E, b) => {
-    p.set(E, c), b.push(E);
-    for (const B of a.get(E) ?? [])
+  for (const T of a.keys()) p.set(T, s);
+  const E = /* @__PURE__ */ new Set(), g = (T, b) => {
+    p.set(T, c), b.push(T);
+    for (const B of a.get(T) ?? [])
       if (a.has(B))
         if (p.get(B) === c) {
-          const Y = b.indexOf(B), m = b.slice(Y).concat(B), S = m.join("->");
-          g.has(S) || (g.add(S), t.push({
+          const W = b.indexOf(B), m = b.slice(W).concat(B), S = m.join("->");
+          E.has(S) || (E.add(S), t.push({
             rule: "recursion",
             path: m.join(" -> "),
             detail: `재귀 스키마($ref 사이클)는 엄격 서브셋 미지원: ${m.join(" -> ")}.`
           }));
-        } else p.get(B) === s && y(B, b);
-    b.pop(), p.set(E, u);
+        } else p.get(B) === s && g(B, b);
+    b.pop(), p.set(T, u);
   };
-  for (const E of a.keys())
-    p.get(E) === s && y(E, []);
+  for (const T of a.keys())
+    p.get(T) === s && g(T, []);
 }
 function ko(e) {
   const t = [];
-  return ie(e, "", !0, t), Te(e) && Io(e, t), t;
+  return le(e, "", !0, t), Te(e) && Io(e, t), t;
 }
-function fa(e) {
+function Ta(e) {
   return ko(e).length === 0;
 }
 const xo = /^(.+)\[(\d+)\]$/;
@@ -2615,7 +2615,7 @@ function Po(e, t, o) {
     ke(i, t) === o && n.push(i);
   }), n;
 }
-function Ke(e, t) {
+function qe(e, t) {
   const o = t.root;
   if (!o) return { ok: !1, issue: { kind: "handle-not-found", ref: e.ref, by: e.by } };
   const n = () => Mo(o, e.ref), i = () => _o(o, e.ref), a = () => {
@@ -2673,27 +2673,27 @@ function Ht(e, t, o) {
   }
   return a.length > 0 && (n.addStyleNames = J(a.join(" "))), { attrs: n, layoutAttrs: i };
 }
-function Yt(e, t, o) {
+function Wt(e, t, o) {
   const { attrs: n, layoutAttrs: i } = Ht(e.props, e.styles, o), a = { partId: t(), partType: e.partType, attrs: n };
-  return Object.keys(i).length > 0 && (a.layoutAttrs = i), e.children && e.children.length > 0 && (a.children = e.children.map((l) => Yt(l, t, o))), a;
+  return Object.keys(i).length > 0 && (a.layoutAttrs = i), e.children && e.children.length > 0 && (a.children = e.children.map((l) => Wt(l, t, o))), a;
 }
-function ga(e, t = {}) {
+function ha(e, t = {}) {
   const o = t.newId ?? Ie, n = [], i = [];
   for (const a of e)
     if (a.kind === "part.add") {
       let l = null;
       if (a.parent !== null) {
-        const u = Ke(a.parent, t);
+        const u = qe(a.parent, t);
         if (!u.ok) {
           n.push(u.issue);
           continue;
         }
         l = u.partId;
       }
-      const s = Yt(a.spec, o, n), c = { kind: "part.add", parentId: l, part: s };
+      const s = Wt(a.spec, o, n), c = { kind: "part.add", parentId: l, part: s };
       a.index != null && (c.index = a.index), i.push(c);
     } else if (a.kind === "part.update") {
-      const l = Ke(a.target, t);
+      const l = qe(a.target, t);
       if (!l.ok) {
         n.push(l.issue);
         continue;
@@ -2701,7 +2701,7 @@ function ga(e, t = {}) {
       const { attrs: s, layoutAttrs: c } = Ht(a.props, a.styles, n);
       i.push({ kind: "part.update", targetId: l.partId, attrs: s, layoutAttrs: c });
     } else {
-      const l = Ke(a.target, t);
+      const l = qe(a.target, t);
       if (!l.ok) {
         n.push(l.issue);
         continue;
@@ -2715,8 +2715,8 @@ const Ro = {
   "part.update": !0,
   "part.move": !0,
   "part.remove": !0
-}, Ta = Object.keys(Ro);
-function Wt(e) {
+}, ya = Object.keys(Ro);
+function Yt(e) {
   switch (e.kind) {
     case "part.add":
     case "part.remove":
@@ -2802,7 +2802,7 @@ function Se(e, t) {
 }
 function tt(e, t) {
   var i;
-  const o = Ue(e.root, t), n = ((i = o == null ? void 0 : o.children) == null ? void 0 : i.findIndex((a) => a.partId === t)) ?? -1;
+  const o = He(e.root, t), n = ((i = o == null ? void 0 : o.children) == null ? void 0 : i.findIndex((a) => a.partId === t)) ?? -1;
   if (!o || n < 0) throw new Error(`파트를 찾을 수 없거나 root라 이동/삭제 불가: ${t}`);
   return { parent: o, index: n };
 }
@@ -3020,7 +3020,7 @@ class Xo {
   // ── base rev 합성 + 낙관 예측 → 영속 배치 ──
   buildBatch(t, o, n) {
     const i = {}, a = /* @__PURE__ */ new Set();
-    for (const s of t) for (const c of Wt(s)) a.add(c);
+    for (const s of t) for (const c of Yt(s)) a.add(c);
     if (a.size) {
       i.revs = {};
       for (const s of a) {
@@ -3125,8 +3125,8 @@ function zt(e, t, o, n) {
   for (const u of i) {
     const p = e.attrs[u.id];
     if (p === void 0) continue;
-    const g = $o(p);
-    g !== void 0 && (a[u.id] = g);
+    const E = $o(p);
+    E !== void 0 && (a[u.id] = E);
   }
   Object.assign(a, Uo(e));
   const l = {
@@ -3138,7 +3138,7 @@ function zt(e, t, o, n) {
   }, s = ke(e, o);
   return s != null && (l.caption = s), l;
 }
-function ha(e, t) {
+function Ea(e, t) {
   const o = co(t);
   return zt(e, e, t, o);
 }
@@ -3156,9 +3156,9 @@ function Ho(e) {
       return { kind: "part.remove", casUnit: "part", partRef: e.targetId };
   }
 }
-function ya(e, t, o, n = {}) {
+function ma(e, t, o, n = {}) {
   const i = n.mkClientOpId ?? Ie, a = o.map(Ho), l = /* @__PURE__ */ new Set();
-  for (const c of a) for (const u of Wt(c)) l.add(u);
+  for (const c of a) for (const u of Yt(c)) l.add(u);
   const s = {};
   if (l.size > 0) {
     s.revs = {};
@@ -3172,15 +3172,15 @@ function ya(e, t, o, n = {}) {
     clientOpId: i()
   };
 }
-const He = Symbol("uiEditorController");
-function Yo(e = "FormLayout") {
+const We = Symbol("uiEditorController");
+function Wo(e = "FormLayout") {
   return { partId: Ie(), partType: e, attrs: {}, children: [] };
 }
-function Ea(e = Yo(), t = {}) {
+function ba(e = Wo(), t = {}) {
   var Z, ve;
   const o = t.catalog ?? to(), n = t.modelId ?? "ui-model", i = on({ root: e });
   let a = new ft(i);
-  const l = V(!1), s = V(!1), c = V(!1), u = V(0), p = V(((Z = t.meta) == null ? void 0 : Z.schemaVersion) ?? 1), g = V(((ve = t.meta) == null ? void 0 : ve.opWriteEnabled) ?? !1), y = M(() => p.value >= 2 && g.value), E = V(!(p.value >= 2 && g.value === !1)), b = V(null), B = V(null), Y = M(
+  const l = V(!1), s = V(!1), c = V(!1), u = V(0), p = V(((Z = t.meta) == null ? void 0 : Z.schemaVersion) ?? 1), E = V(((ve = t.meta) == null ? void 0 : ve.opWriteEnabled) ?? !1), g = M(() => p.value >= 2 && E.value), T = V(!(p.value >= 2 && E.value === !1)), b = V(null), B = V(null), W = M(
     () => B.value ? ee(i.root, B.value) ?? null : null
   ), m = V(null);
   let S = 0, w = t.meta;
@@ -3195,7 +3195,7 @@ function Ea(e = Yo(), t = {}) {
     C == null || C(), C = null, R = null;
   }
   function xe() {
-    if (F(), !y.value || !t.opTransport) return;
+    if (F(), !g.value || !t.opTransport) return;
     const k = new Xo({
       modelId: n,
       state: i,
@@ -3203,14 +3203,14 @@ function Ea(e = Yo(), t = {}) {
       origin: "gui",
       newClientOpId: t.newClientOpId,
       onFreeze: (P) => {
-        E.value = !1, b.value = P;
+        T.value = !1, b.value = P;
       },
       onError: t.onOpError
     });
     k.seed((w == null ? void 0 : w.revSeed) ?? {}), C = k.attach(a), R = k;
   }
   xe();
-  const _ = M(() => Tn(i.root, o)), ae = M(() => {
+  const _ = M(() => Tn(i.root, o)), ie = M(() => {
     const k = /* @__PURE__ */ new Map();
     for (const P of _.value) {
       if (!P.targetRef) continue;
@@ -3219,7 +3219,7 @@ function Ea(e = Yo(), t = {}) {
     }
     return k;
   }), D = (k) => {
-    E.value && a.execute(k);
+    T.value && a.execute(k);
   };
   function j(k, P) {
     const Q = ee(i.root, k);
@@ -3229,21 +3229,21 @@ function Ea(e = Yo(), t = {}) {
     state: i,
     catalog: o,
     issues: _,
-    issuesByRef: ae,
+    issuesByRef: ie,
     canUndo: l,
     canRedo: s,
     dirty: c,
     revision: u,
-    editable: E,
+    editable: T,
     setEditable(k) {
-      E.value = k ? y.value || p.value < 2 : !1;
+      T.value = k ? g.value || p.value < 2 : !1;
     },
     schemaVersion: p,
-    opWriteEnabled: g,
-    opMode: y,
+    opWriteEnabled: E,
+    opMode: g,
     opConflict: b,
     selection: B,
-    selectedPart: Y,
+    selectedPart: W,
     select(k) {
       B.value = k;
     },
@@ -3252,30 +3252,30 @@ function Ea(e = Yo(), t = {}) {
       m.value = { id: k, nonce: ++S };
     },
     addPart(k, P, Q) {
-      return !E.value || !j(k, P.partType) ? !1 : (D(wo(k, P, Q)), B.value = P.partId, !0);
+      return !T.value || !j(k, P.partType) ? !1 : (D(wo(k, P, Q)), B.value = P.partId, !0);
     },
     updatePart(k, P) {
-      return !E.value || !ee(i.root, k) ? !1 : (D(No(k, P)), !0);
+      return !T.value || !ee(i.root, k) ? !1 : (D(No(k, P)), !0);
     },
     movePart(k, P, Q) {
-      if (!E.value) return !1;
+      if (!T.value) return !1;
       const Ye = ee(i.root, k);
       return !Ye || ee(Ye, P) || !j(P, Ye.partType) ? !1 : (D(Do(k, P, Q)), !0);
     },
     removePart(k) {
-      return !E.value || k === i.root.partId || !ee(i.root, k) ? !1 : (D(Fo(k)), B.value === k && (B.value = null), !0);
+      return !T.value || k === i.root.partId || !ee(i.root, k) ? !1 : (D(Fo(k)), B.value === k && (B.value = null), !0);
     },
     undo() {
-      E.value && a.undo();
+      T.value && a.undo();
     },
     redo() {
-      E.value && a.redo();
+      T.value && a.redo();
     },
     markSaved() {
       R == null || R.flush(), a.markSavePoint();
     },
     loadModel(k, P) {
-      F(), i.root = k, a = new ft(i), $(), p.value = (P == null ? void 0 : P.schemaVersion) ?? 1, g.value = (P == null ? void 0 : P.opWriteEnabled) ?? !1, E.value = !(p.value >= 2 && g.value === !1), w = P, b.value = null, B.value = null, l.value = a.canUndo, s.value = a.canRedo, c.value = a.isDirty, xe();
+      F(), i.root = k, a = new ft(i), $(), p.value = (P == null ? void 0 : P.schemaVersion) ?? 1, E.value = (P == null ? void 0 : P.opWriteEnabled) ?? !1, T.value = !(p.value >= 2 && E.value === !1), w = P, b.value = null, B.value = null, l.value = a.canUndo, s.value = a.canRedo, c.value = a.isDirty, xe();
     },
     flush() {
       R == null || R.flush();
@@ -3285,13 +3285,13 @@ function Ea(e = Yo(), t = {}) {
     }
   };
 }
-const Wo = { class: "ui-schematic-head" }, Vo = { class: "ui-schematic-type" }, zo = {
+const Yo = { class: "ui-schematic-head" }, Vo = { class: "ui-schematic-type" }, zo = {
   key: 0,
   class: "ui-schematic-caption"
 }, jo = {
   key: 0,
   class: "ui-schematic-drop-hint"
-}, Ko = /* @__PURE__ */ se({
+}, Ko = /* @__PURE__ */ ce({
   __name: "SchematicPart",
   props: {
     partType: {},
@@ -3307,26 +3307,26 @@ const Wo = { class: "ui-schematic-head" }, Vo = { class: "ui-schematic-type" },
     return (t, o) => (v(), O("div", {
       class: Ce(["ui-schematic-part", [`ui-cat-${e.category ?? "unknown"}`, { "is-selected": e.selected, "is-container": e.container }]])
     }, [
-      H("div", Wo, [
-        H("span", Vo, U(e.partName ?? e.partType), 1),
-        e.caption ? (v(), O("span", zo, U(e.caption), 1)) : he("", !0)
+      U("div", Yo, [
+        U("span", Vo, H(e.partName ?? e.partType), 1),
+        e.caption ? (v(), O("span", zo, H(e.caption), 1)) : he("", !0)
       ]),
       e.container ? (v(), O("div", {
         key: 0,
         class: "ui-schematic-body",
-        style: Xe(e.bodyStyle)
+        style: $e(e.bodyStyle)
       }, [
         rn(t.$slots, "default", {}, void 0, !0),
         e.empty ? (v(), O("span", jo, "여기에 드롭")) : he("", !0)
       ], 4)) : he("", !0)
     ], 2));
   }
-}), ce = (e, t) => {
+}), ue = (e, t) => {
   const o = e.__vccOpts || e;
   for (const [n, i] of t)
     o[n] = i;
   return o;
-}, jt = /* @__PURE__ */ ce(Ko, [["__scopeId", "data-v-cc7b7e1c"]]);
+}, jt = /* @__PURE__ */ ue(Ko, [["__scopeId", "data-v-cc7b7e1c"]]);
 function qo(e, t) {
   var l;
   const o = ke(e, t);
@@ -3374,16 +3374,16 @@ const Qo = {
   ATTR: "속성",
   PART: "파트"
 };
-function ma(e) {
+function Sa(e) {
   const t = e.split("-")[1];
   return t ? Qo[t] ?? t : e;
 }
-function ba(e) {
+function va(e) {
   return e.contextRef;
 }
 function qt(e, t, o) {
   if (o === "into") return { parentId: t };
-  const n = Ue(e, t);
+  const n = He(e, t);
   if (!(n != null && n.children)) return null;
   const i = n.children.findIndex((a) => a.partId === t);
   return i < 0 ? null : { parentId: n.partId, index: o === "after" ? i + 1 : i };
@@ -3393,7 +3393,7 @@ function er(e, t) {
   return t.container ? t.hasParent ? o < 0.3 ? "before" : o > 0.7 ? "after" : "into" : "into" : o < 0.5 ? "before" : "after";
 }
 function Jt(e, t, o, n) {
-  const i = Ue(e, t);
+  const i = He(e, t);
   if ((i == null ? void 0 : i.partId) === o && i.children) {
     const a = i.children.findIndex((l) => l.partId === t);
     if (a >= 0 && a < n) return n - 1;
@@ -3447,7 +3447,7 @@ function or(e) {
   return t.kind === "grid" ? { display: "flex", flexDirection: "row", flexWrap: "wrap", gap: "4px", alignItems: "flex-start" } : t.style;
 }
 function Zt(e) {
-  const t = nr(e.partType), o = e.attrs, n = De(o.spacing, !1) ? "8px" : void 0, i = De(o.margin, !1) ? "8px" : void 0, a = {};
+  const t = nr(e.partType), o = e.attrs, n = Fe(o.spacing, !1) ? "8px" : void 0, i = Fe(o.margin, !1) ? "8px" : void 0, a = {};
   let l, s;
   switch (t) {
     case "flex-col":
@@ -3463,7 +3463,7 @@ function Zt(e) {
       Object.assign(a, { display: "flex", flexDirection: "row", justifyContent: "space-between", alignItems: "center" }), a.gap = n ?? "8px";
       break;
     case "form": {
-      l = Math.max(1, le(o.columnCount, 1)), Object.assign(a, {
+      l = Math.max(1, se(o.columnCount, 1)), Object.assign(a, {
         display: "grid",
         gridTemplateColumns: `repeat(${l}, minmax(0, 1fr))`,
         gap: n ?? "8px",
@@ -3472,7 +3472,7 @@ function Zt(e) {
       break;
     }
     case "table": {
-      l = Math.max(1, le(o.colCount, 1)), s = Math.max(1, le(o.rowCount, 1)), Object.assign(a, {
+      l = Math.max(1, se(o.colCount, 1)), s = Math.max(1, se(o.rowCount, 1)), Object.assign(a, {
         display: "grid",
         gridTemplateColumns: `repeat(${l}, minmax(0, 1fr))`,
         gap: n ?? "6px"
@@ -3500,20 +3500,20 @@ const Tt = /* @__PURE__ */ new Set(["LEFT", "CENTER", "RIGHT"]), ht = /* @__PURE
   BOTTOM: "flex-end"
 };
 function rr(e, t) {
-  const o = {}, n = e.layoutAttrs, i = le(n == null ? void 0 : n.expandRatio, 0), a = Pe(n == null ? void 0 : n.componentAlignment).toUpperCase(), l = t === "flex-col", s = t === "flex-row" || t === "flex-wrap" || t === "action", c = t === "form" || t === "table";
+  const o = {}, n = e.layoutAttrs, i = se(n == null ? void 0 : n.expandRatio, 0), a = Be(n == null ? void 0 : n.componentAlignment).toUpperCase(), l = t === "flex-col", s = t === "flex-row" || t === "flex-wrap" || t === "action", c = t === "form" || t === "table";
   if (i > 0 && (l || s) && (o.flex = `${i} 1 0%`), a && (l ? Tt.has(a) ? o.alignSelf = _e[a] : a === "TOP" ? o.marginBottom = "auto" : a === "BOTTOM" ? o.marginTop = "auto" : a === "MIDDLE" && (o.marginTop = "auto", o.marginBottom = "auto") : s ? ht.has(a) ? o.alignSelf = _e[a] : a === "LEFT" ? o.marginRight = "auto" : a === "RIGHT" ? o.marginLeft = "auto" : a === "CENTER" && (o.marginLeft = "auto", o.marginRight = "auto") : c && (Tt.has(a) ? o.justifySelf = _e[a] : ht.has(a) && (o.alignSelf = _e[a]))), t === "form") {
-    const u = le(n == null ? void 0 : n.colspan, 0);
-    if (De(n == null ? void 0 : n.takeOneRow, !1))
+    const u = se(n == null ? void 0 : n.colspan, 0);
+    if (Fe(n == null ? void 0 : n.takeOneRow, !1))
       o.gridColumn = "1 / -1";
     else if ((n == null ? void 0 : n.column) !== void 0) {
-      const p = le(n == null ? void 0 : n.column, 0) + 1;
+      const p = se(n == null ? void 0 : n.column, 0) + 1;
       o.gridColumn = u > 1 ? `${p} / span ${u}` : `${p} / span 1`;
     } else u > 1 && (o.gridColumn = `span ${u}`);
-    (n == null ? void 0 : n.row) !== void 0 && (o.gridRowStart = String(le(n == null ? void 0 : n.row, 0) + 1));
+    (n == null ? void 0 : n.row) !== void 0 && (o.gridRowStart = String(se(n == null ? void 0 : n.row, 0) + 1));
   }
   return o;
 }
-const ar = ["draggable"], ir = /* @__PURE__ */ se({
+const ar = ["draggable"], ir = /* @__PURE__ */ ce({
   __name: "PartCanvas",
   props: {
     node: {},
@@ -3523,12 +3523,12 @@ const ar = ["draggable"], ir = /* @__PURE__ */ se({
     parentKind: {}
   },
   setup(e) {
-    const t = e, o = $e(He);
+    const t = e, o = Ue(We);
     if (!o) throw new Error("PartCanvas: EDITOR 컨트롤러가 provide되지 않았습니다");
-    const n = o, i = M(() => t.registry ?? Jo(n.catalog)), a = M(() => t.node ?? n.state.root), l = M(() => Zo(i.value, a.value, n.catalog)), s = M(() => l.value.propBind(a.value)), c = M(() => l.value.acceptsChildren !== !1), u = M(() => n.selection.value === a.value.partId), p = M(() => c.value && !(a.value.children && a.value.children.length)), g = M(() => t.parentId != null), y = M(() => c.value ? Zt(a.value) : void 0), E = M(() => {
+    const n = o, i = M(() => t.registry ?? Jo(n.catalog)), a = M(() => t.node ?? n.state.root), l = M(() => Zo(i.value, a.value, n.catalog)), s = M(() => l.value.propBind(a.value)), c = M(() => l.value.acceptsChildren !== !1), u = M(() => n.selection.value === a.value.partId), p = M(() => c.value && !(a.value.children && a.value.children.length)), E = M(() => t.parentId != null), g = M(() => c.value ? Zt(a.value) : void 0), T = M(() => {
       var _;
-      return (_ = y.value) == null ? void 0 : _.kind;
-    }), b = M(() => c.value ? or(a.value) : void 0), B = M(() => t.parentKind ? rr(a.value, t.parentKind) : {}), Y = M(() => gt(t.parentKind) === "horizontal"), m = V(null);
+      return (_ = g.value) == null ? void 0 : _.kind;
+    }), b = M(() => c.value ? or(a.value) : void 0), B = M(() => t.parentKind ? rr(a.value, t.parentKind) : {}), W = M(() => gt(t.parentKind) === "horizontal"), m = V(null);
     function S(_) {
       const D = _.currentTarget.getBoundingClientRect(), j = D.width ? (_.clientX - D.left) / D.width : 0.5, Z = D.height ? (_.clientY - D.top) / D.height : 0.5;
       return er(
@@ -3547,8 +3547,8 @@ const ar = ["draggable"], ir = /* @__PURE__ */ se({
       m.value = null;
     }
     function R(_) {
-      var ae;
-      _.stopPropagation(), (ae = _.dataTransfer) == null || ae.setData("partId", a.value.partId), _.dataTransfer && (_.dataTransfer.effectAllowed = "move");
+      var ie;
+      _.stopPropagation(), (ie = _.dataTransfer) == null || ie.setData("partId", a.value.partId), _.dataTransfer && (_.dataTransfer.effectAllowed = "move");
     }
     function C(_) {
       _.stopPropagation(), n.select(a.value.partId);
@@ -3559,9 +3559,9 @@ const ar = ["draggable"], ir = /* @__PURE__ */ se({
     function xe(_) {
       var ve, k;
       _.preventDefault(), _.stopPropagation();
-      const ae = m.value ?? S(_);
+      const ie = m.value ?? S(_);
       m.value = null;
-      const D = F(ae);
+      const D = F(ie);
       if (!D) return;
       const j = (ve = _.dataTransfer) == null ? void 0 : ve.getData("partId"), Z = (k = _.dataTransfer) == null ? void 0 : k.getData("partType");
       if (j) {
@@ -3569,37 +3569,37 @@ const ar = ["draggable"], ir = /* @__PURE__ */ se({
         n.movePart(j, D.parentId, P);
       } else Z && n.addPart(D.parentId, { partId: Ie(), partType: Z, attrs: {}, children: [] }, D.index);
     }
-    return (_, ae) => {
+    return (_, ie) => {
       const D = yt("PartCanvas", !0);
       return v(), O("div", {
         class: Ce(["ui-canvas-node", {
           "is-drop-into": m.value === "into",
           "is-drop-before": m.value === "before",
           "is-drop-after": m.value === "after",
-          "is-haxis": Y.value
+          "is-haxis": W.value
         }]),
-        style: Xe(B.value),
-        draggable: g.value,
+        style: $e(B.value),
+        draggable: E.value,
         onClick: C,
         onDragstart: R,
         onDragover: w,
         onDragleave: $,
         onDrop: xe
       }, [
-        (v(), Ne(an(l.value.component), ln(s.value, {
+        (v(), De(an(l.value.component), ln(s.value, {
           selected: u.value,
           container: c.value,
           empty: p.value,
           "body-style": b.value
         }), {
           default: sn(() => [
-            c.value ? (v(!0), O(q, { key: 0 }, oe(a.value.children ?? [], (j, Z) => (v(), Ne(D, {
+            c.value ? (v(!0), O(q, { key: 0 }, oe(a.value.children ?? [], (j, Z) => (v(), De(D, {
               key: j.partId,
               node: j,
               registry: i.value,
               "parent-id": a.value.partId,
               index: Z,
-              "parent-kind": E.value
+              "parent-kind": T.value
             }, null, 8, ["node", "registry", "parent-id", "index", "parent-kind"]))), 128)) : he("", !0)
           ]),
           _: 1
@@ -3607,10 +3607,10 @@ const ar = ["draggable"], ir = /* @__PURE__ */ se({
       ], 46, ar);
     };
   }
-}), Sa = /* @__PURE__ */ ce(ir, [["__scopeId", "data-v-9df8ebc1"]]), lr = { class: "ui-palette" }, sr = { class: "ui-palette__title" }, cr = { class: "ui-palette__list" }, ur = ["title", "onDragstart"], dr = /* @__PURE__ */ se({
+}), La = /* @__PURE__ */ ue(ir, [["__scopeId", "data-v-9df8ebc1"]]), lr = { class: "ui-palette" }, sr = { class: "ui-palette__title" }, cr = { class: "ui-palette__list" }, ur = ["title", "onDragstart"], dr = /* @__PURE__ */ ce({
   __name: "PartPalette",
   setup(e) {
-    const t = $e(He);
+    const t = Ue(We);
     if (!t) throw new Error("PartPalette: EDITOR 컨트롤러가 provide되지 않았습니다");
     const o = t, n = M(() => {
       const a = /* @__PURE__ */ new Map();
@@ -3629,20 +3629,20 @@ const ar = ["draggable"], ir = /* @__PURE__ */ se({
         key: s,
         class: "ui-palette__group"
       }, [
-        H("h4", sr, U(s), 1),
-        H("ul", cr, [
+        U("h4", sr, H(s), 1),
+        U("ul", cr, [
           (v(!0), O(q, null, oe(c, (u) => (v(), O("li", {
             key: u.partType,
             class: "ui-palette__item",
             draggable: "true",
             title: u.partType,
             onDragstart: (p) => i(p, u)
-          }, U(u.partName), 41, ur))), 128))
+          }, H(u.partName), 41, ur))), 128))
         ])
       ]))), 128))
     ]));
   }
-}), va = /* @__PURE__ */ ce(dr, [["__scopeId", "data-v-ba70ed30"]]), pr = ["title"], fr = {
+}), Oa = /* @__PURE__ */ ue(dr, [["__scopeId", "data-v-ba70ed30"]]), pr = ["title"], fr = {
   key: 1,
   class: "ui-mlang"
 }, gr = {
@@ -3651,7 +3651,7 @@ const ar = ["draggable"], ir = /* @__PURE__ */ se({
 }, Tr = ["aria-selected", "onClick"], hr = {
   key: 0,
   class: "ui-mlang__dot"
-}, yr = ["name", "placeholder", "value"], Er = ["name", "placeholder", "value"], mr = /* @__PURE__ */ se({
+}, yr = ["name", "placeholder", "value"], Er = ["name", "placeholder", "value"], mr = /* @__PURE__ */ ce({
   __name: "MultiLangTextField",
   props: {
     modelValue: {},
@@ -3667,35 +3667,35 @@ const ar = ["draggable"], ir = /* @__PURE__ */ se({
       () => Ze(o.modelValue) ? o.modelValue.key : ""
     );
     function l() {
-      const y = o.defaultLang;
-      return y && o.languages.includes(y) ? y : o.languages[0] ?? "ko";
+      const g = o.defaultLang;
+      return g && o.languages.includes(g) ? g : o.languages[0] ?? "ko";
     }
     const s = V(l());
-    qe(
+    Pe(
       () => [o.languages, o.defaultLang],
       () => {
         o.languages.includes(s.value) || (s.value = l());
       }
     );
     const c = M(() => {
-      const y = o.modelValue;
-      return y == null || i.value ? {} : typeof y == "string" ? y.trim() ? { [s.value]: y } : {} : y;
+      const g = o.modelValue;
+      return g == null || i.value ? {} : typeof g == "string" ? g.trim() ? { [s.value]: g } : {} : g;
     });
-    function u(y) {
-      var E;
-      return !!((E = c.value[y]) != null && E.trim());
+    function u(g) {
+      var T;
+      return !!((T = c.value[g]) != null && T.trim());
     }
     const p = M(() => c.value[s.value] ?? "");
-    function g(y) {
-      const E = { ...c.value };
-      y.trim() === "" ? delete E[s.value] : E[s.value] = y, n("update:modelValue", E);
+    function E(g) {
+      const T = { ...c.value };
+      g.trim() === "" ? delete T[s.value] : T[s.value] = g, n("update:modelValue", T);
     }
-    return (y, E) => i.value ? (v(), O("code", {
+    return (g, T) => i.value ? (v(), O("code", {
       key: 0,
       class: "ui-mlang__key",
       title: `메시지 키: ${a.value}`
-    }, "#" + U("{") + U(a.value) + U("}"), 9, pr)) : (v(), O("div", fr, [
-      H("div", gr, [
+    }, "#" + H("{") + H(a.value) + H("}"), 9, pr)) : (v(), O("div", fr, [
+      U("div", gr, [
         (v(!0), O(q, null, oe(e.languages, (b) => (v(), O("button", {
           key: b,
           type: "button",
@@ -3704,7 +3704,7 @@ const ar = ["draggable"], ir = /* @__PURE__ */ se({
           "aria-selected": s.value === b,
           onClick: (B) => s.value = b
         }, [
-          cn(U(b), 1),
+          cn(H(b), 1),
           u(b) ? (v(), O("span", hr, "•")) : he("", !0)
         ], 10, Tr))), 128))
       ]),
@@ -3715,7 +3715,7 @@ const ar = ["draggable"], ir = /* @__PURE__ */ se({
         rows: "3",
         placeholder: e.placeholder,
         value: p.value,
-        onInput: E[0] || (E[0] = (b) => g(b.target.value))
+        onInput: T[0] || (T[0] = (b) => E(b.target.value))
       }, null, 40, yr)) : (v(), O("input", {
         key: 1,
         name: `${e.name}-${s.value}`,
@@ -3723,14 +3723,14 @@ const ar = ["draggable"], ir = /* @__PURE__ */ se({
         type: "text",
         placeholder: e.placeholder,
         value: p.value,
-        onInput: E[1] || (E[1] = (b) => g(b.target.value))
+        onInput: T[1] || (T[1] = (b) => E(b.target.value))
       }, null, 40, Er))
     ]));
   }
-}), br = /* @__PURE__ */ ce(mr, [["__scopeId", "data-v-fa16ddef"]]), Sr = {
+}), br = /* @__PURE__ */ ue(mr, [["__scopeId", "data-v-fa16ddef"]]), Sr = {
   class: "ui-inline-issue__mark",
   "aria-hidden": "true"
-}, vr = { class: "ui-inline-issue__msgs" }, Lr = /* @__PURE__ */ se({
+}, vr = { class: "ui-inline-issue__msgs" }, Lr = /* @__PURE__ */ ce({
   __name: "InlineIssueBadge",
   props: {
     controller: {},
@@ -3753,22 +3753,22 @@ const ar = ["draggable"], ir = /* @__PURE__ */ se({
       key: 0,
       class: Ce(["ui-inline-issue", `is-${i.value}`])
     }, [
-      H("span", Sr, U(o[i.value].mark), 1),
-      H("span", vr, [
-        (v(!0), O(q, null, oe(n.value, (s, c) => (v(), O("span", { key: c }, U(s.message), 1))), 128))
+      U("span", Sr, H(o[i.value].mark), 1),
+      U("span", vr, [
+        (v(!0), O(q, null, oe(n.value, (s, c) => (v(), O("span", { key: c }, H(s.message), 1))), 128))
       ])
     ], 2)) : he("", !0);
   }
-}), Qt = /* @__PURE__ */ ce(Lr, [["__scopeId", "data-v-a0454177"]]), Or = { class: "ui-props" }, Cr = {
+}), Qt = /* @__PURE__ */ ue(Lr, [["__scopeId", "data-v-a0454177"]]), Or = { class: "ui-props" }, Cr = {
   key: 0,
   class: "ui-props__empty"
 }, Ir = { class: "ui-props__head" }, kr = { class: "ui-props__type" }, xr = { class: "ui-props__id" }, Ar = ["disabled"], Mr = { class: "ui-props__group-title" }, _r = ["title"], Pr = { class: "ui-props__field" }, Br = ["checked", "onChange"], Rr = ["value", "onChange"], wr = ["value", "onChange"], Nr = ["value"], Dr = ["value", "onChange"], Fr = {
   key: 5,
   class: "ui-props__readonly"
-}, Gr = ["value", "onChange"], Xr = /* @__PURE__ */ se({
+}, Gr = ["value", "onChange"], Xr = /* @__PURE__ */ ce({
   __name: "PropertyPanel",
   setup(e) {
-    const t = $e(He);
+    const t = Ue(We);
     if (!t) throw new Error("PropertyPanel: EDITOR 컨트롤러가 provide되지 않았습니다");
     const o = t, n = M(() => o.selectedPart.value), i = M(() => n.value ? o.catalog.get(n.value.partType) : void 0), a = /* @__PURE__ */ new Set(["SELECT", "ALIGN", "ADD_STYLE", "SIZE", "ICON"]), l = /* @__PURE__ */ new Set(["TEXTAREA", "FULL_TEXTAREA", "MESSAGE_TEXTAREA"]), s = /* @__PURE__ */ new Set([
       "COMPONENT_REF",
@@ -3801,13 +3801,13 @@ const ar = ["draggable"], ir = /* @__PURE__ */ se({
           S === void 0 ? delete $[m.id] : $[m.id] = S, o.updatePart(w.partId, { attrs: $ });
         }
     }
-    function g(m, S) {
+    function E(m, S) {
       p(m, S === "" ? void 0 : J(S));
     }
-    function y(m, S) {
+    function g(m, S) {
       p(m, S === "" ? void 0 : St(Number(S)));
     }
-    function E(m, S) {
+    function T(m, S) {
       p(m, N(S));
     }
     function b(m, S) {
@@ -3822,7 +3822,7 @@ const ar = ["draggable"], ir = /* @__PURE__ */ se({
       }), w = ($ = m.agent) == null ? void 0 : $.enum;
       return w ? S.filter((R) => w.includes(R.value)) : S;
     }
-    function Y(m) {
+    function W(m) {
       const S = u(m);
       if (!S) return "—";
       switch (S.kind) {
@@ -3842,15 +3842,15 @@ const ar = ["draggable"], ir = /* @__PURE__ */ se({
       var w, $;
       return v(), O("div", Or, [
         n.value ? (v(), O(q, { key: 1 }, [
-          H("header", Ir, [
-            H("span", kr, U(((w = i.value) == null ? void 0 : w.partName) ?? n.value.partType), 1),
-            H("code", xr, U(n.value.partId), 1)
+          U("header", Ir, [
+            U("span", kr, H(((w = i.value) == null ? void 0 : w.partName) ?? n.value.partType), 1),
+            U("code", xr, H(n.value.partId), 1)
           ]),
           Et(Qt, {
             controller: K(o),
             "ref-id": n.value.partId
           }, null, 8, ["controller", "ref-id"]),
-          H("fieldset", {
+          U("fieldset", {
             class: "ui-props__form",
             disabled: !K(o).editable.value
           }, [
@@ -3858,28 +3858,28 @@ const ar = ["draggable"], ir = /* @__PURE__ */ se({
               key: R.name,
               class: "ui-props__group"
             }, [
-              H("h4", Mr, U(R.name), 1),
+              U("h4", Mr, H(R.name), 1),
               (v(!0), O(q, null, oe(R.items, (C) => (v(), O("div", {
                 key: C.id,
                 class: "ui-props__row"
               }, [
-                H("label", {
+                U("label", {
                   class: "ui-props__label",
                   title: C.id
-                }, U(C.name), 9, _r),
-                H("div", Pr, [
+                }, H(C.name), 9, _r),
+                U("div", Pr, [
                   c(C) === "bool" ? (v(), O("input", {
                     key: 0,
                     type: "checkbox",
-                    checked: K(De)(u(C)),
-                    onChange: (F) => E(C, F.target.checked)
+                    checked: K(Fe)(u(C)),
+                    onChange: (F) => T(C, F.target.checked)
                   }, null, 40, Br)) : c(C) === "int" ? (v(), O("input", {
                     key: 1,
                     type: "number",
                     class: "ui-props__input",
-                    value: u(C) ? K(le)(u(C)) : "",
-                    onChange: (F) => y(C, F.target.value)
-                  }, null, 40, Rr)) : c(C) === "text" ? (v(), Ne(br, {
+                    value: u(C) ? K(se)(u(C)) : "",
+                    onChange: (F) => g(C, F.target.value)
+                  }, null, 40, Rr)) : c(C) === "text" ? (v(), De(br, {
                     key: 2,
                     name: C.id,
                     "model-value": K(Lt)(u(C)),
@@ -3888,26 +3888,26 @@ const ar = ["draggable"], ir = /* @__PURE__ */ se({
                   }, null, 8, ["name", "model-value", "multiline", "onUpdate:modelValue"])) : c(C) === "select" ? (v(), O("select", {
                     key: 3,
                     class: "ui-props__input",
-                    value: K(Pe)(u(C)),
-                    onChange: (F) => g(C, F.target.value)
+                    value: K(Be)(u(C)),
+                    onChange: (F) => E(C, F.target.value)
                   }, [
-                    S[0] || (S[0] = H("option", { value: "" }, "—", -1)),
+                    S[0] || (S[0] = U("option", { value: "" }, "—", -1)),
                     (v(!0), O(q, null, oe(B(C), (F) => (v(), O("option", {
                       key: F.value,
                       value: F.value
-                    }, U(F.label), 9, Nr))), 128))
+                    }, H(F.label), 9, Nr))), 128))
                   ], 40, wr)) : c(C) === "textarea" ? (v(), O("textarea", {
                     key: 4,
                     class: "ui-props__input",
                     rows: "3",
-                    value: K(Pe)(u(C)),
-                    onChange: (F) => g(C, F.target.value)
-                  }, null, 40, Dr)) : c(C) === "readonly" ? (v(), O("span", Fr, U(Y(C)), 1)) : (v(), O("input", {
+                    value: K(Be)(u(C)),
+                    onChange: (F) => E(C, F.target.value)
+                  }, null, 40, Dr)) : c(C) === "readonly" ? (v(), O("span", Fr, H(W(C)), 1)) : (v(), O("input", {
                     key: 6,
                     type: "text",
                     class: "ui-props__input",
-                    value: K(Pe)(u(C)),
-                    onChange: (F) => g(C, F.target.value)
+                    value: K(Be)(u(C)),
+                    onChange: (F) => E(C, F.target.value)
                   }, null, 40, Gr))
                 ])
               ]))), 128))
@@ -3917,81 +3917,85 @@ const ar = ["draggable"], ir = /* @__PURE__ */ se({
       ]);
     };
   }
-}), La = /* @__PURE__ */ ce(Xr, [["__scopeId", "data-v-74030a51"]]), $r = { class: "ui-tree-node" }, Ur = { class: "ui-tree-type" }, Hr = {
+}), Ca = /* @__PURE__ */ ue(Xr, [["__scopeId", "data-v-74030a51"]]), $r = { class: "ui-tree-node" }, Ur = { class: "ui-tree-type" }, Hr = {
   key: 0,
   class: "ui-tree-caption"
-}, Yr = /* @__PURE__ */ se({
+}, Wr = /* @__PURE__ */ ce({
   __name: "PartTree",
   props: {
     node: {},
     depth: {}
   },
   setup(e) {
-    const t = e, o = $e(He);
+    const t = e, o = Ue(We);
     if (!o) throw new Error("PartTree: EDITOR 컨트롤러가 provide되지 않았습니다");
     const n = o, i = M(() => t.node ?? n.state.root), a = M(() => t.depth ?? 0), l = M(() => ke(i.value, n.catalog)), s = M(() => n.selection.value === i.value.partId);
     return (c, u) => {
       const p = yt("PartTree", !0);
       return v(), O("div", $r, [
-        H("button", {
+        U("button", {
           type: "button",
           class: Ce(["ui-tree-row", { "is-selected": s.value }]),
-          style: Xe({ paddingLeft: `${a.value * 14 + 6}px` }),
-          onClick: u[0] || (u[0] = (g) => K(n).select(i.value.partId))
+          style: $e({ paddingLeft: `${a.value * 14 + 6}px` }),
+          onClick: u[0] || (u[0] = (E) => K(n).select(i.value.partId))
         }, [
-          H("span", Ur, U(i.value.partType), 1),
-          l.value ? (v(), O("span", Hr, U(l.value), 1)) : he("", !0)
+          U("span", Ur, H(i.value.partType), 1),
+          l.value ? (v(), O("span", Hr, H(l.value), 1)) : he("", !0)
         ], 6),
         Et(Qt, {
           controller: K(n),
           "ref-id": i.value.partId
         }, null, 8, ["controller", "ref-id"]),
-        (v(!0), O(q, null, oe(i.value.children ?? [], (g) => (v(), Ne(p, {
-          key: g.partId,
-          node: g,
+        (v(!0), O(q, null, oe(i.value.children ?? [], (E) => (v(), De(p, {
+          key: E.partId,
+          node: E,
           depth: a.value + 1
         }, null, 8, ["node", "depth"]))), 128))
       ]);
     };
   }
-}), Oa = /* @__PURE__ */ ce(Yr, [["__scopeId", "data-v-cfddebcf"]]), ue = "ui-modeler-preview";
-function Wr(e, t) {
-  return { channel: ue, type: "render", model: e, revision: t };
+}), Ia = /* @__PURE__ */ ue(Wr, [["__scopeId", "data-v-cfddebcf"]]), ae = "ui-modeler-preview";
+function Yr(e, t) {
+  return { channel: ae, type: "render", model: e, revision: t };
 }
-function Ca() {
-  return { channel: ue, type: "ready" };
+function ka() {
+  return { channel: ae, type: "ready" };
 }
-function Ia(e) {
-  return { channel: ue, type: "resize", height: e };
+function xa(e) {
+  return { channel: ae, type: "resize", height: e };
 }
-function ka(e) {
-  return { channel: ue, type: "error", message: e };
+function Aa(e) {
+  return { channel: ae, type: "error", message: e };
 }
-function xa(e) {
-  return { channel: ue, type: "select", partId: e };
+function Ma(e) {
+  return { channel: ae, type: "select", partId: e };
 }
 function Vr(e) {
-  return { channel: ue, type: "highlight", partId: e };
+  return { channel: ae, type: "highlight", partId: e };
 }
-function Aa(e, t, o, n) {
-  return { channel: ue, type: "drop", dragKind: e, payload: t, targetPartId: o, zone: n };
+function zr(e) {
+  return { channel: ae, type: "catalog", messages: e };
 }
-function en(e) {
-  return typeof e == "object" && e !== null && e.channel === ue && typeof e.type == "string";
+function _a(e, t, o, n) {
+  return { channel: ae, type: "drop", dragKind: e, payload: t, targetPartId: o, zone: n };
 }
-const zr = /* @__PURE__ */ new Set(["ready", "resize", "error", "select", "drop"]), jr = /* @__PURE__ */ new Set(["render", "highlight"]);
-function Kr(e) {
-  return en(e) && zr.has(e.type);
+function en(e) {
+  return typeof e == "object" && e !== null && e.channel === ae && typeof e.type == "string";
 }
-function Ma(e) {
+const jr = /* @__PURE__ */ new Set(["ready", "resize", "error", "select", "drop"]), Kr = /* @__PURE__ */ new Set(["render", "highlight", "catalog"]);
+function qr(e) {
   return en(e) && jr.has(e.type);
 }
-const qr = ["src"], Jr = /* @__PURE__ */ se({
+function Pa(e) {
+  return en(e) && Kr.has(e.type);
+}
+const Jr = { class: "ui-iframe-preview__box" }, Zr = ["src"], Qr = /* @__PURE__ */ ce({
   __name: "IframePreview",
   props: {
     model: {},
     revision: { default: 0 },
     selection: { default: null },
+    messages: { default: void 0 },
     src: {},
     targetOrigin: { default: "/" }
   },
@@ -4000,27 +4004,32 @@ const qr = ["src"], Jr = /* @__PURE__ */ se({
     const o = e, n = t, i = V(null), a = V(0);
     let l = !1;
     function s() {
-      var y;
-      const g = (y = i.value) == null ? void 0 : y.contentWindow;
+      var T;
+      const g = (T = i.value) == null ? void 0 : T.contentWindow;
       if (!(!g || !l))
         try {
-          const E = JSON.parse(JSON.stringify(o.model));
-          g.postMessage(Wr(E, o.revision), o.targetOrigin);
-        } catch (E) {
-          n("error", E instanceof Error ? E.message : String(E));
+          const b = JSON.parse(JSON.stringify(o.model));
+          g.postMessage(Yr(b, o.revision), o.targetOrigin);
+        } catch (b) {
+          n("error", b instanceof Error ? b.message : String(b));
         }
     }
     function c() {
-      var y;
-      const g = (y = i.value) == null ? void 0 : y.contentWindow;
+      var T;
+      const g = (T = i.value) == null ? void 0 : T.contentWindow;
       !g || !l || g.postMessage(Vr(o.selection ?? null), o.targetOrigin);
     }
-    function u(g) {
-      var y;
-      if (g.source === ((y = i.value) == null ? void 0 : y.contentWindow) && Kr(g.data))
+    function u() {
+      var T;
+      const g = (T = i.value) == null ? void 0 : T.contentWindow;
+      !g || !l || g.postMessage(zr(o.messages ?? {}), o.targetOrigin);
+    }
+    function p(g) {
+      var T;
+      if (g.source === ((T = i.value) == null ? void 0 : T.contentWindow) && qr(g.data))
         switch (g.data.type) {
           case "ready":
-            l = !0, s(), c(), n("ready");
+            l = !0, u(), s(), c(), n("ready");
             break;
           case "resize":
             a.value = g.data.height;
@@ -4032,58 +4041,63 @@ const qr = ["src"], Jr = /* @__PURE__ */ se({
             n("select", g.data.partId);
             break;
           case "drop":
-            p(g.data);
+            E(g.data);
             break;
         }
     }
-    function p(g) {
-      const y = g.targetPartId == null ? { parentId: o.model.partId } : qt(o.model, g.targetPartId, g.zone);
-      if (y)
+    function E(g) {
+      const T = g.targetPartId == null ? { parentId: o.model.partId } : qt(o.model, g.targetPartId, g.zone);
+      if (T)
         if (g.dragKind === "move") {
-          const E = y.index == null ? void 0 : Jt(o.model, g.payload, y.parentId, y.index);
-          n("movePart", g.payload, y.parentId, E);
+          const b = T.index == null ? void 0 : Jt(o.model, g.payload, T.parentId, T.index);
+          n("movePart", g.payload, T.parentId, b);
         } else
-          n("addPart", y.parentId, g.payload, y.index);
+          n("addPart", T.parentId, g.payload, T.index);
     }
-    return un(() => window.addEventListener("message", u)), dn(() => window.removeEventListener("message", u)), qe(
+    return un(() => window.addEventListener("message", p)), dn(() => window.removeEventListener("message", p)), Pe(
       () => [o.model, o.revision],
       () => s(),
       { deep: !1 }
-    ), qe(
+    ), Pe(
       () => o.selection,
       () => c()
-    ), (g, y) => (v(), O("iframe", {
-      ref_key: "frame",
-      ref: i,
-      class: "ui-iframe-preview",
-      src: e.src,
-      style: Xe(a.value ? { height: a.value + "px" } : void 0),
-      title: "실 미리보기"
-    }, null, 12, qr));
+    ), Pe(
+      () => o.messages,
+      () => u()
+    ), (g, T) => (v(), O("div", Jr, [
+      U("iframe", {
+        ref_key: "frame",
+        ref: i,
+        class: "ui-iframe-preview",
+        src: e.src,
+        style: $e(a.value ? { height: a.value + "px" } : void 0),
+        title: "실 미리보기"
+      }, null, 12, Zr)
+    ]));
   }
-}), _a = /* @__PURE__ */ ce(Jr, [["__scopeId", "data-v-aece74f6"]]);
+}), Ba = /* @__PURE__ */ ue(Qr, [["__scopeId", "data-v-063e5619"]]);
 export {
   Rn as AGENT_EXPOSE_DEFAULT,
-  pa as APPLY_UI_OPS_INPUT_SCHEMA,
+  ga as APPLY_UI_OPS_INPUT_SCHEMA,
   Zn as BUILTIN_PART_DEFS,
-  ra as CASE_MSG_CAPTION,
+  ia as CASE_MSG_CAPTION,
   ft as CommandStack,
-  He as EDITOR,
-  _a as IframePreview,
+  We as EDITOR,
+  Ba as IframePreview,
   Qt as InlineIssueBadge,
   $t as MAX_INLINE_DEPTH,
   br as MultiLangTextField,
-  Ta as OP_KINDS,
+  ya as OP_KINDS,
   Xo as OpSyncAdapter,
   bt as PART_CATEGORY,
   pn as PART_TYPES,
   mt as PART_TYPES_BY_CATEGORY,
-  ue as PREVIEW_CHANNEL,
-  ua as PROPERTY_EDITORS,
-  Sa as PartCanvas,
-  va as PartPalette,
-  Oa as PartTree,
-  La as PropertyPanel,
+  ae as PREVIEW_CHANNEL,
+  pa as PROPERTY_EDITORS,
+  La as PartCanvas,
+  Oa as PartPalette,
+  Ia as PartTree,
+  Ca as PropertyPanel,
   Go as RevCache,
   be as STYLE_TOKENS,
   Ct as STYLE_TOKEN_DIM_META,
@@ -4092,67 +4106,68 @@ export {
   jt as SchematicPart,
   gn as accept,
   wo as addPart,
-  ca as applyOpsToFlat,
-  De as asBool,
-  le as asInt,
-  Pe as asString,
+  da as applyOpsToFlat,
+  Fe as asBool,
+  se as asInt,
+  Be as asString,
   Lt as asText,
-  oa as asValidator,
+  aa as asValidator,
   ot as attrMapFrom,
   Sn as attrValFrom,
   N as bool,
-  ya as buildAgentBatch,
+  ma as buildAgentBatch,
   ke as captionText,
+  zr as catalogMessage,
   ko as checkStrictSubset,
   It as classifyStyleClass,
-  aa as collect,
+  la as collect,
   to as createCatalog,
   Jo as createSchematicRegistry,
-  Ea as createUiEditorController,
+  ba as createUiEditorController,
   On as cssToToken,
-  ta as dataMapping,
-  ea as dataSource,
+  oa as dataMapping,
+  na as dataSource,
   hn as decodeKeyText,
-  Fe as decodeToMultiLang,
-  ha as describeScreen,
+  Ge as decodeToMultiLang,
+  Ea as describeScreen,
   qo as displayCaptionOf,
-  Aa as dropMessage,
+  _a as dropMessage,
   Cn as emptyCoverageReport,
-  Yo as emptyRoot,
-  ka as errorMessage,
-  da as extendCatalog,
+  Wo as emptyRoot,
+  Aa as errorMessage,
+  fa as extendCatalog,
   ee as findPartById,
   At as flattenSubtree,
   An as fromPersisted,
-  la as fromPersistedV2,
+  ca as fromPersistedV2,
   Vr as highlightMessage,
   St as int,
   Ze as isMultiLangMessage,
   Je as isPartType,
-  Kr as isPreviewInbound,
-  Ma as isPreviewOutbound,
-  fa as isStrictSubset,
-  ma as issueCategoryLabel,
-  ba as issueParentRef,
-  sa as migrateV1ToV2,
+  qr as isPreviewInbound,
+  Pa as isPreviewOutbound,
+  Ta as isStrictSubset,
+  Sa as issueCategoryLabel,
+  va as issueParentRef,
+  ua as migrateV1ToV2,
   Do as movePart,
   Ie as newPartId,
-  Ue as parentOf,
+  He as parentOf,
   mn as parseGridSort,
-  ia as parseGridSortList,
+  sa as parseGridSortList,
   En as parseValidatorString,
   Ut as pathOf,
   Ot as pathTo,
-  Ca as readyMessage,
+  ka as readyMessage,
   Fo as removePart,
-  Wr as renderMessage,
-  Ia as resizeMessage,
-  Ke as resolveHandle,
-  ga as resolveOps,
+  Yr as renderMessage,
+  xa as resizeMessage,
+  qe as resolveHandle,
+  ha as resolveOps,
   Zo as resolveRenderer,
-  Wt as revContainersOf,
+  Yt as revContainersOf,
   Kt as schematicProps,
-  xa as selectMessage,
+  Ma as selectMessage,
   J as str,
   vt as text,
   co as toAgentCatalog,
@@ -4163,6 +4178,6 @@ export {
   yn as uiKeyTextToMultiLang,
   No as updatePart,
   Tn as validatePartModel,
-  na as validator,
+  ra as validator,
   re as walk
 };