@burgantech/pseudo-ui 0.1.0 → 0.1.1

package/dist/adapters/vue/DynamicRenderer.vue2.js

@@ -1,376 +1,327 @@
-import { defineComponent as we, computed as L, ref as N, onMounted as ae, watch as Se, resolveComponent as qe, openBlock as l, createElementBlock as i, normalizeStyle as U, Fragment as m, renderList as g, createBlock as v, normalizeClass as F, createVNode as k, unref as r, withCtx as y, createElementVNode as h, createTextVNode as S, toDisplayString as c, createCommentVNode as f, resolveDynamicComponent as Ve, createSlots as ie, withDirectives as Ae } from "vue";
-import { useFormContext as Te } from "./useFormContext.js";
-import { resolveExpression as E, extractDynamicFilterFields as Fe, areRequiredFiltersMet as ne, resolveFilterParams as Le, resolveTextContent as Pe } from "../../engine/expressionResolver.js";
-import { getSchemaProperty as Ue, getFieldLabel as Oe, isFieldRequired as de, getEnumOptions as Z, mapLovItemsToOptions as We, validateField as oe } from "../../engine/schemaResolver.js";
-import { evaluateConditional as re } from "../../engine/conditionalEngine.js";
-import { fetchLovData as ue } from "../../engine/dataClient.js";
-import { useDelegate as Ee } from "./injection.js";
-import { useToast as Be } from "primevue/usetoast";
-import Ne from "./NestedComponentWrapper.vue.js";
-import se from "./ErrorBoundary.vue.js";
-import ve from "primevue/inputtext";
-import Re from "primevue/textarea";
-import ze from "primevue/inputnumber";
-import je from "primevue/select";
+import { defineComponent as $e, computed as P, onMounted as le, ref as M, resolveComponent as we, openBlock as l, createElementBlock as a, normalizeStyle as U, Fragment as m, renderList as g, createBlock as u, normalizeClass as V, createVNode as k, unref as d, withCtx as y, createElementVNode as h, createTextVNode as D, toDisplayString as c, createCommentVNode as f, resolveDynamicComponent as Se, createSlots as ie, withDirectives as De } from "vue";
+import { useFormContext as qe } from "./useFormContext.js";
+import { resolveExpression as E, resolveTextContent as Ae } from "../../engine/expressionResolver.js";
+import { resolveNestedBind as Te, applyNestedUpdate as Ve } from "../../engine/bindResolver.js";
+import { getSchemaProperty as Pe, getFieldLabel as Fe, isFieldRequired as ae, getEnumOptions as X, mapLovItemsToOptions as Ue, validateField as te } from "../../engine/schemaResolver.js";
+import { evaluateConditional as ne } from "../../engine/conditionalEngine.js";
+import { useLovLoader as Le } from "./useLovLoader.js";
+import { useDelegate as Be } from "./injection.js";
+import { useToast as Ne } from "primevue/usetoast";
+import Ee from "./NestedComponentWrapper.vue.js";
+import de from "./ErrorBoundary.vue.js";
+import oe from "primevue/inputtext";
+import ze from "primevue/textarea";
+import Re from "primevue/inputnumber";
+import We from "primevue/select";
 import Ie from "primevue/checkbox";
-import Me from "primevue/radiobutton";
-import me from "primevue/datepicker";
-import Ge from "primevue/card";
-import He from "primevue/tabs";
-import Je from "primevue/tablist";
-import Ke from "primevue/tab";
-import Qe from "primevue/tabpanels";
-import Xe from "primevue/tabpanel";
-import ce from "primevue/divider";
+import Oe from "primevue/radiobutton";
+import re from "primevue/datepicker";
+import je from "primevue/card";
+import Me from "primevue/tabs";
+import Ge from "primevue/tablist";
+import He from "primevue/tab";
+import Je from "primevue/tabpanels";
+import Ke from "primevue/tabpanel";
+import ue from "primevue/divider";
 import R from "primevue/button";
-import O from "primevue/floatlabel";
-import Ye from "primevue/message";
-import Ze from "primevue/toggleswitch";
-import pe from "primevue/slider";
-import _e from "primevue/chip";
-import fe from "primevue/progressspinner";
-import el from "primevue/progressbar";
-import ll from "primevue/accordion";
-import tl from "primevue/accordionpanel";
-import al from "primevue/accordionheader";
+import B from "primevue/floatlabel";
+import Qe from "primevue/message";
+import Xe from "primevue/toggleswitch";
+import Ye from "primevue/slider";
+import Ze from "primevue/chip";
+import se from "primevue/progressspinner";
+import pe from "primevue/progressbar";
+import _e from "primevue/accordion";
+import el from "primevue/accordionpanel";
+import ll from "primevue/accordionheader";
 import il from "primevue/accordioncontent";
-import nl from "primevue/stepper";
-import dl from "primevue/steplist";
-import ol from "primevue/stepitem";
-import rl from "primevue/steppanels";
-import ul from "primevue/steppanel";
-import sl from "primevue/selectbutton";
-import vl from "primevue/autocomplete";
-import ml from "primevue/avatar";
-import cl from "primevue/dialog";
-import p from "primevue/drawer";
-import ye from "primevue/toolbar";
-import fl from "primevue/menu";
-import yl from "primevue/carousel";
-import bl from "primevue/tooltip";
-const kl = {
+import al from "primevue/stepper";
+import tl from "primevue/steplist";
+import nl from "primevue/stepitem";
+import dl from "primevue/steppanels";
+import ol from "primevue/steppanel";
+import rl from "primevue/selectbutton";
+import ul from "primevue/autocomplete";
+import sl from "primevue/avatar";
+import vl from "primevue/dialog";
+import Y from "primevue/drawer";
+import ve from "primevue/toolbar";
+import ml from "primevue/menu";
+import cl from "primevue/carousel";
+import fl from "primevue/tooltip";
+const yl = {
   key: 3,
   class: "d-scroll"
-}, hl = {
+}, bl = {
   key: 4,
   class: "d-center"
-}, gl = {
+}, kl = {
   key: 7,
   class: "d-stack"
-}, xl = {
+}, hl = {
   key: 0,
   class: "d-field"
-}, Dl = ["for"], $l = {
+}, gl = ["for"], xl = {
   key: 0,
   class: "required-mark"
 }, Cl = {
   key: 0,
   class: "field-error",
   role: "alert"
-}, wl = {
+}, $l = {
   key: 0,
   class: "d-field"
-}, Sl = ["for"], ql = {
+}, wl = ["for"], Sl = {
   key: 0,
   class: "required-mark"
-}, Vl = {
+}, Dl = {
   key: 0,
   class: "field-error",
   role: "alert"
-}, Al = {
+}, ql = {
   key: 0,
   class: "d-field"
-}, Tl = ["for"], Fl = {
+}, Al = ["for"], Tl = {
   key: 0,
   class: "required-mark"
-}, Ll = {
+}, Vl = {
   key: 0,
   class: "field-error",
   role: "alert"
 }, Pl = {
   key: 0,
   class: "d-field"
-}, Ul = ["for"], Ol = {
+}, Fl = ["for"], Ul = {
   key: 0,
   class: "required-mark"
-}, Wl = {
+}, Ll = {
   key: 0,
   class: "field-error",
   role: "alert"
-}, El = {
+}, Bl = {
   key: 0,
   class: "d-field d-checkbox"
-}, Bl = ["for"], Nl = {
+}, Nl = ["for"], El = {
   key: 0,
   class: "field-error",
   role: "alert"
-}, Rl = {
+}, zl = {
   key: 0,
   class: "d-field"
-}, zl = { class: "field-group-label" }, jl = {
+}, Rl = { class: "field-group-label" }, Wl = {
   key: 0,
   class: "required-mark"
-}, Il = ["aria-label"], Ml = ["for"], Gl = {
+}, Il = ["aria-label"], Ol = ["for"], jl = {
   key: 0,
   class: "field-error",
   role: "alert"
-}, Hl = {
+}, Ml = {
   key: 0,
   class: "d-field"
-}, Jl = ["for"], Kl = {
+}, Gl = ["for"], Hl = {
   key: 0,
   class: "required-mark"
-}, Ql = {
+}, Jl = {
   key: 0,
   class: "field-error",
   role: "alert"
-}, Xl = {
+}, Kl = {
   key: 0,
   class: "d-field d-switch"
-}, Yl = { class: "switch-label" }, Zl = {
+}, Ql = { class: "switch-label" }, Xl = {
   key: 0,
   class: "d-field"
-}, pl = { class: "field-group-label" }, _l = {
+}, Yl = { class: "field-group-label" }, Zl = {
   key: 0,
   class: "required-mark"
-}, et = {
+}, pl = {
   key: 0,
   class: "d-field"
-}, lt = ["for"], tt = {
+}, _l = ["for"], ei = {
   key: 0,
   class: "required-mark"
-}, at = {
+}, li = {
   key: 0,
   class: "field-error",
   role: "alert"
-}, it = {
+}, ii = {
   key: 0,
   class: "d-field"
-}, nt = { class: "field-group-label" }, dt = {
+}, ai = { class: "field-group-label" }, ti = {
   key: 0,
   class: "required-mark"
-}, ot = {
+}, ni = {
   key: 0,
   class: "d-field d-search-field"
-}, rt = ["for"], ut = {
+}, di = ["for"], oi = {
   key: 0,
   class: "field-error",
   role: "alert"
-}, st = {
+}, ri = {
   key: 0,
   class: "d-field"
-}, vt = ["for"], mt = {
+}, ui = ["for"], si = {
   key: 0,
   class: "required-mark"
-}, ct = {
+}, vi = {
   key: 0,
   class: "field-error",
   role: "alert"
-}, ft = ["src"], yt = {
+}, mi = ["src"], ci = {
   key: 26,
   class: "d-badge-wrapper",
   style: { position: "relative", display: "inline-flex" }
-}, bt = { class: "d-badge-value" }, kt = {
+}, fi = { class: "d-badge-value" }, yi = {
   key: 0,
   class: "d-list-tile__leading"
-}, ht = { class: "d-list-tile__content" }, gt = { class: "d-list-tile__title" }, xt = {
+}, bi = { class: "d-list-tile__content" }, ki = { class: "d-list-tile__title" }, hi = {
   key: 0,
   class: "d-list-tile__subtitle"
-}, Dt = {
+}, gi = {
   key: 1,
   class: "d-list-tile__trailing"
-}, $t = {
+}, xi = {
   key: 30,
   class: "d-richtext"
-}, Ct = ["href"], wt = { class: "d-nested" }, St = {
+}, Ci = ["href"], $i = { class: "d-nested" }, wi = {
   key: 1,
   class: "d-loading"
-}, qt = { class: "d-tab-content" }, Vt = { class: "d-expansion-content" }, At = { class: "d-step-content" }, Tt = { class: "d-dialog-header" }, Ft = { class: "material-icons" }, Lt = { class: "d-dialog-body" }, Pt = { class: "d-snackbar__text" }, Ut = {
+}, Si = { class: "d-tab-content" }, Di = { class: "d-expansion-content" }, qi = { class: "d-step-content" }, Ai = { class: "d-dialog-header" }, Ti = { class: "material-icons" }, Vi = { class: "d-dialog-body" }, Pi = { class: "d-snackbar__text" }, Fi = {
   key: 46,
   style: { display: "inline-flex" }
-}, Ot = {
+}, Ui = {
   key: 0,
   class: "d-appbar__leading"
-}, Wt = { class: "d-appbar__title" }, Et = {
+}, Li = { class: "d-appbar__title" }, Bi = {
   key: 0,
   class: "d-appbar__actions"
-}, Bt = {
+}, Ni = {
   key: 48,
   class: "d-nav-bar"
-}, Nt = ["onClick"], Rt = { class: "material-icons" }, zt = { class: "d-nav-drawer" }, jt = {
+}, Ei = ["onClick"], zi = { class: "material-icons" }, Ri = { class: "d-nav-drawer" }, Wi = {
   key: 1,
   class: "d-nav-drawer__header"
-}, It = ["onClick"], Mt = {
+}, Ii = ["onClick"], Oi = {
   key: 1,
   class: "d-nav-drawer__badge"
-}, Gt = { style: { display: "inline-flex" } }, Ht = { class: "d-toolbar__content" }, Ia = /* @__PURE__ */ we({
+}, ji = { style: { display: "inline-flex" } }, Mi = { class: "d-toolbar__content" }, Oa = /* @__PURE__ */ $e({
   __name: "DynamicRenderer",
   props: {
     node: {},
     item: {}
   },
   setup(e) {
-    const be = bl, V = e, d = Te(), W = Ee(), ke = Be(), T = W.onLog ?? (() => {
-    }), _ = {
+    const me = fl, A = e, r = qe(), N = Be(), ce = Ne(), L = N.onLog ?? (() => {
+    }), Z = {
       xs: "0.25rem",
       sm: "0.5rem",
       md: "1rem",
       lg: "1.5rem",
       xl: "2rem"
-    }, s = L(() => V.node.bind), q = L(() => {
-      if (s.value)
-        return Ue(d.schema, s.value);
-    }), x = L(() => Oe(q.value, d.lang)), C = L(() => s.value ? de(d.schema, s.value, d.formData, d.instanceData, d.params) : !1), b = L(() => d.errors[s.value || ""] || null), D = L(
-      () => re(q.value?.["x-conditional"], d.formData, d.instanceData, d.params)
-    ), G = L(() => q.value ? q.value.enum ? Z(q.value, d.lang) : q.value["x-lov"] && s.value && d.lovData[s.value] ? We(d.lovData[s.value] ?? []) : [] : []), he = L(() => {
-      const n = V.node.onTap;
+    }, v = P(() => A.node.bind), q = P(() => {
+      if (v.value)
+        return Pe(r.schema, v.value);
+    }), x = P(() => Fe(q.value, r.lang)), w = P(() => v.value ? ae(r.schema, v.value, r.formData, r.instanceData, r.params) : !1), b = P(() => r.errors[v.value || ""] || null), C = P(
+      () => ne(q.value?.["x-conditional"], r.formData, r.instanceData, r.params)
+    ), G = P(() => q.value ? q.value.enum ? X(q.value, r.lang) : q.value["x-lov"] && v.value && r.lovData[v.value] ? Ue(r.lovData[v.value] ?? []) : [] : []), fe = P(() => {
+      const n = A.node.onTap;
       if (!n) return !1;
-      const a = Array.isArray(n) ? n[0] : n;
-      if (!a || a.action !== "select" || !a.bind) return !1;
-      const u = typeof a.value == "string" && a.value.startsWith("$") ? E(a.value, d, V.item) : a.value;
-      return d.formData[a.bind] === u && u !== void 0;
-    }), H = N(!1);
-    async function J() {
-      const n = q.value?.["x-lov"];
-      if (!(!n || !s.value)) {
-        H.value = !0, T("debug", `Fetching LOV for "${s.value}"`, void 0, { source: "LOV", field: s.value, ref: n.source });
-        try {
-          if (n.filter?.length) {
-            const a = Le(n.filter, d.formData, d.instanceData, d.params);
-            if (a === null) {
-              T("debug", `LOV "${s.value}" skipped — required filter params not met`, void 0, { source: "LOV", field: s.value }), d.lovData[s.value] = [];
-              return;
-            }
-            const u = await ue(W.requestData, n, a, T);
-            d.lovData[s.value] = u, T("info", `LOV "${s.value}" loaded: ${u.length} item(s)`, void 0, { source: "LOV", field: s.value, count: u.length });
-          } else {
-            const a = await ue(W.requestData, n, void 0, T);
-            d.lovData[s.value] = a, T("info", `LOV "${s.value}" loaded: ${a.length} item(s)`, void 0, { source: "LOV", field: s.value, count: a.length });
-          }
-        } finally {
-          H.value = !1;
-        }
-      }
-    }
-    ae(() => {
-      if (q.value?.["x-lov"]) {
-        const n = q.value["x-lov"];
-        if (n.filter?.length) {
-          const { formFields: a, instanceFields: u, paramFields: t } = Fe(n.filter);
-          a.length > 0 || u.length > 0 || t.length > 0 ? Se(
-            () => [
-              ...a.map((o) => d.formData[o]),
-              ...u.map((o) => d.instanceData[o]),
-              ...t.map((o) => d.params[o])
-            ],
-            () => {
-              ne(n.filter, d.formData, d.instanceData, d.params) && (s.value && (d.formData[s.value] = void 0), J());
-            },
-            { immediate: ne(n.filter, d.formData, d.instanceData, d.params) }
-          ) : J();
-        } else
-          J();
-      }
+      const t = Array.isArray(n) ? n[0] : n;
+      if (!t || t.action !== "select" || !t.bind) return !1;
+      const s = typeof t.value == "string" && t.value.startsWith("$") ? E(t.value, r, A.item) : t.value;
+      return r.formData[t.bind] === s && s !== void 0;
+    }), { loading: ye, setupWatch: be } = Le(
+      v.value,
+      r,
+      N.requestData,
+      L
+    );
+    le(() => {
+      q.value?.["x-lov"] && be();
     });
-    const ge = L(() => {
-      if (V.node.type !== "ForEach") return [];
-      const n = V.node, a = E(n.source, d, V.item);
-      return Array.isArray(a) ? a : [];
-    }), K = N(null), Q = N(null);
-    ae(async () => {
-      if (V.node.type === "Component") {
-        const n = V.node;
-        T("debug", `Loading nested component "${n.ref}"`, void 0, { source: "Component", ref: n.ref });
+    const ke = P(() => {
+      if (A.node.type !== "ForEach") return [];
+      const n = A.node, t = E(n.source, r, A.item);
+      return Array.isArray(t) ? t : [];
+    }), H = M(null), J = M(null);
+    le(async () => {
+      if (A.node.type === "Component") {
+        const n = A.node;
+        L("debug", `Loading nested component "${n.ref}"`, void 0, { source: "Component", ref: n.ref });
         try {
-          const a = await W.loadComponent(n.ref);
-          K.value = a.schema, Q.value = a.view, T("info", `Nested component "${n.ref}" loaded`, void 0, { source: "Component", ref: n.ref });
-        } catch (a) {
-          T("error", `Failed to load nested component: ${n.ref}`, a, { source: "Component", ref: n.ref });
+          const t = await N.loadComponent(n.ref);
+          H.value = t.schema, J.value = t.view, L("info", `Nested component "${n.ref}" loaded`, void 0, { source: "Component", ref: n.ref });
+        } catch (t) {
+          L("error", `Failed to load nested component: ${n.ref}`, t, { source: "Component", ref: n.ref });
         }
       }
     });
-    const ee = L(() => {
-      if (V.node.type !== "Component") return;
-      const n = V.node;
-      if (!n.bind) return;
-      if (typeof n.bind == "string") {
-        if (!n.bind.startsWith("$")) return;
-        const t = E(n.bind, d);
-        if (!t || typeof t != "object") return;
-        const o = t;
-        return n.bind.startsWith("$instance") ? { form: {}, instance: { ...o } } : { form: { ...o }, instance: {} };
-      }
-      const a = {}, u = {};
-      for (const [t, o] of Object.entries(n.bind))
-        o.startsWith("$instance.") ? u[t] = d.instanceData[o.slice(10)] : o.startsWith("$ui.") ? a[t] = d.uiState[o.slice(4)] : o.startsWith("$form.") ? a[t] = d.formData[o.slice(6)] : a[t] = d.formData[o];
-      return { form: a, instance: u };
+    const p = P(() => {
+      if (A.node.type !== "Component") return;
+      const n = A.node;
+      return Te(n.bind, r);
     });
-    function xe(n) {
-      const a = V.node;
-      if (a.bind)
-        if (typeof a.bind == "string")
-          d.formData[a.bind] = n;
-        else
-          for (const [u, t] of Object.entries(a.bind))
-            t.startsWith("$instance.") ? d.instanceData[t.slice(10)] = n[u] : t.startsWith("$ui.") ? d.uiState[t.slice(4)] = n[u] : t.startsWith("$form.") ? d.formData[t.slice(6)] = n[u] : d.formData[t] = n[u];
+    function he(n) {
+      const t = A.node;
+      t.bind && Ve(t.bind, n, r);
     }
-    function w() {
-      if (s.value)
-        return d.formData[s.value];
+    function S() {
+      if (v.value)
+        return r.formData[v.value];
     }
-    async function A(n) {
-      if (!s.value) return;
-      d.formData[s.value] = n, T("debug", `Field "${s.value}" = ${JSON.stringify(n)}`, void 0, { source: "Field", field: s.value });
-      const a = oe(q.value, n, C.value, d.lang);
-      if (a) {
-        d.errors[s.value] = a, T("debug", `Validation error on "${s.value}": ${a}`, void 0, { source: "Validation", field: s.value, error: a });
+    async function T(n) {
+      if (!v.value) return;
+      r.formData[v.value] = n, L("debug", `Field "${v.value}" = ${JSON.stringify(n)}`, void 0, { source: "Field", field: v.value });
+      const t = te(q.value, n, w.value, r.lang);
+      if (t) {
+        r.errors[v.value] = t, L("debug", `Validation error on "${v.value}": ${t}`, void 0, { source: "Validation", field: v.value, error: t });
         return;
       }
-      if (q.value?.["x-validation"] && W.onValidationRequest) {
-        const u = await W.onValidationRequest(s.value, n, { ...d.formData });
-        if (u) {
-          d.errors[s.value] = u, T("debug", `Custom validation error on "${s.value}": ${u}`, void 0, { source: "Validation", field: s.value, error: u });
+      if (q.value?.["x-validation"] && N.onValidationRequest) {
+        const s = await N.onValidationRequest(v.value, n, { ...r.formData });
+        if (s) {
+          r.errors[v.value] = s, L("debug", `Custom validation error on "${v.value}": ${s}`, void 0, { source: "Validation", field: v.value, error: s });
           return;
         }
       }
-      delete d.errors[s.value];
+      delete r.errors[v.value];
     }
-    function P(n, a) {
+    function F(n, t) {
       if (Array.isArray(n)) {
-        n.forEach((u) => P(u));
+        n.forEach((s) => F(s));
         return;
       }
       if (typeof n == "string") {
-        if (n === "submit" && (De(), Object.keys(d.errors).length > 0)) {
-          const u = Object.values(d.errors).join(", ");
-          ke.add({
+        if (n === "submit" && (ge(), Object.keys(r.errors).length > 0)) {
+          const s = Object.values(r.errors).join(", ");
+          ce.add({
             severity: "warn",
-            summary: d.lang === "tr" ? "Eksik veya hatalı alanlar var" : "There are missing or invalid fields",
-            detail: u,
+            summary: r.lang === "tr" ? "Eksik veya hatalı alanlar var" : "There are missing or invalid fields",
+            detail: s,
             life: 5e3
           });
           return;
         }
-        T("info", `Action dispatched: "${n}"`, void 0, { source: "Action", action: n, command: a, fieldCount: Object.keys(d.formData).length }), W.onAction(n, { ...d.formData }, a);
+        L("info", `Action dispatched: "${n}"`, void 0, { source: "Action", action: n, command: t, fieldCount: Object.keys(r.formData).length }), N.onAction(n, { ...r.formData }, t);
         return;
       }
       if (n.action === "select" && n.bind && n.value !== void 0) {
-        const u = typeof n.value == "string" && n.value.startsWith("$") ? E(n.value, d, V.item) : n.value;
-        n.bind.startsWith("$ui.") ? d.uiState[n.bind.slice(4)] = u : n.bind.startsWith("$form.") ? d.formData[n.bind.slice(6)] = u : d.formData[n.bind] = u;
+        const s = typeof n.value == "string" && n.value.startsWith("$") ? E(n.value, r, A.item) : n.value;
+        n.bind.startsWith("$ui.") ? r.uiState[n.bind.slice(4)] = s : n.bind.startsWith("$form.") ? r.formData[n.bind.slice(6)] = s : r.formData[n.bind] = s;
       }
     }
-    function De() {
-      if (d.schema.properties)
-        for (const [n, a] of Object.entries(d.schema.properties)) {
-          if (!re(a["x-conditional"], d.formData, d.instanceData, d.params).visible) continue;
-          const t = de(d.schema, n, d.formData, d.instanceData, d.params), o = oe(a, d.formData[n], t, d.lang);
-          o ? d.errors[n] = o : delete d.errors[n];
+    function ge() {
+      if (r.schema.properties)
+        for (const [n, t] of Object.entries(r.schema.properties)) {
+          if (!ne(t["x-conditional"], r.formData, r.instanceData, r.params).visible) continue;
+          const i = ae(r.schema, n, r.formData, r.instanceData, r.params), o = te(t, r.formData[n], i, r.lang);
+          o ? r.errors[n] = o : delete r.errors[n];
         }
     }
-    function z(n) {
-      return n && _[n] ? { gap: _[n] } : {};
+    function W(n) {
+      return n && Z[n] ? { gap: Z[n] } : {};
     }
-    function j(n) {
+    function I(n) {
       return {
         start: "flex-start",
         center: "center",
@@ -381,198 +332,198 @@ const kl = {
         stretch: "stretch"
       }[n] || void 0;
     }
-    const $ = (n) => Pe(n, d, V.item);
-    function I(n) {
-      return typeof n != "string" ? !1 : !!E(n, d, V.item);
+    const $ = (n) => Ae(n, r, A.item);
+    function O(n) {
+      return typeof n != "string" ? !1 : !!E(n, r, A.item);
     }
-    function M(n, a) {
-      typeof n == "string" && (n.startsWith("$ui.") ? d.uiState[n.slice(4)] = a : n.startsWith("$form.") && (d.formData[n.slice(6)] = a));
+    function j(n, t) {
+      typeof n == "string" && (n.startsWith("$ui.") ? r.uiState[n.slice(4)] = t : n.startsWith("$form.") && (r.formData[n.slice(6)] = t));
     }
-    const X = N([]);
-    function $e(n) {
-      if (!s.value || !d.lovData[s.value]) {
-        X.value = [];
+    const K = M([]);
+    function xe(n) {
+      if (!v.value || !r.lovData[v.value]) {
+        K.value = [];
         return;
       }
-      const a = n.query.toLowerCase();
-      X.value = (d.lovData[s.value] ?? []).filter((u) => u.display.toLowerCase().includes(a)).map((u) => u.display);
+      const t = n.query.toLowerCase();
+      K.value = (r.lovData[v.value] ?? []).filter((s) => s.display.toLowerCase().includes(t)).map((s) => s.display);
     }
-    const le = N();
-    function te(n) {
-      le.value?.toggle(n);
+    const _ = M();
+    function ee(n) {
+      _.value?.toggle(n);
     }
     function Ce(n) {
-      return n.filter((a) => !a.divider && !a.header).map((a) => ({
-        label: $(a.label),
-        icon: a.icon ? `pi pi-${a.icon}` : void 0,
-        disabled: a.disabled,
-        command: () => a.action && P(a.action)
+      return n.filter((t) => !t.divider && !t.header).map((t) => ({
+        label: $(t.label),
+        icon: t.icon ? `pi pi-${t.icon}` : void 0,
+        disabled: t.disabled,
+        command: () => t.action && F(t.action)
       }));
     }
-    return (n, a) => {
-      const u = qe("DynamicRenderer", !0);
-      return e.node.type === "Column" ? (l(), i("div", {
+    return (n, t) => {
+      const s = we("DynamicRenderer", !0);
+      return e.node.type === "Column" ? (l(), a("div", {
         key: 0,
         class: "d-column",
         style: U({
-          ...z(e.node.gap),
-          justifyContent: j(e.node.mainAxisAlignment),
-          alignItems: j(e.node.crossAxisAlignment) || "stretch"
+          ...W(e.node.gap),
+          justifyContent: I(e.node.mainAxisAlignment),
+          alignItems: I(e.node.crossAxisAlignment) || "stretch"
         })
       }, [
-        (l(!0), i(m, null, g(e.node.children, (t, o) => (l(), v(u, {
+        (l(!0), a(m, null, g(e.node.children, (i, o) => (l(), u(s, {
           key: o,
-          node: t,
+          node: i,
           item: e.item
         }, null, 8, ["node", "item"]))), 128))
-      ], 4)) : e.node.type === "Row" ? (l(), i("div", {
+      ], 4)) : e.node.type === "Row" ? (l(), a("div", {
         key: 1,
         class: "d-row",
         style: U({
-          ...z(e.node.gap),
-          justifyContent: j(e.node.mainAxisAlignment),
-          alignItems: j(e.node.crossAxisAlignment) || "center"
+          ...W(e.node.gap),
+          justifyContent: I(e.node.mainAxisAlignment),
+          alignItems: I(e.node.crossAxisAlignment) || "center"
         })
       }, [
-        (l(!0), i(m, null, g(e.node.children, (t, o) => (l(), v(u, {
+        (l(!0), a(m, null, g(e.node.children, (i, o) => (l(), u(s, {
           key: o,
-          node: t,
+          node: i,
           item: e.item
         }, null, 8, ["node", "item"]))), 128))
-      ], 4)) : e.node.type === "Expanded" ? (l(), i("div", {
+      ], 4)) : e.node.type === "Expanded" ? (l(), a("div", {
         key: 2,
         style: U({ flex: e.node.flex || 1, minWidth: 0 })
       }, [
-        (l(!0), i(m, null, g(e.node.children, (t, o) => (l(), v(u, {
+        (l(!0), a(m, null, g(e.node.children, (i, o) => (l(), u(s, {
           key: o,
-          node: t,
+          node: i,
           item: e.item
         }, null, 8, ["node", "item"]))), 128))
-      ], 4)) : e.node.type === "ScrollView" ? (l(), i("div", kl, [
-        (l(!0), i(m, null, g(e.node.children, (t, o) => (l(), v(u, {
+      ], 4)) : e.node.type === "ScrollView" ? (l(), a("div", yl, [
+        (l(!0), a(m, null, g(e.node.children, (i, o) => (l(), u(s, {
           key: o,
-          node: t,
+          node: i,
           item: e.item
         }, null, 8, ["node", "item"]))), 128))
-      ])) : e.node.type === "Center" ? (l(), i("div", hl, [
-        (l(!0), i(m, null, g(e.node.children, (t, o) => (l(), v(u, {
+      ])) : e.node.type === "Center" ? (l(), a("div", bl, [
+        (l(!0), a(m, null, g(e.node.children, (i, o) => (l(), u(s, {
           key: o,
-          node: t,
+          node: i,
           item: e.item
         }, null, 8, ["node", "item"]))), 128))
-      ])) : e.node.type === "Wrap" ? (l(), i("div", {
+      ])) : e.node.type === "Wrap" ? (l(), a("div", {
         key: 5,
         class: "d-wrap",
-        style: U(z(e.node.gap))
+        style: U(W(e.node.gap))
       }, [
-        (l(!0), i(m, null, g(e.node.children, (t, o) => (l(), v(u, {
+        (l(!0), a(m, null, g(e.node.children, (i, o) => (l(), u(s, {
           key: o,
-          node: t,
+          node: i,
           item: e.item
         }, null, 8, ["node", "item"]))), 128))
-      ], 4)) : e.node.type === "Spacer" ? (l(), i("div", {
+      ], 4)) : e.node.type === "Spacer" ? (l(), a("div", {
         key: 6,
         style: U({ flex: e.node.flex || 1 })
-      }, null, 4)) : e.node.type === "Stack" ? (l(), i("div", gl, [
-        (l(!0), i(m, null, g(e.node.children, (t, o) => (l(), v(u, {
+      }, null, 4)) : e.node.type === "Stack" ? (l(), a("div", kl, [
+        (l(!0), a(m, null, g(e.node.children, (i, o) => (l(), u(s, {
           key: o,
-          node: t,
+          node: i,
           item: e.item
         }, null, 8, ["node", "item"]))), 128))
-      ])) : e.node.type === "Grid" ? (l(), i("div", {
+      ])) : e.node.type === "Grid" ? (l(), a("div", {
         key: 8,
         class: "d-grid",
         style: U({
           gridTemplateColumns: `repeat(${e.node.columns || 2}, 1fr)`,
-          ...z(e.node.gap)
+          ...W(e.node.gap)
         })
       }, [
-        (l(!0), i(m, null, g(e.node.children, (t, o) => (l(), v(u, {
+        (l(!0), a(m, null, g(e.node.children, (i, o) => (l(), u(s, {
           key: o,
-          node: t,
+          node: i,
           item: e.item
         }, null, 8, ["node", "item"]))), 128))
-      ], 4)) : e.node.type === "Card" ? (l(), i("div", {
+      ], 4)) : e.node.type === "Card" ? (l(), a("div", {
         key: 9,
-        class: F(["d-card", {
+        class: V(["d-card", {
           "d-card--elevated": !e.node.variant || e.node.variant === "elevated",
           "d-card--filled": e.node.variant === "filled",
           "d-card--outlined": e.node.variant === "outlined",
           "cursor-pointer": !!e.node.onTap,
-          "d-card--selected": he.value
+          "d-card--selected": fe.value
         }]),
-        onClick: a[0] || (a[0] = (t) => e.node.onTap ? P(e.node.onTap) : void 0)
+        onClick: t[0] || (t[0] = (i) => e.node.onTap ? F(e.node.onTap) : void 0)
       }, [
-        k(r(Ge), null, {
+        k(d(je), null, {
           content: y(() => [
-            (l(!0), i(m, null, g(e.node.children, (t, o) => (l(), v(u, {
+            (l(!0), a(m, null, g(e.node.children, (i, o) => (l(), u(s, {
               key: o,
-              node: t,
+              node: i,
               item: e.item
             }, null, 8, ["node", "item"]))), 128))
           ]),
           _: 1
         })
-      ], 2)) : e.node.type === "Divider" ? (l(), v(r(ce), { key: 10 })) : e.node.type === "TextField" ? (l(), i(m, { key: 11 }, [
-        D.value.visible ? (l(), i("div", xl, [
-          k(r(O), { variant: "on" }, {
+      ], 2)) : e.node.type === "Divider" ? (l(), u(d(ue), { key: 10 })) : e.node.type === "TextField" ? (l(), a(m, { key: 11 }, [
+        C.value.visible ? (l(), a("div", hl, [
+          k(d(B), { variant: "on" }, {
             default: y(() => [
-              k(r(ve), {
-                id: s.value,
-                "model-value": w() || "",
-                "onUpdate:modelValue": a[1] || (a[1] = (t) => A(t)),
-                disabled: !D.value.enabled,
+              k(d(oe), {
+                id: v.value,
+                "model-value": S() || "",
+                "onUpdate:modelValue": t[1] || (t[1] = (i) => T(i)),
+                disabled: !C.value.enabled,
                 invalid: !!b.value,
-                "aria-required": C.value,
+                "aria-required": w.value,
                 "aria-invalid": !!b.value,
                 "aria-label": x.value,
                 fluid: ""
               }, null, 8, ["id", "model-value", "disabled", "invalid", "aria-required", "aria-invalid", "aria-label"]),
-              h("label", { for: s.value }, [
-                S(c(x.value), 1),
-                C.value ? (l(), i("span", $l, " *")) : f("", !0)
-              ], 8, Dl)
+              h("label", { for: v.value }, [
+                D(c(x.value), 1),
+                w.value ? (l(), a("span", xl, " *")) : f("", !0)
+              ], 8, gl)
             ]),
             _: 1
           }),
-          b.value ? (l(), i("small", Cl, c(b.value), 1)) : f("", !0)
+          b.value ? (l(), a("small", Cl, c(b.value), 1)) : f("", !0)
         ])) : f("", !0)
-      ], 64)) : e.node.type === "TextArea" ? (l(), i(m, { key: 12 }, [
-        D.value.visible ? (l(), i("div", wl, [
-          k(r(O), { variant: "on" }, {
+      ], 64)) : e.node.type === "TextArea" ? (l(), a(m, { key: 12 }, [
+        C.value.visible ? (l(), a("div", $l, [
+          k(d(B), { variant: "on" }, {
             default: y(() => [
-              k(r(Re), {
-                id: s.value,
-                "model-value": w() || "",
-                "onUpdate:modelValue": a[2] || (a[2] = (t) => A(t)),
-                disabled: !D.value.enabled,
+              k(d(ze), {
+                id: v.value,
+                "model-value": S() || "",
+                "onUpdate:modelValue": t[2] || (t[2] = (i) => T(i)),
+                disabled: !C.value.enabled,
                 invalid: !!b.value,
-                "aria-required": C.value,
+                "aria-required": w.value,
                 "aria-invalid": !!b.value,
                 "aria-label": x.value,
                 rows: "3",
                 fluid: ""
               }, null, 8, ["id", "model-value", "disabled", "invalid", "aria-required", "aria-invalid", "aria-label"]),
-              h("label", { for: s.value }, [
-                S(c(x.value), 1),
-                C.value ? (l(), i("span", ql, " *")) : f("", !0)
-              ], 8, Sl)
+              h("label", { for: v.value }, [
+                D(c(x.value), 1),
+                w.value ? (l(), a("span", Sl, " *")) : f("", !0)
+              ], 8, wl)
             ]),
             _: 1
           }),
-          b.value ? (l(), i("small", Vl, c(b.value), 1)) : f("", !0)
+          b.value ? (l(), a("small", Dl, c(b.value), 1)) : f("", !0)
         ])) : f("", !0)
-      ], 64)) : e.node.type === "NumberField" ? (l(), i(m, { key: 13 }, [
-        D.value.visible ? (l(), i("div", Al, [
-          k(r(O), { variant: "on" }, {
+      ], 64)) : e.node.type === "NumberField" ? (l(), a(m, { key: 13 }, [
+        C.value.visible ? (l(), a("div", ql, [
+          k(d(B), { variant: "on" }, {
             default: y(() => [
-              k(r(ze), {
-                id: s.value,
-                "model-value": w() ?? null,
-                "onUpdate:modelValue": a[3] || (a[3] = (t) => A(t)),
-                disabled: !D.value.enabled,
+              k(d(Re), {
+                id: v.value,
+                "model-value": S() ?? null,
+                "onUpdate:modelValue": t[3] || (t[3] = (i) => T(i)),
+                disabled: !C.value.enabled,
                 invalid: !!b.value,
-                "aria-required": C.value,
+                "aria-required": w.value,
                 "aria-invalid": !!b.value,
                 "aria-label": x.value,
                 min: q.value?.minimum,
@@ -580,414 +531,414 @@ const kl = {
                 "use-grouping": !0,
                 fluid: ""
               }, null, 8, ["id", "model-value", "disabled", "invalid", "aria-required", "aria-invalid", "aria-label", "min", "max"]),
-              h("label", { for: s.value }, [
-                S(c(x.value), 1),
-                C.value ? (l(), i("span", Fl, " *")) : f("", !0)
-              ], 8, Tl)
+              h("label", { for: v.value }, [
+                D(c(x.value), 1),
+                w.value ? (l(), a("span", Tl, " *")) : f("", !0)
+              ], 8, Al)
             ]),
             _: 1
           }),
-          b.value ? (l(), i("small", Ll, c(b.value), 1)) : f("", !0)
+          b.value ? (l(), a("small", Vl, c(b.value), 1)) : f("", !0)
         ])) : f("", !0)
-      ], 64)) : e.node.type === "Dropdown" ? (l(), i(m, { key: 14 }, [
-        D.value.visible ? (l(), i("div", Pl, [
-          k(r(O), { variant: "on" }, {
+      ], 64)) : e.node.type === "Dropdown" ? (l(), a(m, { key: 14 }, [
+        C.value.visible ? (l(), a("div", Pl, [
+          k(d(B), { variant: "on" }, {
             default: y(() => [
-              k(r(je), {
-                id: s.value,
-                "model-value": w(),
-                "onUpdate:modelValue": a[4] || (a[4] = (t) => A(t)),
+              k(d(We), {
+                id: v.value,
+                "model-value": S(),
+                "onUpdate:modelValue": t[4] || (t[4] = (i) => T(i)),
                 options: G.value,
                 "option-label": "label",
                 "option-value": "value",
-                disabled: !D.value.enabled,
-                loading: H.value,
+                disabled: !C.value.enabled,
+                loading: d(ye),
                 invalid: !!b.value,
-                "aria-required": C.value,
+                "aria-required": w.value,
                 "aria-invalid": !!b.value,
                 "aria-label": x.value,
                 fluid: ""
               }, null, 8, ["id", "model-value", "options", "disabled", "loading", "invalid", "aria-required", "aria-invalid", "aria-label"]),
-              h("label", { for: s.value }, [
-                S(c(x.value), 1),
-                C.value ? (l(), i("span", Ol, " *")) : f("", !0)
-              ], 8, Ul)
+              h("label", { for: v.value }, [
+                D(c(x.value), 1),
+                w.value ? (l(), a("span", Ul, " *")) : f("", !0)
+              ], 8, Fl)
             ]),
             _: 1
           }),
-          b.value ? (l(), i("small", Wl, c(b.value), 1)) : f("", !0)
+          b.value ? (l(), a("small", Ll, c(b.value), 1)) : f("", !0)
         ])) : f("", !0)
-      ], 64)) : e.node.type === "Checkbox" ? (l(), i(m, { key: 15 }, [
-        D.value.visible ? (l(), i("div", El, [
-          k(r(Ie), {
-            "input-id": s.value,
-            "model-value": !!w(),
-            "onUpdate:modelValue": a[5] || (a[5] = (t) => A(t)),
-            disabled: !D.value.enabled,
+      ], 64)) : e.node.type === "Checkbox" ? (l(), a(m, { key: 15 }, [
+        C.value.visible ? (l(), a("div", Bl, [
+          k(d(Ie), {
+            "input-id": v.value,
+            "model-value": !!S(),
+            "onUpdate:modelValue": t[5] || (t[5] = (i) => T(i)),
+            disabled: !C.value.enabled,
             binary: !0,
             invalid: !!b.value,
-            "aria-required": C.value,
+            "aria-required": w.value,
             "aria-label": x.value
           }, null, 8, ["input-id", "model-value", "disabled", "invalid", "aria-required", "aria-label"]),
           h("label", {
-            for: s.value,
+            for: v.value,
             class: "checkbox-label"
-          }, c(x.value), 9, Bl),
-          b.value ? (l(), i("small", Nl, c(b.value), 1)) : f("", !0)
+          }, c(x.value), 9, Nl),
+          b.value ? (l(), a("small", El, c(b.value), 1)) : f("", !0)
         ])) : f("", !0)
-      ], 64)) : e.node.type === "RadioGroup" ? (l(), i(m, { key: 16 }, [
-        D.value.visible ? (l(), i("div", Rl, [
-          h("label", zl, [
-            S(c(x.value), 1),
-            C.value ? (l(), i("span", jl, " *")) : f("", !0)
+      ], 64)) : e.node.type === "RadioGroup" ? (l(), a(m, { key: 16 }, [
+        C.value.visible ? (l(), a("div", zl, [
+          h("label", Rl, [
+            D(c(x.value), 1),
+            w.value ? (l(), a("span", Wl, " *")) : f("", !0)
           ]),
           h("div", {
             class: "d-radio-group",
             role: "radiogroup",
             "aria-label": x.value
           }, [
-            (l(!0), i(m, null, g(r(Z)(q.value, r(d).lang), (t) => (l(), i("div", {
-              key: t.value,
+            (l(!0), a(m, null, g(d(X)(q.value, d(r).lang), (i) => (l(), a("div", {
+              key: i.value,
               class: "d-radio-item"
             }, [
-              k(r(Me), {
-                "input-id": `${s.value}-${t.value}`,
-                "model-value": w(),
-                "onUpdate:modelValue": a[6] || (a[6] = (o) => A(o)),
-                value: t.value,
-                disabled: !D.value.enabled
+              k(d(Oe), {
+                "input-id": `${v.value}-${i.value}`,
+                "model-value": S(),
+                "onUpdate:modelValue": t[6] || (t[6] = (o) => T(o)),
+                value: i.value,
+                disabled: !C.value.enabled
               }, null, 8, ["input-id", "model-value", "value", "disabled"]),
               h("label", {
-                for: `${s.value}-${t.value}`
-              }, c(t.label), 9, Ml)
+                for: `${v.value}-${i.value}`
+              }, c(i.label), 9, Ol)
             ]))), 128))
           ], 8, Il),
-          b.value ? (l(), i("small", Gl, c(b.value), 1)) : f("", !0)
+          b.value ? (l(), a("small", jl, c(b.value), 1)) : f("", !0)
         ])) : f("", !0)
-      ], 64)) : e.node.type === "DatePicker" ? (l(), i(m, { key: 17 }, [
-        D.value.visible ? (l(), i("div", Hl, [
-          k(r(O), { variant: "on" }, {
+      ], 64)) : e.node.type === "DatePicker" ? (l(), a(m, { key: 17 }, [
+        C.value.visible ? (l(), a("div", Ml, [
+          k(d(B), { variant: "on" }, {
             default: y(() => [
-              k(r(me), {
-                id: s.value,
-                "model-value": w() ? new Date(w()) : null,
-                "onUpdate:modelValue": a[7] || (a[7] = (t) => A(t ? t.toISOString().split("T")[0] : null)),
-                disabled: !D.value.enabled,
+              k(d(re), {
+                id: v.value,
+                "model-value": S() ? new Date(S()) : null,
+                "onUpdate:modelValue": t[7] || (t[7] = (i) => T(i ? i.toISOString().split("T")[0] : null)),
+                disabled: !C.value.enabled,
                 invalid: !!b.value,
-                "aria-required": C.value,
+                "aria-required": w.value,
                 "aria-invalid": !!b.value,
                 "aria-label": x.value,
                 "date-format": "dd/mm/yy",
                 fluid: ""
               }, null, 8, ["id", "model-value", "disabled", "invalid", "aria-required", "aria-invalid", "aria-label"]),
-              h("label", { for: s.value }, [
-                S(c(x.value), 1),
-                C.value ? (l(), i("span", Kl, " *")) : f("", !0)
-              ], 8, Jl)
+              h("label", { for: v.value }, [
+                D(c(x.value), 1),
+                w.value ? (l(), a("span", Hl, " *")) : f("", !0)
+              ], 8, Gl)
             ]),
             _: 1
           }),
-          b.value ? (l(), i("small", Ql, c(b.value), 1)) : f("", !0)
+          b.value ? (l(), a("small", Jl, c(b.value), 1)) : f("", !0)
         ])) : f("", !0)
-      ], 64)) : e.node.type === "Switch" ? (l(), i(m, { key: 18 }, [
-        D.value.visible ? (l(), i("div", Xl, [
-          k(r(Ze), {
-            "model-value": !!w(),
-            "onUpdate:modelValue": a[8] || (a[8] = (t) => A(t)),
-            disabled: !D.value.enabled,
+      ], 64)) : e.node.type === "Switch" ? (l(), a(m, { key: 18 }, [
+        C.value.visible ? (l(), a("div", Kl, [
+          k(d(Xe), {
+            "model-value": !!S(),
+            "onUpdate:modelValue": t[8] || (t[8] = (i) => T(i)),
+            disabled: !C.value.enabled,
             "aria-label": x.value
           }, null, 8, ["model-value", "disabled", "aria-label"]),
-          h("label", Yl, c(x.value), 1)
+          h("label", Ql, c(x.value), 1)
         ])) : f("", !0)
-      ], 64)) : e.node.type === "Slider" ? (l(), i(m, { key: 19 }, [
-        D.value.visible ? (l(), i("div", Zl, [
-          h("label", pl, [
-            S(c(x.value), 1),
-            C.value ? (l(), i("span", _l, " *")) : f("", !0),
-            S(" — " + c(w() ?? 0), 1)
+      ], 64)) : e.node.type === "Slider" ? (l(), a(m, { key: 19 }, [
+        C.value.visible ? (l(), a("div", Xl, [
+          h("label", Yl, [
+            D(c(x.value), 1),
+            w.value ? (l(), a("span", Zl, " *")) : f("", !0),
+            D(" — " + c(S() ?? 0), 1)
           ]),
-          k(r(pe), {
-            "model-value": w() ?? 0,
-            "onUpdate:modelValue": a[9] || (a[9] = (t) => A(t)),
+          k(d(Ye), {
+            "model-value": S() ?? 0,
+            "onUpdate:modelValue": t[9] || (t[9] = (i) => T(i)),
             min: q.value?.minimum ?? 0,
             max: q.value?.maximum ?? 100,
-            disabled: !D.value.enabled,
+            disabled: !C.value.enabled,
             "aria-label": x.value
           }, null, 8, ["model-value", "min", "max", "disabled", "aria-label"])
         ])) : f("", !0)
-      ], 64)) : e.node.type === "TimePicker" ? (l(), i(m, { key: 20 }, [
-        D.value.visible ? (l(), i("div", et, [
-          k(r(O), { variant: "on" }, {
+      ], 64)) : e.node.type === "TimePicker" ? (l(), a(m, { key: 20 }, [
+        C.value.visible ? (l(), a("div", pl, [
+          k(d(B), { variant: "on" }, {
             default: y(() => [
-              k(r(me), {
-                id: s.value,
-                "model-value": w() ? /* @__PURE__ */ new Date(`1970-01-01T${w()}`) : null,
-                "onUpdate:modelValue": a[10] || (a[10] = (t) => A(t ? `${String(t.getHours()).padStart(2, "0")}:${String(t.getMinutes()).padStart(2, "0")}` : null)),
-                disabled: !D.value.enabled,
+              k(d(re), {
+                id: v.value,
+                "model-value": S() ? /* @__PURE__ */ new Date(`1970-01-01T${S()}`) : null,
+                "onUpdate:modelValue": t[10] || (t[10] = (i) => T(i ? `${String(i.getHours()).padStart(2, "0")}:${String(i.getMinutes()).padStart(2, "0")}` : null)),
+                disabled: !C.value.enabled,
                 invalid: !!b.value,
-                "aria-required": C.value,
+                "aria-required": w.value,
                 "aria-invalid": !!b.value,
                 "aria-label": x.value,
                 "time-only": "",
                 "hour-format": e.node.hourFormat === "12" ? "12" : "24",
                 fluid: ""
               }, null, 8, ["id", "model-value", "disabled", "invalid", "aria-required", "aria-invalid", "aria-label", "hour-format"]),
-              h("label", { for: s.value }, [
-                S(c(x.value), 1),
-                C.value ? (l(), i("span", tt, " *")) : f("", !0)
-              ], 8, lt)
+              h("label", { for: v.value }, [
+                D(c(x.value), 1),
+                w.value ? (l(), a("span", ei, " *")) : f("", !0)
+              ], 8, _l)
             ]),
             _: 1
           }),
-          b.value ? (l(), i("small", at, c(b.value), 1)) : f("", !0)
+          b.value ? (l(), a("small", li, c(b.value), 1)) : f("", !0)
         ])) : f("", !0)
-      ], 64)) : e.node.type === "SegmentedButton" ? (l(), i(m, { key: 21 }, [
-        D.value.visible ? (l(), i("div", it, [
-          h("label", nt, [
-            S(c(x.value), 1),
-            C.value ? (l(), i("span", dt, " *")) : f("", !0)
+      ], 64)) : e.node.type === "SegmentedButton" ? (l(), a(m, { key: 21 }, [
+        C.value.visible ? (l(), a("div", ii, [
+          h("label", ai, [
+            D(c(x.value), 1),
+            w.value ? (l(), a("span", ti, " *")) : f("", !0)
           ]),
-          k(r(sl), {
-            "model-value": w(),
-            "onUpdate:modelValue": a[11] || (a[11] = (t) => A(t)),
-            options: G.value.length ? G.value : r(Z)(q.value, r(d).lang),
+          k(d(rl), {
+            "model-value": S(),
+            "onUpdate:modelValue": t[11] || (t[11] = (i) => T(i)),
+            options: G.value.length ? G.value : d(X)(q.value, d(r).lang),
             "option-label": "label",
             "option-value": "value",
-            disabled: !D.value.enabled,
+            disabled: !C.value.enabled,
             multiple: !!e.node.multiSelect,
             "aria-label": x.value
           }, null, 8, ["model-value", "options", "disabled", "multiple", "aria-label"])
         ])) : f("", !0)
-      ], 64)) : e.node.type === "SearchField" ? (l(), i(m, { key: 22 }, [
-        D.value.visible ? (l(), i("div", ot, [
-          k(r(O), { variant: "on" }, {
+      ], 64)) : e.node.type === "SearchField" ? (l(), a(m, { key: 22 }, [
+        C.value.visible ? (l(), a("div", ni, [
+          k(d(B), { variant: "on" }, {
             default: y(() => [
-              k(r(ve), {
-                id: s.value,
-                "model-value": w() || "",
-                "onUpdate:modelValue": a[12] || (a[12] = (t) => A(t)),
-                disabled: !D.value.enabled,
+              k(d(oe), {
+                id: v.value,
+                "model-value": S() || "",
+                "onUpdate:modelValue": t[12] || (t[12] = (i) => T(i)),
+                disabled: !C.value.enabled,
                 invalid: !!b.value,
-                "aria-required": C.value,
+                "aria-required": w.value,
                 "aria-invalid": !!b.value,
                 "aria-label": x.value,
                 role: "searchbox",
                 fluid: ""
               }, null, 8, ["id", "model-value", "disabled", "invalid", "aria-required", "aria-invalid", "aria-label"]),
-              h("label", { for: s.value }, [
-                a[25] || (a[25] = h("i", {
+              h("label", { for: v.value }, [
+                t[25] || (t[25] = h("i", {
                   class: "pi pi-search",
                   style: { "margin-right": "0.25rem" }
                 }, null, -1)),
-                S(c(x.value), 1)
-              ], 8, rt)
+                D(c(x.value), 1)
+              ], 8, di)
             ]),
             _: 1
           }),
-          b.value ? (l(), i("small", ut, c(b.value), 1)) : f("", !0)
+          b.value ? (l(), a("small", oi, c(b.value), 1)) : f("", !0)
         ])) : f("", !0)
-      ], 64)) : e.node.type === "AutoComplete" ? (l(), i(m, { key: 23 }, [
-        D.value.visible ? (l(), i("div", st, [
-          k(r(O), { variant: "on" }, {
+      ], 64)) : e.node.type === "AutoComplete" ? (l(), a(m, { key: 23 }, [
+        C.value.visible ? (l(), a("div", ri, [
+          k(d(B), { variant: "on" }, {
             default: y(() => [
-              k(r(vl), {
-                id: s.value,
-                "model-value": w() || "",
-                "onUpdate:modelValue": a[13] || (a[13] = (t) => A(t)),
-                suggestions: X.value,
-                onComplete: $e,
-                disabled: !D.value.enabled,
+              k(d(ul), {
+                id: v.value,
+                "model-value": S() || "",
+                "onUpdate:modelValue": t[13] || (t[13] = (i) => T(i)),
+                suggestions: K.value,
+                onComplete: xe,
+                disabled: !C.value.enabled,
                 invalid: !!b.value,
-                "aria-required": C.value,
+                "aria-required": w.value,
                 "aria-invalid": !!b.value,
                 "aria-label": x.value,
                 "min-length": e.node.minLength ?? 1,
                 fluid: ""
               }, null, 8, ["id", "model-value", "suggestions", "disabled", "invalid", "aria-required", "aria-invalid", "aria-label", "min-length"]),
-              h("label", { for: s.value }, [
-                S(c(x.value), 1),
-                C.value ? (l(), i("span", mt, " *")) : f("", !0)
-              ], 8, vt)
+              h("label", { for: v.value }, [
+                D(c(x.value), 1),
+                w.value ? (l(), a("span", si, " *")) : f("", !0)
+              ], 8, ui)
             ]),
             _: 1
           }),
-          b.value ? (l(), i("small", ct, c(b.value), 1)) : f("", !0)
+          b.value ? (l(), a("small", vi, c(b.value), 1)) : f("", !0)
         ])) : f("", !0)
-      ], 64)) : e.node.type === "Image" ? (l(), i("img", {
+      ], 64)) : e.node.type === "Image" ? (l(), a("img", {
         key: 24,
         src: String(e.node.source || ""),
         style: U(`object-fit: ${e.node.fit || "cover"}; max-width: 100%`),
         class: "d-image"
-      }, null, 12, ft)) : e.node.type === "Chip" ? (l(), v(r(_e), {
+      }, null, 12, mi)) : e.node.type === "Chip" ? (l(), u(d(Ze), {
         key: 25,
         label: $(e.node.label),
         icon: e.node.icon ? `pi pi-${e.node.icon}` : void 0
-      }, null, 8, ["label", "icon"])) : e.node.type === "Badge" ? (l(), i("div", yt, [
-        (l(!0), i(m, null, g(e.node.children, (t, o) => (l(), v(u, {
+      }, null, 8, ["label", "icon"])) : e.node.type === "Badge" ? (l(), a("div", ci, [
+        (l(!0), a(m, null, g(e.node.children, (i, o) => (l(), u(s, {
           key: o,
-          node: t,
+          node: i,
           item: e.item
         }, null, 8, ["node", "item"]))), 128)),
-        h("span", bt, c($(e.node.content)), 1)
-      ])) : e.node.type === "ProgressIndicator" ? (l(), i(m, { key: 27 }, [
-        !e.node.variant || e.node.variant === "circular" ? (l(), v(r(fe), {
+        h("span", fi, c($(e.node.content)), 1)
+      ])) : e.node.type === "ProgressIndicator" ? (l(), a(m, { key: 27 }, [
+        !e.node.variant || e.node.variant === "circular" ? (l(), u(d(se), {
           key: 0,
           style: { width: "40px", height: "40px" }
-        })) : (l(), v(r(el), {
+        })) : (l(), u(d(pe), {
           key: 1,
           mode: "indeterminate",
           style: { height: "4px" }
         }))
-      ], 64)) : e.node.type === "ListTile" ? (l(), i("div", {
+      ], 64)) : e.node.type === "ListTile" ? (l(), a("div", {
         key: 28,
-        class: F(["d-list-tile", { "cursor-pointer": !!e.node.onTap }]),
-        onClick: a[14] || (a[14] = (t) => e.node.onTap ? P(e.node.onTap) : void 0)
+        class: V(["d-list-tile", { "cursor-pointer": !!e.node.onTap }]),
+        onClick: t[14] || (t[14] = (i) => e.node.onTap ? F(e.node.onTap) : void 0)
       }, [
-        e.node.leading ? (l(), i("div", kt, [
-          k(u, {
+        e.node.leading ? (l(), a("div", yi, [
+          k(s, {
             node: e.node.leading,
             item: e.item
           }, null, 8, ["node", "item"])
         ])) : f("", !0),
-        h("div", ht, [
-          h("span", gt, c($(e.node.title)), 1),
-          e.node.subtitle ? (l(), i("span", xt, c($(e.node.subtitle)), 1)) : f("", !0)
+        h("div", bi, [
+          h("span", ki, c($(e.node.title)), 1),
+          e.node.subtitle ? (l(), a("span", hi, c($(e.node.subtitle)), 1)) : f("", !0)
         ]),
-        e.node.trailing ? (l(), i("div", Dt, [
-          k(u, {
+        e.node.trailing ? (l(), a("div", gi, [
+          k(s, {
             node: e.node.trailing,
             item: e.item
           }, null, 8, ["node", "item"])
         ])) : f("", !0)
-      ], 2)) : e.node.type === "Avatar" ? (l(), v(r(ml), {
+      ], 2)) : e.node.type === "Avatar" ? (l(), u(d(sl), {
         key: 29,
         image: e.node.source || void 0,
         label: e.node.label ? $(e.node.label)?.charAt(0) : void 0,
         icon: e.node.icon ? `pi pi-${e.node.icon}` : !e.node.source && !e.node.label ? "pi pi-user" : void 0,
         shape: e.node.shape === "square" ? "square" : "circle",
         size: e.node.size === "xl" ? "xlarge" : e.node.size === "lg" ? "large" : (e.node.size === "sm", void 0),
-        class: F(`d-avatar--${e.node.size || "md"}`)
-      }, null, 8, ["image", "label", "icon", "shape", "size", "class"])) : e.node.type === "RichText" ? (l(), i("p", $t, [
-        (l(!0), i(m, null, g(e.node.spans || [], (t, o) => (l(), i(m, { key: o }, [
-          t.link ? (l(), i("a", {
+        class: V(`d-avatar--${e.node.size || "md"}`)
+      }, null, 8, ["image", "label", "icon", "shape", "size", "class"])) : e.node.type === "RichText" ? (l(), a("p", xi, [
+        (l(!0), a(m, null, g(e.node.spans || [], (i, o) => (l(), a(m, { key: o }, [
+          i.link ? (l(), a("a", {
             key: 0,
-            href: t.link,
+            href: i.link,
             target: "_blank",
-            class: F(["d-richtext-span", { "font-bold": t.bold, "font-italic": t.italic }]),
-            style: U(t.variant ? `font-size: var(--d-text-${t.variant}-size, inherit)` : "")
-          }, c($(t.text)), 15, Ct)) : (l(), i("span", {
+            class: V(["d-richtext-span", { "font-bold": i.bold, "font-italic": i.italic }]),
+            style: U(i.variant ? `font-size: var(--d-text-${i.variant}-size, inherit)` : "")
+          }, c($(i.text)), 15, Ci)) : (l(), a("span", {
             key: 1,
-            class: F(["d-richtext-span", { "font-bold": t.bold, "font-italic": t.italic }]),
-            style: U(t.variant ? `font-size: var(--d-text-${t.variant}-size, inherit)` : "")
-          }, c($(t.text)), 7))
+            class: V(["d-richtext-span", { "font-bold": i.bold, "font-italic": i.italic }]),
+            style: U(i.variant ? `font-size: var(--d-text-${i.variant}-size, inherit)` : "")
+          }, c($(i.text)), 7))
         ], 64))), 128))
-      ])) : e.node.type === "LoadingIndicator" ? (l(), v(r(fe), {
+      ])) : e.node.type === "LoadingIndicator" ? (l(), u(d(se), {
         key: 31,
         style: { width: "32px", height: "32px" }
-      })) : e.node.type === "Text" ? (l(), v(Ve(e.node.variant?.startsWith("display") || e.node.variant?.startsWith("headline") ? "h2" : e.node.variant?.startsWith("title") ? "h3" : "span"), {
+      })) : e.node.type === "Text" ? (l(), u(Se(e.node.variant?.startsWith("display") || e.node.variant?.startsWith("headline") ? "h2" : e.node.variant?.startsWith("title") ? "h3" : "span"), {
         key: 32,
-        class: F(["d-text", `d-text--${e.node.variant || "bodyMedium"}`])
+        class: V(["d-text", `d-text--${e.node.variant || "bodyMedium"}`])
       }, {
         default: y(() => [
-          S(c($(e.node.content)), 1)
+          D(c($(e.node.content)), 1)
         ]),
         _: 1
-      }, 8, ["class"])) : e.node.type === "Icon" ? (l(), i("i", {
+      }, 8, ["class"])) : e.node.type === "Icon" ? (l(), a("i", {
         key: 33,
-        class: F(["material-icons", `d-icon--${e.node.size || "md"}`])
-      }, c(e.node.name), 3)) : e.node.type === "Button" ? (l(), v(r(R), {
+        class: V(["material-icons", `d-icon--${e.node.size || "md"}`])
+      }, c(e.node.name), 3)) : e.node.type === "Button" ? (l(), u(d(R), {
         key: 34,
         label: $(e.node.label),
         icon: e.node.icon ? `pi pi-${e.node.icon}` : void 0,
         severity: e.node.variant === "filled" || !e.node.variant ? void 0 : "secondary",
         outlined: e.node.variant === "outlined",
         text: e.node.variant === "text",
-        onClick: a[15] || (a[15] = (t) => P(e.node.action, e.node.command))
-      }, null, 8, ["label", "icon", "severity", "outlined", "text"])) : e.node.type === "IconButton" ? (l(), v(r(R), {
+        onClick: t[15] || (t[15] = (i) => F(e.node.action, e.node.command))
+      }, null, 8, ["label", "icon", "severity", "outlined", "text"])) : e.node.type === "IconButton" ? (l(), u(d(R), {
         key: 35,
         icon: `pi pi-${e.node.icon}`,
         rounded: "",
         text: "",
-        onClick: a[16] || (a[16] = (t) => P(e.node.action))
-      }, null, 8, ["icon"])) : e.node.type === "FAB" ? (l(), v(r(R), {
+        onClick: t[16] || (t[16] = (i) => F(e.node.action))
+      }, null, 8, ["icon"])) : e.node.type === "FAB" ? (l(), u(d(R), {
         key: 36,
         icon: `pi pi-${e.node.icon}`,
         label: e.node.label ? $(e.node.label) : void 0,
         rounded: "",
         raised: "",
-        class: F([
+        class: V([
           "p-button-rounded",
           e.node.variant === "small" ? "d-fab--small" : e.node.variant === "large" ? "d-fab--large" : ""
         ]),
-        onClick: a[17] || (a[17] = (t) => P(e.node.action))
-      }, null, 8, ["icon", "label", "class"])) : e.node.type === "ForEach" ? (l(), v(se, {
+        onClick: t[17] || (t[17] = (i) => F(e.node.action))
+      }, null, 8, ["icon", "label", "class"])) : e.node.type === "ForEach" ? (l(), u(de, {
         key: 37,
         label: "ForEach"
       }, {
         default: y(() => [
-          (l(!0), i(m, null, g(ge.value, (t, o) => (l(), v(u, {
+          (l(!0), a(m, null, g(ke.value, (i, o) => (l(), u(s, {
             key: o,
             node: e.node.template,
-            item: t
+            item: i
           }, null, 8, ["node", "item"]))), 128))
         ]),
         _: 1
-      })) : e.node.type === "Component" ? (l(), v(se, {
+      })) : e.node.type === "Component" ? (l(), u(de, {
         key: 38,
         label: e.node.ref
       }, {
         default: y(() => [
-          h("div", wt, [
-            K.value && Q.value ? (l(), v(Ne, {
+          h("div", $i, [
+            H.value && J.value ? (l(), u(Ee, {
               key: 0,
-              schema: K.value,
-              view: Q.value,
-              lang: r(d).lang,
-              "bound-values": ee.value?.form,
-              "bound-instance-values": ee.value?.instance,
-              onUpdate: xe
-            }, null, 8, ["schema", "view", "lang", "bound-values", "bound-instance-values"])) : (l(), i("div", St, [
-              a[26] || (a[26] = h("i", { class: "pi pi-spinner pi-spin" }, null, -1)),
-              S(" Loading " + c(e.node.ref) + "... ", 1)
+              schema: H.value,
+              view: J.value,
+              lang: d(r).lang,
+              "bound-values": p.value?.form,
+              "bound-instance-values": p.value?.instance,
+              onUpdate: he
+            }, null, 8, ["schema", "view", "lang", "bound-values", "bound-instance-values"])) : (l(), a("div", wi, [
+              t[26] || (t[26] = h("i", { class: "pi pi-spinner pi-spin" }, null, -1)),
+              D(" Loading " + c(e.node.ref) + "... ", 1)
             ]))
           ])
         ]),
         _: 1
-      }, 8, ["label"])) : e.node.type === "TabView" ? (l(), v(r(He), {
+      }, 8, ["label"])) : e.node.type === "TabView" ? (l(), u(d(Me), {
         key: 39,
         value: 0
       }, {
         default: y(() => [
-          k(r(Je), null, {
+          k(d(Ge), null, {
             default: y(() => [
-              (l(!0), i(m, null, g(e.node.tabs, (t, o) => (l(), v(r(Ke), {
+              (l(!0), a(m, null, g(e.node.tabs, (i, o) => (l(), u(d(He), {
                 key: o,
                 value: o
               }, {
                 default: y(() => [
-                  t.icon ? (l(), i("i", {
+                  i.icon ? (l(), a("i", {
                     key: 0,
-                    class: F(`pi pi-${t.icon}`),
+                    class: V(`pi pi-${i.icon}`),
                     style: { "margin-right": "0.5rem" }
                   }, null, 2)) : f("", !0),
-                  S(" " + c($(t.title)), 1)
+                  D(" " + c($(i.title)), 1)
                 ]),
                 _: 2
               }, 1032, ["value"]))), 128))
             ]),
             _: 1
           }),
-          k(r(Qe), null, {
+          k(d(Je), null, {
             default: y(() => [
-              (l(!0), i(m, null, g(e.node.tabs, (t, o) => (l(), v(r(Xe), {
+              (l(!0), a(m, null, g(e.node.tabs, (i, o) => (l(), u(d(Ke), {
                 key: o,
                 value: o
               }, {
                 default: y(() => [
-                  h("div", qt, [
-                    (l(!0), i(m, null, g(t.content, (B, Y) => (l(), v(u, {
-                      key: Y,
-                      node: B,
+                  h("div", Si, [
+                    (l(!0), a(m, null, g(i.content, (z, Q) => (l(), u(s, {
+                      key: Q,
+                      node: z,
                       item: e.item
                     }, null, 8, ["node", "item"]))), 128))
                   ])
@@ -999,22 +950,22 @@ const kl = {
           })
         ]),
         _: 1
-      })) : e.node.type === "ExpansionPanel" ? (l(), v(r(ll), { key: 40 }, {
+      })) : e.node.type === "ExpansionPanel" ? (l(), u(d(_e), { key: 40 }, {
         default: y(() => [
-          k(r(tl), { value: "panel" }, {
+          k(d(el), { value: "panel" }, {
             default: y(() => [
-              k(r(al), null, {
+              k(d(ll), null, {
                 default: y(() => [
-                  S(c($(e.node.title)), 1)
+                  D(c($(e.node.title)), 1)
                 ]),
                 _: 1
               }),
-              k(r(il), null, {
+              k(d(il), null, {
                 default: y(() => [
-                  h("div", Vt, [
-                    (l(!0), i(m, null, g(e.node.children, (t, o) => (l(), v(u, {
+                  h("div", Di, [
+                    (l(!0), a(m, null, g(e.node.children, (i, o) => (l(), u(s, {
                       key: o,
-                      node: t,
+                      node: i,
                       item: e.item
                     }, null, 8, ["node", "item"]))), 128))
                   ])
@@ -1026,37 +977,37 @@ const kl = {
           })
         ]),
         _: 1
-      })) : e.node.type === "Stepper" ? (l(), v(r(nl), {
+      })) : e.node.type === "Stepper" ? (l(), u(d(al), {
         key: 41,
         value: 0,
         linear: ""
       }, {
         default: y(() => [
-          k(r(dl), null, {
+          k(d(tl), null, {
             default: y(() => [
-              (l(!0), i(m, null, g(e.node.steps || [], (t, o) => (l(), v(r(ol), {
+              (l(!0), a(m, null, g(e.node.steps || [], (i, o) => (l(), u(d(nl), {
                 key: o,
                 value: o
               }, {
                 default: y(() => [
-                  S(c($(t.title)), 1)
+                  D(c($(i.title)), 1)
                 ]),
                 _: 2
               }, 1032, ["value"]))), 128))
             ]),
             _: 1
           }),
-          k(r(rl), null, {
+          k(d(dl), null, {
             default: y(() => [
-              (l(!0), i(m, null, g(e.node.steps || [], (t, o) => (l(), v(r(ul), {
+              (l(!0), a(m, null, g(e.node.steps || [], (i, o) => (l(), u(d(ol), {
                 key: o,
                 value: o
               }, {
                 default: y(() => [
-                  h("div", At, [
-                    (l(!0), i(m, null, g(t.content, (B, Y) => (l(), v(u, {
-                      key: Y,
-                      node: B,
+                  h("div", qi, [
+                    (l(!0), a(m, null, g(i.content, (z, Q) => (l(), u(s, {
+                      key: Q,
+                      node: z,
                       item: e.item
                     }, null, 8, ["node", "item"]))), 128))
                   ])
@@ -1068,19 +1019,19 @@ const kl = {
           })
         ]),
         _: 1
-      })) : e.node.type === "Dialog" ? (l(), v(r(cl), {
+      })) : e.node.type === "Dialog" ? (l(), u(d(vl), {
         key: 42,
-        visible: I(e.node.visible),
-        "onUpdate:visible": a[18] || (a[18] = (t) => M(e.node.visible, t)),
+        visible: O(e.node.visible),
+        "onUpdate:visible": t[18] || (t[18] = (i) => j(e.node.visible, i)),
         modal: !0,
         closable: e.node.dismissible !== !1,
         header: $(e.node.title)
       }, ie({
         default: y(() => [
-          h("div", Lt, [
-            (l(!0), i(m, null, g(e.node.children, (t, o) => (l(), v(u, {
+          h("div", Vi, [
+            (l(!0), a(m, null, g(e.node.children, (i, o) => (l(), u(s, {
               key: o,
-              node: t,
+              node: i,
               item: e.item
             }, null, 8, ["node", "item"]))), 128))
           ])
@@ -1090,8 +1041,8 @@ const kl = {
         e.node.icon ? {
           name: "header",
           fn: y(() => [
-            h("div", Tt, [
-              h("i", Ft, c(e.node.icon), 1),
+            h("div", Ai, [
+              h("i", Ti, c(e.node.icon), 1),
               h("span", null, c($(e.node.title)), 1)
             ])
           ]),
@@ -1100,121 +1051,121 @@ const kl = {
         e.node.actions?.length ? {
           name: "footer",
           fn: y(() => [
-            (l(!0), i(m, null, g(e.node.actions, (t, o) => (l(), v(u, {
+            (l(!0), a(m, null, g(e.node.actions, (i, o) => (l(), u(s, {
               key: o,
-              node: t,
+              node: i,
               item: e.item
             }, null, 8, ["node", "item"]))), 128))
           ]),
           key: "1"
         } : void 0
-      ]), 1032, ["visible", "closable", "header"])) : e.node.type === "BottomSheet" ? (l(), v(r(p), {
+      ]), 1032, ["visible", "closable", "header"])) : e.node.type === "BottomSheet" ? (l(), u(d(Y), {
         key: 43,
-        visible: I(e.node.visible),
-        "onUpdate:visible": a[19] || (a[19] = (t) => M(e.node.visible, t)),
+        visible: O(e.node.visible),
+        "onUpdate:visible": t[19] || (t[19] = (i) => j(e.node.visible, i)),
         position: "bottom"
       }, {
         default: y(() => [
-          (l(!0), i(m, null, g(e.node.children, (t, o) => (l(), v(u, {
+          (l(!0), a(m, null, g(e.node.children, (i, o) => (l(), u(s, {
             key: o,
-            node: t,
+            node: i,
             item: e.item
           }, null, 8, ["node", "item"]))), 128))
         ]),
         _: 1
-      }, 8, ["visible"])) : e.node.type === "SideSheet" ? (l(), v(r(p), {
+      }, 8, ["visible"])) : e.node.type === "SideSheet" ? (l(), u(d(Y), {
         key: 44,
-        visible: I(e.node.visible),
-        "onUpdate:visible": a[20] || (a[20] = (t) => M(e.node.visible, t)),
+        visible: O(e.node.visible),
+        "onUpdate:visible": t[20] || (t[20] = (i) => j(e.node.visible, i)),
         position: "right",
         header: $(e.node.title)
       }, {
         default: y(() => [
-          (l(!0), i(m, null, g(e.node.children, (t, o) => (l(), v(u, {
+          (l(!0), a(m, null, g(e.node.children, (i, o) => (l(), u(s, {
             key: o,
-            node: t,
+            node: i,
             item: e.item
           }, null, 8, ["node", "item"]))), 128))
         ]),
         _: 1
-      }, 8, ["visible", "header"])) : e.node.type === "Snackbar" ? (l(), i("div", {
+      }, 8, ["visible", "header"])) : e.node.type === "Snackbar" ? (l(), a("div", {
         key: 45,
-        class: F(["d-snackbar", `d-snackbar--${e.node.variant || "standard"}`])
+        class: V(["d-snackbar", `d-snackbar--${e.node.variant || "standard"}`])
       }, [
-        h("span", Pt, c($(e.node.content)), 1),
-        e.node.action ? (l(), v(r(R), {
+        h("span", Pi, c($(e.node.content)), 1),
+        e.node.action ? (l(), u(d(R), {
           key: 0,
           label: $(e.node.action?.action),
           text: "",
           size: "small",
-          onClick: a[21] || (a[21] = (t) => e.node.action && P(e.node.action))
+          onClick: t[21] || (t[21] = (i) => e.node.action && F(e.node.action))
         }, null, 8, ["label"])) : f("", !0)
-      ], 2)) : e.node.type === "Tooltip" ? Ae((l(), i("div", Ut, [
-        (l(!0), i(m, null, g(e.node.children, (t, o) => (l(), v(u, {
+      ], 2)) : e.node.type === "Tooltip" ? De((l(), a("div", Fi, [
+        (l(!0), a(m, null, g(e.node.children, (i, o) => (l(), u(s, {
           key: o,
-          node: t,
+          node: i,
           item: e.item
         }, null, 8, ["node", "item"]))), 128))
       ])), [
         [
-          r(be),
+          d(me),
           $(e.node.content),
           void 0,
           { top: !0 }
         ]
-      ]) : e.node.type === "AppBar" ? (l(), v(r(ye), {
+      ]) : e.node.type === "AppBar" ? (l(), u(d(ve), {
         key: 47,
         class: "d-appbar"
       }, {
         start: y(() => [
-          e.node.leading ? (l(), i("div", Ot, [
-            k(u, {
+          e.node.leading ? (l(), a("div", Ui, [
+            k(s, {
               node: e.node.leading,
               item: e.item
             }, null, 8, ["node", "item"])
           ])) : f("", !0),
-          h("span", Wt, c($(e.node.title)), 1)
+          h("span", Li, c($(e.node.title)), 1)
         ]),
         end: y(() => [
-          e.node.actions ? (l(), i("div", Et, [
-            (l(!0), i(m, null, g(e.node.actions, (t, o) => (l(), v(u, {
+          e.node.actions ? (l(), a("div", Bi, [
+            (l(!0), a(m, null, g(e.node.actions, (i, o) => (l(), u(s, {
               key: o,
-              node: t,
+              node: i,
               item: e.item
             }, null, 8, ["node", "item"]))), 128))
           ])) : f("", !0)
         ]),
         _: 1
-      })) : e.node.type === "NavigationBar" ? (l(), i("div", Bt, [
-        (l(!0), i(m, null, g(e.node.destinations || [], (t, o) => (l(), i("div", {
+      })) : e.node.type === "NavigationBar" ? (l(), a("div", Ni, [
+        (l(!0), a(m, null, g(e.node.destinations || [], (i, o) => (l(), a("div", {
           key: o,
-          class: F(["d-nav-bar__item", { "d-nav-bar__item--active": w() === t.value }]),
-          onClick: (B) => A(t.value)
+          class: V(["d-nav-bar__item", { "d-nav-bar__item--active": S() === i.value }]),
+          onClick: (z) => T(i.value)
         }, [
-          h("i", Rt, c(w() === t.value && t.selectedIcon ? t.selectedIcon : t.icon), 1),
-          h("span", null, c($(t.label)), 1)
-        ], 10, Nt))), 128))
-      ])) : e.node.type === "NavigationDrawer" ? (l(), v(r(p), {
+          h("i", zi, c(S() === i.value && i.selectedIcon ? i.selectedIcon : i.icon), 1),
+          h("span", null, c($(i.label)), 1)
+        ], 10, Ei))), 128))
+      ])) : e.node.type === "NavigationDrawer" ? (l(), u(d(Y), {
         key: 49,
-        visible: I(e.node.visible),
-        "onUpdate:visible": a[22] || (a[22] = (t) => M(e.node.visible, t)),
+        visible: O(e.node.visible),
+        "onUpdate:visible": t[22] || (t[22] = (i) => j(e.node.visible, i)),
         position: "left"
       }, ie({
         default: y(() => [
-          h("div", zt, [
-            (l(!0), i(m, null, g(e.node.items || [], (t, o) => (l(), i(m, { key: o }, [
-              t.divider ? (l(), v(r(ce), { key: 0 })) : t.header ? (l(), i("div", jt, c($(t.header)), 1)) : (l(), i("div", {
+          h("div", Ri, [
+            (l(!0), a(m, null, g(e.node.items || [], (i, o) => (l(), a(m, { key: o }, [
+              i.divider ? (l(), u(d(ue), { key: 0 })) : i.header ? (l(), a("div", Wi, c($(i.header)), 1)) : (l(), a("div", {
                 key: 2,
                 class: "d-nav-drawer__item",
-                onClick: (B) => t.action && P(t.action)
+                onClick: (z) => i.action && F(i.action)
               }, [
-                t.icon ? (l(), i("i", {
+                i.icon ? (l(), a("i", {
                   key: 0,
-                  class: F(`pi pi-${t.icon}`)
+                  class: V(`pi pi-${i.icon}`)
                 }, null, 2)) : f("", !0),
-                h("span", null, c($(t.label)), 1),
-                t.badge ? (l(), i("span", Mt, c($(t.badge)), 1)) : f("", !0)
-              ], 8, It))
+                h("span", null, c($(i.label)), 1),
+                i.badge ? (l(), a("span", Oi, c($(i.badge)), 1)) : f("", !0)
+              ], 8, Ii))
             ], 64))), 128))
           ])
         ]),
@@ -1223,74 +1174,74 @@ const kl = {
         e.node.header ? {
           name: "header",
           fn: y(() => [
-            k(u, {
+            k(s, {
               node: e.node.header,
               item: e.item
             }, null, 8, ["node", "item"])
           ]),
           key: "0"
         } : void 0
-      ]), 1032, ["visible"])) : e.node.type === "Menu" ? (l(), i(m, { key: 50 }, [
-        h("div", Gt, [
-          e.node.anchor ? (l(), i("div", {
+      ]), 1032, ["visible"])) : e.node.type === "Menu" ? (l(), a(m, { key: 50 }, [
+        h("div", ji, [
+          e.node.anchor ? (l(), a("div", {
             key: 0,
-            onClick: a[23] || (a[23] = (t) => te(t))
+            onClick: t[23] || (t[23] = (i) => ee(i))
           }, [
-            k(u, {
+            k(s, {
               node: e.node.anchor,
               item: e.item
             }, null, 8, ["node", "item"])
-          ])) : (l(), v(r(R), {
+          ])) : (l(), u(d(R), {
             key: 1,
             icon: "pi pi-ellipsis-v",
             text: "",
             rounded: "",
-            onClick: a[24] || (a[24] = (t) => te(t))
+            onClick: t[24] || (t[24] = (i) => ee(i))
           }))
         ]),
-        k(r(fl), {
+        k(d(ml), {
           ref_key: "menuRef",
-          ref: le,
+          ref: _,
           model: Ce(e.node.items || []),
           popup: !0
         }, null, 8, ["model"])
-      ], 64)) : e.node.type === "Toolbar" ? (l(), v(r(ye), {
+      ], 64)) : e.node.type === "Toolbar" ? (l(), u(d(ve), {
         key: 51,
         class: "d-toolbar"
       }, {
         center: y(() => [
-          h("div", Ht, [
-            (l(!0), i(m, null, g(e.node.children, (t, o) => (l(), v(u, {
+          h("div", Mi, [
+            (l(!0), a(m, null, g(e.node.children, (i, o) => (l(), u(s, {
               key: o,
-              node: t,
+              node: i,
               item: e.item
             }, null, 8, ["node", "item"]))), 128))
           ])
         ]),
         _: 1
-      })) : e.node.type === "Carousel" ? (l(), v(r(yl), {
+      })) : e.node.type === "Carousel" ? (l(), u(d(cl), {
         key: 52,
-        value: Array.isArray(r(E)(e.node.source, r(d), e.item)) ? r(E)(e.node.source, r(d), e.item) : [],
+        value: Array.isArray(d(E)(e.node.source, d(r), e.item)) ? d(E)(e.node.source, d(r), e.item) : [],
         "num-visible": 1,
         "num-scroll": 1,
         "show-indicators": e.node.showIndicators !== !1,
         circular: !!e.node.autoPlay,
         "autoplay-interval": e.node.autoPlay ? 3e3 : 0
       }, {
-        item: y(({ data: t }) => [
-          k(u, {
+        item: y(({ data: i }) => [
+          k(s, {
             node: e.node.template,
-            item: t
+            item: i
           }, null, 8, ["node", "item"])
         ]),
         _: 1
-      }, 8, ["value", "show-indicators", "circular", "autoplay-interval"])) : (l(), v(r(Ye), {
+      }, 8, ["value", "show-indicators", "circular", "autoplay-interval"])) : (l(), u(d(Qe), {
         key: 53,
         severity: "warn",
         closable: !1
       }, {
         default: y(() => [
-          S(" Unknown component type: " + c(e.node.type), 1)
+          D(" Unknown component type: " + c(e.node.type), 1)
         ]),
         _: 1
       }));
@@ -1298,5 +1249,5 @@ const kl = {
   }
 });
 export {
-  Ia as default
+  Oa as default
 };