vlite3 1.4.30 → 1.4.32

package/components/Form/AccordionView.vue2.js

@@ -1,4 +1,7 @@
-import f from "./AccordionView.vue.js";
+import o from "./AccordionView.vue3.js";
+/* empty css                  */
+import r from "../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-bb30cb10"]]);
 export {
-  f as default
+  m as default
 };

package/components/Form/AccordionView.vue3.js

@@ -0,0 +1,250 @@
+import { defineComponent as q, shallowRef as N, watch as H, openBlock as a, createElementBlock as i, createVNode as v, unref as y, withCtx as b, Fragment as f, renderList as A, isMemoSame as S, createBlock as k, resolveDynamicComponent as j, createTextVNode as K, toDisplayString as g, createCommentVNode as r, createElementVNode as u, normalizeClass as T, withModifiers as G } from "vue";
+import { VueDraggable as J } from "vue-draggable-plus";
+import P from "../Accordion/AccordionItem.vue.js";
+import Q from "./FormField.vue.js";
+import L from "../Label.vue.js";
+import W from "../Button.vue.js";
+import V from "../Icon.vue.js";
+import { renderLabel as C } from "./rowHelpers.js";
+import { resolveI18nText as X } from "../../utils/i18n.js";
+import { fieldRendersOwnErrorMessage as Y } from "./utils/form.utils.js";
+const Z = { class: "custom-fields-accordion min-w-0 w-full" }, p = ["onClick"], I = { class: "flex items-center flex-1 py-3 px-4 min-w-0" }, _ = { class: "font-medium flex-1 text-left truncate mr-4 min-w-0" }, ee = { class: "flex items-center gap-2 flex-none" }, te = {
+  key: 0,
+  class: "text-destructive flex items-center justify-center rounded-full bg-destructive/10 w-6 h-6"
+}, le = {
+  key: 0,
+  class: "grid gap-4 min-w-0"
+}, se = {
+  key: 0,
+  class: "text-destructive ml-0.5"
+}, ae = {
+  key: 0,
+  class: "text-destructive ml-0.5"
+}, ne = {
+  key: 1,
+  class: "mt-1 text-xs text-destructive"
+}, ie = {
+  key: 0,
+  class: "col-span-1 flex justify-end"
+}, re = {
+  key: 0,
+  class: "flex flex-col items-center justify-center py-6 text-center border border-border rounded bg-muted/5 mt-2"
+}, oe = { class: "text-sm font-medium text-foreground" }, ce = { class: "text-xs text-muted-foreground mt-1" }, Re = /* @__PURE__ */ q({
+  __name: "AccordionView",
+  props: {
+    rows: {},
+    schema: {},
+    draggable: { type: Boolean },
+    disabled: { type: Boolean },
+    readonly: { type: Boolean },
+    isUpdate: { type: Boolean },
+    variant: {},
+    size: {},
+    rounded: {},
+    canRemoveRow: { type: Boolean },
+    canAddRow: { type: Boolean },
+    helpers: {},
+    accordionTitleKey: {},
+    itemName: {},
+    emptyTitle: {},
+    emptyDescription: {},
+    onFieldChange: { type: Function },
+    onRemoveRow: { type: Function },
+    onDragUpdate: { type: Function }
+  },
+  setup(e) {
+    const d = e, o = N([]), m = N([]), M = (s) => {
+      o.value.includes(s) ? o.value = o.value.filter((n) => n !== s) : (m.value.includes(s) || (m.value = [...m.value, s]), o.value = [...o.value, s]);
+    }, w = (s, c) => d.accordionTitleKey && s[d.accordionTitleKey] ? String(s[d.accordionTitleKey]) : `${d.itemName} #${c + 1}`, h = (s) => s.labelI18n ? X(
+      s.labelI18n,
+      typeof s.label == "string" ? s.label : void 0
+    ) ?? s.label : s.label;
+    return H(
+      () => [d.helpers.errors, d.rows],
+      () => {
+        const s = d.rows.map((l, x) => d.helpers.hasRowErrors(x) ? l._id : null).filter((l) => l !== null);
+        if (s.length === 0) return;
+        const c = /* @__PURE__ */ new Set([...o.value, ...s]);
+        o.value = Array.from(c);
+        const n = /* @__PURE__ */ new Set([...m.value, ...s]);
+        m.value = Array.from(n);
+      },
+      { deep: !0, immediate: !0 }
+    ), (s, c) => (a(), i("div", Z, [
+      v(y(J), {
+        "model-value": e.rows,
+        "onUpdate:modelValue": e.onDragUpdate,
+        disabled: !e.draggable || e.disabled || e.readonly,
+        animation: 150,
+        handle: ".drag-handle",
+        "ghost-class": "opacity-50",
+        class: "space-y-2 min-w-0"
+      }, {
+        default: b(() => [
+          (a(!0), i(f, null, A(e.rows, (n, l, x, R) => {
+            const E = [
+              n,
+              e.schema,
+              e.disabled,
+              e.readonly,
+              e.isUpdate,
+              e.draggable,
+              l,
+              e.helpers.getRowErrorsHash(l),
+              e.helpers.hasRowErrors(l),
+              o.value.includes(n._id),
+              m.value.includes(n._id),
+              e.canRemoveRow,
+              e.variant,
+              e.size,
+              e.rounded
+            ];
+            if (R && R.key === n._id && S(R, E)) return R;
+            const B = (a(), k(P, {
+              key: n._id,
+              item: { id: n._id, title: w(n, l) },
+              "is-open": o.value.includes(n._id),
+              "content-class": "border-t border-border",
+              variant: "solid",
+              onToggle: M,
+              class: "bg-white min-w-0"
+            }, {
+              trigger: b(({ open: t, toggle: U, triggerClass: D }) => [
+                u("div", {
+                  class: T(["flex items-stretch w-full min-w-0", [D, "!p-0 overflow-hidden"]]),
+                  onClick: U
+                }, [
+                  e.draggable && !e.disabled && !e.readonly ? (a(), i("div", {
+                    key: 0,
+                    class: T([
+                      "w-12 flex-none flex items-center justify-center border-r border-border bg-muted/5 drag-handle transition-colors",
+                      e.disabled ? "cursor-not-allowed opacity-50" : "cursor-grab active:cursor-grabbing hover:bg-muted/10 text-muted-foreground hover:text-foreground"
+                    ]),
+                    onClick: c[0] || (c[0] = G(() => {
+                    }, ["stop"]))
+                  }, [
+                    v(V, {
+                      icon: "lucide:grip-vertical",
+                      class: "w-4 h-4"
+                    })
+                  ], 2)) : r("", !0),
+                  u("div", I, [
+                    u("span", _, g(w(n, l)), 1),
+                    u("div", ee, [
+                      e.helpers.hasRowErrors(l) ? (a(), i("div", te, [
+                        v(V, {
+                          icon: "lucide:alert-circle",
+                          class: "w-4 h-4"
+                        })
+                      ])) : r("", !0),
+                      v(V, {
+                        icon: "lucide:chevron-down",
+                        class: T(["w-4 h-4 transition-transform duration-200", { "rotate-180": t }])
+                      }, null, 8, ["class"])
+                    ])
+                  ])
+                ], 10, p)
+              ]),
+              content: b(() => [
+                m.value.includes(n._id) ? (a(), i("div", le, [
+                  (a(!0), i(f, null, A(e.schema, (t, U, D, F) => {
+                    const z = [
+                      t,
+                      e.helpers.getFieldValue(l, t.name),
+                      e.helpers.getFieldError(l, t.name),
+                      e.helpers.isFieldVisible(l, t),
+                      e.helpers.isFieldDisabled(l, t),
+                      e.helpers.isFieldReadonly(l, t),
+                      e.helpers.getResolvedType(t, l),
+                      e.disabled,
+                      e.readonly,
+                      e.isUpdate,
+                      e.variant,
+                      e.size,
+                      e.rounded,
+                      n
+                    ];
+                    if (F && F.key === t.name && S(F, z)) return F;
+                    const $ = (a(), i("div", {
+                      key: t.name,
+                      class: "col-span-1 flex flex-col min-w-0"
+                    }, [
+                      e.helpers.isFieldVisible(l, t) ? (a(), i(f, { key: 0 }, [
+                        (t.label || t.labelI18n) && e.helpers.getResolvedType(t, l) !== "switch" && e.helpers.getResolvedType(t, l) !== "check" && e.helpers.getResolvedType(t, l) !== "customFields" && e.helpers.getResolvedType(t, l) !== "choiceBox" ? (a(), k(L, {
+                          key: 0,
+                          class: "mb-2 block text-sm font-medium"
+                        }, {
+                          default: b(() => [
+                            typeof y(C)(h(t)) != "string" ? (a(), k(j(y(C)(h(t))), { key: 0 })) : (a(), i(f, { key: 1 }, [
+                              K(g(h(t)) + " ", 1),
+                              t.required ? (a(), i("span", se, "*")) : r("", !0)
+                            ], 64))
+                          ]),
+                          _: 2
+                        }, 1024)) : r("", !0),
+                        u("div", {
+                          class: T(["relative min-w-0", [
+                            e.helpers.getResolvedType(t, l) === "check" || e.helpers.getResolvedType(t, l) === "switch" && t.props?.switchVariant === "basic" ? "w-auto flex items-center" : "w-full"
+                          ]])
+                        }, [
+                          v(Q, {
+                            field: { ...t, props: { ...t.props || {} } },
+                            value: e.helpers.getFieldValue(l, t.name),
+                            values: n,
+                            errors: e.helpers.errors,
+                            error: e.helpers.getFieldError(l, t.name),
+                            variant: e.variant,
+                            size: e.size,
+                            rounded: e.rounded,
+                            disabled: e.disabled || e.helpers.isFieldDisabled(l, t),
+                            readonly: e.readonly || e.helpers.isFieldReadonly(l, t),
+                            isUpdate: e.isUpdate,
+                            onChange: (O) => e.onFieldChange(l, t.name, O)
+                          }, null, 8, ["field", "value", "values", "errors", "error", "variant", "size", "rounded", "disabled", "readonly", "isUpdate", "onChange"]),
+                          e.helpers.getResolvedType(t, l) === "check" || e.helpers.getResolvedType(t, l) === "switch" && t.props?.switchVariant === "basic" ? (a(), k(L, {
+                            key: 0,
+                            class: "ml-2 text-sm font-medium cursor-pointer"
+                          }, {
+                            default: b(() => [
+                              typeof y(C)(h(t)) != "string" ? (a(), k(j(y(C)(h(t))), { key: 0 })) : (a(), i(f, { key: 1 }, [
+                                K(g(h(t)) + " ", 1),
+                                t.required ? (a(), i("span", ae, "*")) : r("", !0)
+                              ], 64))
+                            ]),
+                            _: 2
+                          }, 1024)) : r("", !0)
+                        ], 2),
+                        e.helpers.getFieldError(l, t.name) && !y(Y)(e.helpers.getResolvedType(t, l)) ? (a(), i("p", ne, g(e.helpers.getFieldError(l, t.name)), 1)) : r("", !0)
+                      ], 64)) : r("", !0)
+                    ]));
+                    return $.memo = z, $;
+                  }, c, 1), 128)),
+                  e.canRemoveRow ? (a(), i("div", ie, [
+                    v(W, {
+                      type: "button",
+                      variant: "secondary",
+                      size: "xs",
+                      icon: "lucide:trash-2",
+                      disabled: e.disabled || e.readonly,
+                      onClick: (t) => e.onRemoveRow(l)
+                    }, null, 8, ["disabled", "onClick"])
+                  ])) : r("", !0)
+                ])) : r("", !0)
+              ]),
+              _: 2
+            }, 1032, ["item", "is-open"]));
+            return B.memo = E, B;
+          }, c, 3), 128))
+        ]),
+        _: 1
+      }, 8, ["model-value", "onUpdate:modelValue", "disabled"]),
+      e.rows.length === 0 ? (a(), i("div", re, [
+        u("p", oe, g(e.emptyTitle), 1),
+        u("p", ce, g(e.emptyDescription), 1)
+      ])) : r("", !0)
+    ]));
+  }
+});
+export {
+  Re as default
+};

package/components/Form/Form.vue.d.ts

@@ -63,7 +63,6 @@ declare function __VLS_template(): {
         }): any;
     };
     refs: {
-        sentinelRef: HTMLDivElement;
         footerRef: HTMLDivElement;
     };
     rootEl: HTMLFormElement;
@@ -123,7 +122,6 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {
     pageHeaderClass: string;
     backButtonProps: ButtonProps;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    sentinelRef: HTMLDivElement;
     footerRef: HTMLDivElement;
 }, HTMLFormElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/components/Form/Form.vue.js

@@ -1,7 +1,7 @@
 import o from "./Form.vue2.js";
 /* empty css          */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
-const _ = /* @__PURE__ */ r(o, [["__scopeId", "data-v-b84399b6"]]);
+const _ = /* @__PURE__ */ r(o, [["__scopeId", "data-v-91b9b05d"]]);
 export {
   _ as default
 };