bt-core-app 2.2.5 → 2.2.6

package/dist/components/BT-Form-Builder.vue.mjs

@@ -1,28 +1,48 @@
-import { defineComponent as Me, ref as H, computed as O, watch as te, onMounted as Ae, resolveComponent as c, unref as e, openBlock as s, createElementBlock as m, createVNode as o, withCtx as a, normalizeStyle as I, createElementVNode as y, toDisplayString as C, createCommentVNode as v, withModifiers as k, createBlock as f, Fragment as q, renderList as $, renderSlot as j, mergeProps as x, createTextVNode as U, createSlots as He, normalizeProps as ne, guardReactiveProps as ae } from "vue";
-import { isNullOrEmpty as J, isLengthyArray as Oe } from "../composables/helpers.mjs";
-import Ie from "./BT-Form-Field.vue.mjs";
-import je from "./BT-Form.vue.mjs";
-import { useForms as Je, useFormTemplates as Ke, Fields as Qe, useFormSource as We } from "../composables/forms.mjs";
-import Xe from "./BT-Image-Select.vue.mjs";
+import { defineComponent as ze, ref as A, computed as O, watch as te, onMounted as Le, resolveComponent as E, unref as e, openBlock as i, createElementBlock as d, createVNode as o, withCtx as a, normalizeStyle as j, createElementVNode as V, toDisplayString as h, createCommentVNode as p, withModifiers as y, createBlock as c, Fragment as P, renderList as _, renderSlot as J, mergeProps as $, createTextVNode as x, createSlots as qe, normalizeProps as re, guardReactiveProps as ae } from "vue";
+import { isNullOrEmpty as K, isLengthyArray as Re } from "../composables/helpers.mjs";
+import De from "./BT-Form-Field.vue.mjs";
+import Ge from "./BT-Form.vue.mjs";
+import { useForms as Me, useFormTemplates as Ne, Fields as He, useFormSource as Ie } from "../composables/forms.mjs";
+import Ae from "./BT-Image-Select.vue.mjs";
+import { VToolbarItems as ne } from "../bt-core/core/node_modules/vuetify/lib/components/VToolbar/VToolbarItems.mjs";
+import { VDialog as Oe } from "../bt-core/core/node_modules/vuetify/lib/components/VDialog/VDialog.mjs";
+import { VCard as S } from "../bt-core/core/node_modules/vuetify/lib/components/VCard/VCard.mjs";
+import { VContainer as ie } from "../bt-core/core/node_modules/vuetify/lib/components/VGrid/VContainer.mjs";
+import { VToolbar as Q } from "../bt-core/core/node_modules/vuetify/lib/components/VToolbar/VToolbar.mjs";
+import { VBtn as v } from "../bt-core/core/node_modules/vuetify/lib/components/VBtn/VBtn.mjs";
+import { VSpacer as N } from "../bt-core/core/node_modules/vuetify/lib/components/VGrid/VSpacer.mjs";
+import { VList as W } from "../bt-core/core/node_modules/vuetify/lib/components/VList/VList.mjs";
+import { VHover as je } from "../bt-core/core/node_modules/vuetify/lib/components/VHover/VHover.mjs";
+import { VCardTitle as Je } from "../bt-core/core/node_modules/vuetify/lib/components/VCard/VCardTitle.mjs";
+import { VMenu as z } from "../bt-core/core/node_modules/vuetify/lib/components/VMenu/VMenu.mjs";
+import { VRow as Ke } from "../bt-core/core/node_modules/vuetify/lib/components/VGrid/VRow.mjs";
+import { VCol as Qe } from "../bt-core/core/node_modules/vuetify/lib/components/VGrid/VCol.mjs";
+import { VIcon as We } from "../bt-core/core/node_modules/vuetify/lib/components/VIcon/VIcon.mjs";
+import { VTextField as U } from "../bt-core/core/node_modules/vuetify/lib/components/VTextField/VTextField.mjs";
+import { VTextarea as Xe } from "../bt-core/core/node_modules/vuetify/lib/components/VTextarea/VTextarea.mjs";
+import { VSwitch as L } from "../bt-core/core/node_modules/vuetify/lib/components/VSwitch/VSwitch.mjs";
+import { VListSubheader as w } from "../bt-core/core/node_modules/vuetify/lib/components/VList/VListSubheader.mjs";
+import { VColorPicker as H } from "../bt-core/core/node_modules/vuetify/lib/components/VColorPicker/VColorPicker.mjs";
+import { VListItem as I } from "../bt-core/core/node_modules/vuetify/lib/components/VList/VListItem.mjs";
 const Ye = { key: 0 }, Ze = { key: 0 }, el = { class: "text-h6" }, ll = {
   key: 0,
   class: "text-caption"
-}, ol = { class: "text-h6 ml-3" }, tl = { class: "mr-6" }, nl = ["onClick"], al = { class: "d-flex align-center" }, rl = {
+}, ol = { class: "text-h6 ml-3" }, tl = { class: "mr-6" }, rl = ["onClick"], al = { class: "d-flex align-center" }, nl = {
   style: { "min-height": "65px", "min-width": "64px" },
   class: "ml-2"
-}, sl = {
+}, il = {
   key: "2",
   class: "d-flex align-center"
-}, il = { class: "d-flex flex-column" }, dl = {
+}, sl = { class: "d-flex flex-column" }, ul = {
   key: 0,
   class: "mx-4"
-}, ul = {
+}, dl = {
   key: 1,
   class: "d-flex flex-align"
-}, cl = { class: "text-center ma-2" }, ml = { class: "text-h6" }, pl = { key: 0 }, vl = { key: 1 }, fl = { key: 2 }, _l = { class: "text-caption" }, gl = { key: 0 }, yl = { key: 1 }, kl = { key: 2 }, bl = { class: "ml-1" }, Vl = { key: 1 }, Sl = { key: 2 }, hl = { key: 3 }, Cl = {
+}, ml = { class: "text-center ma-2" }, pl = { class: "text-h6" }, cl = { key: 0 }, fl = { key: 1 }, vl = { key: 2 }, gl = { class: "text-caption" }, Vl = { key: 0 }, yl = { key: 1 }, kl = { key: 2 }, bl = { class: "ml-1" }, Sl = { key: 1 }, Cl = { key: 2 }, hl = { key: 3 }, _l = {
   key: 0,
   class: "text-center"
-}, $l = { class: "d-flex align-center py-1 mx-2" }, El = /* @__PURE__ */ Me({
+}, $l = { class: "d-flex align-center py-1 mx-2" }, Yl = /* @__PURE__ */ ze({
   __name: "BT-Form-Builder",
   props: {
     actualUsedHeight: {},
@@ -44,51 +64,51 @@ const Ye = { key: 0 }, Ze = { key: 0 }, el = { class: "text-h6" }, ll = {
     useTemplates: { type: Boolean }
   },
   emits: ["update:modelValue"],
-  setup(re, { emit: se }) {
-    const ie = se, b = re, B = H(!1), de = H({}), {
-      addFieldToSlide: ue,
+  setup(se, { emit: ue }) {
+    const de = ue, k = se, B = A(!1), me = A({}), {
+      addFieldToSlide: pe,
       addSlide: ce,
-      applyTemplate: me,
-      clearCurrent: K,
-      currentField: d,
-      currentSlide: _,
-      duplicateField: pe,
-      duplicateSlide: ve,
-      fieldPropRules: fe,
-      isLabelType: _e,
-      isPlaceholderType: ge,
-      isPropType: ye,
-      isRequiredType: ke,
-      loadSchema: Q,
-      moveSlideDown: be,
-      moveSlideUp: Ve,
-      removeCurrent: Se,
-      removeSlide: he,
+      applyTemplate: fe,
+      clearCurrent: X,
+      currentField: u,
+      currentSlide: f,
+      duplicateField: ve,
+      duplicateSlide: ge,
+      fieldPropRules: Ve,
+      isLabelType: ye,
+      isPlaceholderType: ke,
+      isPropType: be,
+      isRequiredType: Se,
+      loadSchema: Y,
+      moveSlideDown: Ce,
+      moveSlideUp: he,
+      removeCurrent: _e,
+      removeSlide: $e,
       schema: t,
-      schemaString: Ce,
-      selectField: $e,
-      selectSlide: xe
-    } = Je({
-      onGetSchema: b.onGetSchema
-    }), Ue = We(), W = O(() => {
-      var u;
-      var i = b.requiredProps ?? [];
-      if (b.requirementGroup != null) {
-        var l = Ue.requirementSets.find((V) => V.group == b.requirementGroup);
-        (l == null ? void 0 : l.props) != null && i.push(...l.props);
+      schemaString: xe,
+      selectField: Ue,
+      selectSlide: Be
+    } = Me({
+      onGetSchema: k.onGetSchema
+    }), Te = Ie(), Z = O(() => {
+      var b;
+      var s = k.requiredProps ?? [];
+      if (k.requirementGroup != null) {
+        var l = Te.requirementSets.find((C) => C.group == k.requirementGroup);
+        (l == null ? void 0 : l.props) != null && s.push(...l.props);
       }
-      return (u = t.value) == null || u.slides.forEach((V) => {
-        V.fields.forEach((w) => {
-          var T = i.findIndex((M) => M == w.prop);
-          T >= 0 && i.splice(T, 1);
+      return (b = t.value) == null || b.slides.forEach((C) => {
+        C.fields.forEach((F) => {
+          var R = s.findIndex((D) => D == F.prop);
+          R >= 0 && s.splice(R, 1);
         });
-      }), i;
-    }), X = H(b.useTemplates ? Ke(b.templateGroup) : void 0), Be = O(() => {
-      var l, u;
-      let i = (l = t.value) == null ? void 0 : l.bgSrc;
-      if (((u = t.value) == null ? void 0 : u.useBgSrc) == !0 && i != null)
-        return `background: url("${i}") no-repeat top center fixed; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; min-height: 100%;`;
-    }), we = O(() => {
+      }), s;
+    }), ee = A(k.useTemplates ? Ne(k.templateGroup) : void 0), we = O(() => {
+      var l, b;
+      let s = (l = t.value) == null ? void 0 : l.bgSrc;
+      if (((b = t.value) == null ? void 0 : b.useBgSrc) == !0 && s != null)
+        return `background: url("${s}") no-repeat top center fixed; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; min-height: 100%;`;
+    }), Fe = O(() => {
       if (t.value != null) {
         if (t.value.variant == "basic" || t.value.variant == "single-page")
           return "text";
@@ -96,64 +116,64 @@ const Ye = { key: 0 }, Ze = { key: 0 }, el = { class: "text-h6" }, ll = {
           return "tonal";
       }
     });
-    function Y(i, l, u) {
-      if (!(l < 0 || l > u.fields.length - 1)) {
-        var V = u.fields.findIndex((w) => w === i);
-        u.fields.splice(V, 1), u.fields.splice(l, 0, i);
+    function le(s, l, b) {
+      if (!(l < 0 || l > b.fields.length - 1)) {
+        var C = b.fields.findIndex((F) => F === s);
+        b.fields.splice(C, 1), b.fields.splice(l, 0, s);
       }
     }
-    function Te(i) {
-      me(i), L();
+    function Ee(s) {
+      fe(s), q();
     }
-    async function L() {
-      ie("update:modelValue", Ce.value), B.value = !1;
+    async function q() {
+      de("update:modelValue", xe.value), B.value = !1;
     }
-    function Fe() {
+    function Pe() {
       B.value = !0;
     }
-    function Z(i) {
-      i != null && (J(i.logoSrc) && b.getLogoUrl != null && (i.logoSrc = b.getLogoUrl()), J(i.bgSrc) && b.getBackgroundUrl != null && (i.bgSrc = b.getBackgroundUrl()));
+    function oe(s) {
+      s != null && (K(s.logoSrc) && k.getLogoUrl != null && (s.logoSrc = k.getLogoUrl()), K(s.bgSrc) && k.getBackgroundUrl != null && (s.bgSrc = k.getBackgroundUrl()));
     }
-    return te(() => b.openToggle, () => {
+    return te(() => k.openToggle, () => {
       B.value = !0;
-    }), te(() => b.modelValue, (i) => {
-      Q(i), Z(t.value);
-    }), Ae(() => {
-      Q(b.modelValue), Z(t.value);
-    }), (i, l) => {
-      const u = c("v-btn"), V = c("v-spacer"), w = c("v-toolbar-items"), T = c("v-toolbar"), M = c("bt-avatar"), ee = c("v-slide-x-transition"), Ee = c("v-card-title"), Pe = c("v-slide-x-reverse-transition"), S = c("v-card"), ze = c("v-col"), qe = c("v-row"), P = c("v-menu"), Le = c("v-hover"), Re = c("v-slide-y-transition"), A = c("v-list"), le = c("v-container"), De = c("v-icon"), h = c("v-text-field"), Ge = c("v-textarea"), z = c("v-switch"), oe = c("v-select"), F = c("v-list-subheader"), R = c("v-color-picker"), Ne = c("v-dialog"), D = c("v-list-item");
-      return e(t) != null ? (s(), m("div", Ye, [
-        o(Ne, {
+    }), te(() => k.modelValue, (s) => {
+      Y(s), oe(t.value);
+    }), Le(() => {
+      Y(k.modelValue), oe(t.value);
+    }), (s, l) => {
+      const b = E("bt-avatar"), C = E("v-slide-x-transition"), F = E("v-slide-x-reverse-transition"), R = E("v-slide-y-transition"), D = E("v-select");
+      return e(t) != null ? (i(), d("div", Ye, [
+        o(e(Oe), {
           fullscreen: "",
           "retain-focus": !1,
           transition: "dialog-bottom-transition",
           modelValue: B.value,
-          "onUpdate:modelValue": l[18] || (l[18] = (n) => B.value = n)
+          "onUpdate:modelValue": l[18] || (l[18] = (r) => B.value = r)
         }, {
           default: a(() => [
-            o(S, null, {
+            o(e(S), null, {
               default: a(() => [
-                o(le, {
+                o(e(ie), {
                   class: "pa-0",
                   fluid: "",
-                  style: I(Be.value)
+                  style: j(we.value)
                 }, {
                   default: a(() => [
-                    o(T, { color: "primary" }, {
+                    o(e(Q), { color: "primary" }, {
                       default: a(() => [
-                        o(u, {
+                        o(e(v), {
                           icon: "$close",
-                          onClick: l[0] || (l[0] = (n) => B.value = !1)
+                          onClick: l[0] || (l[0] = (r) => B.value = !1)
                         }),
-                        i.title != null ? (s(), m("div", Ze, [
-                          y("div", el, C(i.title), 1),
-                          e(t).title != null ? (s(), m("div", ll, C(e(t).title), 1)) : v("", !0)
-                        ])) : v("", !0),
-                        o(V),
-                        o(w, null, {
+                        s.title != null ? (i(), d("div", Ze, [
+                          V("div", el, h(s.title), 1),
+                          e(t).title != null ? (i(), d("div", ll, h(e(t).title), 1)) : p("", !0)
+                        ])) : p("", !0),
+                        o(e(N)),
+                        o(e(ne), null, {
                           default: a(() => [
-                            o(u, {
-                              onClick: L,
+                            o(e(v), {
+                              onClick: q,
                               text: "Done"
                             })
                           ]),
@@ -162,154 +182,154 @@ const Ye = { key: 0 }, Ze = { key: 0 }, el = { class: "text-h6" }, ll = {
                       ]),
                       _: 1
                     }),
-                    o(S, {
+                    o(e(S), {
                       class: "d-flex",
                       theme: e(t).theme
                     }, {
                       default: a(() => [
-                        o(le, {
-                          onClick: k(e(K), ["stop"]),
-                          style: I([{ height: "calc(100vh - 64px)" }, `background-color: ${e(t).bgColor}`]),
+                        o(e(ie), {
+                          onClick: y(e(X), ["stop"]),
+                          style: j([{ height: "calc(100vh - 64px)" }, `background-color: ${e(t).bgColor}`]),
                           class: "overflow-y-auto pa-0"
                         }, {
                           default: a(() => [
-                            e(t).useLogoSrc && !e(J)(e(t).logoSrc) ? (s(), f(T, {
+                            e(t).useLogoSrc && !e(K)(e(t).logoSrc) ? (i(), c(e(Q), {
                               key: 0,
-                              style: I(`background-color: ${e(t).bgColor}`)
+                              style: j(`background-color: ${e(t).bgColor}`)
                             }, {
                               default: a(() => [
-                                y("div", ol, C(e(t).title), 1),
-                                o(V),
-                                y("div", tl, [
-                                  o(M, {
+                                V("div", ol, h(e(t).title), 1),
+                                o(e(N)),
+                                V("div", tl, [
+                                  o(b, {
                                     src: e(t).logoSrc
                                   }, null, 8, ["src"])
                                 ])
                               ]),
                               _: 1
-                            }, 8, ["style"])) : v("", !0),
-                            o(A, { "bg-color": "transparent" }, {
+                            }, 8, ["style"])) : p("", !0),
+                            o(e(W), { "bg-color": "transparent" }, {
                               default: a(() => [
-                                o(Re, {
+                                o(R, {
                                   group: "",
                                   "hide-on-leave": ""
                                 }, {
                                   default: a(() => [
-                                    (s(!0), m(q, null, $(e(t).slides, (n, g) => j(i.$slots, `${n.name}-builder`, {
+                                    (i(!0), d(P, null, _(e(t).slides, (r, g) => J(s.$slots, `${r.name}-builder`, {
                                       key: g,
-                                      slide: n
+                                      slide: r
                                     }, () => [
-                                      y("div", {
-                                        onClick: k((E) => e(xe)(n), ["stop"])
+                                      V("div", {
+                                        onClick: y((T) => e(Be)(r), ["stop"])
                                       }, [
-                                        o(Le, null, {
-                                          default: a(({ isHovering: E, props: G }) => [
-                                            o(S, x({
-                                              class: ["mx-1 my-6 pt-2 pb-5", e(_) === n ? "text-primary" : void 0],
+                                        o(e(je), null, {
+                                          default: a(({ isHovering: T, props: G }) => [
+                                            o(e(S), $({
+                                              class: ["mx-1 my-6 pt-2 pb-5", e(f) === r ? "text-primary" : void 0],
                                               ripple: !1,
                                               variant: "outlined",
                                               ref_for: !0
                                             }, G), {
                                               default: a(() => [
-                                                y("div", al, [
-                                                  y("div", rl, [
-                                                    o(ee, null, {
+                                                V("div", al, [
+                                                  V("div", nl, [
+                                                    o(C, null, {
                                                       default: a(() => [
-                                                        E ? (s(), m("div", sl, [
-                                                          y("div", il, [
-                                                            o(u, {
-                                                              onClick: k((p) => e(Ve)(g), ["stop"]),
+                                                        T ? (i(), d("div", il, [
+                                                          V("div", sl, [
+                                                            o(e(v), {
+                                                              onClick: y((m) => e(he)(g), ["stop"]),
                                                               class: "ma-0 pa-0",
-                                                              disabled: g == 0 || !i.isEditing,
+                                                              disabled: g == 0 || !s.isEditing,
                                                               icon: "$menu-up",
                                                               size: "x-small",
                                                               variant: "text"
                                                             }, null, 8, ["onClick", "disabled"]),
-                                                            o(u, {
-                                                              onClick: k((p) => e(be)(g), ["stop"]),
+                                                            o(e(v), {
+                                                              onClick: y((m) => e(Ce)(g), ["stop"]),
                                                               class: "ma-0 pa-0",
-                                                              disabled: g >= e(t).slides.length - 1 || !i.isEditing,
+                                                              disabled: g >= e(t).slides.length - 1 || !s.isEditing,
                                                               icon: "$menu-down",
                                                               size: "x-small",
                                                               variant: "text"
                                                             }, null, 8, ["onClick", "disabled"])
                                                           ]),
-                                                          o(u, {
-                                                            onClick: k((p) => e(t).slides.splice(g + 1, 0, e(ve)(n)), ["stop"]),
+                                                          o(e(v), {
+                                                            onClick: y((m) => e(t).slides.splice(g + 1, 0, e(ge)(r)), ["stop"]),
                                                             class: "ma-0 pa-0",
                                                             icon: "$content-duplicate",
                                                             size: "x-small",
                                                             title: "Duplicate",
                                                             variant: "text"
                                                           }, null, 8, ["onClick"])
-                                                        ])) : v("", !0)
+                                                        ])) : p("", !0)
                                                       ]),
                                                       _: 2
                                                     }, 1024)
                                                   ]),
-                                                  o(Ee, null, {
+                                                  o(e(Je), null, {
                                                     default: a(() => [
-                                                      U(C(n.name), 1)
+                                                      x(h(r.name), 1)
                                                     ]),
                                                     _: 2
                                                   }, 1024),
-                                                  o(V),
-                                                  o(Pe, null, {
+                                                  o(e(N)),
+                                                  o(F, null, {
                                                     default: a(() => [
-                                                      (n == null ? void 0 : n.canDelete) !== !1 && E ? (s(), f(u, {
+                                                      (r == null ? void 0 : r.canDelete) !== !1 && T ? (i(), c(e(v), {
                                                         key: 0,
                                                         class: "ma-0 mr-2 pa-0 text-error",
-                                                        onClick: k((p) => e(he)(n.name), ["stop"]),
+                                                        onClick: y((m) => e($e)(r.name), ["stop"]),
                                                         icon: "$delete",
                                                         variant: "text"
-                                                      }, null, 8, ["onClick"])) : v("", !0)
+                                                      }, null, 8, ["onClick"])) : p("", !0)
                                                     ]),
                                                     _: 2
                                                   }, 1024)
                                                 ]),
-                                                e(Oe)(n.fields) ? (s(), m("div", dl, [
-                                                  (s(!0), m(q, null, $(n.fields, (p, r) => (s(), m("div", null, [
-                                                    (s(), f(Ie, {
-                                                      key: `${r}${p.prop ?? ""}${p.type ?? ""}`,
-                                                      onDuplicate: (N) => n.fields.splice(r + 1, 0, e(pe)(p)),
-                                                      onMovedown: (N) => Y(p, r + 1, n),
-                                                      onMoveup: (N) => Y(p, r - 1, n),
-                                                      onSelect: (N) => e($e)(n, p),
-                                                      field: p,
+                                                e(Re)(r.fields) ? (i(), d("div", ul, [
+                                                  (i(!0), d(P, null, _(r.fields, (m, n) => (i(), d("div", null, [
+                                                    (i(), c(De, {
+                                                      key: `${n}${m.prop ?? ""}${m.type ?? ""}`,
+                                                      onDuplicate: (M) => r.fields.splice(n + 1, 0, e(ve)(m)),
+                                                      onMovedown: (M) => le(m, n + 1, r),
+                                                      onMoveup: (M) => le(m, n - 1, r),
+                                                      onSelect: (M) => e(Ue)(r, m),
+                                                      field: m,
                                                       isBuilding: "",
-                                                      isSelected: e(d) === p,
-                                                      variant: we.value
+                                                      isSelected: e(u) === m,
+                                                      variant: Fe.value
                                                     }, null, 8, ["onDuplicate", "onMovedown", "onMoveup", "onSelect", "field", "isSelected", "variant"]))
                                                   ]))), 256))
-                                                ])) : v("", !0),
-                                                n.canEdit !== !1 ? (s(), m("div", ul, [
-                                                  o(P, { "z-index": "2500" }, {
-                                                    activator: a(({ props: p }) => [
-                                                      o(u, x({
+                                                ])) : p("", !0),
+                                                r.canEdit !== !1 ? (i(), d("div", dl, [
+                                                  o(e(z), { "z-index": "2500" }, {
+                                                    activator: a(({ props: m }) => [
+                                                      o(e(v), $({
                                                         class: "mx-auto",
                                                         color: e(t).ctlColor,
                                                         "prepend-icon": "$plus",
                                                         text: "Add Field",
                                                         ref_for: !0
-                                                      }, p), null, 16, ["color"])
+                                                      }, m), null, 16, ["color"])
                                                     ]),
                                                     default: a(() => [
-                                                      o(S, { "max-width": "550" }, {
+                                                      o(e(S), { "max-width": "550" }, {
                                                         default: a(() => [
-                                                          o(qe, { "no-gutters": "" }, {
+                                                          o(e(Ke), { "no-gutters": "" }, {
                                                             default: a(() => [
-                                                              (s(!0), m(q, null, $(e(Qe), (p, r) => (s(), f(ze, {
-                                                                key: r,
+                                                              (i(!0), d(P, null, _(e(He), (m, n) => (i(), c(e(Qe), {
+                                                                key: n,
                                                                 cols: "6"
                                                               }, {
                                                                 default: a(() => [
-                                                                  o(S, {
+                                                                  o(e(S), {
                                                                     class: "ma-1",
-                                                                    onClick: k((N) => e(ue)(p, n), ["stop"]),
+                                                                    onClick: y((M) => e(pe)(m, r), ["stop"]),
                                                                     color: e(t).ctlColor,
-                                                                    "prepend-icon": p.icon,
-                                                                    subtitle: p.description,
-                                                                    title: p.label
+                                                                    "prepend-icon": m.icon,
+                                                                    subtitle: m.description,
+                                                                    title: m.label
                                                                   }, null, 8, ["onClick", "color", "prepend-icon", "subtitle", "title"])
                                                                 ]),
                                                                 _: 2
@@ -323,14 +343,14 @@ const Ye = { key: 0 }, Ze = { key: 0 }, el = { class: "text-h6" }, ll = {
                                                     ]),
                                                     _: 2
                                                   }, 1024)
-                                                ])) : v("", !0)
+                                                ])) : p("", !0)
                                               ]),
                                               _: 2
                                             }, 1040, ["class"])
                                           ]),
                                           _: 2
                                         }, 1024)
-                                      ], 8, nl)
+                                      ], 8, rl)
                                     ])), 128))
                                   ]),
                                   _: 3
@@ -338,9 +358,9 @@ const Ye = { key: 0 }, Ze = { key: 0 }, el = { class: "text-h6" }, ll = {
                               ]),
                               _: 3
                             }),
-                            y("div", cl, [
-                              o(u, {
-                                onClick: k(e(ce), ["stop"]),
+                            V("div", ml, [
+                              o(e(v), {
+                                onClick: y(e(ce), ["stop"]),
                                 color: e(t).ctlColor,
                                 "prepend-icon": "$card-plus-outline",
                                 text: "Add Slide"
@@ -349,46 +369,46 @@ const Ye = { key: 0 }, Ze = { key: 0 }, el = { class: "text-h6" }, ll = {
                           ]),
                           _: 3
                         }, 8, ["onClick", "style"]),
-                        o(S, {
+                        o(e(S), {
                           class: "overflow-y-auto",
                           width: "400",
                           style: { height: "calc(100vh - 64px)" },
                           tile: ""
                         }, {
                           default: a(() => {
-                            var n, g, E, G, p;
+                            var r, g, T, G, m;
                             return [
-                              o(T, null, {
+                              o(e(Q), null, {
                                 default: a(() => [
-                                  e(_) != null || e(d) != null ? (s(), f(u, {
+                                  e(f) != null || e(u) != null ? (i(), c(e(v), {
                                     key: 0,
                                     icon: "$close",
-                                    onClick: k(e(K), ["stop"])
-                                  }, null, 8, ["onClick"])) : (s(), f(De, {
+                                    onClick: y(e(X), ["stop"])
+                                  }, null, 8, ["onClick"])) : (i(), c(e(We), {
                                     key: 1,
                                     class: "mx-3",
                                     icon: "$cog"
                                   })),
-                                  y("div", null, [
-                                    y("div", ml, [
-                                      e(d) != null ? (s(), m("span", pl, "Field")) : e(_) != null ? (s(), m("span", vl, "Slide")) : (s(), m("span", fl, "Form"))
+                                  V("div", null, [
+                                    V("div", pl, [
+                                      e(u) != null ? (i(), d("span", cl, "Field")) : e(f) != null ? (i(), d("span", fl, "Slide")) : (i(), d("span", vl, "Form"))
                                     ]),
-                                    y("div", _l, [
-                                      e(d) != null ? (s(), m("span", gl, C(e(d).type), 1)) : e(_) != null ? (s(), m("span", yl, C(e(_).name), 1)) : (s(), m("span", kl, "Properties"))
+                                    V("div", gl, [
+                                      e(u) != null ? (i(), d("span", Vl, h(e(u).type), 1)) : e(f) != null ? (i(), d("span", yl, h(e(f).name), 1)) : (i(), d("span", kl, "Properties"))
                                     ])
                                   ]),
-                                  o(V),
-                                  o(w, null, {
+                                  o(e(N)),
+                                  o(e(ne), null, {
                                     default: a(() => {
-                                      var r;
+                                      var n;
                                       return [
-                                        e(d) != null || e(_) != null ? (s(), f(u, {
+                                        e(u) != null || e(f) != null ? (i(), c(e(v), {
                                           key: 0,
-                                          disabled: ((r = e(_)) == null ? void 0 : r.canDelete) == !1,
+                                          disabled: ((n = e(f)) == null ? void 0 : n.canDelete) == !1,
                                           class: "text-error",
-                                          onClick: k(e(Se), ["stop"]),
+                                          onClick: y(e(_e), ["stop"]),
                                           icon: "$delete"
-                                        }, null, 8, ["disabled", "onClick"])) : v("", !0)
+                                        }, null, 8, ["disabled", "onClick"])) : p("", !0)
                                       ];
                                     }),
                                     _: 1
@@ -396,173 +416,173 @@ const Ye = { key: 0 }, Ze = { key: 0 }, el = { class: "text-h6" }, ll = {
                                 ]),
                                 _: 1
                               }),
-                              W.value.length > 0 ? (s(), f(S, {
+                              Z.value.length > 0 ? (i(), c(e(S), {
                                 key: 0,
                                 subtitle: "This form requires fields with these properties:"
                               }, {
                                 text: a(() => [
-                                  (s(!0), m(q, null, $(W.value, (r) => (s(), m("div", null, [
-                                    l[25] || (l[25] = y("span", null, "Prop:", -1)),
-                                    y("span", bl, C(r), 1)
+                                  (i(!0), d(P, null, _(Z.value, (n) => (i(), d("div", null, [
+                                    l[25] || (l[25] = V("span", null, "Prop:", -1)),
+                                    V("span", bl, h(n), 1)
                                   ]))), 256))
                                 ]),
                                 _: 1
-                              })) : v("", !0),
-                              e(d) != null ? (s(), m("div", Vl, [
-                                e(_e) ? (s(), f(h, {
+                              })) : p("", !0),
+                              e(u) != null ? (i(), d("div", Sl, [
+                                e(ye) ? (i(), c(e(U), {
                                   key: 0,
                                   "hide-details": "",
                                   label: "Label",
-                                  modelValue: e(d).label,
-                                  "onUpdate:modelValue": l[1] || (l[1] = (r) => e(d).label = r)
-                                }, null, 8, ["modelValue"])) : v("", !0),
-                                o(Ge, {
+                                  modelValue: e(u).label,
+                                  "onUpdate:modelValue": l[1] || (l[1] = (n) => e(u).label = n)
+                                }, null, 8, ["modelValue"])) : p("", !0),
+                                o(e(Xe), {
                                   "auto-grow": "",
                                   "hide-details": "",
                                   label: "Description",
                                   lines: "three",
-                                  modelValue: e(d).description,
-                                  "onUpdate:modelValue": l[2] || (l[2] = (r) => e(d).description = r)
+                                  modelValue: e(u).description,
+                                  "onUpdate:modelValue": l[2] || (l[2] = (n) => e(u).description = n)
                                 }, null, 8, ["modelValue"]),
-                                e(ge) ? (s(), f(h, {
+                                e(ke) ? (i(), c(e(U), {
                                   key: 1,
                                   "hide-details": "",
                                   label: "Placeholder",
-                                  modelValue: e(d).placeholder,
-                                  "onUpdate:modelValue": l[3] || (l[3] = (r) => e(d).placeholder = r)
-                                }, null, 8, ["modelValue"])) : v("", !0),
-                                e(ye) ? (s(), f(h, {
+                                  modelValue: e(u).placeholder,
+                                  "onUpdate:modelValue": l[3] || (l[3] = (n) => e(u).placeholder = n)
+                                }, null, 8, ["modelValue"])) : p("", !0),
+                                e(be) ? (i(), c(e(U), {
                                   key: 2,
-                                  readonly: ((n = e(_)) == null ? void 0 : n.canEdit) == !1,
+                                  readonly: ((r = e(f)) == null ? void 0 : r.canEdit) == !1,
                                   label: "Field Property",
-                                  rules: e(fe),
-                                  modelValue: e(d).prop,
-                                  "onUpdate:modelValue": l[4] || (l[4] = (r) => e(d).prop = r)
-                                }, null, 8, ["readonly", "rules", "modelValue"])) : v("", !0),
-                                e(d).type == "button" ? (s(), f(h, {
+                                  rules: e(Ve),
+                                  modelValue: e(u).prop,
+                                  "onUpdate:modelValue": l[4] || (l[4] = (n) => e(u).prop = n)
+                                }, null, 8, ["readonly", "rules", "modelValue"])) : p("", !0),
+                                e(u).type == "button" ? (i(), c(e(U), {
                                   key: 3,
                                   label: "URL to navigate to",
-                                  modelValue: e(d).url,
-                                  "onUpdate:modelValue": l[5] || (l[5] = (r) => e(d).url = r)
-                                }, null, 8, ["modelValue"])) : v("", !0),
-                                e(ke) ? (s(), f(z, {
+                                  modelValue: e(u).url,
+                                  "onUpdate:modelValue": l[5] || (l[5] = (n) => e(u).url = n)
+                                }, null, 8, ["modelValue"])) : p("", !0),
+                                e(Se) ? (i(), c(e(L), {
                                   key: 4,
-                                  color: e(d).isRequired ? "primary" : void 0,
+                                  color: e(u).isRequired ? "primary" : void 0,
                                   inset: "",
-                                  label: e(d).isRequired ? "Required" : "Not Required",
-                                  readonly: ((g = e(_)) == null ? void 0 : g.canEdit) === !1,
-                                  modelValue: e(d).isRequired,
-                                  "onUpdate:modelValue": l[6] || (l[6] = (r) => e(d).isRequired = r)
-                                }, null, 8, ["color", "label", "readonly", "modelValue"])) : v("", !0),
-                                o(z, {
-                                  color: e(d).remember ? "primary" : void 0,
+                                  label: e(u).isRequired ? "Required" : "Not Required",
+                                  readonly: ((g = e(f)) == null ? void 0 : g.canEdit) === !1,
+                                  modelValue: e(u).isRequired,
+                                  "onUpdate:modelValue": l[6] || (l[6] = (n) => e(u).isRequired = n)
+                                }, null, 8, ["color", "label", "readonly", "modelValue"])) : p("", !0),
+                                o(e(L), {
+                                  color: e(u).remember ? "primary" : void 0,
                                   inset: "",
-                                  label: e(d).remember ? "Remember On Reset" : "Forget On Reset",
-                                  readonly: ((E = e(_)) == null ? void 0 : E.canEdit) === !1,
-                                  modelValue: e(d).remember,
-                                  "onUpdate:modelValue": l[7] || (l[7] = (r) => e(d).remember = r)
+                                  label: e(u).remember ? "Remember On Reset" : "Forget On Reset",
+                                  readonly: ((T = e(f)) == null ? void 0 : T.canEdit) === !1,
+                                  modelValue: e(u).remember,
+                                  "onUpdate:modelValue": l[7] || (l[7] = (n) => e(u).remember = n)
                                 }, null, 8, ["color", "label", "readonly", "modelValue"]),
-                                e(d).type == "button" ? (s(), f(z, {
+                                e(u).type == "button" ? (i(), c(e(L), {
                                   key: 5,
-                                  color: e(d).isSubmitButton ? "primary" : void 0,
+                                  color: e(u).isSubmitButton ? "primary" : void 0,
                                   inset: "",
                                   label: "Submit On Click",
-                                  readonly: ((G = e(_)) == null ? void 0 : G.canEdit) === !1,
-                                  modelValue: e(d).isSubmitButton,
-                                  "onUpdate:modelValue": l[8] || (l[8] = (r) => e(d).isSubmitButton = r)
-                                }, null, 8, ["color", "readonly", "modelValue"])) : v("", !0)
-                              ])) : e(_) != null ? (s(), m("div", Sl, [
-                                o(h, {
-                                  canEdit: e(_).canEdit !== !1,
+                                  readonly: ((G = e(f)) == null ? void 0 : G.canEdit) === !1,
+                                  modelValue: e(u).isSubmitButton,
+                                  "onUpdate:modelValue": l[8] || (l[8] = (n) => e(u).isSubmitButton = n)
+                                }, null, 8, ["color", "readonly", "modelValue"])) : p("", !0)
+                              ])) : e(f) != null ? (i(), d("div", Cl, [
+                                o(e(U), {
+                                  canEdit: e(f).canEdit !== !1,
                                   label: "Slide Name",
-                                  readonly: ((p = e(_)) == null ? void 0 : p.canEdit) === !1,
-                                  modelValue: e(_).name,
-                                  "onUpdate:modelValue": l[9] || (l[9] = (r) => e(_).name = r)
+                                  readonly: ((m = e(f)) == null ? void 0 : m.canEdit) === !1,
+                                  modelValue: e(f).name,
+                                  "onUpdate:modelValue": l[9] || (l[9] = (n) => e(f).name = n)
                                 }, null, 8, ["canEdit", "readonly", "modelValue"])
-                              ])) : (s(), m("div", hl, [
-                                o(h, {
+                              ])) : (i(), d("div", hl, [
+                                o(e(U), {
                                   disabled: "",
                                   "hide-details": "",
                                   label: "Version",
                                   modelValue: e(t).version,
-                                  "onUpdate:modelValue": l[10] || (l[10] = (r) => e(t).version = r)
+                                  "onUpdate:modelValue": l[10] || (l[10] = (n) => e(t).version = n)
                                 }, null, 8, ["modelValue"]),
-                                o(h, {
+                                o(e(U), {
                                   "hide-details": "",
                                   label: "Form Title",
                                   modelValue: e(t).title,
-                                  "onUpdate:modelValue": l[11] || (l[11] = (r) => e(t).title = r)
+                                  "onUpdate:modelValue": l[11] || (l[11] = (n) => e(t).title = n)
                                 }, null, 8, ["modelValue"]),
-                                o(oe, {
+                                o(D, {
                                   "hide-details": "",
                                   label: "Form Variant",
                                   items: ["basic", "half-and-half", "single-page"],
                                   modelValue: e(t).variant,
-                                  "onUpdate:modelValue": l[12] || (l[12] = (r) => e(t).variant = r)
+                                  "onUpdate:modelValue": l[12] || (l[12] = (n) => e(t).variant = n)
                                 }, null, 8, ["modelValue"]),
-                                o(oe, {
+                                o(D, {
                                   "hide-details": "",
                                   label: "Theme",
                                   items: ["light", "dark"],
                                   modelValue: e(t).theme,
-                                  "onUpdate:modelValue": l[13] || (l[13] = (r) => e(t).theme = r)
+                                  "onUpdate:modelValue": l[13] || (l[13] = (n) => e(t).theme = n)
                                 }, null, 8, ["modelValue"]),
-                                o(z, {
+                                o(e(L), {
                                   color: e(t).useLogoSrc ? "primary" : void 0,
                                   "hide-details": "",
                                   inset: "",
                                   label: "Show My Logo",
                                   modelValue: e(t).useLogoSrc,
-                                  "onUpdate:modelValue": l[14] || (l[14] = (r) => e(t).useLogoSrc = r)
+                                  "onUpdate:modelValue": l[14] || (l[14] = (n) => e(t).useLogoSrc = n)
                                 }, null, 8, ["color", "modelValue"]),
-                                o(z, {
+                                o(e(L), {
                                   color: e(t).useBgSrc ? "primary" : void 0,
                                   "hide-details": "",
                                   inset: "",
                                   label: "Use Background Image",
                                   modelValue: e(t).useBgSrc,
-                                  "onUpdate:modelValue": l[15] || (l[15] = (r) => e(t).useBgSrc = r)
+                                  "onUpdate:modelValue": l[15] || (l[15] = (n) => e(t).useBgSrc = n)
                                 }, null, 8, ["color", "modelValue"]),
-                                e(t).useBgSrc && i.imgProps != null ? (s(), f(F, {
+                                e(t).useBgSrc && s.imgProps != null ? (i(), c(e(w), {
                                   key: 0,
                                   class: "ml-2"
                                 }, {
                                   default: a(() => l[26] || (l[26] = [
-                                    U("Background Image")
+                                    x("Background Image")
                                   ])),
                                   _: 1
-                                })) : v("", !0),
-                                o(ee, { "hide-on-leave": "" }, {
+                                })) : p("", !0),
+                                o(C, { "hide-on-leave": "" }, {
                                   default: a(() => [
-                                    e(t).useBgSrc && i.imgProps != null ? (s(), m("div", Cl, [
-                                      o(Xe, x(i.imgProps, {
+                                    e(t).useBgSrc && s.imgProps != null ? (i(), d("div", _l, [
+                                      o(Ae, $(s.imgProps, {
                                         src: e(t).bgSrc
                                       }), null, 16, ["src"])
-                                    ])) : v("", !0)
+                                    ])) : p("", !0)
                                   ]),
                                   _: 1
                                 }),
-                                o(F, { class: "ml-2" }, {
+                                o(e(w), { class: "ml-2" }, {
                                   default: a(() => l[27] || (l[27] = [
-                                    U("Background Color")
+                                    x("Background Color")
                                   ])),
                                   _: 1
                                 }),
-                                o(R, {
+                                o(e(H), {
                                   width: "100%",
                                   modelValue: e(t).bgColor,
-                                  "onUpdate:modelValue": l[16] || (l[16] = (r) => e(t).bgColor = r)
+                                  "onUpdate:modelValue": l[16] || (l[16] = (n) => e(t).bgColor = n)
                                 }, null, 8, ["modelValue"]),
-                                o(F, { class: "ml-2" }, {
+                                o(e(w), { class: "ml-2" }, {
                                   default: a(() => l[28] || (l[28] = [
-                                    U("Button Color")
+                                    x("Button Color")
                                   ])),
                                   _: 1
                                 }),
-                                o(R, {
+                                o(e(H), {
                                   width: "100%",
                                   modelValue: e(t).ctlColor,
-                                  "onUpdate:modelValue": l[17] || (l[17] = (r) => e(t).ctlColor = r)
+                                  "onUpdate:modelValue": l[17] || (l[17] = (n) => e(t).ctlColor = n)
                                 }, null, 8, ["modelValue"])
                               ]))
                             ];
@@ -581,70 +601,70 @@ const Ye = { key: 0 }, Ze = { key: 0 }, el = { class: "text-h6" }, ll = {
           ]),
           _: 3
         }, 8, ["modelValue"]),
-        o(je, {
-          actualUsedHeight: i.actualUsedHeight,
+        o(Ge, {
+          actualUsedHeight: s.actualUsedHeight,
           canSubmit: !1,
-          data: de.value,
+          data: me.value,
           isEditing: "",
-          onGetSchema: i.onGetSchema,
-          overrideSchema: i.overrideSchema,
+          onGetSchema: s.onGetSchema,
+          overrideSchema: s.overrideSchema,
           schema: e(t),
-          useSchemaStyles: i.useSchemaStyles
-        }, He({
+          useSchemaStyles: s.useSchemaStyles
+        }, qe({
           "form-toolbar-right": a(() => [
-            y("div", $l, [
-              X.value != null ? (s(), f(P, { key: 0 }, {
-                activator: a(({ props: n }) => [
-                  o(u, x({
+            V("div", $l, [
+              ee.value != null ? (i(), c(e(z), { key: 0 }, {
+                activator: a(({ props: r }) => [
+                  o(e(v), $({
                     color: e(t).ctlColor,
                     size: "x-small",
                     text: "Use Template"
-                  }, n), null, 16, ["color"])
+                  }, r), null, 16, ["color"])
                 ]),
                 default: a(() => [
-                  o(A, { "min-width": "300" }, {
+                  o(e(W), { "min-width": "300" }, {
                     default: a(() => [
-                      (s(!0), m(q, null, $(X.value, (n) => (s(), f(D, {
-                        onClick: k((g) => Te(n), ["stop"]),
-                        subtitle: n.description,
-                        title: n.templateName
+                      (i(!0), d(P, null, _(ee.value, (r) => (i(), c(e(I), {
+                        onClick: y((g) => Ee(r), ["stop"]),
+                        subtitle: r.description,
+                        title: r.templateName
                       }, null, 8, ["onClick", "subtitle", "title"]))), 256))
                     ]),
                     _: 1
                   })
                 ]),
                 _: 1
-              })) : v("", !0),
-              o(P, null, {
-                activator: a(({ props: n }) => [
-                  o(u, x({
+              })) : p("", !0),
+              o(e(z), null, {
+                activator: a(({ props: r }) => [
+                  o(e(v), $({
                     color: e(t).ctlColor,
                     icon: "$view-carousel",
                     size: "x-small",
                     title: "Form Variant"
-                  }, n), null, 16, ["color"])
+                  }, r), null, 16, ["color"])
                 ]),
                 default: a(() => [
-                  o(A, null, {
+                  o(e(W), null, {
                     default: a(() => [
-                      o(F, null, {
+                      o(e(w), null, {
                         default: a(() => l[29] || (l[29] = [
-                          U("Form Variant")
+                          x("Form Variant")
                         ])),
                         _: 1
                       }),
-                      o(D, {
-                        onClick: l[19] || (l[19] = k((n) => e(t).variant = "basic", ["stop"])),
+                      o(e(I), {
+                        onClick: l[19] || (l[19] = y((r) => e(t).variant = "basic", ["stop"])),
                         active: e(t).variant == "basic",
                         title: "Basic"
                       }, null, 8, ["active"]),
-                      o(D, {
-                        onClick: l[20] || (l[20] = k((n) => e(t).variant = "single-page", ["stop"])),
+                      o(e(I), {
+                        onClick: l[20] || (l[20] = y((r) => e(t).variant = "single-page", ["stop"])),
                         active: e(t).variant == "single-page",
                         title: "Single Page"
                       }, null, 8, ["active"]),
-                      o(D, {
-                        onClick: l[21] || (l[21] = k((n) => e(t).variant = "half-and-half", ["stop"])),
+                      o(e(I), {
+                        onClick: l[21] || (l[21] = y((r) => e(t).variant = "half-and-half", ["stop"])),
                         active: e(t).variant == "half-and-half",
                         title: "Half And Half"
                       }, null, 8, ["active"])
@@ -654,29 +674,29 @@ const Ye = { key: 0 }, Ze = { key: 0 }, el = { class: "text-h6" }, ll = {
                 ]),
                 _: 1
               }),
-              o(P, { "close-on-content-click": !1 }, {
-                activator: a(({ props: n }) => [
-                  o(u, x({
+              o(e(z), { "close-on-content-click": !1 }, {
+                activator: a(({ props: r }) => [
+                  o(e(v), $({
                     class: "ml-1",
                     color: e(t).ctlColor,
                     icon: "$format-color-fill",
                     size: "x-small",
                     title: "Background Color"
-                  }, n), null, 16, ["color"])
+                  }, r), null, 16, ["color"])
                 ]),
                 default: a(() => [
-                  o(S, null, {
+                  o(e(S), null, {
                     default: a(() => [
-                      o(F, { class: "ml-2" }, {
+                      o(e(w), { class: "ml-2" }, {
                         default: a(() => l[30] || (l[30] = [
-                          U("Background Color")
+                          x("Background Color")
                         ])),
                         _: 1
                       }),
-                      o(R, {
+                      o(e(H), {
                         "onUpdate:modelValue": [
-                          L,
-                          l[22] || (l[22] = (n) => e(t).bgColor = n)
+                          q,
+                          l[22] || (l[22] = (r) => e(t).bgColor = r)
                         ],
                         width: "250",
                         modelValue: e(t).bgColor
@@ -687,29 +707,29 @@ const Ye = { key: 0 }, Ze = { key: 0 }, el = { class: "text-h6" }, ll = {
                 ]),
                 _: 1
               }),
-              o(P, { "close-on-content-click": !1 }, {
-                activator: a(({ props: n }) => [
-                  o(u, x({
+              o(e(z), { "close-on-content-click": !1 }, {
+                activator: a(({ props: r }) => [
+                  o(e(v), $({
                     class: "ml-1",
                     color: e(t).ctlColor,
                     icon: "$palette",
                     size: "x-small",
                     title: "Button Color"
-                  }, n), null, 16, ["color"])
+                  }, r), null, 16, ["color"])
                 ]),
                 default: a(() => [
-                  o(S, null, {
+                  o(e(S), null, {
                     default: a(() => [
-                      o(F, { class: "ml-2" }, {
+                      o(e(w), { class: "ml-2" }, {
                         default: a(() => l[31] || (l[31] = [
-                          U("Button Color")
+                          x("Button Color")
                         ])),
                         _: 1
                       }),
-                      o(R, {
+                      o(e(H), {
                         "onUpdate:modelValue": [
-                          L,
-                          l[23] || (l[23] = (n) => e(t).ctlColor = n)
+                          q,
+                          l[23] || (l[23] = (r) => e(t).ctlColor = r)
                         ],
                         width: "250",
                         modelValue: e(t).ctlColor
@@ -720,15 +740,15 @@ const Ye = { key: 0 }, Ze = { key: 0 }, el = { class: "text-h6" }, ll = {
                 ]),
                 _: 1
               }),
-              o(u, {
-                onClick: l[24] || (l[24] = (n) => e(t).theme = e(t).theme == "light" ? "dark" : "light"),
+              o(e(v), {
+                onClick: l[24] || (l[24] = (r) => e(t).theme = e(t).theme == "light" ? "dark" : "light"),
                 class: "ml-1",
                 color: e(t).ctlColor,
                 icon: "$theme-light-dark",
                 size: "small"
               }, null, 8, ["color"]),
-              o(u, {
-                onClick: Fe,
+              o(e(v), {
+                onClick: Pe,
                 class: "ml-1",
                 color: e(t).ctlColor,
                 "prepend-icon": "$pencil",
@@ -740,23 +760,23 @@ const Ye = { key: 0 }, Ze = { key: 0 }, el = { class: "text-h6" }, ll = {
           ]),
           _: 2
         }, [
-          $(e(t).slides.flatMap((n) => n.fields), (n) => ({
-            name: `${n.prop}`,
+          _(e(t).slides.flatMap((r) => r.fields), (r) => ({
+            name: `${r.prop}`,
             fn: a((g) => [
-              j(i.$slots, n.prop, ne(ae(g)))
+              J(s.$slots, r.prop, re(ae(g)))
             ])
           })),
-          $(e(t).slides, (n) => ({
-            name: `${n.name}`,
+          _(e(t).slides, (r) => ({
+            name: `${r.name}`,
             fn: a((g) => [
-              j(i.$slots, n.name, ne(ae(g)))
+              J(s.$slots, r.name, re(ae(g)))
             ])
           }))
         ]), 1032, ["actualUsedHeight", "data", "onGetSchema", "overrideSchema", "schema", "useSchemaStyles"])
-      ])) : v("", !0);
+      ])) : p("", !0);
     };
   }
 });
 export {
-  El as default
+  Yl as default
 };