bitboss-ui 2.0.38 → 2.0.40

package/dist/index41.js

@@ -1,134 +1,127 @@
-import { defineComponent as $, ref as p, toRef as l, openBlock as w, createBlock as B, unref as f, withCtx as i, renderSlot as s, normalizeProps as b, guardReactiveProps as h, createVNode as O, mergeProps as v, createSlots as z } from "vue";
-import { useOptions as F } from "./index205.js";
-import M from "./index39.js";
-/* empty css        */
-import S from "./index206.js";
-/* empty css         */
-const I = /* @__PURE__ */ $({
-  __name: "BaseSwitchGroup",
+import { defineComponent as I, ref as f, computed as n, watch as S, openBlock as h, createElementBlock as y, normalizeProps as r, guardReactiveProps as d, mergeProps as V, createCommentVNode as q, createElementVNode as l, renderSlot as A } from "vue";
+import { isCssColor as b } from "./index211.js";
+import { when as F } from "./index213.js";
+const N = { class: "bb-base-switch-container" }, $ = /* @__PURE__ */ I({
+  __name: "BaseSwitch",
   props: {
     ariaDescribedby: {},
     autofocus: {},
+    checked: { type: [Boolean, String] },
     color: {},
-    dependencies: {},
-    depsDebounceTime: { default: 0 },
-    direction: { default: "horizontal" },
     disabled: { type: Boolean },
-    enforceCoherence: { type: Boolean },
+    falseValue: { default: !1 },
     hasErrors: { type: Boolean },
-    hideLabel: { type: Boolean },
     id: {},
-    items: { type: [Array, Function], default: () => [] },
-    itemText: {},
-    itemValue: {},
-    loadingText: { default: "Caricamento..." },
-    modelValue: {},
-    modelValueDebounceTime: { default: 0 },
+    indeterminate: {},
     name: {},
-    noDataText: { default: "Nessun elemento da visualizzare" },
-    readonly: {}
+    readonly: {},
+    required: { type: Boolean },
+    submitWhenFalse: { type: Boolean },
+    trueValue: { default: !0 },
+    modelValue: {}
   },
-  emits: ["blur", "change", "click", "focus", "inactive", "input", "keydown", "mousedown", "mouseup", "update:modelValue"],
-  setup(g, { emit: y }) {
-    const a = g, o = y, m = p(), r = p(!1), {
-      innerLoading: T,
-      options: k,
-      selectOption: D,
-      unselectOption: L
-    } = F({
-      dependencies: l(a, "dependencies"),
-      depsDebounceTime: a.depsDebounceTime,
-      disabled: l(a, "disabled"),
-      emit: o,
-      enforceCoherence: a.enforceCoherence,
-      items: l(a, "items"),
-      itemText: a.itemText,
-      itemValue: a.itemValue,
-      modelValue: l(a, "modelValue"),
-      modelValueDebounceTime: a.modelValueDebounceTime,
-      multiple: !0,
-      prefill: !0,
-      queryDebounceTime: 0,
-      resetQueryOnOptionSelected: !1,
-      stash: !1
-    }), C = (e, t) => {
-      o("change", e), t.selected ? L(t) : D(t);
-    }, E = {
-      onBlur: (e) => o("blur", e),
-      onClick: (e) => o("click", e),
-      onFocus: (e) => {
-        o("focus", e), r.value || (document.addEventListener("focusin", d, { passive: !0 }), document.addEventListener("click", u, { passive: !0 }), r.value = !0);
-      },
-      onInput: (e) => o("input", e),
-      onKeydown: (e) => o("keydown", e),
-      onMousedown: (e) => o("mousedown", e),
-      onMouseup: (e) => o("mouseup", e)
-    }, d = (e) => {
-      var t;
-      e.target instanceof HTMLElement && ((t = m.value) != null && t.contains(e.target) || (o("inactive"), r.value = !1, document.removeEventListener("focusin", d), document.removeEventListener("click", u)));
-    }, u = (e) => {
-      var t;
-      e.target instanceof HTMLElement && ((t = m.value) != null && t.contains(e.target) || (o("inactive"), r.value = !1, document.removeEventListener("focusin", d), document.removeEventListener("click", u)));
-    };
-    return (e, t) => (w(), B(S, {
-      class: "bb-base-switch-group",
-      direction: e.direction,
-      "has-errors": e.hasErrors,
-      "hide-label": e.hideLabel,
-      loading: !!f(T),
-      "loading-text": e.loadingText,
-      "no-data-text": e.noDataText,
-      options: f(k)
-    }, {
-      prepend: i(() => [
-        s(e.$slots, "prepend")
-      ]),
-      loading: i(() => [
-        s(e.$slots, "loading")
-      ]),
-      "no-data": i(() => [
-        s(e.$slots, "no-data")
-      ]),
-      "option:prepend": i((n) => [
-        s(e.$slots, "option:prepend", b(h(n)))
-      ]),
-      input: i(({ option: n, index: V }) => [
-        O(M, v({
-          id: n.valueHash,
-          "aria-describedby": e.ariaDescribedby,
-          autofocus: e.autofocus && !V,
-          checked: n.selected,
-          color: e.color,
-          disabled: n.disabled,
-          "has-errors": e.hasErrors,
-          name: e.name,
-          readonly: e.readonly,
-          "true-value": n.value
-        }, E, {
-          onChange: (c) => C(c, n)
-        }), z({ _: 2 }, [
-          e.$slots.icon ? {
-            name: "icon",
-            fn: i((c) => [
-              s(e.$slots, "icon", v({
-                item: n.item,
-                text: n.text
-              }, c))
-            ]),
-            key: "0"
-          } : void 0
-        ]), 1040, ["id", "aria-describedby", "autofocus", "checked", "color", "disabled", "has-errors", "name", "readonly", "true-value", "onChange"])
-      ]),
-      "option:append": i((n) => [
-        s(e.$slots, "option:prepend", b(h(n)))
-      ]),
-      append: i(() => [
-        s(e.$slots, "prepend")
-      ]),
-      _: 3
-    }, 8, ["direction", "has-errors", "hide-label", "loading", "loading-text", "no-data-text", "options"]));
+  emits: ["blur", "change", "click", "focus", "input", "keydown", "mousedown", "mouseup", "update:modelValue"],
+  setup(v, { emit: k }) {
+    const e = v, o = k, u = f(null), s = n(() => e.checked ? !0 : JSON.stringify(e.trueValue) === JSON.stringify(e.modelValue)), i = f(!1), w = n(() => {
+      const a = {
+        class: {
+          "bb-base-switch": !0,
+          "bb-base-switch--disabled": e.disabled,
+          "bb-base-switch--errors": e.hasErrors,
+          "bb-base-switch--indeterminate": e.indeterminate,
+          "bb-base-switch--readonly": e.readonly,
+          [`bb-base-switch--${e.color}`]: e.color && !b(e.color)
+        }
+      };
+      return e.color && b(e.color) && (a.style = `--color: ${e.color}`), a;
+    }), m = F(
+      (a) => typeof a != "string",
+      JSON.stringify
+    ), g = n(() => {
+      const a = m(e.falseValue);
+      return {
+        disabled: e.disabled,
+        name: e.name,
+        type: "hidden",
+        value: a
+      };
+    }), p = n(() => {
+      const a = m(e.trueValue), C = {
+        onBlur: (t) => {
+          i.value = !1, o("blur", t);
+        },
+        onChange: (t) => {
+          if (t.target instanceof HTMLInputElement) {
+            let E = t.target.checked ? e.trueValue : e.falseValue;
+            o("change", t), o("update:modelValue", E);
+          }
+        },
+        onClick: (t) => o("click", t),
+        onFocus: (t) => {
+          i.value = !0, o("focus", t);
+        },
+        onInput: (t) => o("input", t),
+        onKeydown: (t) => o("keydown", t),
+        onMousedown: (t) => o("mousedown", t),
+        onMouseup: (t) => o("mouseup", t)
+      };
+      return {
+        "aria-describedby": e.ariaDescribedby,
+        autofocus: e.autofocus,
+        checked: s.value,
+        // There is no such thing as readonly checkbox so we disable and style it with css
+        disabled: e.disabled || e.readonly,
+        id: e.id,
+        indeterminate: e.indeterminate,
+        name: e.name,
+        required: e.required,
+        tabindex: e.disabled ? -1 : void 0,
+        type: "checkbox",
+        value: a,
+        class: "sr-only",
+        ...C
+      };
+    }), B = n(() => ({
+      checked: s.value,
+      disabled: e.disabled,
+      falseValue: e.falseValue,
+      focused: i.value,
+      hasErrors: e.hasErrors,
+      id: e.id,
+      name: e.name,
+      parsedValue: p.value.value,
+      readonly: e.readonly,
+      required: e.required,
+      trueValue: e.trueValue,
+      value: s.value ? e.trueValue : e.falseValue
+    })), _ = n(() => {
+      let a = {};
+      return e.color && b(e.color) && (a.color = e.color), {
+        class: "bb-base-switch-container__icon",
+        style: a
+      };
+    });
+    return S(
+      () => [e.modelValue, e.checked, e.indeterminate],
+      () => {
+        u.value && (u.value.indeterminate = !!e.indeterminate);
+      }
+    ), (a, c) => (h(), y("span", r(d(w.value)), [
+      !s.value && a.submitWhenFalse ? (h(), y("input", r(V({ key: 0 }, g.value)), null, 16)) : q("", !0),
+      l("input", V(p.value, {
+        ref_key: "checkboxInput",
+        ref: u
+      }), null, 16),
+      l("span", N, [
+        A(a.$slots, "icon", r(d(B.value)), () => [
+          l("span", r(d(_.value)), c[0] || (c[0] = [
+            l("span", { class: "bb-base-switch-container__icon-thumb" }, null, -1)
+          ]), 16)
+        ])
+      ])
+    ], 16));
   }
 });
 export {
-  I as default
+  $ as default
 };

package/dist/index43.js

@@ -1,222 +1,134 @@
-import { defineComponent as Y, ref as r, computed as k, toRef as B, openBlock as f, createBlock as C, normalizeClass as x, withCtx as a, renderSlot as u, createVNode as O, unref as v, createElementVNode as $, createElementBlock as ee, Fragment as oe, createCommentVNode as te, withDirectives as ne, mergeProps as le, isRef as ae, withModifiers as s, withKeys as y, vModelDynamic as ie, nextTick as re } from "vue";
-/* empty css       */
-/* empty css       */
-import ue from "./index123.js";
+import { defineComponent as $, ref as p, toRef as l, openBlock as w, createBlock as B, unref as f, withCtx as i, renderSlot as s, normalizeProps as b, guardReactiveProps as h, createVNode as O, mergeProps as v, createSlots as z } from "vue";
+import { useOptions as F } from "./index207.js";
+import M from "./index41.js";
+/* empty css        */
+import S from "./index208.js";
 /* empty css         */
-import { isNotNil as se } from "./index130.js";
-import { last as de } from "./index219.js";
-import { useOptions as pe } from "./index205.js";
-import ce from "./index228.js";
-/* empty css         */
-import me from "./index230.js";
-/* empty css         */
-import fe from "./index221.js";
-/* empty css         */
-import ve from "./index223.js";
-const ye = { class: "bb-base-tag__input-container" }, be = ["id", "aria-describedby", "autocomplete", "autofocus", "disabled", "placeholder", "readonly", "required", "onKeydown"], Ne = /* @__PURE__ */ Y({
-  __name: "BaseTag",
+const I = /* @__PURE__ */ $({
+  __name: "BaseSwitchGroup",
   props: {
-    "append:icon": {},
     ariaDescribedby: {},
-    autocomplete: {},
     autofocus: {},
-    comma: { type: Boolean },
+    color: {},
+    dependencies: {},
+    depsDebounceTime: { default: 0 },
+    direction: { default: "horizontal" },
     disabled: { type: Boolean },
-    divider: { default: "Enter" },
+    enforceCoherence: { type: Boolean },
     hasErrors: { type: Boolean },
+    hideLabel: { type: Boolean },
     id: {},
-    loading: { type: Boolean },
+    items: { type: [Array, Function], default: () => [] },
+    itemText: {},
+    itemValue: {},
+    loadingText: { default: "Caricamento..." },
     modelValue: {},
-    multiple: { type: Boolean, default: !0 },
+    modelValueDebounceTime: { default: 0 },
     name: {},
-    placeholder: {},
-    "prepend:icon": {},
-    readonly: {},
-    required: { type: Boolean }
+    noDataText: { default: "Nessun elemento da visualizzare" },
+    readonly: {}
   },
-  emits: ["blur", "change", "click", "duplicate", "focus", "inactive", "input", "keydown", "keyup", "update:modelValue"],
-  setup(I, { emit: D }) {
-    const o = I, l = D;
-    if (o.multiple && !Array.isArray(o.modelValue))
-      throw new Error('Multiple is set to "true" but modelValue is not an array.');
-    const b = r(null), T = r(null), L = k(() => o.placeholder), V = r(null), w = r(null), i = k(
-      () => o.comma ? V.value : w.value
-    ), d = r(null), E = () => {
-      d.value instanceof HTMLInputElement && d.value.focus();
-    }, K = !o.multiple && se(o.modelValue) || o.multiple && !!o.modelValue.length, N = r([]), {
-      query: t,
-      alignQueryToState: q,
-      addCurrentQueryToManualItems: A,
-      selectedOptions: p,
-      selectOption: M,
-      unselectOption: P,
-      valueIsSelected: _,
-      manualItems: S
-    } = pe({
-      emit: l,
-      itemText: void 0,
-      itemValue: void 0,
-      modelValue: B(o, "modelValue"),
-      multiple: o.multiple,
-      resetQueryOnOptionSelected: !0,
-      stash: !1,
-      items: B(o, "modelValue"),
-      enforceCoherence: !1,
-      prefill: K,
-      modelValueDebounceTime: 0,
-      dependencies: N,
-      depsDebounceTime: 0,
+  emits: ["blur", "change", "click", "focus", "inactive", "input", "keydown", "mousedown", "mouseup", "update:modelValue"],
+  setup(g, { emit: y }) {
+    const a = g, o = y, m = p(), r = p(!1), {
+      innerLoading: T,
+      options: k,
+      selectOption: D,
+      unselectOption: L
+    } = F({
+      dependencies: l(a, "dependencies"),
+      depsDebounceTime: a.depsDebounceTime,
+      disabled: l(a, "disabled"),
+      emit: o,
+      enforceCoherence: a.enforceCoherence,
+      items: l(a, "items"),
+      itemText: a.itemText,
+      itemValue: a.itemValue,
+      modelValue: l(a, "modelValue"),
+      modelValueDebounceTime: a.modelValueDebounceTime,
+      multiple: !0,
+      prefill: !0,
       queryDebounceTime: 0,
-      disabled: B(o, "disabled")
-    }), g = r(!1), F = () => {
-      g.value = !0;
-    }, H = () => {
-      g.value = !1, l("inactive");
-    }, h = k(() => !(o.readonly || o.disabled || !i.value && o.multiple)), Q = (e) => {
-      var n;
-      h.value && (!o.multiple || t.value || (e.preventDefault(), p.value.length && ((n = i.value) == null || n.focusPrevious())));
-    }, R = (e) => {
-      var n;
-      h.value && (!o.multiple || t.value || (e.preventDefault(), p.value.length && ((n = i.value) == null || n.focusNext())));
-    }, U = async () => {
-      var e, n;
-      !h.value || t.value || !p.value.length || ((e = i.value) != null && e.getHighlighted() && i.value.confirmOption(), await re(), (n = i.value) == null || n.focusPrevious());
-    }, z = () => {
-      var e;
-      (e = i.value) == null || e.blur();
-    }, Z = async (e) => {
-      var n;
-      if (l("keyup", e), o.readonly || o.disabled) {
-        e.preventDefault();
-        return;
-      }
-      if (/^[A-Za-z0-9]$/.test(e.key) && ((n = i.value) == null || n.blur()), e.key === o.divider || e.key === "Unidentified" && t.value.includes(o.divider)) {
-        if (o.divider.length === 1 && t.value.includes(o.divider)) {
-          const m = t.value.split(o.divider)[0];
-          if (m)
-            t.value = m;
-          else {
-            t.value = "";
-            return;
-          }
-        }
-        if (!t.value) return;
-        _(t.value) ? (l("duplicate", t.value), t.value = "") : (A(), j(de(S.value)));
-      }
-    }, j = (e) => {
-      M(e), E(), o.multiple || close();
-    }, G = (e) => {
-      P(e), E();
-    }, J = (e) => {
-      l("focus", e), F(), document.addEventListener("click", c), document.addEventListener("focusin", c);
-    }, W = (e) => {
-      l("click", e), !(o.disabled || o.readonly) && d.value instanceof HTMLElement && d.value.focus();
-    }, c = async (e) => {
-      if (e.target instanceof Node && b.value && !b.value.$el.contains(e.target)) {
-        close(), H(), document.removeEventListener("click", c), document.removeEventListener("focusin", c), q();
-        return;
-      }
-    }, X = {
-      onBlur: (e) => l("blur", e),
-      onChange: (e) => l("change", e),
-      onKeydown: (e) => l("keydown", e),
-      onInput: (e) => l("input", e)
+      resetQueryOnOptionSelected: !1,
+      stash: !1
+    }), C = (e, t) => {
+      o("change", e), t.selected ? L(t) : D(t);
+    }, E = {
+      onBlur: (e) => o("blur", e),
+      onClick: (e) => o("click", e),
+      onFocus: (e) => {
+        o("focus", e), r.value || (document.addEventListener("focusin", d, { passive: !0 }), document.addEventListener("click", u, { passive: !0 }), r.value = !0);
+      },
+      onInput: (e) => o("input", e),
+      onKeydown: (e) => o("keydown", e),
+      onMousedown: (e) => o("mousedown", e),
+      onMouseup: (e) => o("mouseup", e)
+    }, d = (e) => {
+      var t;
+      e.target instanceof HTMLElement && ((t = m.value) != null && t.contains(e.target) || (o("inactive"), r.value = !1, document.removeEventListener("focusin", d), document.removeEventListener("click", u)));
+    }, u = (e) => {
+      var t;
+      e.target instanceof HTMLElement && ((t = m.value) != null && t.contains(e.target) || (o("inactive"), r.value = !1, document.removeEventListener("focusin", d), document.removeEventListener("click", u)));
     };
-    return (e, n) => (f(), C(ve, {
-      ref_key: "outerContainer",
-      ref: b,
-      class: x({
-        "bb-base-tag": !0,
-        "bb-base-tag--active": g.value,
-        "bb-base-tag--disabled": e.disabled,
-        "bb-base-tag--loading": e.loading,
-        "bb-base-tag--errors": e.hasErrors,
-        "bb-base-tag--readonly": e.readonly
-      }),
-      onClick: W
+    return (e, t) => (w(), B(S, {
+      class: "bb-base-switch-group",
+      direction: e.direction,
+      "has-errors": e.hasErrors,
+      "hide-label": e.hideLabel,
+      loading: !!f(T),
+      "loading-text": e.loadingText,
+      "no-data-text": e.noDataText,
+      options: f(k)
     }, {
-      "prepend-outer": a(() => [
-        u(e.$slots, "prepend-outer")
+      prepend: i(() => [
+        s(e.$slots, "prepend")
+      ]),
+      loading: i(() => [
+        s(e.$slots, "loading")
+      ]),
+      "no-data": i(() => [
+        s(e.$slots, "no-data")
+      ]),
+      "option:prepend": i((n) => [
+        s(e.$slots, "option:prepend", b(h(n)))
+      ]),
+      input: i(({ option: n, index: V }) => [
+        O(M, v({
+          id: n.valueHash,
+          "aria-describedby": e.ariaDescribedby,
+          autofocus: e.autofocus && !V,
+          checked: n.selected,
+          color: e.color,
+          disabled: n.disabled,
+          "has-errors": e.hasErrors,
+          name: e.name,
+          readonly: e.readonly,
+          "true-value": n.value
+        }, E, {
+          onChange: (c) => C(c, n)
+        }), z({ _: 2 }, [
+          e.$slots.icon ? {
+            name: "icon",
+            fn: i((c) => [
+              s(e.$slots, "icon", v({
+                item: n.item,
+                text: n.text
+              }, c))
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1040, ["id", "aria-describedby", "autofocus", "checked", "color", "disabled", "has-errors", "name", "readonly", "true-value", "onChange"])
       ]),
-      "append-outer": a(() => [
-        u(e.$slots, "append-outer")
+      "option:append": i((n) => [
+        s(e.$slots, "option:prepend", b(h(n)))
       ]),
-      default: a(() => [
-        O(fe, {
-          ref_key: "innerContainer",
-          ref: T,
-          "append:icon": o["append:icon"],
-          "prepend:icon": o["prepend:icon"]
-        }, {
-          prepend: a(() => [
-            u(e.$slots, "prepend")
-          ]),
-          prefix: a(() => [
-            u(e.$slots, "prefix")
-          ]),
-          append: a(() => [
-            u(e.$slots, "append")
-          ]),
-          suffix: a(() => [
-            u(e.$slots, "suffix")
-          ]),
-          default: a(() => [
-            O(v(ue), { tag: "span" }, {
-              default: a(() => [
-                $("span", ye, [
-                  e.multiple ? (f(), ee(oe, { key: 0 }, [
-                    e.comma ? (f(), C(me, {
-                      key: 0,
-                      ref_key: "commaBox",
-                      ref: V,
-                      options: v(p)
-                    }, null, 8, ["options"])) : (f(), C(ce, {
-                      key: 1,
-                      ref_key: "chipsBox",
-                      ref: w,
-                      options: v(p),
-                      "onOption:unselected": G
-                    }, null, 8, ["options"]))
-                  ], 64)) : te("", !0),
-                  ne($("input", le({
-                    id: e.id,
-                    ref_key: "input",
-                    ref: d
-                  }, X, {
-                    "onUpdate:modelValue": n[0] || (n[0] = (m) => ae(t) ? t.value = m : null),
-                    "aria-describedby": e.ariaDescribedby,
-                    autocomplete: e.autocomplete,
-                    autofocus: e.autofocus,
-                    class: "bb-base-tag__text-input",
-                    disabled: e.disabled,
-                    "enter-key-hint": "next",
-                    placeholder: L.value,
-                    readonly: e.readonly,
-                    required: e.required && !e.multiple || e.multiple && !e.modelValue.length,
-                    type: "text",
-                    onFocus: s(J, ["stop"]),
-                    onKeydown: [
-                      y(s(U, ["stop"]), ["delete"]),
-                      y(s(Q, ["stop"]), ["left"]),
-                      y(s(z, ["stop", "prevent"]), ["esc"]),
-                      y(s(R, ["stop"]), ["right"])
-                    ],
-                    onKeyup: s(Z, ["stop"])
-                  }), null, 16, be), [
-                    [ie, v(t)]
-                  ])
-                ])
-              ]),
-              _: 1
-            })
-          ]),
-          _: 3
-        }, 8, ["append:icon", "prepend:icon"])
+      append: i(() => [
+        s(e.$slots, "prepend")
       ]),
       _: 3
-    }, 8, ["class"]));
+    }, 8, ["direction", "has-errors", "hide-label", "loading", "loading-text", "no-data-text", "options"]));
   }
 });
 export {
-  Ne as default
+  I as default
 };