@dynamicforms/vuetify-inputs 0.1.11 → 0.1.12

package/dist/dynamicforms-vuetify-inputs.js

@@ -11,7 +11,7 @@ var ue = (t, e, l) => e in t ? Me(t, e, { enumerable: !0, configurable: !0, writ
   return t;
 }, H = (t, e) => je(t, ze(e));
 var Z = (t, e, l) => ue(t, typeof e != "symbol" ? e + "" : e, l);
-var oe = (t, e, l) => new Promise((r, n) => {
+var ne = (t, e, l) => new Promise((r, n) => {
   var a = (c) => {
     try {
       u(l.next(c));
@@ -28,7 +28,7 @@ var oe = (t, e, l) => new Promise((r, n) => {
   u((l = l.apply(t, e)).next());
 });
 import * as we from "vue";
-import { defineComponent as F, mergeModels as Ve, useModel as We, ref as S, watch as J, onMounted as Se, markRaw as Xe, onBeforeUnmount as Ne, createBlock as V, openBlock as h, resolveDynamicComponent as ee, version as qe, computed as _, createElementBlock as E, Fragment as $e, renderList as Ee, normalizeClass as ae, toDisplayString as te, unref as o, mergeProps as P, withCtx as y, createTextVNode as be, resolveComponent as x, createCommentVNode as $, createVNode as A, createSlots as Ze, renderSlot as Ye, isRef as G, withModifiers as Qe, mergeDefaults as z, createElementVNode as le, normalizeStyle as he, toRefs as ie, withKeys as ke, useCssVars as Je, normalizeProps as Ue, guardReactiveProps as Fe, nextTick as et } from "vue";
+import { defineComponent as F, mergeModels as Ve, useModel as We, ref as S, watch as J, onMounted as Se, markRaw as Xe, onBeforeUnmount as Ne, createBlock as V, openBlock as h, resolveDynamicComponent as ee, version as qe, computed as _, createElementBlock as E, Fragment as $e, renderList as Ee, normalizeClass as re, toDisplayString as te, unref as o, mergeProps as P, withCtx as y, createTextVNode as be, resolveComponent as x, createCommentVNode as $, createVNode as A, createSlots as Ze, renderSlot as Ye, isRef as G, withModifiers as Qe, mergeDefaults as z, createElementVNode as le, normalizeStyle as he, toRefs as se, withKeys as ke, useCssVars as Je, normalizeProps as Ue, guardReactiveProps as Fe, nextTick as et } from "vue";
 import { debounce as tt, isEmpty as lt, isObjectLike as ot, isString as pe, isBoolean as Te, clone as nt, toNumber as Ce, isNaN as Ie, isArray as Be, castArray as Le, first as Pe } from "lodash-es";
 import fe from "vue-ionicon";
 import { useDisplay as at } from "vuetify";
@@ -332,7 +332,7 @@ const Nl = { class: "custom-error-display text-error" }, $l = { key: 0 }, El = /
         var a;
         return h(), E("div", {
           key: n,
-          class: ae({ "first-error": n === 0, "last-error": n === e.errors.length - 1 })
+          class: re({ "first-error": n === 0, "last-error": n === e.errors.length - 1 })
         }, [
           r.componentName === "template" ? (h(), E("div", $l, te(r.componentBody), 1)) : r.componentName === "vue-markdown" ? (h(), V(o(st), {
             key: 1,
@@ -350,12 +350,12 @@ const Nl = { class: "custom-error-display text-error" }, $l = { key: 0 }, El = /
       }), 128))
     ]));
   }
-}), se = (t, e) => {
+}), oe = (t, e) => {
   const l = t.__vccOpts || t;
   for (const [r, n] of e)
     l[r] = n;
   return l;
-}, W = /* @__PURE__ */ se(El, [["__scopeId", "data-v-b274d086"]]), Ul = {
+}, W = /* @__PURE__ */ oe(El, [["__scopeId", "data-v-b274d086"]]), Ul = {
   key: 0,
   for: "#following-v-input"
 }, ge = /* @__PURE__ */ F({
@@ -380,7 +380,7 @@ const Nl = { class: "custom-error-display text-error" }, $l = { key: 0 }, El = /
       const s = x("v-icon"), m = x("v-input");
       return o(f) !== o(M).SUPPRESS ? (h(), E("div", {
         key: 0,
-        class: ae([
+        class: re([
           v.cssClass,
           {
             "d-none": o(f) === o(M).HIDDEN,
@@ -441,13 +441,13 @@ const Ae = 0;
 })(R || (R = {}));
 Object.freeze(R);
 const De = ["xl", "lg", "md", "sm", "xs"];
-class re {
+class ie {
   constructor(e, l) {
     Z(this, "_value");
     if (this._value = {}, !e) return;
-    let r = re.cleanBreakpoint(e);
+    let r = ie.cleanBreakpoint(e);
     !(r != null && r.label) && l && (r ? r.label || (r.label = l) : r = { label: l }), r && (this._value = r), De.forEach((n) => {
-      const a = re.cleanBreakpoint(e[n]);
+      const a = ie.cleanBreakpoint(e[n]);
       a && (this._value[n] = a);
     });
   }
@@ -471,14 +471,14 @@ class re {
     return e.renderAs !== void 0 && (l.renderAs = R.fromAny(e.renderAs)), pe(e.label) && (l.label = e.label), Te(e.showLabel) && (l.showLabel = e.showLabel), Te(e.showIcon) && (l.showIcon = e.showIcon), Object.keys(l).length ? l : null;
   }
 }
-class ne {
+class ae {
   constructor(e, l) {
     Z(this, "name");
     Z(this, "displayStyle");
     Z(this, "formAction");
     if (e.name == null) throw new Error(`Action name must not be empty ${e}`);
     const r = !pe(e.label) || e.label.length === 0 ? void 0 : e.label, n = !pe(e.icon) || e.icon.length === 0 ? void 0 : e.icon;
-    this.name = e.name, this.displayStyle = new re(e.displayStyle, r), this.formAction = l, this.formAction.icon = n, this.formAction.label = r;
+    this.name = e.name, this.displayStyle = new ie(e.displayStyle, r), this.formAction = l, this.formAction.icon = n, this.formAction.label = r;
   }
   get label() {
     var e;
@@ -510,7 +510,7 @@ class ne {
     return l;
   }
   static closeAction(e, l) {
-    return new ne(
+    return new ae(
       N({
         name: "close",
         label: "Close",
@@ -522,7 +522,7 @@ class ne {
     );
   }
   static yesAction(e, l) {
-    return new ne(
+    return new ae(
       N({
         name: "yes",
         label: "Yes",
@@ -534,7 +534,7 @@ class ne {
     );
   }
   static noAction(e, l) {
-    return new ne(
+    return new ae(
       N({
         name: "no",
         label: "No",
@@ -587,7 +587,7 @@ const Fl = {
       const m = x("v-btn");
       return o(l).length > 0 ? (h(), E("div", {
         key: 0,
-        class: ae(["text-end", {
+        class: re(["text-end", {
           "button-group": i.showAsGroup === "grouped" || i.showAsGroup === "grouped-no-borders",
           "with-border": i.showAsGroup === "grouped"
         }])
@@ -596,7 +596,7 @@ const Fl = {
           key: g,
           variant: c(p) === o(R).BUTTON ? "tonal" : "text",
           elevation: 0,
-          class: ae(g !== -1 ? "" : "ms-3"),
+          class: re(g !== -1 ? "" : "ms-3"),
           size: i.buttonSize,
           onClick: Qe((I) => p.formAction.execute(I), ["stop"])
         }, {
@@ -614,7 +614,7 @@ const Fl = {
       ], 2)) : $("", !0);
     };
   }
-}), Rl = /* @__PURE__ */ se(Pl, [["__scopeId", "data-v-eb616f46"]]), Ol = /* @__PURE__ */ F({
+}), Rl = /* @__PURE__ */ oe(Pl, [["__scopeId", "data-v-eb616f46"]]), Ol = /* @__PURE__ */ F({
   __name: "df-checkbox",
   props: /* @__PURE__ */ z({
     allowNull: { type: Boolean },
@@ -748,7 +748,7 @@ const Fl = {
   })),
   emits: ["update:modelValue", "click:clear"],
   setup(t, { emit: e }) {
-    const l = t, r = e, { value: n, vuetifyBindings: a } = j(l, r), { inputType: f, displayFormatDate: u, displayFormatTime: c } = ie(l), v = S(""), i = _({
+    const l = t, r = e, { value: n, vuetifyBindings: a } = j(l, r), { inputType: f, displayFormatDate: u, displayFormatTime: c } = se(l), v = S(""), i = _({
       get() {
         return o(v) !== "";
       },
@@ -951,12 +951,12 @@ const Fl = {
       B ? p() : m();
     });
     function g() {
-      return oe(this, null, function* () {
+      return ne(this, null, function* () {
         n.value && (yield l.comms.delete(n.value)), n.value = null, c.value = 0, v.value = Math.round(Math.random() * 1e3), u.value = null, i.value = null, m();
       });
     }
     function I(B) {
-      return oe(this, null, function* () {
+      return ne(this, null, function* () {
         c.value = -1, u.value = B, new FormData().append("file", B, B.name);
         try {
           n.value = yield l.comms.upload(
@@ -1038,7 +1038,7 @@ const Fl = {
   })),
   emits: ["update:modelValue", "click:clear"],
   setup(t, { emit: e }) {
-    const l = t, r = e, { errors: n, value: a, vuetifyBindings: f } = j(l, r), { inputType: u, max: c, min: v, precision: i, step: s } = ie(l), m = _(() => u.value === "number"), p = _(() => m.value ? { min: v.value, max: c.value, precision: i.value, step: s.value } : {});
+    const l = t, r = e, { errors: n, value: a, vuetifyBindings: f } = j(l, r), { inputType: u, max: c, min: v, precision: i, step: s } = se(l), m = _(() => u.value === "number"), p = _(() => m.value ? { min: v.value, max: c.value, precision: i.value, step: s.value } : {});
     return (g, I) => {
       const O = x("v-text-field"), B = x("v-number-input");
       return h(), E("div", Gl, [
@@ -1071,7 +1071,7 @@ const Fl = {
       ]);
     };
   }
-}), Xl = /* @__PURE__ */ se(Wl, [["__scopeId", "data-v-7ce40eb2"]]), ql = { class: "editor-container" }, Zl = { class: "editor-container__editor" }, Yl = { ref: "editorElement" }, Ql = /* @__PURE__ */ F({
+}), Xl = /* @__PURE__ */ oe(Wl, [["__scopeId", "data-v-7ce40eb2"]]), ql = { class: "editor-container" }, Zl = { class: "editor-container__editor" }, Yl = { ref: "editorElement" }, Ql = /* @__PURE__ */ F({
   __name: "ck-editor-custom",
   props: {
     modelValue: { default: "" },
@@ -1334,7 +1334,7 @@ const to = {
   })),
   emits: ["update:modelValueDisplay", "update:modelValue", "click:clear"],
   setup(t, { emit: e }) {
-    const l = t, { choices: r } = l, { multiple: n, allowTags: a, allowNull: f, cssClass: u, visibility: c } = ie(l), v = S(!1), i = e, { errors: s, value: m, vuetifyBindings: p } = j(l, i), g = S(null), I = S(r || []), O = S(!1), B = _(() => eo(I.value));
+    const l = t, { choices: r } = l, { multiple: n, allowTags: a, allowNull: f, cssClass: u, visibility: c } = se(l), v = S(!1), i = e, { errors: s, value: m, vuetifyBindings: p } = j(l, i), g = S(null), I = S(r || []), O = S(!1), B = _(() => eo(I.value));
     function b(C) {
       i("update:modelValueDisplay", ve(I.value, C));
     }
@@ -1354,7 +1354,7 @@ const to = {
       n.value && Array.isArray(g.value) ? T = Q(g.value.filter((w) => w !== C), n.value) : T = null, me(T, g, n.value, !1, I.value), m.value = T;
     }
     function L(C, T) {
-      return oe(this, null, function* () {
+      return ne(this, null, function* () {
         if (!(r || l.fetchChoices === void 0)) {
           O.value = !0;
           try {
@@ -1419,7 +1419,7 @@ const to = {
               return [
                 (X = D.raw) != null && X.icon ? (h(), E("span", to, [
                   A(o(fe), {
-                    class: "df-select-action-icon d-inline-block",
+                    class: "action-icon d-inline-block",
                     name: D.raw.icon
                   }, null, 8, ["name"])
                 ])) : $("", !0)
@@ -1438,7 +1438,7 @@ const to = {
               return [
                 (ye = X.raw) != null && ye.icon ? (h(), E("span", lo, [
                   A(o(fe), {
-                    class: "df-select-action-icon",
+                    class: "action-icon d-inline-block",
                     name: X.raw.icon
                   }, null, 8, ["name"])
                 ])) : $("", !0)
@@ -1454,7 +1454,7 @@ const to = {
       }, 16, ["modelValue", "class", "items", "label", "closable-chips", "clearable", "multiple", "loading", "aria-describedby"])) : $("", !0);
     };
   }
-}), no = { class: "container" }, ao = /* @__PURE__ */ F({
+}), no = /* @__PURE__ */ oe(oo, [["__scopeId", "data-v-2d1b6f78"]]), ao = { class: "container" }, ro = /* @__PURE__ */ F({
   __name: "df-text-area",
   props: /* @__PURE__ */ z({
     rows: {},
@@ -1476,10 +1476,10 @@ const to = {
   })),
   emits: ["update:modelValue", "click:clear"],
   setup(t, { emit: e }) {
-    const l = t, r = e, { errors: n, value: a, vuetifyBindings: f } = j(l, r), { cssClass: u, visibility: c } = ie(l);
+    const l = t, r = e, { errors: n, value: a, vuetifyBindings: f } = j(l, r), { cssClass: u, visibility: c } = se(l);
     return (v, i) => {
       const s = x("v-textarea");
-      return h(), E("div", no, [
+      return h(), E("div", ao, [
         o(c) !== o(M).SUPPRESS ? (h(), V(s, P({
           key: 0,
           modelValue: o(a),
@@ -1504,7 +1504,7 @@ const to = {
       ]);
     };
   }
-}), ro = /* @__PURE__ */ se(ao, [["__scopeId", "data-v-2dc106f6"]]), io = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), io = /* @__PURE__ */ oe(ro, [["__scopeId", "data-v-2dc106f6"]]), so = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   DfActions: Rl,
   DfCheckbox: Ol,
@@ -1513,9 +1513,9 @@ const to = {
   DfFile: Kl,
   DfInput: Xl,
   DfRtfEditor: Jl,
-  DfSelect: oo,
-  DfTextArea: ro
-}, Symbol.toStringTag, { value: "Module" })), so = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  DfSelect: no,
+  DfTextArea: io
+}, Symbol.toStringTag, { value: "Module" })), uo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   VAutocomplete: Qt,
   VBtn: Jt,
@@ -1539,14 +1539,14 @@ const to = {
   VTextField: gl,
   VTextarea: hl,
   VTimePicker: yl
-}, Symbol.toStringTag, { value: "Module" })), Oo = {
+}, Symbol.toStringTag, { value: "Module" })), Ho = {
   install: (t, e) => {
     var l, r;
-    t.use(Sl), (l = e == null ? void 0 : e.registerComponents) != null && l && Object.entries(io).map(([n, a]) => t.component(n, a)), (r = e == null ? void 0 : e.registerVuetifyComponents) != null && r && Object.entries(so).map(([n, a]) => t.component(n, a));
+    t.use(Sl), (l = e == null ? void 0 : e.registerComponents) != null && l && Object.entries(so).map(([n, a]) => t.component(n, a)), (r = e == null ? void 0 : e.registerVuetifyComponents) != null && r && Object.entries(uo).map(([n, a]) => t.component(n, a));
   }
 };
 export {
-  ne as Action,
+  ae as Action,
   R as ActionDisplayStyle,
   Rl as DfActions,
   Ol as DfCheckbox,
@@ -1555,12 +1555,12 @@ export {
   Kl as DfFile,
   Xl as DfInput,
   Jl as DfRtfEditor,
-  oo as DfSelect,
-  ro as DfTextArea,
-  Oo as DynamicFormsInputs,
+  no as DfSelect,
+  io as DfTextArea,
+  Ho as DynamicFormsInputs,
   W as ErrorsWidget,
   ge as InputBase,
-  so as VuetifyComponents,
+  uo as VuetifyComponents,
   K as defaultBaseProps,
   Ae as defaultDisplayStyle,
   j as useInputBase