@burgantech/pseudo-ui 0.1.0

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

@@ -0,0 +1,1302 @@
+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 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 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 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 = {
+  key: 3,
+  class: "d-scroll"
+}, hl = {
+  key: 4,
+  class: "d-center"
+}, gl = {
+  key: 7,
+  class: "d-stack"
+}, xl = {
+  key: 0,
+  class: "d-field"
+}, Dl = ["for"], $l = {
+  key: 0,
+  class: "required-mark"
+}, Cl = {
+  key: 0,
+  class: "field-error",
+  role: "alert"
+}, wl = {
+  key: 0,
+  class: "d-field"
+}, Sl = ["for"], ql = {
+  key: 0,
+  class: "required-mark"
+}, Vl = {
+  key: 0,
+  class: "field-error",
+  role: "alert"
+}, Al = {
+  key: 0,
+  class: "d-field"
+}, Tl = ["for"], Fl = {
+  key: 0,
+  class: "required-mark"
+}, Ll = {
+  key: 0,
+  class: "field-error",
+  role: "alert"
+}, Pl = {
+  key: 0,
+  class: "d-field"
+}, Ul = ["for"], Ol = {
+  key: 0,
+  class: "required-mark"
+}, Wl = {
+  key: 0,
+  class: "field-error",
+  role: "alert"
+}, El = {
+  key: 0,
+  class: "d-field d-checkbox"
+}, Bl = ["for"], Nl = {
+  key: 0,
+  class: "field-error",
+  role: "alert"
+}, Rl = {
+  key: 0,
+  class: "d-field"
+}, zl = { class: "field-group-label" }, jl = {
+  key: 0,
+  class: "required-mark"
+}, Il = ["aria-label"], Ml = ["for"], Gl = {
+  key: 0,
+  class: "field-error",
+  role: "alert"
+}, Hl = {
+  key: 0,
+  class: "d-field"
+}, Jl = ["for"], Kl = {
+  key: 0,
+  class: "required-mark"
+}, Ql = {
+  key: 0,
+  class: "field-error",
+  role: "alert"
+}, Xl = {
+  key: 0,
+  class: "d-field d-switch"
+}, Yl = { class: "switch-label" }, Zl = {
+  key: 0,
+  class: "d-field"
+}, pl = { class: "field-group-label" }, _l = {
+  key: 0,
+  class: "required-mark"
+}, et = {
+  key: 0,
+  class: "d-field"
+}, lt = ["for"], tt = {
+  key: 0,
+  class: "required-mark"
+}, at = {
+  key: 0,
+  class: "field-error",
+  role: "alert"
+}, it = {
+  key: 0,
+  class: "d-field"
+}, nt = { class: "field-group-label" }, dt = {
+  key: 0,
+  class: "required-mark"
+}, ot = {
+  key: 0,
+  class: "d-field d-search-field"
+}, rt = ["for"], ut = {
+  key: 0,
+  class: "field-error",
+  role: "alert"
+}, st = {
+  key: 0,
+  class: "d-field"
+}, vt = ["for"], mt = {
+  key: 0,
+  class: "required-mark"
+}, ct = {
+  key: 0,
+  class: "field-error",
+  role: "alert"
+}, ft = ["src"], yt = {
+  key: 26,
+  class: "d-badge-wrapper",
+  style: { position: "relative", display: "inline-flex" }
+}, bt = { class: "d-badge-value" }, kt = {
+  key: 0,
+  class: "d-list-tile__leading"
+}, ht = { class: "d-list-tile__content" }, gt = { class: "d-list-tile__title" }, xt = {
+  key: 0,
+  class: "d-list-tile__subtitle"
+}, Dt = {
+  key: 1,
+  class: "d-list-tile__trailing"
+}, $t = {
+  key: 30,
+  class: "d-richtext"
+}, Ct = ["href"], wt = { class: "d-nested" }, St = {
+  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 = {
+  key: 46,
+  style: { display: "inline-flex" }
+}, Ot = {
+  key: 0,
+  class: "d-appbar__leading"
+}, Wt = { class: "d-appbar__title" }, Et = {
+  key: 0,
+  class: "d-appbar__actions"
+}, Bt = {
+  key: 48,
+  class: "d-nav-bar"
+}, Nt = ["onClick"], Rt = { class: "material-icons" }, zt = { class: "d-nav-drawer" }, jt = {
+  key: 1,
+  class: "d-nav-drawer__header"
+}, It = ["onClick"], Mt = {
+  key: 1,
+  class: "d-nav-drawer__badge"
+}, Gt = { style: { display: "inline-flex" } }, Ht = { class: "d-toolbar__content" }, Ia = /* @__PURE__ */ we({
+  __name: "DynamicRenderer",
+  props: {
+    node: {},
+    item: {}
+  },
+  setup(e) {
+    const be = bl, V = e, d = Te(), W = Ee(), ke = Be(), T = W.onLog ?? (() => {
+    }), _ = {
+      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;
+      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 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 });
+        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 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 };
+    });
+    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 w() {
+      if (s.value)
+        return d.formData[s.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 });
+        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 });
+          return;
+        }
+      }
+      delete d.errors[s.value];
+    }
+    function P(n, a) {
+      if (Array.isArray(n)) {
+        n.forEach((u) => P(u));
+        return;
+      }
+      if (typeof n == "string") {
+        if (n === "submit" && (De(), Object.keys(d.errors).length > 0)) {
+          const u = Object.values(d.errors).join(", ");
+          ke.add({
+            severity: "warn",
+            summary: d.lang === "tr" ? "Eksik veya hatalı alanlar var" : "There are missing or invalid fields",
+            detail: u,
+            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);
+        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;
+      }
+    }
+    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 z(n) {
+      return n && _[n] ? { gap: _[n] } : {};
+    }
+    function j(n) {
+      return {
+        start: "flex-start",
+        center: "center",
+        end: "flex-end",
+        spaceBetween: "space-between",
+        spaceAround: "space-around",
+        spaceEvenly: "space-evenly",
+        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);
+    }
+    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));
+    }
+    const X = N([]);
+    function $e(n) {
+      if (!s.value || !d.lovData[s.value]) {
+        X.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 le = N();
+    function te(n) {
+      le.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, a) => {
+      const u = qe("DynamicRenderer", !0);
+      return e.node.type === "Column" ? (l(), i("div", {
+        key: 0,
+        class: "d-column",
+        style: U({
+          ...z(e.node.gap),
+          justifyContent: j(e.node.mainAxisAlignment),
+          alignItems: j(e.node.crossAxisAlignment) || "stretch"
+        })
+      }, [
+        (l(!0), i(m, null, g(e.node.children, (t, o) => (l(), v(u, {
+          key: o,
+          node: t,
+          item: e.item
+        }, null, 8, ["node", "item"]))), 128))
+      ], 4)) : e.node.type === "Row" ? (l(), i("div", {
+        key: 1,
+        class: "d-row",
+        style: U({
+          ...z(e.node.gap),
+          justifyContent: j(e.node.mainAxisAlignment),
+          alignItems: j(e.node.crossAxisAlignment) || "center"
+        })
+      }, [
+        (l(!0), i(m, null, g(e.node.children, (t, o) => (l(), v(u, {
+          key: o,
+          node: t,
+          item: e.item
+        }, null, 8, ["node", "item"]))), 128))
+      ], 4)) : e.node.type === "Expanded" ? (l(), i("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, {
+          key: o,
+          node: t,
+          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, {
+          key: o,
+          node: t,
+          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, {
+          key: o,
+          node: t,
+          item: e.item
+        }, null, 8, ["node", "item"]))), 128))
+      ])) : e.node.type === "Wrap" ? (l(), i("div", {
+        key: 5,
+        class: "d-wrap",
+        style: U(z(e.node.gap))
+      }, [
+        (l(!0), i(m, null, g(e.node.children, (t, o) => (l(), v(u, {
+          key: o,
+          node: t,
+          item: e.item
+        }, null, 8, ["node", "item"]))), 128))
+      ], 4)) : e.node.type === "Spacer" ? (l(), i("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, {
+          key: o,
+          node: t,
+          item: e.item
+        }, null, 8, ["node", "item"]))), 128))
+      ])) : e.node.type === "Grid" ? (l(), i("div", {
+        key: 8,
+        class: "d-grid",
+        style: U({
+          gridTemplateColumns: `repeat(${e.node.columns || 2}, 1fr)`,
+          ...z(e.node.gap)
+        })
+      }, [
+        (l(!0), i(m, null, g(e.node.children, (t, o) => (l(), v(u, {
+          key: o,
+          node: t,
+          item: e.item
+        }, null, 8, ["node", "item"]))), 128))
+      ], 4)) : e.node.type === "Card" ? (l(), i("div", {
+        key: 9,
+        class: F(["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
+        }]),
+        onClick: a[0] || (a[0] = (t) => e.node.onTap ? P(e.node.onTap) : void 0)
+      }, [
+        k(r(Ge), null, {
+          content: y(() => [
+            (l(!0), i(m, null, g(e.node.children, (t, o) => (l(), v(u, {
+              key: o,
+              node: t,
+              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" }, {
+            default: y(() => [
+              k(r(ve), {
+                id: s.value,
+                "model-value": w() || "",
+                "onUpdate:modelValue": a[1] || (a[1] = (t) => A(t)),
+                disabled: !D.value.enabled,
+                invalid: !!b.value,
+                "aria-required": C.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)
+            ]),
+            _: 1
+          }),
+          b.value ? (l(), i("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" }, {
+            default: y(() => [
+              k(r(Re), {
+                id: s.value,
+                "model-value": w() || "",
+                "onUpdate:modelValue": a[2] || (a[2] = (t) => A(t)),
+                disabled: !D.value.enabled,
+                invalid: !!b.value,
+                "aria-required": C.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)
+            ]),
+            _: 1
+          }),
+          b.value ? (l(), i("small", Vl, 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" }, {
+            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,
+                invalid: !!b.value,
+                "aria-required": C.value,
+                "aria-invalid": !!b.value,
+                "aria-label": x.value,
+                min: q.value?.minimum,
+                max: q.value?.maximum,
+                "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)
+            ]),
+            _: 1
+          }),
+          b.value ? (l(), i("small", Ll, 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" }, {
+            default: y(() => [
+              k(r(je), {
+                id: s.value,
+                "model-value": w(),
+                "onUpdate:modelValue": a[4] || (a[4] = (t) => A(t)),
+                options: G.value,
+                "option-label": "label",
+                "option-value": "value",
+                disabled: !D.value.enabled,
+                loading: H.value,
+                invalid: !!b.value,
+                "aria-required": C.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)
+            ]),
+            _: 1
+          }),
+          b.value ? (l(), i("small", Wl, 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,
+            binary: !0,
+            invalid: !!b.value,
+            "aria-required": C.value,
+            "aria-label": x.value
+          }, null, 8, ["input-id", "model-value", "disabled", "invalid", "aria-required", "aria-label"]),
+          h("label", {
+            for: s.value,
+            class: "checkbox-label"
+          }, c(x.value), 9, Bl),
+          b.value ? (l(), i("small", Nl, 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)
+          ]),
+          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,
+              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
+              }, null, 8, ["input-id", "model-value", "value", "disabled"]),
+              h("label", {
+                for: `${s.value}-${t.value}`
+              }, c(t.label), 9, Ml)
+            ]))), 128))
+          ], 8, Il),
+          b.value ? (l(), i("small", Gl, 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" }, {
+            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,
+                invalid: !!b.value,
+                "aria-required": C.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)
+            ]),
+            _: 1
+          }),
+          b.value ? (l(), i("small", Ql, 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,
+            "aria-label": x.value
+          }, null, 8, ["model-value", "disabled", "aria-label"]),
+          h("label", Yl, 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)
+          ]),
+          k(r(pe), {
+            "model-value": w() ?? 0,
+            "onUpdate:modelValue": a[9] || (a[9] = (t) => A(t)),
+            min: q.value?.minimum ?? 0,
+            max: q.value?.maximum ?? 100,
+            disabled: !D.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" }, {
+            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,
+                invalid: !!b.value,
+                "aria-required": C.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)
+            ]),
+            _: 1
+          }),
+          b.value ? (l(), i("small", at, 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)
+          ]),
+          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),
+            "option-label": "label",
+            "option-value": "value",
+            disabled: !D.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" }, {
+            default: y(() => [
+              k(r(ve), {
+                id: s.value,
+                "model-value": w() || "",
+                "onUpdate:modelValue": a[12] || (a[12] = (t) => A(t)),
+                disabled: !D.value.enabled,
+                invalid: !!b.value,
+                "aria-required": C.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", {
+                  class: "pi pi-search",
+                  style: { "margin-right": "0.25rem" }
+                }, null, -1)),
+                S(c(x.value), 1)
+              ], 8, rt)
+            ]),
+            _: 1
+          }),
+          b.value ? (l(), i("small", ut, 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" }, {
+            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,
+                invalid: !!b.value,
+                "aria-required": C.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)
+            ]),
+            _: 1
+          }),
+          b.value ? (l(), i("small", ct, c(b.value), 1)) : f("", !0)
+        ])) : f("", !0)
+      ], 64)) : e.node.type === "Image" ? (l(), i("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), {
+        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, {
+          key: o,
+          node: t,
+          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), {
+          key: 0,
+          style: { width: "40px", height: "40px" }
+        })) : (l(), v(r(el), {
+          key: 1,
+          mode: "indeterminate",
+          style: { height: "4px" }
+        }))
+      ], 64)) : e.node.type === "ListTile" ? (l(), i("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)
+      }, [
+        e.node.leading ? (l(), i("div", kt, [
+          k(u, {
+            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)
+        ]),
+        e.node.trailing ? (l(), i("div", Dt, [
+          k(u, {
+            node: e.node.trailing,
+            item: e.item
+          }, null, 8, ["node", "item"])
+        ])) : f("", !0)
+      ], 2)) : e.node.type === "Avatar" ? (l(), v(r(ml), {
+        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", {
+            key: 0,
+            href: t.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", {
+            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))
+        ], 64))), 128))
+      ])) : e.node.type === "LoadingIndicator" ? (l(), v(r(fe), {
+        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"), {
+        key: 32,
+        class: F(["d-text", `d-text--${e.node.variant || "bodyMedium"}`])
+      }, {
+        default: y(() => [
+          S(c($(e.node.content)), 1)
+        ]),
+        _: 1
+      }, 8, ["class"])) : e.node.type === "Icon" ? (l(), i("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), {
+        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), {
+        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), {
+        key: 36,
+        icon: `pi pi-${e.node.icon}`,
+        label: e.node.label ? $(e.node.label) : void 0,
+        rounded: "",
+        raised: "",
+        class: F([
+          "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, {
+        key: 37,
+        label: "ForEach"
+      }, {
+        default: y(() => [
+          (l(!0), i(m, null, g(ge.value, (t, o) => (l(), v(u, {
+            key: o,
+            node: e.node.template,
+            item: t
+          }, null, 8, ["node", "item"]))), 128))
+        ]),
+        _: 1
+      })) : e.node.type === "Component" ? (l(), v(se, {
+        key: 38,
+        label: e.node.ref
+      }, {
+        default: y(() => [
+          h("div", wt, [
+            K.value && Q.value ? (l(), v(Ne, {
+              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)
+            ]))
+          ])
+        ]),
+        _: 1
+      }, 8, ["label"])) : e.node.type === "TabView" ? (l(), v(r(He), {
+        key: 39,
+        value: 0
+      }, {
+        default: y(() => [
+          k(r(Je), null, {
+            default: y(() => [
+              (l(!0), i(m, null, g(e.node.tabs, (t, o) => (l(), v(r(Ke), {
+                key: o,
+                value: o
+              }, {
+                default: y(() => [
+                  t.icon ? (l(), i("i", {
+                    key: 0,
+                    class: F(`pi pi-${t.icon}`),
+                    style: { "margin-right": "0.5rem" }
+                  }, null, 2)) : f("", !0),
+                  S(" " + c($(t.title)), 1)
+                ]),
+                _: 2
+              }, 1032, ["value"]))), 128))
+            ]),
+            _: 1
+          }),
+          k(r(Qe), null, {
+            default: y(() => [
+              (l(!0), i(m, null, g(e.node.tabs, (t, o) => (l(), v(r(Xe), {
+                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,
+                      item: e.item
+                    }, null, 8, ["node", "item"]))), 128))
+                  ])
+                ]),
+                _: 2
+              }, 1032, ["value"]))), 128))
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      })) : e.node.type === "ExpansionPanel" ? (l(), v(r(ll), { key: 40 }, {
+        default: y(() => [
+          k(r(tl), { value: "panel" }, {
+            default: y(() => [
+              k(r(al), null, {
+                default: y(() => [
+                  S(c($(e.node.title)), 1)
+                ]),
+                _: 1
+              }),
+              k(r(il), null, {
+                default: y(() => [
+                  h("div", Vt, [
+                    (l(!0), i(m, null, g(e.node.children, (t, o) => (l(), v(u, {
+                      key: o,
+                      node: t,
+                      item: e.item
+                    }, null, 8, ["node", "item"]))), 128))
+                  ])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      })) : e.node.type === "Stepper" ? (l(), v(r(nl), {
+        key: 41,
+        value: 0,
+        linear: ""
+      }, {
+        default: y(() => [
+          k(r(dl), null, {
+            default: y(() => [
+              (l(!0), i(m, null, g(e.node.steps || [], (t, o) => (l(), v(r(ol), {
+                key: o,
+                value: o
+              }, {
+                default: y(() => [
+                  S(c($(t.title)), 1)
+                ]),
+                _: 2
+              }, 1032, ["value"]))), 128))
+            ]),
+            _: 1
+          }),
+          k(r(rl), null, {
+            default: y(() => [
+              (l(!0), i(m, null, g(e.node.steps || [], (t, o) => (l(), v(r(ul), {
+                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,
+                      item: e.item
+                    }, null, 8, ["node", "item"]))), 128))
+                  ])
+                ]),
+                _: 2
+              }, 1032, ["value"]))), 128))
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      })) : e.node.type === "Dialog" ? (l(), v(r(cl), {
+        key: 42,
+        visible: I(e.node.visible),
+        "onUpdate:visible": a[18] || (a[18] = (t) => M(e.node.visible, t)),
+        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, {
+              key: o,
+              node: t,
+              item: e.item
+            }, null, 8, ["node", "item"]))), 128))
+          ])
+        ]),
+        _: 2
+      }, [
+        e.node.icon ? {
+          name: "header",
+          fn: y(() => [
+            h("div", Tt, [
+              h("i", Ft, c(e.node.icon), 1),
+              h("span", null, c($(e.node.title)), 1)
+            ])
+          ]),
+          key: "0"
+        } : void 0,
+        e.node.actions?.length ? {
+          name: "footer",
+          fn: y(() => [
+            (l(!0), i(m, null, g(e.node.actions, (t, o) => (l(), v(u, {
+              key: o,
+              node: t,
+              item: e.item
+            }, null, 8, ["node", "item"]))), 128))
+          ]),
+          key: "1"
+        } : void 0
+      ]), 1032, ["visible", "closable", "header"])) : e.node.type === "BottomSheet" ? (l(), v(r(p), {
+        key: 43,
+        visible: I(e.node.visible),
+        "onUpdate:visible": a[19] || (a[19] = (t) => M(e.node.visible, t)),
+        position: "bottom"
+      }, {
+        default: y(() => [
+          (l(!0), i(m, null, g(e.node.children, (t, o) => (l(), v(u, {
+            key: o,
+            node: t,
+            item: e.item
+          }, null, 8, ["node", "item"]))), 128))
+        ]),
+        _: 1
+      }, 8, ["visible"])) : e.node.type === "SideSheet" ? (l(), v(r(p), {
+        key: 44,
+        visible: I(e.node.visible),
+        "onUpdate:visible": a[20] || (a[20] = (t) => M(e.node.visible, t)),
+        position: "right",
+        header: $(e.node.title)
+      }, {
+        default: y(() => [
+          (l(!0), i(m, null, g(e.node.children, (t, o) => (l(), v(u, {
+            key: o,
+            node: t,
+            item: e.item
+          }, null, 8, ["node", "item"]))), 128))
+        ]),
+        _: 1
+      }, 8, ["visible", "header"])) : e.node.type === "Snackbar" ? (l(), i("div", {
+        key: 45,
+        class: F(["d-snackbar", `d-snackbar--${e.node.variant || "standard"}`])
+      }, [
+        h("span", Pt, c($(e.node.content)), 1),
+        e.node.action ? (l(), v(r(R), {
+          key: 0,
+          label: $(e.node.action?.action),
+          text: "",
+          size: "small",
+          onClick: a[21] || (a[21] = (t) => e.node.action && P(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, {
+          key: o,
+          node: t,
+          item: e.item
+        }, null, 8, ["node", "item"]))), 128))
+      ])), [
+        [
+          r(be),
+          $(e.node.content),
+          void 0,
+          { top: !0 }
+        ]
+      ]) : e.node.type === "AppBar" ? (l(), v(r(ye), {
+        key: 47,
+        class: "d-appbar"
+      }, {
+        start: y(() => [
+          e.node.leading ? (l(), i("div", Ot, [
+            k(u, {
+              node: e.node.leading,
+              item: e.item
+            }, null, 8, ["node", "item"])
+          ])) : f("", !0),
+          h("span", Wt, 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, {
+              key: o,
+              node: t,
+              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", {
+          key: o,
+          class: F(["d-nav-bar__item", { "d-nav-bar__item--active": w() === t.value }]),
+          onClick: (B) => A(t.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), {
+        key: 49,
+        visible: I(e.node.visible),
+        "onUpdate:visible": a[22] || (a[22] = (t) => M(e.node.visible, t)),
+        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", {
+                key: 2,
+                class: "d-nav-drawer__item",
+                onClick: (B) => t.action && P(t.action)
+              }, [
+                t.icon ? (l(), i("i", {
+                  key: 0,
+                  class: F(`pi pi-${t.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))
+            ], 64))), 128))
+          ])
+        ]),
+        _: 2
+      }, [
+        e.node.header ? {
+          name: "header",
+          fn: y(() => [
+            k(u, {
+              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", {
+            key: 0,
+            onClick: a[23] || (a[23] = (t) => te(t))
+          }, [
+            k(u, {
+              node: e.node.anchor,
+              item: e.item
+            }, null, 8, ["node", "item"])
+          ])) : (l(), v(r(R), {
+            key: 1,
+            icon: "pi pi-ellipsis-v",
+            text: "",
+            rounded: "",
+            onClick: a[24] || (a[24] = (t) => te(t))
+          }))
+        ]),
+        k(r(fl), {
+          ref_key: "menuRef",
+          ref: le,
+          model: Ce(e.node.items || []),
+          popup: !0
+        }, null, 8, ["model"])
+      ], 64)) : e.node.type === "Toolbar" ? (l(), v(r(ye), {
+        key: 51,
+        class: "d-toolbar"
+      }, {
+        center: y(() => [
+          h("div", Ht, [
+            (l(!0), i(m, null, g(e.node.children, (t, o) => (l(), v(u, {
+              key: o,
+              node: t,
+              item: e.item
+            }, null, 8, ["node", "item"]))), 128))
+          ])
+        ]),
+        _: 1
+      })) : e.node.type === "Carousel" ? (l(), v(r(yl), {
+        key: 52,
+        value: Array.isArray(r(E)(e.node.source, r(d), e.item)) ? r(E)(e.node.source, r(d), 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, {
+            node: e.node.template,
+            item: t
+          }, null, 8, ["node", "item"])
+        ]),
+        _: 1
+      }, 8, ["value", "show-indicators", "circular", "autoplay-interval"])) : (l(), v(r(Ye), {
+        key: 53,
+        severity: "warn",
+        closable: !1
+      }, {
+        default: y(() => [
+          S(" Unknown component type: " + c(e.node.type), 1)
+        ]),
+        _: 1
+      }));
+    };
+  }
+});
+export {
+  Ia as default
+};