@g1cloud/ui-modeler-next 5.0.0-alpha.1

package/dist/ui-modeler.js

@@ -0,0 +1,3965 @@
+var Yt = Object.defineProperty;
+var Vt = (e, t, r) => t in e ? Yt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
+var G = (e, t, r) => Vt(e, typeof t != "symbol" ? t + "" : t, r);
+import { reactive as Wt, ref as Y, computed as D, defineComponent as ne, openBlock as L, createElementBlock as I, normalizeClass as be, createElementVNode as U, toDisplayString as X, createCommentVNode as ue, renderSlot as zt, inject as Be, resolveComponent as ct, createBlock as Me, resolveDynamicComponent as jt, mergeProps as Kt, withCtx as qt, Fragment as z, renderList as Z, watch as ut, createTextVNode as Jt, createVNode as dt, unref as W, normalizeStyle as pt, onMounted as Zt, onBeforeUnmount as Qt } from "vue";
+const ft = {
+  Layout: [
+    "VerticalLayout",
+    "HorizontalLayout",
+    "CardLayout",
+    "ActionLayout",
+    "ActionLayoutArea",
+    "FormLayout",
+    "TableLayout",
+    "TableLayoutCell",
+    "FlowLayout",
+    "ExpansionLayout",
+    "InternalLayoutArea"
+  ],
+  Basic: [
+    "Button",
+    "PopupButton",
+    "Label",
+    "Image",
+    "Link",
+    "LinkTab",
+    "ProgressBar",
+    "Console",
+    "NativeUpload",
+    "AuditInfo",
+    "AuditInfoButton"
+  ],
+  Input: [
+    "TextField",
+    "TextArea",
+    "StyledTextField",
+    "RichTextArea",
+    "TelField",
+    "NumberField",
+    "CurrencyField",
+    "DateField",
+    "TimeField",
+    "DateRange",
+    "CheckBox",
+    "RadioButton",
+    "RadioGroup",
+    "CheckBoxGroup",
+    "YesNoGroup",
+    "Select",
+    "MultiSelect",
+    "CategorySelect",
+    "PopupSelect",
+    "YesNoSelect",
+    "ColorField"
+  ],
+  Composite: [
+    "MultiFileUpload",
+    "SingleFileUpload",
+    "SingleImageUpload",
+    "NameField",
+    "AddressField",
+    "PageBuilder",
+    "ContentEditor"
+  ],
+  MultiLang: [
+    "MultiLangTextField",
+    "MultiLangTextArea",
+    "MultiLangStyledTextField",
+    "MultiLangRichTextArea",
+    "MultiLangPageBuilder",
+    "MultiLangContentEditor",
+    "MultiLangFileUpload"
+  ],
+  Grid: ["Grid", "GridControl", "GridLookup", "ColumnDef", "GridCellPanel"],
+  Tree: ["Tree", "TreeControl", "TabSheet", "TabSheetPanel"],
+  Filter: [
+    "TextFilter",
+    "NumberFilter",
+    "SelectFilter",
+    "MultiSelectFilter",
+    "PopupSelectFilter",
+    "CategorySelectFilter",
+    "YesNoSelectFilter"
+  ],
+  ListField: ["ListField", "ListControl"],
+  Chart: ["FlagCard", "Chart"],
+  Etc: [
+    "PageRefreshButton",
+    "MultiLangExpandButton",
+    "Fragment",
+    "CommentList",
+    "SourceCodeEditor",
+    "MarkdownViewer",
+    "History"
+  ]
+}, en = Object.values(
+  ft
+).flat(), gt = Object.fromEntries(
+  Object.entries(ft).flatMap(
+    ([e, t]) => t.map((r) => [r, e])
+  )
+), tn = new Set(en);
+function $e(e) {
+  return tn.has(e);
+}
+const te = (e) => ({ kind: "string", value: e }), Tt = (e) => ({ kind: "int", value: e }), w = (e) => ({ kind: "bool", value: e }), ht = (e) => ({ kind: "text", value: e }), $r = (e) => ({ kind: "dataSource", value: e }), Hr = (e) => ({ kind: "dataMapping", value: e }), Yr = (e) => ({ kind: "validator", value: e });
+function De(e, t = "") {
+  return (e == null ? void 0 : e.kind) === "string" ? e.value : t;
+}
+function nn(e, t = 0) {
+  return (e == null ? void 0 : e.kind) === "int" ? e.value : t;
+}
+function on(e, t = !1) {
+  return (e == null ? void 0 : e.kind) === "bool" ? e.value : t;
+}
+function rn(e) {
+  return (e == null ? void 0 : e.kind) === "text" ? e.value : void 0;
+}
+function Vr(e) {
+  return (e == null ? void 0 : e.kind) === "validator" ? e.value : void 0;
+}
+const Wr = {
+  NOTI_S: "Success",
+  NOTI_F: "Fail",
+  CONFIRM: "Confirm"
+};
+function qe(e) {
+  return typeof e == "object" && e != null && typeof e.key == "string";
+}
+function Se() {
+  return crypto.randomUUID();
+}
+function an(e, t) {
+  const r = t(e);
+  if (r === "CONTINUE" && e.children) {
+    for (const o of e.children)
+      if (an(o, t) === "STOP") break;
+  }
+  return r === "SKIP_CHILDREN" ? "CONTINUE" : r;
+}
+function K(e, t) {
+  if (e != null) {
+    if (e.partId === t) return e;
+    if (e.children)
+      for (const r of e.children) {
+        const o = K(r, t);
+        if (o) return o;
+      }
+  }
+}
+function Q(e, t) {
+  if (t(e), e.children) for (const r of e.children) Q(r, t);
+}
+function zr(e, t) {
+  const r = [];
+  return Q(e, (o) => {
+    t(o) && r.push(o);
+  }), r;
+}
+function We(e, t) {
+  if (e.children)
+    for (const r of e.children) {
+      if (r.partId === t) return e;
+      const o = We(r, t);
+      if (o) return o;
+    }
+}
+function Et(e, t) {
+  if (e.partId === t) return [e];
+  if (e.children)
+    for (const r of e.children) {
+      const o = Et(r, t);
+      if (o) return [e, ...o];
+    }
+}
+function ln(e, t) {
+  const r = [], o = /* @__PURE__ */ new Map();
+  return Q(e, (a) => o.set(a.partId, (o.get(a.partId) ?? 0) + 1)), Q(e, (a) => {
+    (o.get(a.partId) ?? 0) > 1 && r.push({
+      ruleId: "CHK-DUP-ID",
+      severity: "error",
+      targetKind: "part",
+      targetRef: a.partId,
+      message: `partId가 트리에서 중복됩니다: "${a.partId}"`
+    });
+  }), Q(e, (a) => {
+    var c;
+    const i = t.get(a.partType);
+    if (!i)
+      r.push({
+        ruleId: "CHK-PART-1",
+        severity: "warning",
+        targetKind: "part",
+        targetRef: a.partId,
+        message: `카탈로그에 없는 파트 타입입니다: "${a.partType}"`
+      });
+    else
+      for (const u of Object.keys(a.attrs))
+        t.propertyItem(a.partType, u) || r.push({
+          ruleId: "CHK-ATTR-1",
+          severity: "warning",
+          targetKind: "part",
+          targetRef: a.partId,
+          message: `카탈로그 정의에 없는 속성 키입니다: "${a.partType}.${u}"`
+        });
+    const l = a.children ?? [];
+    for (const u of l)
+      if (t.canContain(a.partType, u.partType) === "deny" && r.push({
+        ruleId: "CHK-CONTAIN-1",
+        severity: "error",
+        targetKind: "part",
+        targetRef: u.partId,
+        contextRef: a.partId,
+        message: `${a.partType}은(는) 자식으로 ${u.partType}을(를) 담을 수 없습니다`
+      }), i)
+        for (const d of Object.keys(u.layoutAttrs ?? {})) {
+          const h = t.propertyItem(a.partType, d);
+          h != null && h.layoutAttr || r.push({
+            ruleId: "CHK-ATTR-1",
+            severity: "warning",
+            targetKind: "part",
+            targetRef: u.partId,
+            contextRef: a.partId,
+            message: `${a.partType}의 레이아웃 정의에 없는 레이아웃 속성 키입니다: "${d}"`
+          });
+        }
+    const s = (c = i == null ? void 0 : i.containment) == null ? void 0 : c.arity;
+    if (s) {
+      const u = l.length;
+      s.max != null && u > s.max && r.push({
+        ruleId: "CHK-ARITY-1",
+        severity: "error",
+        targetKind: "part",
+        targetRef: a.partId,
+        message: `${a.partType}의 자식이 ${u}개로 최대 ${s.max}개를 초과했습니다`
+      }), s.min != null && u < s.min && r.push({
+        ruleId: "CHK-ARITY-2",
+        severity: "warning",
+        targetKind: "part",
+        targetRef: a.partId,
+        message: `${a.partType}의 자식이 ${u}개로 최소 ${s.min}개에 미달합니다`
+      });
+    }
+  }), r;
+}
+function Je(e) {
+  return e == null || e.trim().length === 0;
+}
+function sn(e) {
+  if (!(e == null || e.length === 0))
+    return e.startsWith("#{") && e.endsWith("}") ? { key: e.slice(2, -1) } : { text: e };
+}
+function cn(e) {
+  if (e != null) {
+    if (!Je(e.key)) return { key: e.key };
+    if (e.msgMap && Object.keys(e.msgMap).length > 0) return { ...e.msgMap };
+    if (!Je(e.text)) return e.text;
+  }
+}
+function _e(e) {
+  return cn(sn(e));
+}
+function fe(e) {
+  if (e == null) return;
+  const t = e.startsWith("^") ? e.slice(1) : e, r = Number.parseInt(t, 10);
+  return Number.isNaN(r) ? void 0 : r;
+}
+function Ce(e) {
+  if (e == null) return;
+  const t = e.startsWith("^") ? e.slice(1) : e;
+  return Number.isNaN(Number(t)) || t.trim().length === 0 ? void 0 : t;
+}
+function ge(e) {
+  return e != null && e.startsWith("^");
+}
+function un(e) {
+  const t = {};
+  if (e == null) return t;
+  for (let r of e.split(";")) {
+    if (r = r.trim(), r.length === 0) continue;
+    const o = r.split(":"), a = o.length >= 1 ? o[0].trim() : null, i = o.length >= 2 ? o[1].trim() : null;
+    let l = null, s = null;
+    if (i != null) {
+      const d = i.split(",");
+      d.length > 0 && (l = d[0]), d.length > 1 && (s = d[1]);
+    }
+    const c = o.length >= 3 ? _e(o[2].trim()) : void 0, u = o.length >= 4 ? _e(o[3].trim()) : void 0;
+    switch (a) {
+      case "required":
+        t.useRequired = !0, t.requiredMsg = c;
+        break;
+      case "length":
+        t.useLength = !0, t.lengthMin = fe(l), t.lengthMax = fe(s), t.lengthMsg = c;
+        break;
+      case "currencyRange":
+        t.useCurrencyRange = !0, t.currencyRangeMin = Ce(l), t.currencyRangeMax = Ce(s), t.currencyRangeMinExclusive = ge(l), t.currencyRangeMaxExclusive = ge(s), t.currencyRangeMsg = c;
+        break;
+      case "longRange":
+        t.useLongRange = !0, t.longRangeMin = fe(l), t.longRangeMax = fe(s), t.longRangeMinExclusive = ge(l), t.longRangeMaxExclusive = ge(s), t.longRangeMsg = c;
+        break;
+      case "doubleRange":
+        t.useDoubleRange = !0, t.doubleRangeMin = Ce(l), t.doubleRangeMax = Ce(s), t.doubleRangeMinExclusive = ge(l), t.doubleRangeMaxExclusive = ge(s), t.doubleRangeMsg = c;
+        break;
+      case "regexp":
+        t.useRegexp = !0, t.regexpPattern = i ?? void 0, t.regexpMsg = c;
+        break;
+      case "dupCheck":
+        t.useDupCheck = !0, t.dupCheckMsg1 = c, t.dupCheckMsg2 = u;
+        break;
+      case "plainTextLength":
+        t.usePlainTextLength = !0, t.plainTextLengthMin = fe(l), t.plainTextLengthMax = fe(s), t.plainTextLengthMsg = c;
+        break;
+    }
+  }
+  return t;
+}
+function dn(e) {
+  const t = e.split(":");
+  return {
+    sortPropertyId: t.length > 0 ? t[0] : "",
+    order: t.length > 1 ? t[1] : "ASC",
+    sortDataMapping: t.length > 2 ? t[2] : "",
+    sortName: t.length > 3 ? t[3] : ""
+  };
+}
+function jr(e) {
+  return e == null ? [] : e.split(";").filter((t) => t.trim().length > 0).map(dn);
+}
+const pn = {
+  S: "string",
+  I: "int",
+  B: "bool",
+  M: "text",
+  DS: "dataSource",
+  DM: "dataMapping"
+};
+function fn(e, t) {
+  switch (t ?? pn[e.type]) {
+    case "string":
+      return { kind: "string", value: e.val };
+    case "int":
+      return { kind: "int", value: Number.parseInt(e.val, 10) };
+    case "bool":
+      return { kind: "bool", value: e.val === "true" };
+    case "text":
+      return { kind: "text", value: _e(e.val) ?? "" };
+    case "dataSource":
+      return { kind: "dataSource", value: e.val };
+    case "dataMapping":
+      return { kind: "dataMapping", value: e.val };
+    case "validator":
+      return { kind: "validator", value: un(e.val) };
+    default:
+      return;
+  }
+}
+function Ze(e, t, r) {
+  const o = {};
+  for (const [a, i] of Object.entries(e)) {
+    const l = fn(i, t == null ? void 0 : t(a));
+    l === void 0 ? r == null || r(a, i) : o[a] = l;
+  }
+  return o;
+}
+function gn() {
+  return { unknownPartTypes: [], discardedAttrs: [], droppedFields: [] };
+}
+function Tn(e) {
+  const t = {};
+  if (e.caseText && (t.caseText = { ...e.caseText }), e.msgType && (t.msgType = e.msgType), e.msgText != null) {
+    const r = _e(e.msgText);
+    r !== void 0 && (t.msgText = r);
+  }
+  return t;
+}
+function hn(e, t) {
+  if (e)
+    return (r) => {
+      var o;
+      return (o = e.propertyItem(t, r)) == null ? void 0 : o.valueType;
+    };
+}
+function mt(e, t) {
+  const {
+    partId: r,
+    partType: o,
+    partInfo: a,
+    attrMap: i,
+    comment: l,
+    caseMsgList: s,
+    children: c,
+    layoutAttrMap: u,
+    extraAttrMap: d,
+    ...h
+  } = e, E = t.report, m = t.catalog ? t.catalog.get(o) != null : !0;
+  E && !m && E.unknownPartTypes.push({ partId: r, partType: o });
+  const S = E ? (b) => (v, N) => E.discardedAttrs.push({ partId: r, partType: o, key: v, tag: String(N.type), layout: b }) : void 0, P = hn(t.catalog, o), H = {
+    partId: r,
+    partType: o,
+    attrs: i ? Ze(i, P, S == null ? void 0 : S(!1)) : {}
+  };
+  if (a && (H.info = {
+    draggable: !!a.draggable,
+    droppable: !!a.droppable,
+    selectable: !!a.selectable,
+    deletable: !!a.deletable
+  }), u && (H.layoutAttrs = Ze(u, P, S == null ? void 0 : S(!0))), d && (H.extraAttrs = { ...d }), l && (H.comment = { ...l }), s && (H.caseMessages = s.map(Tn)), c && (H.children = c.map((b) => mt(b, t))), E)
+    for (const b of Object.keys(h))
+      E.droppedFields.push({ partId: r, partType: o, field: b });
+  return H;
+}
+function En(e, t = {}) {
+  return mt(e, t);
+}
+function mn(e, t, r, o) {
+  const a = { partId: e.partId, parentId: t, order: r, rev: o, partType: e.partType };
+  return e.info && (a.info = e.info), e.attrs && Object.keys(e.attrs).length && (a.attrs = e.attrs), e.layoutAttrs && Object.keys(e.layoutAttrs).length && (a.layoutAttrs = e.layoutAttrs), e.extraAttrs && (a.extraAttrs = e.extraAttrs), e.comment !== void 0 && (a.comment = e.comment), e.caseMessages && (a.caseMessages = e.caseMessages), a;
+}
+function yt(e, t = null, r = 0, o = 0) {
+  const a = [], i = (l, s, c) => {
+    var u;
+    a.push(mn(l, s, c, o)), (u = l.children) == null || u.forEach((d, h) => i(d, l.partId, h));
+  };
+  return i(e, t, r), a;
+}
+function yn(e, t = {}) {
+  const r = {
+    schemaVersion: 2,
+    rootId: e.partId,
+    partList: yt(e, null, 0, 0)
+  };
+  return t.opWriteEnabled !== void 0 && (r.opWriteEnabled = t.opWriteEnabled), t.version !== void 0 && (r.version = t.version), r;
+}
+function bn(e) {
+  const t = {
+    partId: e.partId,
+    partType: e.partType,
+    // attrs는 필수(코어 타입). write 시 빈 객체는 생략되므로 read 시 {}로 복원(왕복 대칭).
+    attrs: e.attrs ? { ...e.attrs } : {}
+  };
+  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 Kr(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}'`);
+    t.set(c.partId, c);
+  }
+  const r = /* @__PURE__ */ new Map();
+  for (const c of e.partList) {
+    if (c.parentId === null) continue;
+    if (!t.has(c.parentId))
+      throw new Error(`v2-read: 고아 파트 '${c.partId}' — 부모 '${c.parentId}' 부재`);
+    const u = r.get(c.parentId);
+    u ? u.push(c) : r.set(c.parentId, [c]);
+  }
+  const o = t.get(e.rootId);
+  if (!o) throw new Error(`v2-read: rootId '${e.rootId}' 파트 부재`);
+  if (o.parentId !== null)
+    throw new Error(`v2-read: rootId '${e.rootId}'의 parentId가 null이 아님(${String(o.parentId)})`);
+  const a = {}, i = /* @__PURE__ */ new Set(), l = (c) => {
+    if (i.has(c.partId)) throw new Error(`v2-read: 순환 참조 '${c.partId}'`);
+    i.add(c.partId), a[c.partId] = c.rev;
+    const u = bn(c), d = r.get(c.partId);
+    return d && (d.sort((h, E) => h.order - E.order), u.children = d.map(l)), u;
+  }, s = l(o);
+  if (i.size !== t.size) {
+    const c = [...t.keys()].filter((u) => !i.has(u));
+    throw new Error(
+      `v2-read: root에서 도달 불가한 파트 ${c.length}개(예: '${c[0]}')`
+    );
+  }
+  return { root: s, revSeed: { revs: a } };
+}
+function qr(e, t = {}) {
+  const r = t.report ?? gn(), o = En(e, { catalog: t.catalog, report: r });
+  return { v2: yn(o, {
+    opWriteEnabled: t.opWriteEnabled,
+    version: t.version
+  }), report: r, model: o };
+}
+function Qe(e, t) {
+  return e == null ? t : Math.max(0, Math.min(e, t));
+}
+function Jr(e, t, r) {
+  const o = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map();
+  for (const u of e) {
+    if (o.has(u.partId)) throw new Error(`applyOpsToFlat: 입력 중복 partId '${u.partId}'`);
+    o.set(u.partId, { ...u }), a.set(u.partId, u.rev);
+  }
+  const i = r.revs ?? {};
+  for (const [u, d] of Object.entries(i)) {
+    if (!a.has(u)) continue;
+    const h = a.get(u);
+    if (h !== d) return { ok: !1, conflict: { kind: "rev", ref: u, current: h } };
+  }
+  const l = (u) => [...o.values()].filter((d) => d.parentId === u).sort((d, h) => d.order - h.order), s = (u) => u.forEach((d, h) => d.order = h);
+  for (const u of t)
+    switch (u.kind) {
+      case "part.add": {
+        const d = u.parentRef ?? null;
+        if (d !== null && !o.has(d))
+          return { ok: !1, conflict: { kind: "missing", ref: d } };
+        if (!u.value) throw new Error("applyOpsToFlat: part.add에 value(서브트리) 누락");
+        const h = yt(u.value, d, 0, 0);
+        for (const S of h) {
+          if (o.has(S.partId)) throw new Error(`applyOpsToFlat: part.add 중복 partId '${S.partId}'`);
+          o.set(S.partId, S);
+        }
+        const E = u.value.partId, m = l(d).filter((S) => S.partId !== E);
+        m.splice(Qe(u.index, m.length), 0, o.get(E)), s(m);
+        break;
+      }
+      case "part.update": {
+        const d = u.partRef ? o.get(u.partRef) : void 0;
+        if (!d) return { ok: !1, conflict: { kind: "missing", ref: u.partRef } };
+        u.patch && Object.assign(d, u.patch);
+        break;
+      }
+      case "part.move": {
+        const d = u.partRef, h = d ? o.get(d) : void 0;
+        if (!d || !h) return { ok: !1, conflict: { kind: "missing", ref: d } };
+        const E = u.toParentRef ?? null;
+        if (E !== null && !o.has(E))
+          return { ok: !1, conflict: { kind: "missing", ref: E } };
+        const m = h.parentId;
+        s(l(m).filter((P) => P.partId !== d)), h.parentId = E;
+        const S = l(E).filter((P) => P.partId !== d);
+        S.splice(Qe(u.index, S.length), 0, h), s(S);
+        break;
+      }
+      case "part.remove": {
+        const d = u.partRef;
+        if (!d || !o.has(d)) return { ok: !1, conflict: { kind: "missing", ref: d } };
+        const h = o.get(d).parentId;
+        for (const E of Sn(o, d)) o.delete(E);
+        s(l(h));
+        break;
+      }
+    }
+  const c = {};
+  for (const [u, d] of Object.entries(i)) {
+    const h = o.get(u);
+    h && (a.has(u) && (h.rev = d + 1), c[u] = h.rev);
+  }
+  return { ok: !0, partList: [...o.values()], revs: c };
+}
+function Sn(e, t) {
+  const r = [t], o = [t];
+  for (; o.length; ) {
+    const a = o.shift();
+    for (const i of e.values())
+      i.parentId === a && (r.push(i.partId), o.push(i.partId));
+  }
+  return r;
+}
+const Zr = [
+  "TEXT",
+  "TEXT_WITH_BUTTON",
+  "TEXT_RO_WITH_BUTTON",
+  "MESSAGE_TEXT",
+  "TEXTAREA",
+  "FULL_TEXTAREA",
+  "MESSAGE_TEXTAREA",
+  "INTEGER",
+  "BOOL",
+  "BUTTON",
+  "SIMPLE_BUTTON",
+  "WINDOW_OPEN_BUTTON",
+  "SELECT",
+  "ALIGN",
+  "ADD_STYLE",
+  "SIZE",
+  "ICON",
+  "TAGS",
+  "COMPONENT_REF",
+  "DATASOURCE",
+  "DATAMAPPING",
+  "COMMENT",
+  "CASE_MESSAGES"
+], vn = {
+  TEXT: !0,
+  TEXTAREA: !0,
+  FULL_TEXTAREA: !0,
+  MESSAGE_TEXT: !0,
+  MESSAGE_TEXTAREA: !0,
+  INTEGER: !0,
+  BOOL: !0,
+  TAGS: !0,
+  SELECT: !0,
+  ALIGN: !0,
+  ADD_STYLE: !0,
+  SIZE: !0,
+  ICON: !0,
+  TEXT_WITH_BUTTON: !1,
+  TEXT_RO_WITH_BUTTON: !1,
+  BUTTON: !1,
+  SIMPLE_BUTTON: !1,
+  WINDOW_OPEN_BUTTON: !1,
+  COMPONENT_REF: !1,
+  DATASOURCE: !1,
+  DATAMAPPING: !1,
+  COMMENT: !1,
+  CASE_MESSAGES: !1
+}, ye = {
+  spacing: [
+    { token: "xs", css: "margin-xs", label: "X-Small" },
+    { token: "sm", css: "margin-sm", label: "Small" },
+    { token: "default", css: "", label: "Default" },
+    { token: "lg", css: "margin-lg", label: "Large" },
+    { token: "xl", css: "margin-xl", label: "X-Large" }
+  ],
+  gap: [
+    { token: "xs", css: "spacing-xs", label: "X-Small" },
+    { token: "sm", css: "spacing-sm", label: "Small" },
+    { token: "default", css: "", label: "Default" },
+    { token: "lg", css: "spacing-lg", label: "Large" },
+    { token: "xl", css: "spacing-xl", label: "X-Large" }
+  ],
+  color: [
+    { token: "default", css: "", label: "Default" },
+    { token: "themed", css: "colored", label: "Theme color" },
+    { token: "red", css: "red", label: "Red" },
+    { token: "gray", css: "gray", label: "Gray" },
+    { token: "yellow", css: "yellow", label: "Yellow" },
+    { token: "green", css: "green", label: "Green" }
+  ],
+  textColor: [
+    { token: "default", css: "", label: "Default" },
+    { token: "black", css: "black-text", label: "Black" },
+    { token: "blue", css: "blue-text", label: "Blue" },
+    { token: "red", css: "red-text", label: "Red" },
+    { token: "gray", css: "gray-text", label: "Gray" },
+    { token: "yellow", css: "yellow-text", label: "Yellow" },
+    { token: "green", css: "green-text", label: "Green" }
+  ],
+  bgColor: [
+    { token: "none", css: "", label: "None" },
+    { token: "blue", css: "blue-bg", label: "Blue" },
+    { token: "red", css: "red-bg", label: "Red" },
+    { token: "yellow", css: "yellow-bg", label: "Yellow" },
+    { token: "green", css: "green-bg", label: "Green" },
+    { token: "purple", css: "purple-bg", label: "Purple" }
+  ],
+  captionBg: [
+    { token: "none", css: "", label: "None" },
+    { token: "gray", css: "gray-bg-caption", label: "Gray" },
+    { token: "blue", css: "blue-bg-caption", label: "Blue" },
+    { token: "red", css: "red-bg-caption", label: "Red" },
+    { token: "yellow", css: "yellow-bg-caption", label: "Yellow" },
+    { token: "green", css: "green-bg-caption", label: "Green" },
+    { token: "purple", css: "purple-bg-caption", label: "Purple" },
+    { token: "white", css: "white-bg-caption", label: "White" }
+  ],
+  captionDir: [
+    { token: "default", css: "", label: "Default" },
+    { token: "left", css: "left-caption", label: "Left" }
+  ],
+  align: [
+    { token: "left", css: "", label: "Left(default)" },
+    { token: "center", css: "align-center", label: "Center" },
+    { token: "right", css: "align-right", label: "Right" }
+  ],
+  verticalAlign: [
+    { token: "top", css: "", label: "Top(default)" },
+    { token: "middle", css: "align-middle", label: "Middle" },
+    { token: "bottom", css: "align-bottom", label: "Bottom" }
+  ],
+  size: [
+    { token: "tiny", css: "tiny", label: "Tiny" },
+    { token: "small", css: "small", label: "Small" },
+    { token: "default", css: "", label: "Default" },
+    { token: "large", css: "large", label: "Large" },
+    { token: "huge", css: "huge", label: "Huge" }
+  ],
+  captionSize: [
+    { token: "tiny", css: "tiny-caption", label: "Tiny" },
+    { token: "small", css: "small-caption", label: "Small" },
+    { token: "default", css: "", label: "Default" },
+    { token: "large", css: "large-caption", label: "Large" },
+    { token: "huge", css: "huge-caption", label: "Huge" }
+  ],
+  iconAlign: [
+    { token: "left", css: "", label: "Left(default)" },
+    { token: "right", css: "icon-align-right", label: "Right" },
+    { token: "top", css: "icon-align-top", label: "Top" }
+  ],
+  heading: [
+    { token: "h1", css: "h1", label: "Heading 1" },
+    { token: "h2", css: "h2", label: "Heading 2" },
+    { token: "h3", css: "h3", label: "Heading 3" },
+    { token: "h4", css: "h4", label: "Heading 4" }
+  ],
+  weight: [
+    { token: "normal", css: "", label: "Normal(default)" },
+    { token: "bold", css: "bold", label: "Bold" },
+    { token: "bolder", css: "bolder", label: "Bolder" },
+    { token: "lighter", css: "lighter", label: "Lighter" }
+  ],
+  slotAlign: [
+    { token: "default", css: "", label: "Default" },
+    { token: "left", css: "LEFT", label: "Left" },
+    { token: "center", css: "CENTER", label: "Center" },
+    { token: "right", css: "RIGHT", label: "Right" },
+    { token: "top", css: "TOP", label: "Top" },
+    { token: "middle", css: "MIDDLE", label: "Middle" },
+    { token: "bottom", css: "BOTTOM", label: "Bottom" }
+  ]
+}, bt = {
+  spacing: { source: "style", legacyDimId: "margin", label: "Margin Size" },
+  gap: { source: "style", legacyDimId: "spacing", label: "Spacing Size" },
+  color: { source: "style", legacyDimId: "color", label: "Color" },
+  textColor: { source: "style", legacyDimId: "textColor", label: "Text Color" },
+  bgColor: { source: "style", legacyDimId: "bgColor", label: "Background Color" },
+  captionBg: { source: "style", legacyDimId: "bgCaption", label: "Caption Background" },
+  captionDir: { source: "style", legacyDimId: "dirCaption", label: "Caption Direction" },
+  align: { source: "style", legacyDimId: "alignment", label: "Alignment" },
+  verticalAlign: { source: "style", legacyDimId: "vertical-alignment", label: "Vertical Alignment" },
+  size: { source: "style", legacyDimId: "size", label: "Size" },
+  captionSize: { source: "style", legacyDimId: "caption-size", label: "Caption" },
+  iconAlign: { source: "style", legacyDimId: "icon-align", label: "Icon alignment" },
+  heading: { source: "style", legacyDimId: "heading", label: "Heading" },
+  weight: { source: "style", legacyDimId: "weight", label: "Weight" },
+  slotAlign: { source: "layoutAttr", legacyDimId: "componentAlignment", label: "Align" }
+}, Ln = new Map(
+  Object.keys(ye).filter((e) => bt[e].source === "style").flatMap(
+    (e) => ye[e].filter((t) => t.css !== "").map((t) => [t.css, { dim: e, token: t.token }])
+  )
+);
+function On(e, t) {
+  var r;
+  return (r = ye[e].find((o) => o.token === t)) == null ? void 0 : r.css;
+}
+function Cn(e, t) {
+  var r;
+  return (r = ye[e].find((o) => o.css === t)) == null ? void 0 : r.token;
+}
+function In(e) {
+  return Ln.get(e);
+}
+function St(e) {
+  return ye[e].map((t) => t.token);
+}
+function f(e, t, r, o) {
+  const a = { partType: e, partName: t, groups: r };
+  return o && o.length > 0 && (a.styles = o), a;
+}
+function n(e, t, r, o, a, i) {
+  const l = { id: e, name: t, valueType: r, editor: o };
+  return a != null && (l.param = a), i != null && (l.default = i), l;
+}
+function p(e, ...t) {
+  return { name: e, items: t };
+}
+function ke(e, ...t) {
+  return { name: e, layoutAttr: !0, items: t.map((r) => ({ ...r, layoutAttr: !0 })) };
+}
+function g() {
+  return p(
+    "Component",
+    n("addStyleNames", "Style", "string", "ADD_STYLE"),
+    n("id", "ID", "string", "TEXT"),
+    n("caption", "Caption", "text", "MESSAGE_TEXT"),
+    n("description", "Description", "text", "MESSAGE_TEXTAREA"),
+    n("skipSrcGen", "Skip Src Gen.", "bool", "BOOL"),
+    n("srcGenHint", "Src Gen Hint", "string", "TEXTAREA")
+  );
+}
+function T() {
+  return p("Size", n("width", "Width", "string", "TEXT"), n("height", "Height", "string", "TEXT"));
+}
+function Ie() {
+  return p(
+    "Min/Max Size",
+    n("minWidth", "Min Width", "string", "TEXT"),
+    n("minHeight", "Min Height", "string", "TEXT"),
+    n("maxWidth", "Max Width", "string", "TEXT"),
+    n("maxHeight", "Max Height", "string", "TEXT")
+  );
+}
+function we() {
+  return ke(
+    "Layout",
+    n("componentAlignment", "Align", "string", "ALIGN"),
+    n("expandRatio", "Expand Ratio", "int", "INTEGER")
+  );
+}
+function A() {
+  return p(
+    "Field",
+    n("propertyId", "Property ID", "string", "TEXT"),
+    n("dataMapping", "Data Mapping", "dataMapping", "DATAMAPPING"),
+    n("viewMode", "View Mode", "bool", "BOOL"),
+    n("enabled", "Enabled", "bool", "BOOL", void 0, w(!0)),
+    n("validate", "Validation", "validator", "TEXT_WITH_BUTTON")
+  );
+}
+function kn() {
+  return p(
+    "Field",
+    n("viewMode", "View Mode", "bool", "BOOL"),
+    n("enabled", "Enabled", "bool", "BOOL", void 0, w(!0)),
+    n("validate", "Validation", "validator", "TEXT_WITH_BUTTON")
+  );
+}
+function _(e, t) {
+  return { kind: "toggle", css: e, label: t };
+}
+const se = () => ({ kind: "enum", dim: "spacing" }), Ae = () => ({ kind: "enum", dim: "gap" }), et = () => ({ kind: "enum", dim: "color" }), xe = () => ({ kind: "enum", dim: "textColor" }), V = () => ({ kind: "enum", dim: "bgColor" }), An = () => ({ kind: "enum", dim: "captionBg" }), xn = () => ({ kind: "enum", dim: "captionDir" }), q = () => ({ kind: "enum", dim: "align" }), Mn = () => ({ kind: "enum", dim: "verticalAlign" }), $ = () => ({ kind: "enum", dim: "size" }), me = () => ({ kind: "enum", dim: "size", only: ["small", "default", "large"] }), O = () => ({ kind: "enum", dim: "captionSize" }), tt = () => ({ kind: "enum", dim: "iconAlign" }), nt = () => ({ kind: "enum", dim: "heading" }), He = () => ({ kind: "enum", dim: "weight" }), F = () => _("borderless", "Borderless"), vt = () => _("borderless-top", "Borderless Top"), Lt = () => _("borderless-bottom", "Borderless Bottom"), Ot = () => _("borderless-left", "Borderless Left"), Ct = () => _("borderless-right", "Borderless Right"), J = () => _("bordered", "Bordered"), It = () => _("bordered-top", "Bordered Top"), kt = () => _("bordered-bottom", "Bordered Bottom"), At = () => _("bordered-left", "Bordered Left"), xt = () => _("bordered-right", "Bordered Right"), _n = () => _("color-bordered-top", "Color Bordered Top"), Mt = () => _("lineless", "Lineless"), Fe = () => _("horizontal", "Horizontal"), Ye = () => _("scrollable-full", "Scrollable"), ot = () => _("white-prefix", "White Prefix"), rt = () => _("white-suffix", "White Suffix"), Pn = () => _("caption-borderless-bottom", "Caption Borderless Bottom"), de = () => [
+  It(),
+  kt(),
+  At(),
+  xt()
+], le = () => [
+  vt(),
+  Lt(),
+  Ot(),
+  Ct()
+], k = () => [An(), Pn(), xn()], Bn = [
+  f(
+    "Button",
+    "Button",
+    [
+      p(
+        "Button",
+        n("enabled", "Enabled", "bool", "BOOL", void 0, w(!0)),
+        n("disableOnClick", "Disable on click", "bool", "BOOL"),
+        n("icon", "Icon", "string", "ICON"),
+        n(
+          "tags",
+          "Tags",
+          "string",
+          "TAGS",
+          "unmask-personal-info,modify-personal-info,personal-info-excel-download,personal-info-excel-upload"
+        )
+      ),
+      g(),
+      T()
+    ],
+    [
+      et(),
+      $(),
+      F(),
+      tt(),
+      _("menu-button", "Menu Button"),
+      _("link", "Link Button"),
+      xe()
+    ]
+  ),
+  f(
+    "PopupButton",
+    "PopupButton",
+    [
+      p(
+        "PopupButton",
+        n("icon", "Icon", "string", "ICON"),
+        n("showHidePopup", "Show/Hide Popup", "string", "SIMPLE_BUTTON")
+      ),
+      p(
+        "Popup",
+        n("popupPosition", "Position", "string", "SELECT", "LEFT:Left; CENTER:Center; RIGHT:Right", te("CENTER")),
+        n("popupTitle", "Popup Title", "text", "MESSAGE_TEXT"),
+        n("popupWidth", "Popup Width", "int", "INTEGER"),
+        n("popupHeight", "Popup Height", "int", "INTEGER"),
+        n("showPopupCloseBox", "Show Close Box", "bool", "BOOL"),
+        n("popupMargin", "Popup Margin", "bool", "BOOL"),
+        n("popupSpacing", "Popup Spacing", "bool", "BOOL"),
+        n("popupStyleNames", "Popup Style", "string", "ADD_STYLE")
+      ),
+      g(),
+      T()
+    ],
+    [et(), $(), F(), tt()]
+  ),
+  f(
+    "Label",
+    "Label",
+    [
+      p(
+        "Label",
+        n("value", "Text", "text", "MESSAGE_TEXT"),
+        n("contentMode", "Content mode", "string", "SELECT", "TEXT:Text; PREFORMATTED:Preformatted; HTML:Html")
+      ),
+      g(),
+      T()
+    ],
+    [
+      q(),
+      $(),
+      nt(),
+      He(),
+      se(),
+      O(),
+      xe(),
+      V(),
+      ...k()
+    ]
+  ),
+  f(
+    "Image",
+    "Image",
+    [
+      p("Image", n("source", "Source", "string", "TEXT"), n("alternateText", "Alternate text", "string", "TEXT")),
+      g(),
+      T()
+    ],
+    [...k()]
+  ),
+  f(
+    "Link",
+    "Link",
+    [
+      p("Link", n("resource", "Resource", "string", "TEXT"), n("targetName", "Target name", "string", "TEXT")),
+      g(),
+      T()
+    ],
+    [q(), me(), O(), xe(), ...k()]
+  ),
+  f("LinkTab", "LinkTab", [
+    p(
+      "LinkTab",
+      n("fixed", "Fixed", "bool", "BOOL", void 0, w(!0)),
+      n("scrollContainer", "Scroll Container", "string", "COMPONENT_REF", "VerticalLayout,HorizontalLayout")
+    ),
+    g(),
+    T()
+  ]),
+  f(
+    "ProgressBar",
+    "Progress Bar",
+    [p("ProgressBar"), g(), T()],
+    [O(), ...k()]
+  ),
+  f(
+    "Console",
+    "Console",
+    [p("Console"), g(), T()],
+    [O(), ...k()]
+  ),
+  f(
+    "NativeUpload",
+    "Native Upload",
+    [
+      p(
+        "NativeUpload",
+        n("immediate", "Immediate mode", "bool", "BOOL"),
+        n("buttonCaption", "Submit button", "text", "MESSAGE_TEXT"),
+        n("cancelButtonCaption", "Cancel button", "text", "MESSAGE_TEXT"),
+        n("submitButtonStyleName", "Submit button style", "string", "TEXT"),
+        n("progressBar", "ProgressBar", "string", "COMPONENT_REF", "ProgressBar")
+      ),
+      g(),
+      T()
+    ],
+    [O(), ...k()]
+  ),
+  f(
+    "AuditInfo",
+    "Audit Info",
+    [p("AuditInfo"), g(), T()],
+    [
+      q(),
+      $(),
+      nt(),
+      He(),
+      se(),
+      O(),
+      ...k()
+    ]
+  ),
+  f("AuditInfoButton", "Audit Info Button", [
+    p(
+      "AuditInfoButton",
+      n("popupPosition", "Position", "string", "SELECT", "LEFT:Left; CENTER:Center; RIGHT:Right", te("CENTER"))
+    ),
+    g(),
+    T()
+  ])
+], Rn = [
+  f(
+    "FlagCard",
+    "FlagCard",
+    [
+      p(
+        "FlagCard",
+        n("titleDesc", "Title Desc.", "text", "MESSAGE_TEXT"),
+        n("html", "Html", "string", "TEXTAREA"),
+        n("linkCaption", "Link Caption", "text", "MESSAGE_TEXT"),
+        n("linkUrl", "Link URL", "string", "TEXT"),
+        n("linkTarget", "Link Target", "string", "TEXT")
+      ),
+      g(),
+      T()
+    ]
+  ),
+  f(
+    "Chart",
+    "Chart",
+    [
+      p(
+        "Chart",
+        n("chartType", "Chart Type", "string", "SELECT", "pie:pie; doughnut:doughnut; bar:bar; horizontalBar:horizontalBar; stackedBar:stackedBar; line:line;"),
+        n("xAxesTitle", "X-Axis Title", "text", "MESSAGE_TEXT"),
+        n("leftYAxesTitle", "Left Y-Axis Title", "text", "MESSAGE_TEXT"),
+        n("rightYAxesTitle", "Right Y-Axis Title", "text", "MESSAGE_TEXT")
+      ),
+      g(),
+      T()
+    ],
+    [J(), ...de(), O(), ...k()]
+  )
+], at = "ALL:All;IMAGE:Image;", Nn = [
+  f(
+    "MultiFileUpload",
+    "File Upload",
+    [
+      p(
+        "MultiFileUpload",
+        n("maxSize", "Max size", "int", "INTEGER"),
+        n("totalMaxSize", "Total Max size", "int", "INTEGER"),
+        n("fileType", "File type", "string", "SELECT", at),
+        n("fileExtString", "File exts", "string", "TEXT"),
+        n("thumbnailWidth", "Thumbnail Width", "string", "TEXT"),
+        n("thumbnailHeight", "Thumbnail Height", "string", "TEXT"),
+        n("showDropMessage", "Show Drop Msg.", "bool", "BOOL", void 0, w(!0)),
+        n("subFolder", "Sub folder", "string", "TEXT"),
+        n("enableReorder", "Enable reorder", "bool", "BOOL", void 0, w(!0))
+      ),
+      A(),
+      g(),
+      T()
+    ],
+    [O(), ...k()]
+  ),
+  f(
+    "SingleFileUpload",
+    "Single File Upload",
+    [
+      p(
+        "SingleFileUpload",
+        n("maxSize", "Max size", "int", "INTEGER"),
+        n("fileType", "File type", "string", "SELECT", at),
+        n("fileExtString", "File exts", "string", "TEXT"),
+        n("thumbnailWidth", "Thumbnail Width", "string", "TEXT"),
+        n("thumbnailHeight", "Thumbnail Height", "string", "TEXT"),
+        n("showDropMessage", "Show Drop Msg.", "bool", "BOOL", void 0, w(!0)),
+        n("subFolder", "Sub folder", "string", "TEXT")
+      ),
+      A(),
+      g(),
+      T()
+    ],
+    [$(), O(), ...k()]
+  ),
+  f(
+    "SingleImageUpload",
+    "Single Image Upload",
+    [
+      p(
+        "SingleImageUpload",
+        n("maxSize", "Max size", "int", "INTEGER"),
+        n("fileExtString", "File exts", "string", "TEXT"),
+        n("subFolder", "Sub folder", "string", "TEXT")
+      ),
+      A(),
+      g(),
+      T()
+    ],
+    [O(), ...k()]
+  ),
+  f(
+    "NameField",
+    "Name Field",
+    [p("NameField"), A(), g(), T()],
+    [O(), ...k()]
+  ),
+  f(
+    "AddressField",
+    "Address Field",
+    [
+      p("AddressField", n("showSecondaryAddress", "Secondary Addr.", "bool", "BOOL")),
+      A(),
+      g(),
+      T()
+    ],
+    [O(), ...k()]
+  ),
+  f(
+    "PageBuilder",
+    "Page Builder",
+    [
+      p("PageBuilder", n("subFolder", "Image sub folder", "string", "TEXT")),
+      A(),
+      g(),
+      T()
+    ],
+    [F()]
+  ),
+  f(
+    "ContentEditor",
+    "Content Editor",
+    [p("ContentEditor"), A(), g(), T()],
+    [F()]
+  )
+], Dn = [
+  f("PageRefreshButton", "PageRefreshButton", [p("PageRefreshButton"), g(), T()]),
+  f("MultiLangExpandButton", "MultiLangExpandButton", [
+    p("MultiLangExpandButton"),
+    g(),
+    T()
+  ]),
+  f("Fragment", "Fragment", [
+    p(
+      "Fragment",
+      n("fragmentName", "UI ID", "string", "TEXT_WITH_BUTTON"),
+      n("openFragment", "Open Fragment", "string", "WINDOW_OPEN_BUTTON"),
+      n("id", "ID", "string", "TEXT"),
+      n("caption", "Caption", "text", "MESSAGE_TEXT")
+    ),
+    T()
+  ]),
+  f("CommentList", "Comment List", [
+    p(
+      "CommentList",
+      n("pageLength", "Page Length", "int", "INTEGER"),
+      n("viewMode", "View Mode", "bool", "BOOL"),
+      n("writerPropertyId", "Writer Property ID", "string", "TEXT"),
+      n("writerDataMapping", "Writer Data Mapping", "dataMapping", "DATAMAPPING"),
+      n("postDatePropertyId", "Date Property ID", "string", "TEXT"),
+      n("postDateDataMapping", "Date Data Mapping", "dataMapping", "DATAMAPPING"),
+      n("commentPropertyId", "Cmt. Property ID", "string", "TEXT"),
+      n("commentDataMapping", "Cmt. Data Mapping", "dataMapping", "DATAMAPPING")
+    ),
+    g(),
+    T()
+  ]),
+  f(
+    "SourceCodeEditor",
+    "SourceCode Editor",
+    [
+      p(
+        "SourceCodeEditor",
+        n("editorMode", "Editor Lang", "string", "SELECT", "HTML:HTML; XML:XML; YAML:YAML; CSS:CSS; SCSS:SCSS; JSON:JSON; JAVA:Java; JAVASCRIPT:Javascript; JSP:JSP; PLAIN_TEXT:Plain Text; SQL:SQL; MARKDOWN:MARKDOWN; ASCIIDOC:AsciiDoc;"),
+        n("showGutter", "Show Gutter", "bool", "BOOL", void 0, w(!0)),
+        n("highlightActiveLine", "Highlight Line", "bool", "BOOL", void 0, w(!0))
+      ),
+      A(),
+      g(),
+      T()
+    ],
+    [J(), ...de(), O(), ...k()]
+  ),
+  f(
+    "MarkdownViewer",
+    "Markdown Viewer",
+    [A(), g(), T()],
+    [J(), ...de(), O(), ...k()]
+  ),
+  f(
+    "History",
+    "History",
+    [g(), T()],
+    [J(), ...de(), O(), ...k()]
+  )
+], wn = [
+  f("TextFilter", "Text Filter", [
+    p("TextFilter", n("filterType", "Filter Type", "string", "SELECT", ":; LIKE:Like; EQUAL:Equal;"))
+  ]),
+  f("NumberFilter", "Number Filter", [
+    p("NumberFilter", n("percentage", "Percentage", "bool", "BOOL"))
+  ]),
+  f("SelectFilter", "Select Filter", []),
+  f("MultiSelectFilter", "Multi Select Filter", []),
+  f("PopupSelectFilter", "Popup Select Filter", [
+    p(
+      "PopupSelect",
+      n("buttonCaption", "Button caption", "text", "MESSAGE_TEXT"),
+      n("captionFieldReadOnly", "Text ReadOnly", "bool", "BOOL", void 0, w(!0)),
+      n("hideButton", "Hide Button", "bool", "BOOL")
+    )
+  ]),
+  f("CategorySelectFilter", "Category Select Filter", [
+    p("CategorySelect", n("filterIncludesChildren", "Include Children", "bool", "BOOL"))
+  ]),
+  f("YesNoSelectFilter", "YesNo Select Filter", [
+    p(
+      "YesNoSelect",
+      n("yesCaption", "Yes caption", "text", "MESSAGE_TEXT"),
+      n("noCaption", "No caption", "text", "MESSAGE_TEXT")
+    )
+  ])
+], it = ":; STRING:String; LONG:Long; INTEGER:Integer; EMBEDDABLE_NAME:EmbeddableName; EMBEDDABLE_ADDRESS:EmbeddableAddress; EMBEDDABLE_TEL:EmbeddableTel", Fn = [
+  f(
+    "Grid",
+    "Grid",
+    [
+      p(
+        "Grid",
+        n("gridDef", "Grid Definition", "string", "BUTTON"),
+        n("entityMapping", "Entity Mapping", "string", "TEXT_WITH_BUTTON"),
+        n("useCheckbox", "Checkbox", "bool", "BOOL"),
+        n("useSerialNo", "Serial No", "bool", "BOOL"),
+        n("useRowEdit", "Row Editable", "bool", "BOOL"),
+        n("alwaysEditing", "Always Editing", "bool", "BOOL"),
+        n("multiSelect", "Multi Select", "bool", "BOOL", void 0, w(!0)),
+        n("enableReorder", "Enable reorder", "bool", "BOOL"),
+        n("fixedColumnCount", "Fixed Col. Count", "int", "INTEGER"),
+        n("maxHeight", "Max Height", "string", "TEXT"),
+        n("selectOnClick", "Select On Click", "bool", "BOOL"),
+        n("defaultColumnWidth", "Default Col. Width", "string", "TEXT"),
+        n("ignoreModelChangeEvent", "Ignore ModelChange", "bool", "BOOL"),
+        n("usePageable", "Use Pageable", "bool", "BOOL")
+      ),
+      p(
+        "Pivot Grid",
+        n("pivotMode", "Pivot Mode", "bool", "BOOL"),
+        n("fixedRowCount", "Fixed Row Count", "int", "INTEGER")
+      ),
+      p(
+        "Field",
+        n("propertyId", "Property ID", "string", "TEXT"),
+        n("dataMapping", "Data Mapping", "dataMapping", "DATAMAPPING"),
+        n("validate", "Validation", "validator", "TEXT_WITH_BUTTON")
+      ),
+      g(),
+      T()
+    ],
+    [O(), ...k(), F(), ...le()]
+  ),
+  f("ColumnDef", "Grid Column", [
+    p(
+      "Grid Column",
+      n("actualPropertyId", "Property ID", "string", "TEXT"),
+      n("dataMapping", "Data Mapping", "dataMapping", "DATAMAPPING"),
+      n("caption", "Caption", "text", "MESSAGE_TEXT"),
+      n("width", "Width", "string", "TEXT"),
+      n("expand", "Expand", "bool", "BOOL"),
+      n("dataSource", "Data source", "dataSource", "TEXT_WITH_BUTTON"),
+      n("yesCaption", "Yes caption", "text", "MESSAGE_TEXT"),
+      n("noCaption", "No caption", "text", "MESSAGE_TEXT"),
+      n("nullCaption", "Null caption", "text", "MESSAGE_TEXT"),
+      n("cellType", "Cell Type", "string", "SELECT", "TEXT:Text; DATE:Date; NUMBER:Number; PERCENTAGE:Percentage; CATEGORY:Category; HTML:HTML; TEXT_MULTILINE:Multiline Text;"),
+      n("numberFormat", "Number format", "string", "SELECT", ":; #,###:1,234 (#,###); #:1234 (#); #,##0.#####:1,234.56789 (#,##0.#####); #,##0.00:1,234.00 (#,##0.00); #,##0.##%:1,234.1% (#,##0.##%); #,##0.00%:1,234.10% (#,##0.00%); currency:Currency; _CUSTOM:Custom"),
+      n("dateFormat", "Date format", "string", "SELECT", ":; DAY:Day; MONTH:Month; YEAR:Year; HOUR:Hour; MINUTE:Minute; SECOND:Second; _CUSTOM:Custom"),
+      n("merged", "Merge", "bool", "BOOL")
+    ),
+    p("Sort", n("sortable", "Sort", "bool", "BOOL"), n("sortPropertyId", "Sort Property ID", "string", "TEXT")),
+    p(
+      "Cell Click",
+      n("clickable", "Clickable", "bool", "BOOL"),
+      n("clickUrl", "Click URL", "string", "TEXT"),
+      n("clickTarget", "Click Target", "string", "TEXT")
+    ),
+    p(
+      "Filter/Lookup",
+      n("filter", "Filter", "string", "SELECT", ":; TextFilter:TextFilter; NumberFilter:NumberFilter; Select:Select; MultiSelect:MultiSelect; PopupSelect:PopupSelect; CategorySelect:CategorySelect; YesNoSelect:YesNoSelect"),
+      n("filterPropertyId", "Filter Property ID", "string", "TEXT"),
+      n("filterValueType", "Filter Value Type", "string", "SELECT", it),
+      n("lookupDate", "Lookup (Date)", "bool", "BOOL"),
+      n("lookupInput", "Lookup (Input)", "bool", "BOOL"),
+      n("lookupPropertyId", "Lookup Property ID", "string", "TEXT"),
+      n("lookupValueType", "Lookup Value Type", "string", "SELECT", it),
+      n("supportsInFilter", "Supports In Filter", "bool", "BOOL")
+    ),
+    p("Style", n("styleName", "Cell style", "string", "TEXT"), n("css", "Cell CSS", "string", "TEXT"))
+  ]),
+  f("GridCellPanel", "Grid Cell Panel", []),
+  f("GridControl", "Grid Control", [
+    p(
+      "Grid Control",
+      n("grid", "Grid ID", "string", "COMPONENT_REF", "Grid"),
+      n("useTotalCount", "Total Count", "bool", "BOOL"),
+      n("hideSelectedCount", "Hide Selected Count", "bool", "BOOL"),
+      n("useRefreshButton", "Refresh", "bool", "BOOL"),
+      n("useClearFilterButton", "Clear Filter", "bool", "BOOL"),
+      n("useExcelDownloadButton", "Excel Download", "bool", "BOOL"),
+      n("useAddRowButton", "Add Row", "bool", "BOOL"),
+      n("addRowAtBottom", "Add to Bottom", "bool", "BOOL"),
+      n("useRemoveRowButton", "Remove Row", "bool", "BOOL"),
+      n("useFilterLayerButton", "Filter Layer", "bool", "BOOL", void 0, w(!0)),
+      n("useColumnSettingButton", "Column Setting", "bool", "BOOL"),
+      n("excelDownMaxCount", "Excel Max Count", "int", "INTEGER")
+    ),
+    g()
+  ]),
+  f("GridLookup", "Grid Lookup", [
+    p(
+      "Grid Lookup",
+      n("grid", "Grid ID", "string", "COMPONENT_REF", "Grid"),
+      n("useLookupSettingButton", "Use Setting", "bool", "BOOL"),
+      n("inputFilterType", "Input Filter Type", "string", "SELECT", ":; LIKE:Like; EQUAL:Equal;"),
+      n("dateResolution", "DateResolution", "string", "SELECT", ":; DAY:Day;HOUR:Hour;MINUTE:Minute;SECOND:Second;")
+    ),
+    g(),
+    T()
+  ])
+], Ee = ":Auto;ENUM:Enum Class;STRING:String", Ge = ":; DAY:Day;HOUR:Hour;MINUTE:Minute;SECOND:Second", Gn = [
+  f(
+    "TextField",
+    "Text Field",
+    [
+      p(
+        "TextField",
+        n("placeholder", "Placeholder", "text", "MESSAGE_TEXT"),
+        n("textType", "Text Type", "string", "SELECT", "TEXT:Text; EMAIL:Email; URL:URL; PASSWORD:Password", te("TEXT")),
+        n("maxLength", "Max Length", "int", "INTEGER"),
+        n("clickable", "Clickable", "bool", "BOOL"),
+        n("clickUrl", "Click URL", "string", "TEXT"),
+        n("clickTarget", "Click Target", "string", "TEXT"),
+        n("prefix", "Prefix", "text", "MESSAGE_TEXT"),
+        n("suffix", "Suffix", "text", "MESSAGE_TEXT"),
+        n("autoComplete", "AutoComplete", "string", "TEXT")
+      ),
+      A(),
+      g(),
+      T()
+    ],
+    [q(), $(), O(), F(), V(), ot(), rt(), ...k()]
+  ),
+  f(
+    "TextArea",
+    "Text Area",
+    [
+      p(
+        "TextArea",
+        n("placeholder", "Placeholder", "text", "MESSAGE_TEXT"),
+        n("autoResize", "Auto resize", "bool", "BOOL", void 0, w(!0))
+      ),
+      A(),
+      g(),
+      T()
+    ],
+    [q(), $(), O(), F(), ...k()]
+  ),
+  f(
+    "StyledTextField",
+    "Styled Text Field",
+    [p("StyledTextField"), A(), g(), T()],
+    [...k()]
+  ),
+  f(
+    "RichTextArea",
+    "Rich Text Area",
+    [
+      p(
+        "RichTextArea",
+        n("maxSize", "Image max size", "int", "INTEGER"),
+        n("subFolder", "Image sub folder", "string", "TEXT")
+      ),
+      A(),
+      g(),
+      T()
+    ],
+    [O(), ...k()]
+  ),
+  f(
+    "TelField",
+    "Tel Field",
+    [
+      p(
+        "TelField",
+        n("telNotation", "Notation", "string", "SELECT", ":Default; TYPE1:Type 1; TYPE3:Type 3; TYPE1C:Type 1 + CountryCode; TYPE3C:Type3 + CountryCode"),
+        n("placeholder", "Placeholder", "text", "MESSAGE_TEXT")
+      ),
+      A(),
+      g(),
+      T()
+    ],
+    [q(), $(), O(), ...k(), F()]
+  ),
+  f(
+    "NumberField",
+    "Number Field",
+    [
+      p(
+        "NumberField",
+        n("placeholder", "Placeholder", "text", "MESSAGE_TEXT"),
+        n("format", "Format", "string", "SELECT", ":; #,###:1,234 (#,###); #:1234 (#); #,##0.#####:1,234.56789 (#,##0.#####); #,##0.00:1,234.00 (#,##0.00); _CUSTOM:Custom"),
+        n("allowNull", "Allow null", "bool", "BOOL"),
+        n("allowNegative", "Allow negative", "bool", "BOOL"),
+        n("clickable", "Clickable", "bool", "BOOL"),
+        n("clickUrl", "Click URL", "string", "TEXT"),
+        n("clickTarget", "Click Target", "string", "TEXT"),
+        n("percentage", "Percentage", "bool", "BOOL"),
+        n("prefix", "Prefix", "text", "MESSAGE_TEXT"),
+        n("suffix", "Suffix", "text", "MESSAGE_TEXT")
+      ),
+      A(),
+      g(),
+      T()
+    ],
+    [q(), $(), V(), O(), ...k(), F(), ot(), rt()]
+  ),
+  f(
+    "CurrencyField",
+    "Currency Field",
+    [
+      p(
+        "CurrencyField",
+        n("placeholder", "Placeholder", "text", "MESSAGE_TEXT"),
+        n("allowNull", "Allow null", "bool", "BOOL"),
+        n("hidePrefix", "Hide Prefix", "bool", "BOOL"),
+        n("hideSuffix", "Hide Suffix", "bool", "BOOL"),
+        n("clickable", "Clickable", "bool", "BOOL"),
+        n("clickUrl", "Click URL", "string", "TEXT"),
+        n("clickTarget", "Click Target", "string", "TEXT")
+      ),
+      A(),
+      g(),
+      T()
+    ],
+    [q(), $(), V(), O(), ...k(), F()]
+  ),
+  f(
+    "DateField",
+    "Date Field",
+    [
+      p(
+        "DateField",
+        n("placeholder", "Placeholder", "text", "MESSAGE_TEXT"),
+        n("dateFormat", "Format", "string", "TEXT"),
+        n("resolution", "Resolution", "string", "SELECT", ":; DAY:Day;HOUR:Hour;MINUTE:Minute;SECOND:Second;"),
+        n("displayResolution", "Display Resolution", "string", "SELECT", Ge),
+        n("truncateType", "Truncate Type", "string", "SELECT", ":; BEGIN:BEGIN; END:END;"),
+        n("beginYearDelta", "Begin Year Delta", "int", "INTEGER"),
+        n("endYearDelta", "End Year Delta", "int", "INTEGER"),
+        n("initialHour", "Initial Hour", "int", "INTEGER"),
+        n("initialMinute", "Initial Minute", "int", "INTEGER"),
+        n("stepOfMinutes", "Step of Minutes", "int", "INTEGER")
+      ),
+      A(),
+      g(),
+      T()
+    ],
+    [O(), ...k()]
+  ),
+  f(
+    "TimeField",
+    "Time Field",
+    [
+      p("TimeField", n("resolution", "Resolution", "string", "SELECT", ":; HOUR:Hour;MINUTE:Minute;SECOND:Second")),
+      A(),
+      g(),
+      T()
+    ],
+    [O(), ...k()]
+  ),
+  f(
+    "DateRange",
+    "Date Range",
+    [
+      p(
+        "DateRange",
+        n("fromPlaceholder", "From Placeholder", "text", "MESSAGE_TEXT"),
+        n("toPlaceholder", "To Placeholder", "text", "MESSAGE_TEXT"),
+        n("checkDateOrder", "Check Order", "bool", "BOOL"),
+        n("checkDateOrderMessage", "Check Msg", "text", "MESSAGE_TEXT"),
+        n("resolution", "Resolution", "string", "SELECT", Ge),
+        n("displayResolution", "Display Resolution", "string", "SELECT", Ge),
+        n("selectResolution", "Select Resolution", "string", "SELECT", ":; WEEK:Week"),
+        n("beginYearDelta", "Begin Year Delta", "int", "INTEGER"),
+        n("endYearDelta", "End Year Delta", "int", "INTEGER"),
+        n("fromPropertyId", "From Property ID", "string", "TEXT"),
+        n("fromDataMapping", "From Data Mapping", "dataMapping", "DATAMAPPING"),
+        n("toPropertyId", "To Property ID", "string", "TEXT"),
+        n("toDataMapping", "To Data Mapping", "dataMapping", "DATAMAPPING"),
+        n("stepOfMinutes", "Step of Minutes", "int", "INTEGER"),
+        n("dateFieldWidth", "DateField Width", "string", "TEXT")
+      ),
+      kn(),
+      g(),
+      T()
+    ],
+    [O(), ...k()]
+  ),
+  f(
+    "CheckBox",
+    "CheckBox",
+    [p("CheckBox", n("checked", "Checked", "bool", "BOOL")), A(), g(), T()],
+    [me(), O()]
+  ),
+  f(
+    "RadioButton",
+    "RadioButton",
+    [p("RadioButton"), A(), g()],
+    [O()]
+  ),
+  f(
+    "RadioGroup",
+    "Radio Group",
+    [
+      p(
+        "RadioGroup",
+        n("dataSource", "Data source", "dataSource", "TEXT_WITH_BUTTON"),
+        n("codeValueType", "Code Value Type", "string", "SELECT", Ee)
+      ),
+      A(),
+      g(),
+      T()
+    ],
+    [me(), Fe(), O(), ...k()]
+  ),
+  f(
+    "CheckBoxGroup",
+    "CheckBox Group",
+    [
+      p(
+        "CheckBoxGroup",
+        n("dataSource", "Data source", "dataSource", "TEXT_WITH_BUTTON"),
+        n("codeValueType", "Code Value Type", "string", "SELECT", Ee),
+        n("multiSelect", "MultiSelect", "bool", "BOOL", void 0, w(!0))
+      ),
+      A(),
+      g(),
+      T()
+    ],
+    [me(), Fe(), O(), ...k()]
+  ),
+  f(
+    "YesNoGroup",
+    "YesNo Group",
+    [
+      p(
+        "YesNoGroup",
+        n("yesCaption", "Yes caption", "text", "MESSAGE_TEXT"),
+        n("noCaption", "No caption", "text", "MESSAGE_TEXT")
+      ),
+      A(),
+      g(),
+      T()
+    ],
+    [me(), Fe(), O(), ...k()]
+  ),
+  f(
+    "Select",
+    "Select",
+    [
+      p(
+        "Select",
+        n("placeholder", "Placeholder", "text", "MESSAGE_TEXT"),
+        n("dataSource", "Data source", "dataSource", "TEXT_WITH_BUTTON"),
+        n("codeValueType", "Code Value Type", "string", "SELECT", Ee),
+        n("nullSelectionAllowed", "Allow null", "bool", "BOOL"),
+        n("nullCaption", "Null caption", "text", "MESSAGE_TEXT"),
+        n("ignoreCase", "Ignore case", "bool", "BOOL")
+      ),
+      A(),
+      g(),
+      T()
+    ],
+    [$(), O(), ...k(), F()]
+  ),
+  f(
+    "MultiSelect",
+    "Multi Select",
+    [
+      p(
+        "MultiSelect",
+        n("placeholder", "Placeholder", "text", "MESSAGE_TEXT"),
+        n("dataSource", "Data source", "dataSource", "TEXT_WITH_BUTTON"),
+        n("codeValueType", "Code Value Type", "string", "SELECT", Ee),
+        n("ignoreCase", "Ignore case", "bool", "BOOL")
+      ),
+      A(),
+      g(),
+      T()
+    ],
+    [$(), O(), ...k(), F()]
+  ),
+  f(
+    "CategorySelect",
+    "Category Select",
+    [
+      p(
+        "CategorySelect",
+        n("placeholder", "Placeholder", "text", "MESSAGE_TEXT"),
+        n("dataSource", "Data source", "dataSource", "TEXT_WITH_BUTTON"),
+        n("codeValueType", "Code Value Type", "string", "SELECT", Ee),
+        n("nullSelectionAllowed", "Allow null", "bool", "BOOL"),
+        n("nullCaption", "Null caption", "text", "MESSAGE_TEXT"),
+        n("ignoreCase", "Ignore case", "bool", "BOOL")
+      ),
+      A(),
+      g(),
+      T()
+    ],
+    [$(), O(), ...k(), F()]
+  ),
+  f(
+    "PopupSelect",
+    "Popup Select",
+    [
+      p(
+        "PopupSelect",
+        n("buttonCaption", "Button caption", "text", "MESSAGE_TEXT"),
+        n("captionFieldReadOnly", "Text ReadOnly", "bool", "BOOL", void 0, w(!0)),
+        n("captionFieldViewMode", "Text ViewMode", "bool", "BOOL"),
+        n("hideCaptionField", "Hide TextField", "bool", "BOOL"),
+        n("hideButton", "Hide Button", "bool", "BOOL")
+      ),
+      A(),
+      g(),
+      T()
+    ],
+    [O(), ...k()]
+  ),
+  f(
+    "YesNoSelect",
+    "YesNo Select",
+    [
+      p(
+        "YesNoSelect",
+        n("placeholder", "Placeholder", "text", "MESSAGE_TEXT"),
+        n("yesCaption", "Yes caption", "text", "MESSAGE_TEXT"),
+        n("noCaption", "No caption", "text", "MESSAGE_TEXT"),
+        n("nullSelectionAllowed", "Allow null", "bool", "BOOL"),
+        n("nullCaption", "Null caption", "text", "MESSAGE_TEXT"),
+        n("ignoreCase", "Ignore case", "bool", "BOOL")
+      ),
+      A(),
+      g(),
+      T()
+    ],
+    [$(), O(), ...k(), F()]
+  ),
+  f(
+    "ColorField",
+    "Color Field",
+    [p("ColorField"), A(), g(), T()],
+    [$(), O(), F(), V(), ...k()]
+  )
+], Xn = [
+  f(
+    "VerticalLayout",
+    "Vertical Layout",
+    [
+      p(
+        "Vertical Layout",
+        n("margin", "Margin", "bool", "BOOL"),
+        n("spacing", "Spacing", "bool", "BOOL"),
+        n("enableChildDragAndDrop", "Enable DnD", "bool", "BOOL"),
+        n("dragAndDropPositionMarkSize", "DnD mark size", "int", "INTEGER")
+      ),
+      g(),
+      T(),
+      Ie(),
+      we()
+    ],
+    [
+      se(),
+      Ae(),
+      Ye(),
+      J(),
+      ...de(),
+      ...le(),
+      O(),
+      V(),
+      _("shadow", "Shadow")
+    ]
+  ),
+  f(
+    "HorizontalLayout",
+    "Horizontal Layout",
+    [
+      p(
+        "Horizontal Layout",
+        n("margin", "Margin", "bool", "BOOL"),
+        n("spacing", "Spacing", "bool", "BOOL"),
+        n("enableChildDragAndDrop", "Enable DnD", "bool", "BOOL"),
+        n("dragAndDropPositionMarkSize", "DnD mark size", "int", "INTEGER")
+      ),
+      g(),
+      T(),
+      Ie(),
+      we()
+    ],
+    [
+      se(),
+      Ae(),
+      Ye(),
+      J(),
+      ...de(),
+      ...le(),
+      O(),
+      V(),
+      _("shadow", "Shadow")
+    ]
+  ),
+  f(
+    "FormLayout",
+    "Form Layout",
+    [
+      p("Form Layout", n("columnCount", "Column count", "int", "INTEGER")),
+      g(),
+      T(),
+      Ie(),
+      ke(
+        "Layout",
+        n("colspan", "Column Span", "int", "INTEGER"),
+        n("takeOneRow", "Merge Row", "bool", "BOOL"),
+        n("hideCaptionCell", "Hide Caption", "bool", "BOOL"),
+        n("formCaption", "Form Caption", "text", "MESSAGE_TEXT"),
+        n("delegateDescription", "Delegate Desc.", "bool", "BOOL")
+      )
+    ],
+    [
+      Mt(),
+      F(),
+      ...le(),
+      _("exclude-adjust-caption-width", "Exclude Adjust Caption Width"),
+      _("gray-caption", "Gray Caption"),
+      _("fixed-column-height", "Fixed Column Height"),
+      _("shadow", "Shadow"),
+      V(),
+      $()
+    ]
+  ),
+  f(
+    "CardLayout",
+    "Card Layout",
+    [
+      p(
+        "Card Layout",
+        n("margin", "Margin", "bool", "BOOL"),
+        n("spacing", "Spacing", "bool", "BOOL"),
+        n("collapsible", "Collapsible", "bool", "BOOL", void 0, w(!0)),
+        n("collapsed", "Collapsed", "bool", "BOOL")
+      ),
+      g(),
+      T(),
+      Ie(),
+      we()
+    ],
+    [se(), Ae(), _n(), V(), _("dashboard-card", "Dashboard Card")]
+  ),
+  f(
+    "ActionLayout",
+    "Action Layout",
+    [
+      p("Action Layout", n("margin", "Margin", "bool", "BOOL")),
+      g(),
+      T(),
+      ke("Layout", n("componentAlignment", "Align", "string", "ALIGN"))
+    ],
+    [
+      _("top-action", "Top Action"),
+      se(),
+      J(),
+      It(),
+      kt(),
+      At(),
+      xt(),
+      V()
+    ]
+  ),
+  f("ActionLayoutArea", "Action Layout Area", [
+    ke("Layout", n("componentAlignment", "Align", "string", "ALIGN"))
+  ]),
+  f(
+    "TableLayout",
+    "Table Layout",
+    [
+      p(
+        "Table Layout",
+        n("rowCount", "Row count", "int", "INTEGER"),
+        n("colCount", "Column count", "int", "INTEGER")
+      ),
+      g(),
+      T()
+    ],
+    [
+      _("grid", "Grid style"),
+      F(),
+      vt(),
+      Lt(),
+      Ot(),
+      Ct(),
+      O(),
+      V(),
+      _("shadow", "Shadow")
+    ]
+  ),
+  f(
+    "TableLayoutCell",
+    "Table Layout Cell",
+    [
+      p(
+        "Table Layout Cell",
+        n("cellId", "Cell ID", "string", "TEXT"),
+        n("contentMode", "Content mode", "string", "SELECT", "TEXT:Text; HTML:Html"),
+        n("caption", "Text", "text", "MESSAGE_TEXTAREA"),
+        n("addStyleNames", "Style", "string", "ADD_STYLE"),
+        n("mergeSameValueVertical", "Merge Vertical", "bool", "BOOL"),
+        n("clickable", "Clickable", "bool", "BOOL")
+      ),
+      T()
+    ],
+    [
+      _("header", "Header"),
+      q(),
+      Mn(),
+      xe(),
+      He(),
+      F(),
+      ...le(),
+      V()
+    ]
+  ),
+  f(
+    "FlowLayout",
+    "Flow Layout",
+    [
+      p(
+        "Flow Layout",
+        n("margin", "Margin", "bool", "BOOL"),
+        n("spacing", "Spacing", "bool", "BOOL")
+      ),
+      g(),
+      T()
+    ],
+    [J(), ...de(), V(), _("shadow", "Shadow")]
+  ),
+  f(
+    "ExpansionLayout",
+    "Expansion Layout",
+    [
+      p(
+        "Expansion Layout",
+        n("collapsed", "Collapsed", "bool", "BOOL"),
+        n("bodyVisible", "Body Visible", "bool", "BOOL")
+      ),
+      g(),
+      T()
+    ],
+    [F(), ...le(), V(), _("shadow", "Shadow")]
+  ),
+  f("InternalLayoutArea", "", [])
+], Un = [
+  f(
+    "ListField",
+    "List Field",
+    [
+      p(
+        "List Field",
+        n("listFieldDef", "ListField Definition", "string", "BUTTON"),
+        n("margin", "Margin", "bool", "BOOL"),
+        n("spacing", "Spacing", "bool", "BOOL"),
+        n("useCheckbox", "Checkbox", "bool", "BOOL", void 0, w(!0)),
+        n("multiSelect", "Multi Select", "bool", "BOOL", void 0, w(!0)),
+        n("showEmptyMsg", "Show Empty Msg", "bool", "BOOL", void 0, w(!0))
+      ),
+      p(
+        "Field",
+        n("propertyId", "Property ID", "string", "TEXT"),
+        n("dataMapping", "Data Mapping", "dataMapping", "DATAMAPPING"),
+        n("validate", "Validation", "validator", "TEXT_WITH_BUTTON")
+      ),
+      g(),
+      T()
+    ],
+    [
+      se(),
+      Ae(),
+      O(),
+      ...k(),
+      F(),
+      ...le(),
+      Mt()
+    ]
+  ),
+  f("ListControl", "List Control", [
+    p(
+      "List Control",
+      n("listField", "ListField ID", "string", "COMPONENT_REF", "ListField"),
+      n("useAddRowButton", "Add Row", "bool", "BOOL"),
+      n("useRemoveRowButton", "Remove Row", "bool", "BOOL"),
+      n("useExpandAllButton", "Expand All", "bool", "BOOL"),
+      n("useTotalCount", "Total Count", "bool", "BOOL"),
+      n("useSelectedCount", "Selected Count", "bool", "BOOL")
+    ),
+    g()
+  ])
+], ae = () => [
+  n("langPropertyId", "Lang property", "string", "TEXT"),
+  n("langDataMapping", "Lang Data Mapping", "dataMapping", "DATAMAPPING"),
+  n("textPropertyId", "Text property", "string", "TEXT"),
+  n("textDataMapping", "Text Data Mapping", "dataMapping", "DATAMAPPING")
+], ie = (e = "Item Class") => [
+  n("itemClass", e, "string", "TEXT_WITH_BUTTON"),
+  n("expandFields", "Expand", "bool", "BOOL"),
+  n("popupMode", "Popup Mode", "bool", "BOOL")
+], $n = [
+  f("MultiLangTextField", "Multi Lang TextField", [
+    p(
+      "MultiLangTextField",
+      ...ae(),
+      n("placeholder", "Placeholder", "text", "MESSAGE_TEXT"),
+      ...ie()
+    ),
+    A(),
+    g(),
+    T()
+  ]),
+  f("MultiLangTextArea", "Multi Lang TextArea", [
+    p(
+      "MultiLangTextArea",
+      ...ae(),
+      n("placeholder", "Placeholder", "text", "MESSAGE_TEXT"),
+      ...ie()
+    ),
+    A(),
+    g(),
+    T()
+  ]),
+  f("MultiLangStyledTextField", "Multi Lang StyledTextField", [
+    p("MultiLangStyledTextField", ...ae(), ...ie()),
+    A(),
+    g(),
+    T()
+  ]),
+  f("MultiLangRichTextArea", "Multi Lang RichTextArea", [
+    p("MultiLangRichTextArea", ...ae(), ...ie()),
+    A(),
+    g(),
+    T()
+  ]),
+  f("MultiLangPageBuilder", "Multi Lang PageBuilder", [
+    p(
+      "MultiLangPageBuilder",
+      n("subFolder", "Image sub folder", "string", "TEXT"),
+      ...ae(),
+      ...ie()
+    ),
+    A(),
+    g(),
+    T()
+  ]),
+  f("MultiLangContentEditor", "Multi Lang ContentEditor", [
+    p("MultiLangContentEditor", ...ae(), ...ie()),
+    A(),
+    g(),
+    T()
+  ]),
+  f("MultiLangFileUpload", "Multi Lang FileUpload", [
+    p("MultiLangFileUpload", ...ae(), ...ie("Item type")),
+    p(
+      "FileUpload",
+      n("maxSize", "Max size", "int", "INTEGER"),
+      n("fileType", "File type", "string", "SELECT", "ALL:All;IMAGE:Image;"),
+      n("fileExtString", "File exts", "string", "TEXT"),
+      n("thumbnailWidth", "Thumbnail Width", "string", "TEXT"),
+      n("thumbnailHeight", "Thumbnail Height", "string", "TEXT")
+    ),
+    A(),
+    g(),
+    T()
+  ])
+], Hn = [
+  f(
+    "Tree",
+    "Tree",
+    [
+      p("Tree", n("nullSelectionAllowed", "Allow null", "bool", "BOOL", void 0, w(!0))),
+      g(),
+      T()
+    ],
+    [J(), Ye(), O(), ...k()]
+  ),
+  f("TreeControl", "TreeControl", [
+    p(
+      "TreeControl",
+      n("tree", "Tree ID", "string", "COMPONENT_REF", "Tree"),
+      n("useAddButton", "Add", "bool", "BOOL"),
+      n("useRemoveButton", "Remove", "bool", "BOOL"),
+      n("useExpandButton", "Expand", "bool", "BOOL"),
+      n("useMoveUpButton", "Move Up", "bool", "BOOL"),
+      n("useMoveDownButton", "Move Down", "bool", "BOOL"),
+      n("useSaveOrderButton", "Save order", "bool", "BOOL")
+    ),
+    g(),
+    T()
+  ]),
+  f("TabSheet", "Tab Sheet", [g(), T()]),
+  f("TabSheetPanel", "Tab Sheet Panel", [])
+], Yn = [
+  ...Xn,
+  ...Bn,
+  ...Gn,
+  ...Nn,
+  ...$n,
+  ...Fn,
+  ...Hn,
+  ...wn,
+  ...Un,
+  ...Rn,
+  ...Dn
+], Vn = {
+  // ── Layout: open 컨테이너 (AbstractOrderedLayoutPart 계열 — 타입 guard 없음) ──
+  // VerticalLayoutPart.java:16 / HorizontalLayoutPart.java:16 (extends AbstractOrderedLayoutPart),
+  // AbstractOrderedLayoutPart.java:127-146,387-415 (createPart→addWidgetByAction, instanceof 체크 없음)
+  VerticalLayout: { role: "open" },
+  HorizontalLayout: { role: "open" },
+  // CardLayoutPart.java:30 (extends VerticalLayoutPart). body는 임의 자식 수용(상속).
+  // 내부 titleLayout은 childType="titles" 규약으로 분리 — containment 관점에선 open.
+  CardLayout: { role: "open" },
+  // FormLayoutPart.java:39,131-148 — 임의 IsPart 자식을 row/column 셀에 배치, 타입 guard 없음.
+  FormLayout: { role: "open" },
+  // FlowLayoutPart.java:32,148-153,310-339 — 임의 자식 add/insert, 타입체크 없음.
+  FlowLayout: { role: "open" },
+  // ActionLayoutArea = HorizontalLayoutPart 인스턴스에 setPartType(ActionLayoutArea) 부여(독립 클래스 아님).
+  // 자체는 open(ActionLayoutPart.java:38-52). 샘플: ActionLayoutArea ⊃ Horizontal/Vertical/Button/PageRefreshButton.
+  ActionLayoutArea: { role: "open" },
+  // ── Layout: open 단일 슬롯 (arity max 1) ──
+  // SimpleLayoutPart.java:15-17 (isDropAvailable = getWidgetCount()==0). InternalLayoutArea=SimpleLayoutPart 인스턴스.
+  InternalLayoutArea: { role: "open", arity: { max: 1 } },
+  // TableLayoutPart.java:280-294,401-404,444-448 (TableLayoutCell extends SimplePanel, setContentPart 단일 슬롯).
+  TableLayoutCell: { role: "open", arity: { max: 1 } },
+  // TabSheetPart.java:363,388-406 (TabPanelPart extends FlowLayoutPart, count==0일 때만 drop → 위젯 1개).
+  TabSheetPanel: { role: "open", arity: { max: 1 } },
+  // GridPart.java:1188,1208-1225 (GridCellPartPanel extends FlowLayoutPart, count==0일 때만 drop).
+  // 커스텀 셀 컴포넌트 홀더. clean 모델(prop-shaped 컬럼)에선 현재 미사용 — 잔존 파트로 유지.
+  GridCellPanel: { role: "open", arity: { max: 1 } },
+  // ListFieldPart.java:21,71-96 — 내부 row(SimpleLayoutPart)에 content 1개(single-slot).
+  ListField: { role: "open", arity: { max: 1 } },
+  // ── Layout: fixed 컨테이너 ──
+  // ActionLayoutPart.java:38-52,84-103 — 생성자가 left/right 2개 HorizontalLayoutPart(setPartType=ActionLayoutArea) 고정 생성.
+  // 실샘플 5개 인스턴스 전부 ActionLayoutArea×2로 실증.
+  ActionLayout: { role: "fixed", fixedChildren: ["ActionLayoutArea"], arity: { min: 2, max: 2 } },
+  // ExpansionLayoutPart.java:15,41,51,80-91 — title/body 2개 SimpleLayoutPart(setPartType=InternalLayoutArea) 고정.
+  ExpansionLayout: { role: "fixed", fixedChildren: ["InternalLayoutArea"], arity: { min: 2, max: 2 } },
+  // TableLayoutPart.java:34,84-89,138-165 — rowCount×colCount 개의 TableLayoutCell만 수용(기본 3×3). arity 동적.
+  TableLayout: { role: "fixed", fixedChildren: ["TableLayoutCell"] },
+  // ── Basic: fixed(팝업 콘텐츠) ──
+  // PopupButtonPart.java:24,35,65-89 — 자식 정확히 1개, VerticalLayoutPart(팝업 콘텐츠 컨테이너)만 수용.
+  PopupButton: { role: "fixed", fixedChildren: ["VerticalLayout"], arity: { min: 1, max: 1 } },
+  // AuditInfoButtonPart: initPart 미오버라이드 → PopupButtonPart 컨테이너 동작 상속(유일 예외 leaf-아님 Basic).
+  AuditInfoButton: { role: "fixed", fixedChildren: ["VerticalLayout"], arity: { min: 1, max: 1 } },
+  // ── Grid/Tree: fixed(반복 원소 컨테이너) ──
+  // GridPart.java:47,143-177,251-268 — 자식 ColumnDef 전용, 가변 개수. 실샘플 14개 인스턴스 전부 ColumnDef만(1~21개).
+  Grid: { role: "fixed", fixedChildren: ["ColumnDef"] },
+  // TabSheetPart.java:34,86-106 — 자식 TabSheetPanel 전용, 가변 개수. 실샘플 TabSheet⊃TabSheetPanel×5.
+  TabSheet: { role: "fixed", fixedChildren: ["TabSheetPanel"] },
+  // ── leaf (getChildParts 미오버라이드 — 자식 거부). 명시로 미정 warn과 구분. ──
+  // Layout leaf: 없음(전부 위에서 처리).
+  // Basic
+  Button: { role: "leaf" },
+  Label: { role: "leaf" },
+  Image: { role: "leaf" },
+  Link: { role: "leaf" },
+  // LinkTabPart.java:24,98-119 — CardLayoutPart를 스캔·반영만(소유 X). leaf(reference).
+  LinkTab: { role: "leaf" },
+  ProgressBar: { role: "leaf" },
+  Console: { role: "leaf" },
+  NativeUpload: { role: "leaf" },
+  AuditInfo: { role: "leaf" },
+  // Input (전부 leaf — getChildParts 미오버라이드. 그룹 파트는 옵션을 dataSource 문자열로 처리)
+  TextField: { role: "leaf" },
+  TextArea: { role: "leaf" },
+  StyledTextField: { role: "leaf" },
+  RichTextArea: { role: "leaf" },
+  // TelField/TimeField: AbstractContainerFieldPart 기반이나 subParts는 내부 고정 위젯(모델 자식 아님) → leaf.
+  TelField: { role: "leaf" },
+  NumberField: { role: "leaf" },
+  CurrencyField: { role: "leaf" },
+  DateField: { role: "leaf" },
+  TimeField: { role: "leaf" },
+  // DateRangePart.java:38-42 — initPart 오버라이드로 기본 PartAdapter 교체(from/to/btn 고정조합) → leaf.
+  DateRange: { role: "leaf" },
+  CheckBox: { role: "leaf" },
+  RadioButton: { role: "leaf" },
+  // RadioGroup/CheckBoxGroup/YesNoGroup: 옵션을 dataSource 문자열로 처리(자식 파트 아님, OptionGroupPart.java:123-142).
+  RadioGroup: { role: "leaf" },
+  CheckBoxGroup: { role: "leaf" },
+  YesNoGroup: { role: "leaf" },
+  Select: { role: "leaf" },
+  MultiSelect: { role: "leaf" },
+  CategorySelect: { role: "leaf" },
+  // PopupSelect: AbstractContainerFieldPart 기반(내부 고정) → leaf.
+  PopupSelect: { role: "leaf" },
+  YesNoSelect: { role: "leaf" },
+  ColorField: { role: "leaf" },
+  // Composite (전부 leaf — 내부 서브필드는 setDeletable(false) 고정 위젯, 모델 자식 아님)
+  MultiFileUpload: { role: "leaf" },
+  SingleFileUpload: { role: "leaf" },
+  SingleImageUpload: { role: "leaf" },
+  NameField: { role: "leaf" },
+  AddressField: { role: "leaf" },
+  PageBuilder: { role: "leaf" },
+  ContentEditor: { role: "leaf" },
+  // MultiLang (전부 leaf — AbstractMultiLangFieldPart.ignoreChildren=true)
+  MultiLangTextField: { role: "leaf" },
+  MultiLangTextArea: { role: "leaf" },
+  MultiLangStyledTextField: { role: "leaf" },
+  MultiLangRichTextArea: { role: "leaf" },
+  MultiLangPageBuilder: { role: "leaf" },
+  MultiLangContentEditor: { role: "leaf" },
+  MultiLangFileUpload: { role: "leaf" },
+  // Grid/Tree leaf
+  // ColumnDef: clean 모델은 셀 렌더링을 prop(cellType/filter/dataSource)으로 표현(M3.4 prop-shaped).
+  //   레거시 GridColumnPart의 3슬롯(GridCellPanel) 구조는 clean 모델 미채택. 실샘플 ColumnDef 자식 0 → leaf.
+  ColumnDef: { role: "leaf" },
+  // GridControlPart.java:53-57 / GridLookupPart.java:42-52 — plain PartAdapter, 대상 Grid를 grid prop(@id)로 참조 → leaf.
+  GridControl: { role: "leaf" },
+  GridLookup: { role: "leaf" },
+  // TreePart.java:42(기본 getChildParts=null) / TreeControlPart.java:44-46(plain PartAdapter) → leaf.
+  Tree: { role: "leaf" },
+  TreeControl: { role: "leaf" },
+  // Filter (레거시 별도 Part.java 없음 — ColumnDef.filter prop이 지정하는 필드형 파트) → leaf.
+  TextFilter: { role: "leaf" },
+  NumberFilter: { role: "leaf" },
+  SelectFilter: { role: "leaf" },
+  MultiSelectFilter: { role: "leaf" },
+  PopupSelectFilter: { role: "leaf" },
+  CategorySelectFilter: { role: "leaf" },
+  YesNoSelectFilter: { role: "leaf" },
+  // ListField
+  // ListControlPart.java:42-46 — plain PartAdapter, listField prop 참조 → leaf.
+  ListControl: { role: "leaf" },
+  // Chart
+  FlagCard: { role: "leaf" },
+  Chart: { role: "leaf" },
+  // Etc
+  PageRefreshButton: { role: "leaf" },
+  MultiLangExpandButton: { role: "leaf" },
+  // FragmentPart.java:13,22-27,49-80 — fragmentName으로 다른 UI 참조(drop 비활성) → leaf.
+  Fragment: { role: "leaf" },
+  // CommentListPart.java:27-28 — enableDrop=false, IsPart 자식 없음 → leaf.
+  CommentList: { role: "leaf" },
+  // SourceCodeEditor/MarkdownViewer: AbstractContainerFieldPart 기반(내부 고정) → leaf.
+  SourceCodeEditor: { role: "leaf" },
+  MarkdownViewer: { role: "leaf" },
+  History: { role: "leaf" }
+}, lt = {
+  Label: "value"
+};
+function _t(e) {
+  const t = e.category ?? ($e(e.partType) ? gt[e.partType] : void 0);
+  let r = e.captionProp;
+  r == null && (lt[e.partType] != null ? r = lt[e.partType] : e.groups.some((i) => i.items.some((l) => l.id === "caption")) && (r = "caption"));
+  const o = e.containment ?? ($e(e.partType) ? Vn[e.partType] : void 0), a = { ...e, groups: e.groups };
+  return t != null && (a.category = t), r != null && (a.captionProp = r), o != null && (a.containment = o), a;
+}
+function Wn(e, t) {
+  var r, o, a, i;
+  if (e == null) return "warn";
+  switch (e.role) {
+    case "leaf":
+      return "deny";
+    case "fixed":
+      return (r = e.fixedChildren) != null && r.includes(t) ? "allow" : "deny";
+    case "open": {
+      if ((o = e.deny) != null && o.includes(t)) return "deny";
+      if (!(e.allow != null && e.allow.length > 0 || e.allowCategories != null && e.allowCategories.length > 0) || (a = e.allow) != null && a.includes(t)) return "allow";
+      const s = $e(t) ? gt[t] : void 0;
+      return s != null && ((i = e.allowCategories) != null && i.includes(s)) ? "allow" : "deny";
+    }
+  }
+}
+function Pt(e) {
+  const t = /* @__PURE__ */ new Map();
+  for (const o of e)
+    t.set(o.partType, _t(o));
+  const r = [...t.keys()];
+  return {
+    get: (o) => t.get(o),
+    all: () => r.map((o) => t.get(o)),
+    propertyItem: (o, a) => {
+      const i = t.get(o);
+      if (i)
+        for (const l of i.groups) {
+          const s = l.items.find((c) => c.id === a);
+          if (s) return s;
+        }
+    },
+    canContain: (o, a) => {
+      var i;
+      return Wn((i = t.get(o)) == null ? void 0 : i.containment, a);
+    }
+  };
+}
+function zn(e = Yn) {
+  return Pt(e);
+}
+function Qr(e, t = {}) {
+  const r = /* @__PURE__ */ new Map();
+  for (const o of e.all()) r.set(o.partType, o);
+  for (const o of [...t.add ?? [], ...t.override ?? []])
+    r.set(o.partType, _t(o));
+  for (const o of t.remove ?? []) r.delete(o);
+  return Pt([...r.values()]);
+}
+const jn = {
+  TEXT: "text",
+  TEXTAREA: "text",
+  FULL_TEXTAREA: "text",
+  ICON: "text",
+  MESSAGE_TEXT: "multilang",
+  MESSAGE_TEXTAREA: "multilang",
+  INTEGER: "int",
+  BOOL: "bool",
+  SELECT: "enum",
+  SIZE: "enum",
+  TAGS: "tags"
+};
+function Kn(e) {
+  return e ? e.split(";").map((t) => t.trim()).filter((t) => t.length > 0).map((t) => {
+    const r = t.indexOf(":");
+    return r < 0 ? { value: t, label: t } : { value: t.slice(0, r).trim(), label: t.slice(r + 1).trim() };
+  }) : [];
+}
+function qn(e) {
+  return e ? e.split(",").map((t) => t.trim()).filter((t) => t.length > 0).map((t) => ({ value: t, label: t })) : [];
+}
+function Jn(e) {
+  var t;
+  return ((t = e.agent) == null ? void 0 : t.expose) ?? vn[e.editor];
+}
+function Zn(e) {
+  var o, a, i;
+  const t = jn[e.editor] ?? "text", r = { id: e.id, valueType: e.valueType, kind: t };
+  if ((o = e.agent) != null && o.description && (r.description = e.agent.description), t === "enum") {
+    const l = ((i = (a = e.agent) == null ? void 0 : a.enum) == null ? void 0 : i.map((s) => ({ value: s, label: s }))) ?? Kn(e.param);
+    l.length > 0 && (r.options = l);
+  } else if (t === "tags") {
+    const l = qn(e.param);
+    l.length > 0 && (r.options = l);
+  }
+  return r;
+}
+function Qn(e) {
+  const t = [], r = [];
+  for (const o of e ?? [])
+    if (o.kind === "toggle")
+      r.push({ css: o.css, label: o.label });
+    else {
+      const a = St(o.dim), i = o.only ? a.filter((l) => o.only.includes(l)) : a;
+      t.push({ dim: o.dim, tokens: i });
+    }
+  return { dims: t, toggles: r };
+}
+function eo(e) {
+  const t = [];
+  let r = !1;
+  for (const l of e.groups)
+    for (const s of l.items)
+      if (s.editor !== "ADD_STYLE") {
+        if (s.editor === "ALIGN") {
+          r = !0;
+          continue;
+        }
+        Jn(s) && t.push(Zn(s));
+      }
+  const { dims: o, toggles: a } = Qn(e.styles), i = {
+    partType: e.partType,
+    attrs: t,
+    styleDims: o,
+    styleToggles: a
+  };
+  return e.category != null && (i.category = e.category), e.captionProp != null && (i.captionProp = e.captionProp), r && (i.slotAlign = St("slotAlign")), i;
+}
+function to(e) {
+  const t = /* @__PURE__ */ new Map(), r = [];
+  for (const o of e.all())
+    t.set(o.partType, eo(o)), r.push(o.partType);
+  return {
+    get: (o) => t.get(o),
+    all: () => r.map((o) => t.get(o))
+  };
+}
+const no = ["part.add", "part.update", "part.remove"], Bt = 4, oo = {
+  type: "object",
+  description: "요소 지정 핸들. id(파트 UUID) 우선, path(예: FormLayout[0]/TextField[2]) 보조, caption(사람 라벨) 최후. 모호하면 서버가 후보를 돌려주니 describeScreen으로 먼저 읽어 핸들을 확정하라.",
+  properties: {
+    ref: { type: "string", description: "매칭할 id/경로/캡션 문자열." },
+    by: {
+      type: "string",
+      enum: ["id", "path", "caption"],
+      description: "매칭 축 고정(미지정 시 id→path→caption 순)."
+    }
+  },
+  required: ["ref"],
+  additionalProperties: !1
+}, ro = {
+  type: "object",
+  description: 'locale→text 맵(예: {ko:"주문", en:"Order"}).',
+  properties: {
+    ko: { type: "string" },
+    en: { type: "string" },
+    ja: { type: "string" },
+    zh: { type: "string" }
+  },
+  additionalProperties: !1
+}, ao = {
+  type: "object",
+  description: "메시지 카탈로그 키 참조(레거시 #{key}). 런타임에 key 조회.",
+  properties: {
+    key: { type: "string" },
+    locale: { type: "string" }
+  },
+  required: ["key"],
+  additionalProperties: !1
+}, io = {
+  description: "다국어 텍스트: 평문 문자열 | locale 맵 | 메시지 키 참조.",
+  anyOf: [{ type: "string" }, { $ref: "#/$defs/multiLangString" }, { $ref: "#/$defs/multiLangMessage" }]
+}, lo = {
+  description: "kind로 판별되는 타입드 값.",
+  anyOf: [
+    {
+      type: "object",
+      properties: { kind: { const: "string" }, value: { type: "string" } },
+      required: ["kind", "value"],
+      additionalProperties: !1
+    },
+    {
+      type: "object",
+      properties: { kind: { const: "int" }, value: { type: "integer" } },
+      required: ["kind", "value"],
+      additionalProperties: !1
+    },
+    {
+      type: "object",
+      properties: { kind: { const: "bool" }, value: { type: "boolean" } },
+      required: ["kind", "value"],
+      additionalProperties: !1
+    },
+    {
+      type: "object",
+      properties: { kind: { const: "text" }, value: { $ref: "#/$defs/multiLang" } },
+      required: ["kind", "value"],
+      additionalProperties: !1
+    },
+    {
+      type: "object",
+      description: "SELECT/SIZE 등 저장값 직접 방출(라벨 아님 — toAgentCatalog options의 value).",
+      properties: { kind: { const: "enum" }, value: { type: "string" } },
+      required: ["kind", "value"],
+      additionalProperties: !1
+    }
+  ]
+}, so = {
+  type: "object",
+  description: "한 속성 지정. id는 카탈로그 PropertyItem.id(agent 노출 항목).",
+  properties: {
+    id: { type: "string" },
+    value: { $ref: "#/$defs/propValue" }
+  },
+  required: ["id", "value"],
+  additionalProperties: !1
+}, co = {
+  type: "object",
+  description: "중립 의미 토큰(G1). resolver가 token→css(.bs-*)로 lowering — 원시 CSS 방출 금지.",
+  properties: {
+    dim: { type: "string", description: "스타일 차원(예: bgColor·size)." },
+    token: { type: "string", description: "의미 토큰(예: blue·lg)." }
+  },
+  required: ["dim", "token"],
+  additionalProperties: !1
+};
+function uo(e) {
+  const t = {
+    partType: { type: "string", description: "파트 종류(예: FormLayout·Grid·TextField)." },
+    props: {
+      type: "array",
+      description: "타입드 속성(순서 무관).",
+      items: { $ref: "#/$defs/propAssign" }
+    },
+    styles: {
+      type: "array",
+      description: "중립 스타일 토큰(G1 — slotAlign 포함, dim의 source가 하강 타깃 결정).",
+      items: { $ref: "#/$defs/styleAssign" }
+    }
+  };
+  return e < Bt && (t.children = {
+    type: "array",
+    description: `inline-fold 자식 서브트리(깊이 ${e + 1}). 더 깊은 중첩은 별도 part.add 배치로.`,
+    items: { $ref: `#/$defs/partSpecL${e + 1}` }
+  }), {
+    type: "object",
+    description: e === 0 ? "추가할 파트(및 inline-fold 자식). 신규 서브트리 자식은 별도 op가 아니라 여기 children에 담아라." : `깊이 ${e}의 inline-fold 자식 스펙.`,
+    properties: t,
+    required: ["partType"],
+    additionalProperties: !1
+  };
+}
+function po() {
+  const e = {};
+  for (let t = 0; t <= Bt; t++)
+    e[`partSpecL${t}`] = uo(t);
+  return e;
+}
+function Xe(e, t) {
+  return {
+    type: "object",
+    properties: { kind: { const: e }, ...t.properties },
+    required: ["kind", ...t.required],
+    additionalProperties: !1
+  };
+}
+const fo = {
+  "part.add": Xe("part.add", {
+    properties: {
+      parent: {
+        description: "추가 대상 부모 핸들. null이면 루트에 추가.",
+        anyOf: [{ $ref: "#/$defs/handle" }, { type: "null" }]
+      },
+      spec: { $ref: "#/$defs/partSpecL0" },
+      index: { type: "integer", description: "부모 children 내 삽입 위치(미지정 시 말미)." }
+    },
+    required: ["parent", "spec"]
+  }),
+  "part.update": Xe("part.update", {
+    properties: {
+      target: { $ref: "#/$defs/handle" },
+      props: { type: "array", items: { $ref: "#/$defs/propAssign" }, description: "갱신할 속성(부분)." },
+      styles: { type: "array", items: { $ref: "#/$defs/styleAssign" }, description: "갱신할 스타일 토큰(부분)." }
+    },
+    required: ["target"]
+  }),
+  "part.remove": Xe("part.remove", {
+    properties: { target: { $ref: "#/$defs/handle" } },
+    required: ["target"]
+  })
+}, go = {
+  anyOf: no.map((e) => fo[e])
+}, ea = {
+  type: "object",
+  description: "화면 파트 트리를 생성·수정·삭제할 때 호출한다. ops는 사람 핸들(id·path·caption)로 지정하며 서버가 partId로 해소한다. 모호하면 에러로 후보를 돌려주니 describeScreen으로 현재 화면을 먼저 읽어 핸들을 확정하라.",
+  properties: {
+    ops: { type: "array", items: { $ref: "#/$defs/symbolicOp" } }
+  },
+  required: ["ops"],
+  additionalProperties: !1,
+  $defs: {
+    handle: oo,
+    multiLang: io,
+    multiLangString: ro,
+    multiLangMessage: ao,
+    propValue: lo,
+    propAssign: so,
+    styleAssign: co,
+    ...po(),
+    symbolicOp: go
+  }
+}, To = /* @__PURE__ */ new Set([
+  // 수치 제약
+  "minimum",
+  "maximum",
+  "exclusiveMinimum",
+  "exclusiveMaximum",
+  "multipleOf",
+  // 문자열 제약
+  "minLength",
+  "maxLength",
+  "pattern",
+  // 배열 제약
+  "minItems",
+  "maxItems",
+  "uniqueItems",
+  "contains",
+  "minContains",
+  "maxContains",
+  // object 제약 / 조건부 (anyOf·allOf만 지원)
+  "minProperties",
+  "maxProperties",
+  "oneOf",
+  "not",
+  "if",
+  "then",
+  "else",
+  "patternProperties",
+  "propertyNames",
+  "dependentSchemas",
+  "dependentRequired"
+]);
+function ce(e) {
+  return typeof e == "object" && e !== null && !Array.isArray(e);
+}
+function ho(e) {
+  return e.type === "object" || "properties" in e;
+}
+function ee(e, t, r, o) {
+  if (Array.isArray(e)) {
+    e.forEach((a, i) => ee(a, `${t}[${i}]`, !1, o));
+    return;
+  }
+  if (ce(e)) {
+    !r && ("$defs" in e || "definitions" in e) && o.push({ rule: "nested-$defs", path: t, detail: "$defs는 최상위에만 허용된다." });
+    for (const a of Object.keys(e))
+      To.has(a) && o.push({ rule: "unsupported-keyword", path: `${t}.${a}`, detail: `미지원 키워드 '${a}'.` });
+    if (ho(e) && e.additionalProperties !== !1 && o.push({
+      rule: "missing-additional-properties-false",
+      path: t,
+      detail: "object 스키마는 additionalProperties:false 이어야 한다."
+    }), ce(e.properties))
+      for (const [a, i] of Object.entries(e.properties)) ee(i, `${t}.properties.${a}`, !1, o);
+    if (ee(e.items, `${t}.items`, !1, o), ee(e.anyOf, `${t}.anyOf`, !1, o), ee(e.allOf, `${t}.allOf`, !1, o), ce(e.additionalProperties) && ee(e.additionalProperties, `${t}.additionalProperties`, !1, o), r && ce(e.$defs))
+      for (const [a, i] of Object.entries(e.$defs)) ee(i, `$defs.${a}`, !1, o);
+  }
+}
+const Eo = /^#\/\$defs\/(.+)$/;
+function Pe(e, t, r, o) {
+  if (Array.isArray(e)) {
+    e.forEach((a) => Pe(a, t, r, o));
+    return;
+  }
+  if (ce(e)) {
+    for (const [a, i] of Object.entries(e))
+      if (a !== "$defs")
+        if (a === "$ref" && typeof i == "string")
+          if (i === "#" || i === "#/")
+            r.add("#");
+          else {
+            const l = Eo.exec(i);
+            l && (t.has(l[1]) ? r.add(l[1]) : o.push(i));
+          }
+        else
+          Pe(i, t, r, o);
+  }
+}
+function mo(e, t) {
+  const r = ce(e.$defs) ? e.$defs : {}, o = new Set(Object.keys(r)), a = [], i = /* @__PURE__ */ new Map(), l = /* @__PURE__ */ new Set();
+  Pe({ ...e, $defs: void 0 }, o, l, a), i.set("#", l);
+  for (const m of o) {
+    const S = /* @__PURE__ */ new Set();
+    Pe(r[m], o, S, a), i.set(m, S);
+  }
+  for (const m of a)
+    t.push({ rule: "dangling-$ref", path: m, detail: `존재하지 않는 $defs 참조: ${m}.` });
+  const s = 0, c = 1, u = 2, d = /* @__PURE__ */ new Map();
+  for (const m of i.keys()) d.set(m, s);
+  const h = /* @__PURE__ */ new Set(), E = (m, S) => {
+    d.set(m, c), S.push(m);
+    for (const P of i.get(m) ?? [])
+      if (i.has(P))
+        if (d.get(P) === c) {
+          const H = S.indexOf(P), b = S.slice(H).concat(P), v = b.join("->");
+          h.has(v) || (h.add(v), t.push({
+            rule: "recursion",
+            path: b.join(" -> "),
+            detail: `재귀 스키마($ref 사이클)는 엄격 서브셋 미지원: ${b.join(" -> ")}.`
+          }));
+        } else d.get(P) === s && E(P, S);
+    S.pop(), d.set(m, u);
+  };
+  for (const m of i.keys())
+    d.get(m) === s && E(m, []);
+}
+function yo(e) {
+  const t = [];
+  return ee(e, "", !0, t), ce(e) && mo(e, t), t;
+}
+function ta(e) {
+  return yo(e).length === 0;
+}
+const bo = /^(.+)\[(\d+)\]$/;
+function Rt(e, t) {
+  const r = Et(e, t);
+  if (!r) return;
+  const o = [];
+  for (let a = 1; a < r.length; a++) {
+    const i = r[a - 1], l = r[a], s = (i.children ?? []).filter((c) => c.partType === l.partType);
+    o.push(`${l.partType}[${s.indexOf(l)}]`);
+  }
+  return o.join("/");
+}
+function ve(e, t) {
+  var a;
+  if (!t) return;
+  const r = (a = t.get(e.partType)) == null ? void 0 : a.captionProp;
+  if (!r) return;
+  const o = e.attrs[r];
+  if (o && (o.kind === "string" || o.kind === "text" && typeof o.value == "string"))
+    return o.value;
+}
+function So(e, t, r) {
+  const o = { partId: r.partId, path: Rt(e, r.partId) ?? "" }, a = ve(r, t);
+  return a != null && (o.caption = a), o;
+}
+function vo(e, t) {
+  let r;
+  return Q(e, (o) => {
+    o.partId === t && (r = o.partId);
+  }), r;
+}
+function Lo(e, t) {
+  let r = e;
+  for (const o of t.split("/")) {
+    const a = bo.exec(o.trim());
+    if (!a || !r) return;
+    const [, i, l] = a;
+    if (r = (r.children ?? []).filter((c) => c.partType === i)[Number(l)], !r) return;
+  }
+  return r === e || r == null ? void 0 : r.partId;
+}
+function Oo(e, t, r) {
+  const o = [];
+  return Q(e, (a) => {
+    ve(a, t) === r && o.push(a);
+  }), o;
+}
+function Ue(e, t) {
+  const r = t.root;
+  if (!r) return { ok: !1, issue: { kind: "handle-not-found", ref: e.ref, by: e.by } };
+  const o = () => vo(r, e.ref), a = () => Lo(r, e.ref), i = () => {
+    const s = Oo(r, t.catalog, e.ref);
+    if (s.length === 1) return { ok: !0, partId: s[0].partId };
+    if (s.length > 1)
+      return {
+        ok: !1,
+        issue: { kind: "handle-ambiguous", ref: e.ref, candidates: s.map((c) => So(r, t.catalog, c)) }
+      };
+  };
+  if (e.by === "id") {
+    const s = o();
+    return s ? { ok: !0, partId: s } : { ok: !1, issue: { kind: "handle-not-found", ref: e.ref, by: "id" } };
+  }
+  if (e.by === "path") {
+    const s = a();
+    return s ? { ok: !0, partId: s } : { ok: !1, issue: { kind: "handle-not-found", ref: e.ref, by: "path" } };
+  }
+  if (e.by === "caption")
+    return i() ?? { ok: !1, issue: { kind: "handle-not-found", ref: e.ref, by: "caption" } };
+  const l = o() ?? a();
+  return l ? { ok: !0, partId: l } : i() ?? { ok: !1, issue: { kind: "handle-not-found", ref: e.ref } };
+}
+function Co(e) {
+  switch (e.kind) {
+    case "string":
+      return te(e.value);
+    case "int":
+      return Tt(e.value);
+    case "bool":
+      return w(e.value);
+    case "text":
+      return ht(e.value);
+    case "enum":
+      return te(e.value);
+  }
+}
+function Nt(e, t, r) {
+  const o = {}, a = {};
+  for (const l of e ?? []) o[l.id] = Co(l.value);
+  const i = [];
+  for (const l of t ?? []) {
+    const s = bt[l.dim];
+    if (!s) {
+      r.push({ kind: "unknown-style-dim", dim: l.dim });
+      continue;
+    }
+    const c = On(l.dim, l.token);
+    if (c === void 0) {
+      r.push({ kind: "unknown-style-token", dim: l.dim, token: l.token });
+      continue;
+    }
+    c !== "" && (s.source === "style" ? i.push(c) : a[s.legacyDimId] = te(c));
+  }
+  return i.length > 0 && (o.addStyleNames = te(i.join(" "))), { attrs: o, layoutAttrs: a };
+}
+function Dt(e, t, r) {
+  const { attrs: o, layoutAttrs: a } = Nt(e.props, e.styles, r), i = { partId: t(), partType: e.partType, attrs: o };
+  return Object.keys(a).length > 0 && (i.layoutAttrs = a), e.children && e.children.length > 0 && (i.children = e.children.map((l) => Dt(l, t, r))), i;
+}
+function na(e, t = {}) {
+  const r = t.newId ?? Se, o = [], a = [];
+  for (const i of e)
+    if (i.kind === "part.add") {
+      let l = null;
+      if (i.parent !== null) {
+        const u = Ue(i.parent, t);
+        if (!u.ok) {
+          o.push(u.issue);
+          continue;
+        }
+        l = u.partId;
+      }
+      const s = Dt(i.spec, r, o), c = { kind: "part.add", parentId: l, part: s };
+      i.index != null && (c.index = i.index), a.push(c);
+    } else if (i.kind === "part.update") {
+      const l = Ue(i.target, t);
+      if (!l.ok) {
+        o.push(l.issue);
+        continue;
+      }
+      const { attrs: s, layoutAttrs: c } = Nt(i.props, i.styles, o);
+      a.push({ kind: "part.update", targetId: l.partId, attrs: s, layoutAttrs: c });
+    } else {
+      const l = Ue(i.target, t);
+      if (!l.ok) {
+        o.push(l.issue);
+        continue;
+      }
+      a.push({ kind: "part.remove", targetId: l.partId });
+    }
+  return { ops: a, issues: o };
+}
+const Io = {
+  "part.add": !0,
+  "part.update": !0,
+  "part.move": !0,
+  "part.remove": !0
+}, oa = Object.keys(Io);
+function wt(e) {
+  switch (e.kind) {
+    case "part.add":
+    case "part.remove":
+      return e.parentRef ? [e.parentRef] : [];
+    case "part.update":
+      return e.partRef ? [e.partRef] : [];
+    case "part.move": {
+      const t = /* @__PURE__ */ new Set();
+      return e.fromParentRef && t.add(e.fromParentRef), e.toParentRef && t.add(e.toParentRef), [...t];
+    }
+  }
+}
+class st {
+  constructor(t) {
+    G(this, "undoStack", []);
+    G(this, "redoStack", []);
+    G(this, "savePoint", null);
+    G(this, "listeners", /* @__PURE__ */ new Set());
+    G(this, "commandListeners", /* @__PURE__ */ new Set());
+    // 다음 execute의 coalesce 병합을 1회 차단하는 봉인 플래그(트랙 B). op 어댑터가 idle flush로
+    // coalesce 그룹을 영속에 내보낸 시점에 set → 그 이후의 동일 키 명령은 새 undo 단위로 시작시켜,
+    // 스택의 undo 경계와 어댑터의 배치 경계를 항상 일치시킨다.
+    G(this, "coalesceSealed", !1);
+    this.state = t;
+  }
+  execute(t) {
+    t.apply(this.state);
+    const r = this.undoStack.at(-1), o = !this.coalesceSealed && t.coalesceKey != null && !!r && r.coalesceKey === t.coalesceKey;
+    this.coalesceSealed = !1, o ? (t.invert = r.invert, this.undoStack[this.undoStack.length - 1] = t) : this.undoStack.push(t), this.redoStack = [], this.emitCommand(t, "do", o), this.emit();
+  }
+  undo() {
+    const t = this.undoStack.pop();
+    t && (t.invert(this.state), this.redoStack.push(t), this.emitCommand(t, "undo", !1), this.emit());
+  }
+  redo() {
+    const t = this.redoStack.pop();
+    t && (t.apply(this.state), this.undoStack.push(t), this.emitCommand(t, "redo", !1), this.emit());
+  }
+  /**
+   * 다음 execute의 coalesce 병합을 1회 차단한다(op 어댑터의 idle flush·강제 flush 시 호출).
+   * 어댑터가 coalesce 그룹을 영속에 내보낸 경계 이후의 동일 키 명령이 같은 undo 단위로 빨려
+   * 들어가면 undo 시 로컬·서버 상태가 어긋나므로, 봉인으로 새 단위를 강제한다.
+   */
+  sealCoalesce() {
+    this.coalesceSealed = !0;
+  }
+  get canUndo() {
+    return this.undoStack.length > 0;
+  }
+  get canRedo() {
+    return this.redoStack.length > 0;
+  }
+  /** 저장 시점 표시 — 이후 dirty 판정 기준. */
+  markSavePoint() {
+    this.savePoint = this.undoStack.at(-1) ?? null, this.emit();
+  }
+  /** 마지막 저장 이후 변경 여부 (undo로 저장 지점에 정확히 돌아오면 clean). */
+  get isDirty() {
+    return (this.undoStack.at(-1) ?? null) !== this.savePoint;
+  }
+  /** 변경 알림 구독 — 반환 함수로 해제. */
+  onChange(t) {
+    return this.listeners.add(t), () => this.listeners.delete(t);
+  }
+  /**
+   * 명령 적용 알림 구독(트랙 B op emit). apply/invert 적용 *직후* 발화하므로 구독자가 emitOps()를
+   * 호출하면 memento가 채워진 상태를 본다(계약 1). 반환 함수로 해제.
+   */
+  onCommand(t) {
+    return this.commandListeners.add(t), () => this.commandListeners.delete(t);
+  }
+  emit() {
+    for (const t of this.listeners) t();
+  }
+  emitCommand(t, r, o) {
+    for (const a of this.commandListeners) a(t, r, o);
+  }
+}
+function Te(e, t) {
+  const r = K(e.root, t);
+  if (!r) throw new Error(`파트 없음: ${t}`);
+  return r;
+}
+function Ve(e, t) {
+  var a;
+  const r = We(e.root, t), o = ((a = r == null ? void 0 : r.children) == null ? void 0 : a.findIndex((i) => i.partId === t)) ?? -1;
+  if (!r || o < 0) throw new Error(`파트를 찾을 수 없거나 root라 이동/삭제 불가: ${t}`);
+  return { parent: r, index: o };
+}
+function Ft(e, t) {
+  return e == null ? t : Math.max(0, Math.min(e, t));
+}
+function ko(e, t, r) {
+  let o = -1;
+  return {
+    label: `파트 추가: ${t.partType}`,
+    apply(a) {
+      const i = Te(a, e), l = i.children ?? (i.children = []);
+      o = Ft(r, l.length), l.splice(o, 0, t);
+    },
+    invert(a) {
+      var s;
+      const i = K(a.root, e), l = ((s = i == null ? void 0 : i.children) == null ? void 0 : s.findIndex((c) => c.partId === t.partId)) ?? -1;
+      l >= 0 && i.children.splice(l, 1);
+    },
+    emitOps() {
+      return {
+        forward: [{ kind: "part.add", casUnit: "part", parentRef: e, index: o, value: t }],
+        invert: [{ kind: "part.remove", casUnit: "part", partRef: t.partId, parentRef: e }]
+      };
+    }
+  };
+}
+function Ao(e, t) {
+  const r = Object.keys(t), o = {}, a = {};
+  return {
+    label: "파트 수정",
+    apply(i) {
+      const l = Te(i, e);
+      for (const s of r)
+        a[s] = s in l, o[s] = l[s];
+      Object.assign(l, t);
+    },
+    invert(i) {
+      const l = Te(i, e);
+      for (const s of r)
+        a[s] ? l[s] = o[s] : delete l[s];
+    },
+    emitOps() {
+      return {
+        forward: [{ kind: "part.update", casUnit: "part", partRef: e, patch: { ...t } }],
+        invert: [{ kind: "part.update", casUnit: "part", partRef: e, patch: { ...o } }]
+      };
+    }
+  };
+}
+function xo(e, t, r) {
+  let o = null;
+  return {
+    label: "파트 이동",
+    coalesceKey: `move:${e}`,
+    apply(a) {
+      const i = Ve(a, e), l = i.parent.children[i.index];
+      i.parent.children.splice(i.index, 1);
+      const s = Te(a, t), c = s.children ?? (s.children = []), u = Ft(r, c.length);
+      c.splice(u, 0, l), o = { fromParentId: i.parent.partId, fromIndex: i.index, node: l, toIndex: u };
+    },
+    invert(a) {
+      if (!o) return;
+      const i = Ve(a, e);
+      i.parent.children.splice(i.index, 1);
+      const l = Te(a, o.fromParentId);
+      (l.children ?? (l.children = [])).splice(o.fromIndex, 0, o.node);
+    },
+    emitOps() {
+      return o ? {
+        forward: [
+          { kind: "part.move", casUnit: "part", partRef: e, fromParentRef: o.fromParentId, toParentRef: t, index: o.toIndex }
+        ],
+        invert: [
+          { kind: "part.move", casUnit: "part", partRef: e, fromParentRef: t, toParentRef: o.fromParentId, index: o.fromIndex }
+        ]
+      } : { forward: [], invert: [] };
+    }
+  };
+}
+function Mo(e) {
+  let t = null;
+  return {
+    label: "파트 삭제",
+    apply(r) {
+      const o = Ve(r, e);
+      t = { parentId: o.parent.partId, index: o.index, node: o.parent.children[o.index] }, o.parent.children.splice(o.index, 1);
+    },
+    invert(r) {
+      if (!t) return;
+      const o = Te(r, t.parentId);
+      (o.children ?? (o.children = [])).splice(t.index, 0, t.node);
+    },
+    emitOps() {
+      return t ? {
+        forward: [{ kind: "part.remove", casUnit: "part", partRef: e, parentRef: t.parentId }],
+        invert: [{ kind: "part.add", casUnit: "part", parentRef: t.parentId, index: t.index, value: t.node }]
+      } : { forward: [], invert: [] };
+    }
+  };
+}
+class _o {
+  constructor() {
+    G(this, "revs", /* @__PURE__ */ new Map());
+  }
+  /** v2 문서 적재/재적재 시 캐시 초기화(M10 fromPersisted v2 분기가 호출, M7 테스트는 손수 주입). */
+  seed(t) {
+    this.revs.clear();
+    for (const [r, o] of Object.entries(t.revs ?? {})) this.revs.set(r, o);
+  }
+  rev(t) {
+    return this.revs.get(t) ?? 0;
+  }
+  setRev(t, r) {
+    this.revs.set(t, r);
+  }
+  deleteRev(t) {
+    this.revs.delete(t);
+  }
+  /** 진단·테스트용 읽기 스냅샷(내부 Map 노출 안 함). */
+  snapshot() {
+    return { revs: Object.fromEntries(this.revs) };
+  }
+}
+class Po {
+  constructor(t) {
+    G(this, "cache", new _o());
+    G(this, "newClientOpId");
+    G(this, "debounceMs");
+    // do 시점 emission 캡처 — undo/redo가 재생(emitOps 재호출 금지). coalesce 병합 시 최신 cmd로 이관.
+    G(this, "emissions", /* @__PURE__ */ new WeakMap());
+    G(this, "open", null);
+    G(this, "debounceHandle", null);
+    G(this, "queue", []);
+    G(this, "sending", !1);
+    G(this, "_frozen", !1);
+    G(this, "stack", null);
+    G(this, "settledWaiters", []);
+    this.opts = t, this.newClientOpId = t.newClientOpId ?? Se, this.debounceMs = t.debounceMs ?? 300;
+  }
+  /** RevCache 시드(M10 v2-read가 평면 파싱 후 호출, M7 테스트는 직접). */
+  seed(t) {
+    this.cache.seed(t);
+  }
+  /** stack에 구독 — onCommand 알림을 받고, flush 경계에서 sealCoalesce를 호출하기 위해 참조 보관. 해제 함수 반환. */
+  attach(t) {
+    this.stack = t;
+    const r = t.onCommand((o, a, i) => this.handle(o, a, i));
+    return () => {
+      r(), this.stack === t && (this.stack = null);
+    };
+  }
+  get frozen() {
+    return this._frozen;
+  }
+  /** 미전송 pending 그룹 존재 여부(controller dirty 보조 신호). */
+  get hasPending() {
+    return this.open !== null || this.queue.length > 0 || this.sending;
+  }
+  /** 진단·테스트용 캐시 스냅샷. */
+  cacheSnapshot() {
+    return this.cache.snapshot();
+  }
+  /** 강제 flush(save·blur·beforeunload) — 열린 그룹을 즉시 영속에 내보내고 coalesce 경계 봉인. */
+  flush() {
+    this.flushOpen(!0);
+  }
+  /** 큐가 비고 전송 중이 아니며 열린 그룹도 없을 때 resolve — 테스트 동기화용. */
+  whenSettled() {
+    return this.hasPending ? new Promise((t) => this.settledWaiters.push(t)) : Promise.resolve();
+  }
+  // ── 핵심: 명령 적용 알림 처리 ──
+  handle(t, r, o) {
+    var l;
+    if (this._frozen) return;
+    let a;
+    if (r === "do") {
+      const s = (l = t.emitOps) == null ? void 0 : l.call(t, this.opts.state);
+      if (!s) throw new Error(`op-mode에서 emitOps 미구현 command 실행: ${t.label}`);
+      a = s;
+    } else {
+      const s = this.emissions.get(t);
+      if (!s) throw new Error(`op-mode ${r} 대상 command의 emission 미기록: ${t.label}`);
+      a = s;
+    }
+    const i = r === "undo" ? a.invert : a.forward;
+    if (r === "do" && o && this.open && this.open.coalesceKey === t.coalesceKey) {
+      this.open.fwd = i, this.emissions.set(t, { forward: i, invert: this.open.inv }), this.resetDebounce();
+      return;
+    }
+    if (this.flushOpen(!1), r === "do" && (this.emissions.set(t, a), t.coalesceKey != null)) {
+      this.open = { coalesceKey: t.coalesceKey, fwd: i, inv: a.invert }, this.startDebounce();
+      return;
+    }
+    i.length && this.enqueue(this.buildBatch(i, a, r));
+  }
+  // ── flush / debounce ──
+  flushOpen(t) {
+    var o;
+    this.cancelDebounce();
+    const r = this.open;
+    this.open = null, r && r.fwd.length && this.enqueue(this.buildBatch(r.fwd, { forward: r.fwd, invert: r.inv }, "do")), t && ((o = this.stack) == null || o.sealCoalesce());
+  }
+  startDebounce() {
+    this.cancelDebounce(), this.debounceHandle = setTimeout(() => {
+      this.debounceHandle = null, this.flushOpen(!0);
+    }, this.debounceMs);
+  }
+  resetDebounce() {
+    this.startDebounce();
+  }
+  cancelDebounce() {
+    this.debounceHandle != null && (clearTimeout(this.debounceHandle), this.debounceHandle = null);
+  }
+  // ── base rev 합성 + 낙관 예측 → 영속 배치 ──
+  buildBatch(t, r, o) {
+    const a = {}, i = /* @__PURE__ */ new Set();
+    for (const s of t) for (const c of wt(s)) i.add(c);
+    if (i.size) {
+      a.revs = {};
+      for (const s of i) {
+        const c = this.cache.rev(s);
+        a.revs[s] = c, this.cache.setRev(s, c + 1);
+      }
+    }
+    const l = o === "undo" ? r.forward : r.invert;
+    for (const s of t)
+      if (s.kind === "part.add" && s.value)
+        Q(s.value, (c) => this.cache.setRev(c.partId, 0));
+      else if (s.kind === "part.remove" && s.partRef) {
+        const c = l.find((u) => {
+          var d;
+          return u.kind === "part.add" && ((d = u.value) == null ? void 0 : d.partId) === s.partRef;
+        });
+        c != null && c.value ? Q(c.value, (u) => this.cache.deleteRev(u.partId)) : this.cache.deleteRev(s.partRef);
+      }
+    return {
+      modelId: this.opts.modelId,
+      ops: t,
+      cas: a,
+      origin: this.opts.origin ?? "gui",
+      clientOpId: this.newClientOpId()
+    };
+  }
+  // ── 단일 직렬 큐 ──
+  enqueue(t) {
+    this.queue.push(t), this.pump();
+  }
+  async pump() {
+    var o, a;
+    if (this.sending || this._frozen) return;
+    const t = this.queue.shift();
+    if (!t) {
+      this.notifySettled();
+      return;
+    }
+    this.sending = !0;
+    let r = null;
+    try {
+      r = await this.opts.transport(t);
+    } catch (i) {
+      this.sending = !1, console.error("[op-sync] op 전송 실패 → 하드 프리즈(kind:missing):", i), (a = (o = this.opts).onError) == null || a.call(o, i), this.freeze({ kind: "missing" });
+      return;
+    }
+    this.sending = !1, r.ok ? (this.reconcile(r), this.pump()) : this.freeze(r.conflict);
+  }
+  /**
+   * ok 응답 확정 — 낙관 체인 유지가 핵심. 후속 pending 배치가 이 예측 위에 base를 쌓았으므로
+   * 큐가 완전히 빈 시점에만 서버 권위값으로 덮어쓴다(중간에 덮으면 후속 배치 base가 stale → 거짓 충돌).
+   * ok ⟹ CAS 통과 ⟹ 서버 신 rev = 낙관 예측이므로, 미배수 시 캐시는 이미 정확(덮을 필요 없음).
+   */
+  reconcile(t) {
+    if (!(this.queue.length > 0))
+      for (const [r, o] of Object.entries(t.revs)) this.cache.setRev(r, o);
+  }
+  freeze(t) {
+    var r, o;
+    this._frozen = !0, this.queue.length = 0, this.open = null, this.cancelDebounce(), (o = (r = this.opts).onFreeze) == null || o.call(r, t), this.notifySettled();
+  }
+  notifySettled() {
+    if (this.hasPending) return;
+    const t = this.settledWaiters;
+    this.settledWaiters = [];
+    for (const r of t) r();
+  }
+}
+function Bo(e) {
+  switch (e.kind) {
+    case "string":
+      return e.value;
+    case "int":
+      return e.value;
+    case "bool":
+      return e.value;
+    case "text":
+      return e.value;
+    // MultiLangText(string|map|{key}) — clean 표현, 레거시 `#{key}` 아님
+    default:
+      return;
+  }
+}
+function Ro(e) {
+  var a;
+  const t = {}, r = e.attrs.addStyleNames;
+  if ((r == null ? void 0 : r.kind) === "string" && r.value)
+    for (const i of r.value.split(/\s+/).filter(Boolean)) {
+      const l = In(i);
+      l && (t[l.dim] = l.token);
+    }
+  const o = (a = e.layoutAttrs) == null ? void 0 : a.componentAlignment;
+  if ((o == null ? void 0 : o.kind) === "string" && o.value) {
+    const i = Cn("slotAlign", o.value);
+    i && (t.slotAlign = i);
+  }
+  return t;
+}
+function Gt(e, t, r, o) {
+  var c;
+  const a = ((c = o.get(e.partType)) == null ? void 0 : c.attrs) ?? [], i = {};
+  for (const u of a) {
+    const d = e.attrs[u.id];
+    if (d === void 0) continue;
+    const h = Bo(d);
+    h !== void 0 && (i[u.id] = h);
+  }
+  Object.assign(i, Ro(e));
+  const l = {
+    id: e.partId,
+    partType: e.partType,
+    path: Rt(t, e.partId) ?? "",
+    attrs: i,
+    children: (e.children ?? []).map((u) => Gt(u, t, r, o))
+  }, s = ve(e, r);
+  return s != null && (l.caption = s), l;
+}
+function ra(e, t) {
+  const r = to(t);
+  return Gt(e, e, t, r);
+}
+function No(e) {
+  switch (e.kind) {
+    case "part.add": {
+      const t = { kind: "part.add", casUnit: "part", value: e.part };
+      return e.parentId != null && (t.parentRef = e.parentId), e.index != null && (t.index = e.index), t;
+    }
+    case "part.update": {
+      const t = {};
+      return Object.keys(e.attrs).length > 0 && (t.attrs = e.attrs), Object.keys(e.layoutAttrs).length > 0 && (t.layoutAttrs = e.layoutAttrs), { kind: "part.update", casUnit: "part", partRef: e.targetId, patch: t };
+    }
+    case "part.remove":
+      return { kind: "part.remove", casUnit: "part", partRef: e.targetId };
+  }
+}
+function aa(e, t, r, o = {}) {
+  const a = o.mkClientOpId ?? Se, i = r.map(No), l = /* @__PURE__ */ new Set();
+  for (const c of i) for (const u of wt(c)) l.add(u);
+  const s = {};
+  if (l.size > 0) {
+    s.revs = {};
+    for (const c of l) s.revs[c] = t[c] ?? 0;
+  }
+  return {
+    modelId: e,
+    ops: i,
+    cas: s,
+    origin: o.origin ?? "agent",
+    clientOpId: a()
+  };
+}
+const Re = Symbol("uiEditorController");
+function Do(e = "FormLayout") {
+  return { partId: Se(), partType: e, attrs: {}, children: [] };
+}
+function ia(e = Do(), t = {}) {
+  var je, Ke;
+  const r = t.catalog ?? zn(), o = t.modelId ?? "ui-model", a = Wt({ root: e });
+  let i = new st(a);
+  const l = Y(!1), s = Y(!1), c = Y(!1), u = Y(0), d = Y(((je = t.meta) == null ? void 0 : je.schemaVersion) ?? 1), h = Y(((Ke = t.meta) == null ? void 0 : Ke.opWriteEnabled) ?? !1), E = D(() => d.value >= 2 && h.value), m = Y(!(d.value >= 2 && h.value === !1)), S = Y(null), P = Y(null), H = D(
+    () => P.value ? K(a.root, P.value) ?? null : null
+  ), b = Y(null);
+  let v = 0, N = t.meta;
+  function C() {
+    i.onChange(() => {
+      l.value = i.canUndo, s.value = i.canRedo, c.value = i.isDirty, u.value++;
+    });
+  }
+  C();
+  let x = null, y = null;
+  function B() {
+    y == null || y(), y = null, x = null;
+  }
+  function re() {
+    if (B(), !E.value || !t.opTransport) return;
+    const M = new Po({
+      modelId: o,
+      state: a,
+      transport: t.opTransport,
+      origin: "gui",
+      newClientOpId: t.newClientOpId,
+      onFreeze: (R) => {
+        m.value = !1, S.value = R;
+      },
+      onError: t.onOpError
+    });
+    M.seed((N == null ? void 0 : N.revSeed) ?? {}), y = M.attach(i), x = M;
+  }
+  re();
+  const he = D(() => ln(a.root, r)), Oe = D(() => {
+    const M = /* @__PURE__ */ new Map();
+    for (const R of he.value) {
+      if (!R.targetRef) continue;
+      const j = M.get(R.targetRef);
+      j ? j.push(R) : M.set(R.targetRef, [R]);
+    }
+    return M;
+  }), pe = (M) => {
+    m.value && i.execute(M);
+  };
+  function ze(M, R) {
+    const j = K(a.root, M);
+    return j ? r.canContain(j.partType, R) !== "deny" : !1;
+  }
+  return {
+    state: a,
+    catalog: r,
+    issues: he,
+    issuesByRef: Oe,
+    canUndo: l,
+    canRedo: s,
+    dirty: c,
+    revision: u,
+    editable: m,
+    setEditable(M) {
+      m.value = M ? E.value || d.value < 2 : !1;
+    },
+    schemaVersion: d,
+    opWriteEnabled: h,
+    opMode: E,
+    opConflict: S,
+    selection: P,
+    selectedPart: H,
+    select(M) {
+      P.value = M;
+    },
+    focusRequest: b,
+    requestFocus(M) {
+      b.value = { id: M, nonce: ++v };
+    },
+    addPart(M, R, j) {
+      return !m.value || !ze(M, R.partType) ? !1 : (pe(ko(M, R, j)), P.value = R.partId, !0);
+    },
+    updatePart(M, R) {
+      return !m.value || !K(a.root, M) ? !1 : (pe(Ao(M, R)), !0);
+    },
+    movePart(M, R, j) {
+      if (!m.value) return !1;
+      const Ne = K(a.root, M);
+      return !Ne || K(Ne, R) || !ze(R, Ne.partType) ? !1 : (pe(xo(M, R, j)), !0);
+    },
+    removePart(M) {
+      return !m.value || M === a.root.partId || !K(a.root, M) ? !1 : (pe(Mo(M)), P.value === M && (P.value = null), !0);
+    },
+    undo() {
+      m.value && i.undo();
+    },
+    redo() {
+      m.value && i.redo();
+    },
+    markSaved() {
+      x == null || x.flush(), i.markSavePoint();
+    },
+    loadModel(M, R) {
+      B(), a.root = M, i = new st(a), C(), d.value = (R == null ? void 0 : R.schemaVersion) ?? 1, h.value = (R == null ? void 0 : R.opWriteEnabled) ?? !1, m.value = !(d.value >= 2 && h.value === !1), N = R, S.value = null, P.value = null, l.value = i.canUndo, s.value = i.canRedo, c.value = i.isDirty, re();
+    },
+    flush() {
+      x == null || x.flush();
+    },
+    whenOpsSettled() {
+      return (x == null ? void 0 : x.whenSettled()) ?? Promise.resolve();
+    }
+  };
+}
+const wo = { class: "ui-schematic-head" }, Fo = { class: "ui-schematic-type" }, Go = {
+  key: 0,
+  class: "ui-schematic-caption"
+}, Xo = {
+  key: 0,
+  class: "ui-schematic-body"
+}, Uo = {
+  key: 0,
+  class: "ui-schematic-drop-hint"
+}, $o = /* @__PURE__ */ ne({
+  __name: "SchematicPart",
+  props: {
+    partType: {},
+    category: {},
+    caption: {},
+    partName: {},
+    selected: { type: Boolean },
+    container: { type: Boolean },
+    empty: { type: Boolean }
+  },
+  setup(e) {
+    return (t, r) => (L(), I("div", {
+      class: be(["ui-schematic-part", [`ui-cat-${e.category ?? "unknown"}`, { "is-selected": e.selected, "is-container": e.container }]])
+    }, [
+      U("div", wo, [
+        U("span", Fo, X(e.partName ?? e.partType), 1),
+        e.caption ? (L(), I("span", Go, X(e.caption), 1)) : ue("", !0)
+      ]),
+      e.container ? (L(), I("div", Xo, [
+        zt(t.$slots, "default", {}, void 0, !0),
+        e.empty ? (L(), I("span", Uo, "여기에 드롭")) : ue("", !0)
+      ])) : ue("", !0)
+    ], 2));
+  }
+}), oe = (e, t) => {
+  const r = e.__vccOpts || e;
+  for (const [o, a] of t)
+    r[o] = a;
+  return r;
+}, Xt = /* @__PURE__ */ oe($o, [["__scopeId", "data-v-46916ee5"]]);
+function Ut(e, t) {
+  const r = t.get(e.partType), o = { partType: e.partType };
+  (r == null ? void 0 : r.category) != null && (o.category = r.category), (r == null ? void 0 : r.partName) != null && (o.partName = r.partName);
+  const a = ve(e, t);
+  return a != null && (o.caption = a), o;
+}
+function Ho(e) {
+  var r;
+  const t = /* @__PURE__ */ new Map();
+  for (const o of e.all()) {
+    const a = (r = o.containment) == null ? void 0 : r.role;
+    t.set(o.partType, {
+      component: Xt,
+      propBind: (i) => Ut(i, e),
+      acceptsChildren: a !== "leaf"
+    });
+  }
+  return t;
+}
+function Yo(e, t, r) {
+  const o = e.get(t.partType);
+  return o || {
+    component: Xt,
+    propBind: (a) => Ut(a, r),
+    acceptsChildren: !0
+  };
+}
+const Vo = {
+  CONTAIN: "담김",
+  ARITY: "개수",
+  DUP: "중복",
+  ATTR: "속성",
+  PART: "파트"
+};
+function la(e) {
+  const t = e.split("-")[1];
+  return t ? Vo[t] ?? t : e;
+}
+function sa(e) {
+  return e.contextRef;
+}
+function Wo(e, t) {
+  return t.container ? t.hasParent ? e < 0.3 ? "before" : e > 0.7 ? "after" : "into" : "into" : e < 0.5 ? "before" : "after";
+}
+function zo(e, t, r, o) {
+  const a = We(e, t);
+  if ((a == null ? void 0 : a.partId) === r && a.children) {
+    const i = a.children.findIndex((l) => l.partId === t);
+    if (i >= 0 && i < o) return o - 1;
+  }
+  return o;
+}
+const jo = ["draggable"], Ko = /* @__PURE__ */ ne({
+  __name: "PartCanvas",
+  props: {
+    node: {},
+    registry: {},
+    parentId: {},
+    index: {}
+  },
+  setup(e) {
+    const t = e, r = Be(Re);
+    if (!r) throw new Error("PartCanvas: EDITOR 컨트롤러가 provide되지 않았습니다");
+    const o = r, a = D(() => t.registry ?? Ho(o.catalog)), i = D(() => t.node ?? o.state.root), l = D(() => Yo(a.value, i.value, o.catalog)), s = D(() => l.value.propBind(i.value)), c = D(() => l.value.acceptsChildren !== !1), u = D(() => o.selection.value === i.value.partId), d = D(() => c.value && !(i.value.children && i.value.children.length)), h = D(() => t.parentId != null), E = Y(null);
+    function m(C) {
+      const y = C.currentTarget.getBoundingClientRect(), B = y.height ? (C.clientY - y.top) / y.height : 0.5;
+      return Wo(B, { container: c.value, hasParent: t.parentId != null });
+    }
+    function S(C) {
+      C.preventDefault(), C.stopPropagation(), E.value = m(C);
+    }
+    function P() {
+      E.value = null;
+    }
+    function H(C) {
+      var x;
+      C.stopPropagation(), (x = C.dataTransfer) == null || x.setData("partId", i.value.partId), C.dataTransfer && (C.dataTransfer.effectAllowed = "move");
+    }
+    function b(C) {
+      C.stopPropagation(), o.select(i.value.partId);
+    }
+    function v(C) {
+      if (C === "into") return { parentId: i.value.partId };
+      if (t.parentId == null) return null;
+      const x = C === "after" ? (t.index ?? 0) + 1 : t.index ?? 0;
+      return { parentId: t.parentId, index: x };
+    }
+    function N(C) {
+      var he, Oe;
+      C.preventDefault(), C.stopPropagation();
+      const x = E.value ?? m(C);
+      E.value = null;
+      const y = v(x);
+      if (!y) return;
+      const B = (he = C.dataTransfer) == null ? void 0 : he.getData("partId"), re = (Oe = C.dataTransfer) == null ? void 0 : Oe.getData("partType");
+      if (B) {
+        const pe = y.index == null ? void 0 : zo(o.state.root, B, y.parentId, y.index);
+        o.movePart(B, y.parentId, pe);
+      } else re && o.addPart(y.parentId, { partId: Se(), partType: re, attrs: {}, children: [] }, y.index);
+    }
+    return (C, x) => {
+      const y = ct("PartCanvas", !0);
+      return L(), I("div", {
+        class: be(["ui-canvas-node", {
+          "is-drop-into": E.value === "into",
+          "is-drop-before": E.value === "before",
+          "is-drop-after": E.value === "after"
+        }]),
+        draggable: h.value,
+        onClick: b,
+        onDragstart: H,
+        onDragover: S,
+        onDragleave: P,
+        onDrop: N
+      }, [
+        (L(), Me(jt(l.value.component), Kt(s.value, {
+          selected: u.value,
+          container: c.value,
+          empty: d.value
+        }), {
+          default: qt(() => [
+            c.value ? (L(!0), I(z, { key: 0 }, Z(i.value.children ?? [], (B, re) => (L(), Me(y, {
+              key: B.partId,
+              node: B,
+              registry: a.value,
+              "parent-id": i.value.partId,
+              index: re
+            }, null, 8, ["node", "registry", "parent-id", "index"]))), 128)) : ue("", !0)
+          ]),
+          _: 1
+        }, 16, ["selected", "container", "empty"]))
+      ], 42, jo);
+    };
+  }
+}), ca = /* @__PURE__ */ oe(Ko, [["__scopeId", "data-v-d9963ad2"]]), qo = { class: "ui-palette" }, Jo = { class: "ui-palette__title" }, Zo = { class: "ui-palette__list" }, Qo = ["title", "onDragstart"], er = /* @__PURE__ */ ne({
+  __name: "PartPalette",
+  setup(e) {
+    const t = Be(Re);
+    if (!t) throw new Error("PartPalette: EDITOR 컨트롤러가 provide되지 않았습니다");
+    const r = t, o = D(() => {
+      const i = /* @__PURE__ */ new Map();
+      for (const l of r.catalog.all()) {
+        const s = l.category ?? "기타", c = i.get(s);
+        c ? c.push(l) : i.set(s, [l]);
+      }
+      return [...i.entries()];
+    });
+    function a(i, l) {
+      var s;
+      (s = i.dataTransfer) == null || s.setData("partType", l.partType), i.dataTransfer && (i.dataTransfer.effectAllowed = "copy");
+    }
+    return (i, l) => (L(), I("div", qo, [
+      (L(!0), I(z, null, Z(o.value, ([s, c]) => (L(), I("section", {
+        key: s,
+        class: "ui-palette__group"
+      }, [
+        U("h4", Jo, X(s), 1),
+        U("ul", Zo, [
+          (L(!0), I(z, null, Z(c, (u) => (L(), I("li", {
+            key: u.partType,
+            class: "ui-palette__item",
+            draggable: "true",
+            title: u.partType,
+            onDragstart: (d) => a(d, u)
+          }, X(u.partName), 41, Qo))), 128))
+        ])
+      ]))), 128))
+    ]));
+  }
+}), ua = /* @__PURE__ */ oe(er, [["__scopeId", "data-v-ba70ed30"]]), tr = ["title"], nr = {
+  key: 1,
+  class: "ui-mlang"
+}, or = {
+  class: "ui-mlang__tabs",
+  role: "tablist"
+}, rr = ["aria-selected", "onClick"], ar = {
+  key: 0,
+  class: "ui-mlang__dot"
+}, ir = ["name", "placeholder", "value"], lr = ["name", "placeholder", "value"], sr = /* @__PURE__ */ ne({
+  __name: "MultiLangTextField",
+  props: {
+    modelValue: {},
+    name: {},
+    languages: { default: () => ["ko", "en", "ja", "zh"] },
+    defaultLang: {},
+    multiline: { type: Boolean, default: !1 },
+    placeholder: {}
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: t }) {
+    const r = e, o = t, a = D(() => qe(r.modelValue)), i = D(
+      () => qe(r.modelValue) ? r.modelValue.key : ""
+    );
+    function l() {
+      const E = r.defaultLang;
+      return E && r.languages.includes(E) ? E : r.languages[0] ?? "ko";
+    }
+    const s = Y(l());
+    ut(
+      () => [r.languages, r.defaultLang],
+      () => {
+        r.languages.includes(s.value) || (s.value = l());
+      }
+    );
+    const c = D(() => {
+      const E = r.modelValue;
+      return E == null || a.value ? {} : typeof E == "string" ? E.trim() ? { [s.value]: E } : {} : E;
+    });
+    function u(E) {
+      var m;
+      return !!((m = c.value[E]) != null && m.trim());
+    }
+    const d = D(() => c.value[s.value] ?? "");
+    function h(E) {
+      const m = { ...c.value };
+      E.trim() === "" ? delete m[s.value] : m[s.value] = E, o("update:modelValue", m);
+    }
+    return (E, m) => a.value ? (L(), I("code", {
+      key: 0,
+      class: "ui-mlang__key",
+      title: `메시지 키: ${i.value}`
+    }, "#" + X("{") + X(i.value) + X("}"), 9, tr)) : (L(), I("div", nr, [
+      U("div", or, [
+        (L(!0), I(z, null, Z(e.languages, (S) => (L(), I("button", {
+          key: S,
+          type: "button",
+          class: be(["ui-mlang__tab", { "is-active": s.value === S }]),
+          role: "tab",
+          "aria-selected": s.value === S,
+          onClick: (P) => s.value = S
+        }, [
+          Jt(X(S), 1),
+          u(S) ? (L(), I("span", ar, "•")) : ue("", !0)
+        ], 10, rr))), 128))
+      ]),
+      e.multiline ? (L(), I("textarea", {
+        key: 0,
+        name: `${e.name}-${s.value}`,
+        class: "ui-mlang__input",
+        rows: "3",
+        placeholder: e.placeholder,
+        value: d.value,
+        onInput: m[0] || (m[0] = (S) => h(S.target.value))
+      }, null, 40, ir)) : (L(), I("input", {
+        key: 1,
+        name: `${e.name}-${s.value}`,
+        class: "ui-mlang__input",
+        type: "text",
+        placeholder: e.placeholder,
+        value: d.value,
+        onInput: m[1] || (m[1] = (S) => h(S.target.value))
+      }, null, 40, lr))
+    ]));
+  }
+}), cr = /* @__PURE__ */ oe(sr, [["__scopeId", "data-v-fa16ddef"]]), ur = {
+  class: "ui-inline-issue__mark",
+  "aria-hidden": "true"
+}, dr = { class: "ui-inline-issue__msgs" }, pr = /* @__PURE__ */ ne({
+  __name: "InlineIssueBadge",
+  props: {
+    controller: {},
+    refId: {}
+  },
+  setup(e) {
+    const t = e, r = {
+      error: { order: 0, mark: "⛔" },
+      warning: { order: 1, mark: "⚠" },
+      info: { order: 2, mark: "ℹ" }
+    }, o = D(
+      () => t.refId ? t.controller.issuesByRef.value.get(t.refId) ?? [] : []
+    ), a = D(() => {
+      let i = null;
+      for (const l of o.value)
+        (i === null || r[l.severity].order < r[i].order) && (i = l.severity);
+      return i;
+    });
+    return (i, l) => a.value ? (L(), I("p", {
+      key: 0,
+      class: be(["ui-inline-issue", `is-${a.value}`])
+    }, [
+      U("span", ur, X(r[a.value].mark), 1),
+      U("span", dr, [
+        (L(!0), I(z, null, Z(o.value, (s, c) => (L(), I("span", { key: c }, X(s.message), 1))), 128))
+      ])
+    ], 2)) : ue("", !0);
+  }
+}), $t = /* @__PURE__ */ oe(pr, [["__scopeId", "data-v-a0454177"]]), fr = { class: "ui-props" }, gr = {
+  key: 0,
+  class: "ui-props__empty"
+}, Tr = { class: "ui-props__head" }, hr = { class: "ui-props__type" }, Er = { class: "ui-props__id" }, mr = ["disabled"], yr = { class: "ui-props__group-title" }, br = ["title"], Sr = { class: "ui-props__field" }, vr = ["checked", "onChange"], Lr = ["value", "onChange"], Or = ["value", "onChange"], Cr = ["value"], Ir = ["value", "onChange"], kr = {
+  key: 5,
+  class: "ui-props__readonly"
+}, Ar = ["value", "onChange"], xr = /* @__PURE__ */ ne({
+  __name: "PropertyPanel",
+  setup(e) {
+    const t = Be(Re);
+    if (!t) throw new Error("PropertyPanel: EDITOR 컨트롤러가 provide되지 않았습니다");
+    const r = t, o = D(() => r.selectedPart.value), a = D(() => o.value ? r.catalog.get(o.value.partType) : void 0), i = /* @__PURE__ */ new Set(["SELECT", "ALIGN", "ADD_STYLE", "SIZE", "ICON"]), l = /* @__PURE__ */ new Set(["TEXTAREA", "FULL_TEXTAREA", "MESSAGE_TEXTAREA"]), s = /* @__PURE__ */ new Set([
+      "COMPONENT_REF",
+      "DATASOURCE",
+      "DATAMAPPING",
+      "COMMENT",
+      "CASE_MESSAGES",
+      "BUTTON",
+      "SIMPLE_BUTTON",
+      "WINDOW_OPEN_BUTTON",
+      "TEXT_RO_WITH_BUTTON"
+    ]);
+    function c(b) {
+      return s.has(b.editor) ? "readonly" : b.valueType === "bool" ? "bool" : b.valueType === "int" ? "int" : b.valueType === "text" ? "text" : b.valueType === "validator" || b.valueType === "dataSource" || b.valueType === "dataMapping" ? "readonly" : i.has(b.editor) ? "select" : l.has(b.editor) ? "textarea" : "string";
+    }
+    function u(b) {
+      var N;
+      const v = o.value;
+      if (v)
+        return b.layoutAttr ? (N = v.layoutAttrs) == null ? void 0 : N[b.id] : v.attrs[b.id];
+    }
+    function d(b, v) {
+      const N = o.value;
+      if (N)
+        if (b.layoutAttr) {
+          const C = { ...N.layoutAttrs ?? {} };
+          v === void 0 ? delete C[b.id] : C[b.id] = v, r.updatePart(N.partId, { layoutAttrs: C });
+        } else {
+          const C = { ...N.attrs };
+          v === void 0 ? delete C[b.id] : C[b.id] = v, r.updatePart(N.partId, { attrs: C });
+        }
+    }
+    function h(b, v) {
+      d(b, v === "" ? void 0 : te(v));
+    }
+    function E(b, v) {
+      d(b, v === "" ? void 0 : Tt(Number(v)));
+    }
+    function m(b, v) {
+      d(b, w(v));
+    }
+    function S(b, v) {
+      const N = typeof v == "object" && !("key" in v) && Object.keys(v).length === 0;
+      d(b, N || v === "" ? void 0 : ht(v));
+    }
+    function P(b) {
+      var C;
+      const v = (b.param ?? "").split(";").map((x) => x.trim()).filter(Boolean).map((x) => {
+        const y = x.indexOf(":");
+        return y < 0 ? { value: x, label: x } : { value: x.slice(0, y), label: x.slice(y + 1) };
+      }), N = (C = b.agent) == null ? void 0 : C.enum;
+      return N ? v.filter((x) => N.includes(x.value)) : v;
+    }
+    function H(b) {
+      const v = u(b);
+      if (!v) return "—";
+      switch (v.kind) {
+        case "string":
+        case "dataSource":
+        case "dataMapping":
+          return v.value;
+        case "int":
+          return String(v.value);
+        case "bool":
+          return v.value ? "true" : "false";
+        default:
+          return `(${v.kind})`;
+      }
+    }
+    return (b, v) => {
+      var N, C;
+      return L(), I("div", fr, [
+        o.value ? (L(), I(z, { key: 1 }, [
+          U("header", Tr, [
+            U("span", hr, X(((N = a.value) == null ? void 0 : N.partName) ?? o.value.partType), 1),
+            U("code", Er, X(o.value.partId), 1)
+          ]),
+          dt($t, {
+            controller: W(r),
+            "ref-id": o.value.partId
+          }, null, 8, ["controller", "ref-id"]),
+          U("fieldset", {
+            class: "ui-props__form",
+            disabled: !W(r).editable.value
+          }, [
+            (L(!0), I(z, null, Z(((C = a.value) == null ? void 0 : C.groups) ?? [], (x) => (L(), I("section", {
+              key: x.name,
+              class: "ui-props__group"
+            }, [
+              U("h4", yr, X(x.name), 1),
+              (L(!0), I(z, null, Z(x.items, (y) => (L(), I("div", {
+                key: y.id,
+                class: "ui-props__row"
+              }, [
+                U("label", {
+                  class: "ui-props__label",
+                  title: y.id
+                }, X(y.name), 9, br),
+                U("div", Sr, [
+                  c(y) === "bool" ? (L(), I("input", {
+                    key: 0,
+                    type: "checkbox",
+                    checked: W(on)(u(y)),
+                    onChange: (B) => m(y, B.target.checked)
+                  }, null, 40, vr)) : c(y) === "int" ? (L(), I("input", {
+                    key: 1,
+                    type: "number",
+                    class: "ui-props__input",
+                    value: u(y) ? W(nn)(u(y)) : "",
+                    onChange: (B) => E(y, B.target.value)
+                  }, null, 40, Lr)) : c(y) === "text" ? (L(), Me(cr, {
+                    key: 2,
+                    name: y.id,
+                    "model-value": W(rn)(u(y)),
+                    multiline: y.editor === "MESSAGE_TEXTAREA",
+                    "onUpdate:modelValue": (B) => S(y, B)
+                  }, null, 8, ["name", "model-value", "multiline", "onUpdate:modelValue"])) : c(y) === "select" ? (L(), I("select", {
+                    key: 3,
+                    class: "ui-props__input",
+                    value: W(De)(u(y)),
+                    onChange: (B) => h(y, B.target.value)
+                  }, [
+                    v[0] || (v[0] = U("option", { value: "" }, "—", -1)),
+                    (L(!0), I(z, null, Z(P(y), (B) => (L(), I("option", {
+                      key: B.value,
+                      value: B.value
+                    }, X(B.label), 9, Cr))), 128))
+                  ], 40, Or)) : c(y) === "textarea" ? (L(), I("textarea", {
+                    key: 4,
+                    class: "ui-props__input",
+                    rows: "3",
+                    value: W(De)(u(y)),
+                    onChange: (B) => h(y, B.target.value)
+                  }, null, 40, Ir)) : c(y) === "readonly" ? (L(), I("span", kr, X(H(y)), 1)) : (L(), I("input", {
+                    key: 6,
+                    type: "text",
+                    class: "ui-props__input",
+                    value: W(De)(u(y)),
+                    onChange: (B) => h(y, B.target.value)
+                  }, null, 40, Ar))
+                ])
+              ]))), 128))
+            ]))), 128))
+          ], 8, mr)
+        ], 64)) : (L(), I("p", gr, "선택된 파트가 없습니다"))
+      ]);
+    };
+  }
+}), da = /* @__PURE__ */ oe(xr, [["__scopeId", "data-v-74030a51"]]), Mr = { class: "ui-tree-node" }, _r = { class: "ui-tree-type" }, Pr = {
+  key: 0,
+  class: "ui-tree-caption"
+}, Br = /* @__PURE__ */ ne({
+  __name: "PartTree",
+  props: {
+    node: {},
+    depth: {}
+  },
+  setup(e) {
+    const t = e, r = Be(Re);
+    if (!r) throw new Error("PartTree: EDITOR 컨트롤러가 provide되지 않았습니다");
+    const o = r, a = D(() => t.node ?? o.state.root), i = D(() => t.depth ?? 0), l = D(() => ve(a.value, o.catalog)), s = D(() => o.selection.value === a.value.partId);
+    return (c, u) => {
+      const d = ct("PartTree", !0);
+      return L(), I("div", Mr, [
+        U("button", {
+          type: "button",
+          class: be(["ui-tree-row", { "is-selected": s.value }]),
+          style: pt({ paddingLeft: `${i.value * 14 + 6}px` }),
+          onClick: u[0] || (u[0] = (h) => W(o).select(a.value.partId))
+        }, [
+          U("span", _r, X(a.value.partType), 1),
+          l.value ? (L(), I("span", Pr, X(l.value), 1)) : ue("", !0)
+        ], 6),
+        dt($t, {
+          controller: W(o),
+          "ref-id": a.value.partId
+        }, null, 8, ["controller", "ref-id"]),
+        (L(!0), I(z, null, Z(a.value.children ?? [], (h) => (L(), Me(d, {
+          key: h.partId,
+          node: h,
+          depth: i.value + 1
+        }, null, 8, ["node", "depth"]))), 128))
+      ]);
+    };
+  }
+}), pa = /* @__PURE__ */ oe(Br, [["__scopeId", "data-v-cfddebcf"]]), Le = "ui-modeler-preview";
+function Rr(e, t) {
+  return { channel: Le, type: "render", model: e, revision: t };
+}
+function fa() {
+  return { channel: Le, type: "ready" };
+}
+function ga(e) {
+  return { channel: Le, type: "resize", height: e };
+}
+function Ta(e) {
+  return { channel: Le, type: "error", message: e };
+}
+function Ht(e) {
+  return typeof e == "object" && e !== null && e.channel === Le && typeof e.type == "string";
+}
+const Nr = /* @__PURE__ */ new Set(["ready", "resize", "error"]), Dr = /* @__PURE__ */ new Set(["render"]);
+function wr(e) {
+  return Ht(e) && Nr.has(e.type);
+}
+function ha(e) {
+  return Ht(e) && Dr.has(e.type);
+}
+const Fr = ["src"], Gr = /* @__PURE__ */ ne({
+  __name: "IframePreview",
+  props: {
+    model: {},
+    revision: { default: 0 },
+    src: {},
+    targetOrigin: { default: "/" }
+  },
+  emits: ["error", "ready"],
+  setup(e, { emit: t }) {
+    const r = e, o = t, a = Y(null), i = Y(0);
+    let l = !1;
+    function s() {
+      var d;
+      const u = (d = a.value) == null ? void 0 : d.contentWindow;
+      if (!(!u || !l))
+        try {
+          const h = JSON.parse(JSON.stringify(r.model));
+          u.postMessage(Rr(h, r.revision), r.targetOrigin);
+        } catch (h) {
+          o("error", h instanceof Error ? h.message : String(h));
+        }
+    }
+    function c(u) {
+      var d;
+      if (u.source === ((d = a.value) == null ? void 0 : d.contentWindow) && wr(u.data))
+        switch (u.data.type) {
+          case "ready":
+            l = !0, s(), o("ready");
+            break;
+          case "resize":
+            i.value = u.data.height;
+            break;
+          case "error":
+            o("error", u.data.message);
+            break;
+        }
+    }
+    return Zt(() => window.addEventListener("message", c)), Qt(() => window.removeEventListener("message", c)), ut(
+      () => [r.model, r.revision],
+      () => s(),
+      { deep: !1 }
+    ), (u, d) => (L(), I("iframe", {
+      ref_key: "frame",
+      ref: a,
+      class: "ui-iframe-preview",
+      src: e.src,
+      style: pt(i.value ? { height: i.value + "px" } : void 0),
+      title: "실 미리보기"
+    }, null, 12, Fr));
+  }
+}), Ea = /* @__PURE__ */ oe(Gr, [["__scopeId", "data-v-72e13e1b"]]);
+export {
+  vn as AGENT_EXPOSE_DEFAULT,
+  ea as APPLY_UI_OPS_INPUT_SCHEMA,
+  Yn as BUILTIN_PART_DEFS,
+  Wr as CASE_MSG_CAPTION,
+  st as CommandStack,
+  Re as EDITOR,
+  Ea as IframePreview,
+  $t as InlineIssueBadge,
+  Bt as MAX_INLINE_DEPTH,
+  cr as MultiLangTextField,
+  oa as OP_KINDS,
+  Po as OpSyncAdapter,
+  gt as PART_CATEGORY,
+  en as PART_TYPES,
+  ft as PART_TYPES_BY_CATEGORY,
+  Le as PREVIEW_CHANNEL,
+  Zr as PROPERTY_EDITORS,
+  ca as PartCanvas,
+  ua as PartPalette,
+  pa as PartTree,
+  da as PropertyPanel,
+  _o as RevCache,
+  ye as STYLE_TOKENS,
+  bt as STYLE_TOKEN_DIM_META,
+  no as SYMBOLIC_OP_KINDS,
+  go as SYMBOLIC_OP_SCHEMA,
+  Xt as SchematicPart,
+  an as accept,
+  ko as addPart,
+  Jr as applyOpsToFlat,
+  on as asBool,
+  nn as asInt,
+  De as asString,
+  rn as asText,
+  Vr as asValidator,
+  Ze as attrMapFrom,
+  fn as attrValFrom,
+  w as bool,
+  aa as buildAgentBatch,
+  ve as captionText,
+  yo as checkStrictSubset,
+  In as classifyStyleClass,
+  zr as collect,
+  zn as createCatalog,
+  Ho as createSchematicRegistry,
+  ia as createUiEditorController,
+  Cn as cssToToken,
+  Hr as dataMapping,
+  $r as dataSource,
+  sn as decodeKeyText,
+  _e as decodeToMultiLang,
+  ra as describeScreen,
+  gn as emptyCoverageReport,
+  Do as emptyRoot,
+  Ta as errorMessage,
+  Qr as extendCatalog,
+  K as findPartById,
+  yt as flattenSubtree,
+  En as fromPersisted,
+  Kr as fromPersistedV2,
+  Tt as int,
+  qe as isMultiLangMessage,
+  $e as isPartType,
+  wr as isPreviewInbound,
+  ha as isPreviewOutbound,
+  ta as isStrictSubset,
+  la as issueCategoryLabel,
+  sa as issueParentRef,
+  qr as migrateV1ToV2,
+  xo as movePart,
+  Se as newPartId,
+  We as parentOf,
+  dn as parseGridSort,
+  jr as parseGridSortList,
+  un as parseValidatorString,
+  Rt as pathOf,
+  Et as pathTo,
+  fa as readyMessage,
+  Mo as removePart,
+  Rr as renderMessage,
+  ga as resizeMessage,
+  Ue as resolveHandle,
+  na as resolveOps,
+  Yo as resolveRenderer,
+  wt as revContainersOf,
+  Ut as schematicProps,
+  te as str,
+  ht as text,
+  to as toAgentCatalog,
+  No as toOpShape,
+  yn as toPersistedV2,
+  On as tokenToCss,
+  St as tokensOf,
+  cn as uiKeyTextToMultiLang,
+  Ao as updatePart,
+  ln as validatePartModel,
+  Yr as validator,
+  Q as walk
+};