bitboss-ui 2.0.37 → 2.0.39

package/dist/index15.js

@@ -1,132 +1,137 @@
-import { defineComponent as C, ref as b, computed as n, watch as E, openBlock as m, createElementBlock as p, normalizeProps as c, guardReactiveProps as h, mergeProps as f, createCommentVNode as I, createElementVNode as s, renderSlot as q } from "vue";
-import { isCssColor as k } from "./index216.js";
-import { when as F } from "./index217.js";
-import { booleanishToBoolean as N } from "./index233.js";
-const S = {
-  "aria-hidden": "true",
-  class: "bb-base-checkbox-container"
-}, A = /* @__PURE__ */ s("svg", {
-  class: "bb-base-checkbox-container__icon",
-  viewBox: "276.411 158.834 114.971 114.97"
-}, [
-  /* @__PURE__ */ s("path", {
-    d: "M 297.574 224.786 L 318.309 243.134 L 371.568 189.232",
-    fill: "none",
-    "stroke-linecap": "round",
-    "stroke-width": "14px"
-  })
-], -1), D = /* @__PURE__ */ C({
-  __name: "BaseCheckbox",
+import { defineComponent as k, ref as y, computed as h, openBlock as v, createElementBlock as g, Fragment as C, createVNode as d, normalizeClass as w, withCtx as a, renderSlot as l, createElementVNode as i, normalizeStyle as H, withModifiers as V, withDirectives as B, mergeProps as q, unref as E } from "vue";
+import $ from "./index206.js";
+/* empty css         */
+import z from "./index208.js";
+import { vMaska as M } from "./index224.js";
+import { isHex as I } from "./index239.js";
+const D = ["id", "aria-describedby", "aria-invalid", "autocomplete", "autofocus", "disabled", "name", "placeholder", "readonly", "required", "value"], F = ["aria-invalid", "disabled", "readonly", "required"], O = /* @__PURE__ */ k({
+  __name: "BaseColorInput",
   props: {
+    "append:icon": {},
     ariaDescribedby: {},
+    autocomplete: {},
     autofocus: {},
-    checked: { type: [Boolean, String] },
-    color: {},
     disabled: { type: Boolean },
-    falseValue: { default: !1 },
     hasErrors: { type: Boolean },
     id: {},
-    indeterminate: {},
+    loading: { type: Boolean },
+    modelValue: {},
     name: {},
+    placeholder: {},
+    "prepend:icon": {},
     readonly: {},
-    required: { type: Boolean },
-    submitWhenFalse: { type: Boolean },
-    trueValue: { default: !0 },
-    modelValue: {}
+    required: { type: Boolean }
   },
   emits: ["blur", "change", "click", "focus", "input", "keydown", "mousedown", "mouseup", "update:modelValue"],
-  setup(y, { emit: v }) {
-    const e = y, t = v, l = b(null), r = n(() => e.checked ? N(e.checked) : JSON.stringify(e.trueValue) === JSON.stringify(e.modelValue)), u = b(!1), V = n(() => {
-      const a = {
-        class: {
-          "bb-base-checkbox": !0,
-          "bb-base-checkbox--disabled": e.disabled,
-          "bb-base-checkbox--errors": e.hasErrors,
-          "bb-base-checkbox--indeterminate": e.indeterminate,
-          "bb-base-checkbox--readonly": e.readonly,
-          [`bb-base-checkbox--${e.color}`]: e.color && !k(e.color)
-        }
-      };
-      return e.color && k(e.color) && (a.style = `--color: ${e.color}`), a;
-    }), i = F(
-      (a) => typeof a != "string",
-      JSON.stringify
-    ), x = n(() => {
-      const a = i(e.falseValue);
-      return {
-        disabled: e.disabled,
-        name: e.name,
-        type: "hidden",
-        value: a
-      };
-    }), d = n(() => {
-      const a = i(e.trueValue), _ = {
-        onBlur: (o) => {
-          u.value = !1, t("blur", o);
-        },
-        onChange: (o) => {
-          if (o.target instanceof HTMLInputElement) {
-            let w = o.target.checked ? e.trueValue : e.falseValue;
-            t("change", o), t("update:modelValue", w);
-          }
-        },
-        onClick: (o) => t("click", o),
-        onFocus: (o) => {
-          u.value = !0, t("focus", o);
-        },
-        onKeydown: (o) => t("keydown", o),
-        onMousedown: (o) => t("mousedown", o),
-        onMouseup: (o) => t("mouseup", o),
-        onInput: (o) => t("input", o)
-      };
-      return {
-        "aria-describedby": e.ariaDescribedby,
-        autofocus: e.autofocus,
-        checked: r.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,
-        ..._
-      };
-    }), g = n(() => ({
-      checked: r.value,
-      disabled: e.disabled,
-      falseValue: e.falseValue,
-      focused: u.value,
-      hasErrors: e.hasErrors,
-      id: e.id,
-      name: e.name,
-      parsedValue: d.value.value,
-      readonly: e.readonly,
-      required: e.required,
-      trueValue: e.trueValue,
-      value: r.value ? e.trueValue : e.falseValue
-    }));
-    return E(
-      () => [e.modelValue, e.checked, e.indeterminate],
-      () => {
-        l.value && (l.value.indeterminate = !!e.indeterminate);
+  setup(t, { emit: p }) {
+    const n = t, o = p, s = y(), u = h(() => ({
+      "bb-base-color-input": !0,
+      "bb-base-color-input--disabled": n.disabled,
+      "bb-base-color-input--errors": n.hasErrors,
+      "bb-base-color-input--loading": n.loading,
+      "bb-base-color-input--readonly": n.readonly
+    })), c = {
+      onBlur: (e) => o("blur", e),
+      onChange: (e) => o("change", e),
+      onClick: (e) => o("click", e),
+      onFocus: (e) => o("focus", e),
+      onKeydown: (e) => o("keydown", e),
+      onInput: (e) => {
+        o("input", e);
+      },
+      onMousedown: (e) => o("mousedown", e),
+      onMouseup: (e) => o("mouseup", e),
+      onMaska: (e) => {
+        const r = e.detail;
+        I(r.masked) ? o("update:modelValue", r.masked) : r.masked === "" && o("update:modelValue", null);
       }
-    ), (a, B) => (m(), p("span", c(h(V.value)), [
-      !r.value && a.submitWhenFalse ? (m(), p("input", c(f({ key: 0 }, x.value)), null, 16)) : I("", !0),
-      s("input", f(d.value, {
-        ref_key: "checkboxInput",
-        ref: l
-      }), null, 16),
-      s("span", S, [
-        q(a.$slots, "icon", c(h(g.value)), () => [
-          A
-        ])
-      ])
-    ], 16));
+    }, m = () => {
+      var e;
+      (e = s.value) == null || e.click();
+    }, b = {
+      mask: "!#HHHHHH",
+      tokens: {
+        H: { pattern: /[0-9a-fA-F]/ }
+      },
+      eager: !0
+    }, f = (e) => {
+      e.target instanceof HTMLInputElement && o("update:modelValue", e.target.value);
+    };
+    return (e, r) => (v(), g(C, null, [
+      d(z, {
+        class: w(u.value)
+      }, {
+        "prepend-outer": a(() => [
+          l(e.$slots, "prepend-outer")
+        ]),
+        "append-outer": a(() => [
+          l(e.$slots, "append-outer")
+        ]),
+        default: a(() => [
+          d($, {
+            "append:icon": n["append:icon"],
+            "prepend:icon": n["prepend:icon"]
+          }, {
+            prepend: a(() => [
+              l(e.$slots, "prepend")
+            ]),
+            prefix: a(() => [
+              l(e.$slots, "prefix")
+            ]),
+            append: a(() => [
+              i("span", {
+                class: "bb-base-color-input__indicator",
+                style: H({ backgroundColor: n.modelValue ?? void 0 }),
+                onClick: V(m, ["stop"])
+              }, null, 4),
+              l(e.$slots, "append")
+            ]),
+            suffix: a(() => [
+              l(e.$slots, "suffix")
+            ]),
+            default: a(() => [
+              B(i("input", q(c, {
+                id: e.id,
+                ref: "input",
+                "aria-describedby": e.ariaDescribedby,
+                "aria-invalid": e.hasErrors ? !0 : void 0,
+                autocomplete: e.autocomplete,
+                autofocus: e.autofocus,
+                class: "bb-base-color-input__input",
+                disabled: e.disabled,
+                name: e.name,
+                placeholder: e.placeholder,
+                readonly: e.readonly,
+                required: e.required,
+                size: "1",
+                value: e.modelValue
+              }), null, 16, D), [
+                [E(M), b]
+              ]),
+              i("input", {
+                ref_key: "picker",
+                ref: s,
+                "aria-hidden": "true",
+                "aria-invalid": e.hasErrors ? !0 : void 0,
+                "aria-label": "Seleziona il colore dalla tavolozza",
+                class: "bb-base-color-input__picker",
+                disabled: e.disabled,
+                readonly: e.readonly,
+                required: e.required,
+                tabindex: "-1",
+                type: "color",
+                onChange: f
+              }, null, 40, F)
+            ]),
+            _: 3
+          }, 8, ["append:icon", "prepend:icon"])
+        ]),
+        _: 3
+      }, 8, ["class"]),
+      r[0] || (r[0] = i("span", null, null, -1))
+    ], 64));
   }
 });
 export {
-  D as default
+  O as default
 };

package/dist/index150.js

@@ -1,4 +1,4 @@
-import o from "./index45.js";
+import o from "./index37.js";
 /* empty css        */
 export {
   o as default

package/dist/index151.js

@@ -1,4 +1,4 @@
-import o from "./index47.js";
+import o from "./index39.js";
 /* empty css        */
 export {
   o as default

package/dist/index152.js

@@ -1,4 +1,4 @@
-import o from "./index49.js";
+import o from "./index41.js";
 /* empty css        */
 export {
   o as default

package/dist/index153.js

@@ -1,4 +1,4 @@
-import o from "./index51.js";
+import o from "./index43.js";
 /* empty css        */
 export {
   o as default

package/dist/index154.js

@@ -1,4 +1,4 @@
-import o from "./index53.js";
+import o from "./index45.js";
 /* empty css        */
 export {
   o as default

package/dist/index155.js

@@ -1,4 +1,4 @@
-import o from "./index55.js";
+import o from "./index47.js";
 /* empty css        */
 export {
   o as default

package/dist/index156.js

@@ -1,4 +1,4 @@
-import o from "./index57.js";
+import o from "./index49.js";
 /* empty css        */
 export {
   o as default

package/dist/index157.js

@@ -1,4 +1,4 @@
-import o from "./index59.js";
+import o from "./index51.js";
 /* empty css        */
 export {
   o as default

package/dist/index158.js

@@ -1,4 +1,4 @@
-import o from "./index61.js";
+import o from "./index53.js";
 /* empty css        */
 export {
   o as default

package/dist/index159.js

@@ -1,4 +1,4 @@
-import o from "./index63.js";
+import o from "./index55.js";
 /* empty css        */
 export {
   o as default

package/dist/index160.js

@@ -1,5 +1,5 @@
-import o from "./index120.js";
-/* empty css         */
+import o from "./index57.js";
+/* empty css        */
 export {
   o as default
 };

package/dist/{index177.js → index161.js}

@@ -1,4 +1,4 @@
-import o from "./index86.js";
+import o from "./index59.js";
 /* empty css        */
 export {
   o as default

package/dist/index162.js

@@ -1,5 +1,5 @@
-import o from "./index121.js";
-/* empty css         */
+import o from "./index61.js";
+/* empty css        */
 export {
   o as default
 };

package/dist/{index166.js → index163.js}

@@ -1,4 +1,4 @@
-import o from "./index69.js";
+import o from "./index63.js";
 /* empty css        */
 export {
   o as default

package/dist/index165.js

@@ -1,5 +1,5 @@
-import o from "./index67.js";
-/* empty css        */
+import o from "./index124.js";
+/* empty css         */
 export {
   o as default
 };

package/dist/index167.js

@@ -1,5 +1,5 @@
-import o from "./index71.js";
-/* empty css        */
+import o from "./index125.js";
+/* empty css         */
 export {
   o as default
 };

package/dist/index169.js

@@ -1,4 +1,4 @@
-import o from "./index75.js";
+import o from "./index67.js";
 /* empty css        */
 export {
   o as default

package/dist/index17.js

@@ -1,131 +1,132 @@
-import { defineComponent as $, ref as p, toRef as l, openBlock as B, createBlock as w, unref as f, withCtx as i, renderSlot as s, normalizeProps as b, guardReactiveProps as h, createVNode as O, mergeProps as v } from "vue";
-import { useOptions as z } from "./index219.js";
-import F from "./index15.js";
-/* empty css        */
-import M from "./index220.js";
-/* empty css         */
-const G = /* @__PURE__ */ $({
-  __name: "BaseCheckboxGroup",
+import { defineComponent as E, ref as m, computed as n, watch as _, openBlock as p, createElementBlock as h, normalizeProps as i, guardReactiveProps as f, mergeProps as k, createCommentVNode as I, createElementVNode as s, renderSlot as q } from "vue";
+import { isCssColor as y } from "./index212.js";
+import { when as F } from "./index213.js";
+import { booleanishToBoolean as N } from "./index214.js";
+const S = {
+  "aria-hidden": "true",
+  class: "bb-base-checkbox-container"
+}, $ = /* @__PURE__ */ E({
+  __name: "BaseCheckbox",
   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: C
-    } = z({
-      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
-    }), L = (e, t) => {
-      o("change", e), t.selected ? C(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) => (B(), w(M, {
-      class: "bb-base-checkbox-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(F, 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) => L(c, n)
-        }), {
-          icon: i((c) => [
-            s(e.$slots, "icon", v({
-              item: n.item,
-              text: n.text
-            }, c))
-          ]),
-          _: 2
-        }, 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: V }) {
+    const e = v, t = V, l = m(null), r = n(() => e.checked ? N(e.checked) : JSON.stringify(e.trueValue) === JSON.stringify(e.modelValue)), u = m(!1), x = n(() => {
+      const a = {
+        class: {
+          "bb-base-checkbox": !0,
+          "bb-base-checkbox--disabled": e.disabled,
+          "bb-base-checkbox--errors": e.hasErrors,
+          "bb-base-checkbox--indeterminate": e.indeterminate,
+          "bb-base-checkbox--readonly": e.readonly,
+          [`bb-base-checkbox--${e.color}`]: e.color && !y(e.color)
+        }
+      };
+      return e.color && y(e.color) && (a.style = `--color: ${e.color}`), a;
+    }), d = F(
+      (a) => typeof a != "string",
+      JSON.stringify
+    ), g = n(() => {
+      const a = d(e.falseValue);
+      return {
+        disabled: e.disabled,
+        name: e.name,
+        type: "hidden",
+        value: a
+      };
+    }), b = n(() => {
+      const a = d(e.trueValue), w = {
+        onBlur: (o) => {
+          u.value = !1, t("blur", o);
+        },
+        onChange: (o) => {
+          if (o.target instanceof HTMLInputElement) {
+            let C = o.target.checked ? e.trueValue : e.falseValue;
+            t("change", o), t("update:modelValue", C);
+          }
+        },
+        onClick: (o) => t("click", o),
+        onFocus: (o) => {
+          u.value = !0, t("focus", o);
+        },
+        onKeydown: (o) => t("keydown", o),
+        onMousedown: (o) => t("mousedown", o),
+        onMouseup: (o) => t("mouseup", o),
+        onInput: (o) => t("input", o)
+      };
+      return {
+        "aria-describedby": e.ariaDescribedby,
+        autofocus: e.autofocus,
+        checked: r.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,
+        ...w
+      };
+    }), B = n(() => ({
+      checked: r.value,
+      disabled: e.disabled,
+      falseValue: e.falseValue,
+      focused: u.value,
+      hasErrors: e.hasErrors,
+      id: e.id,
+      name: e.name,
+      parsedValue: b.value.value,
+      readonly: e.readonly,
+      required: e.required,
+      trueValue: e.trueValue,
+      value: r.value ? e.trueValue : e.falseValue
+    }));
+    return _(
+      () => [e.modelValue, e.checked, e.indeterminate],
+      () => {
+        l.value && (l.value.indeterminate = !!e.indeterminate);
+      }
+    ), (a, c) => (p(), h("span", i(f(x.value)), [
+      !r.value && a.submitWhenFalse ? (p(), h("input", i(k({ key: 0 }, g.value)), null, 16)) : I("", !0),
+      s("input", k(b.value, {
+        ref_key: "checkboxInput",
+        ref: l
+      }), null, 16),
+      s("span", S, [
+        q(a.$slots, "icon", i(f(B.value)), () => [
+          c[0] || (c[0] = s("svg", {
+            class: "bb-base-checkbox-container__icon",
+            viewBox: "276.411 158.834 114.971 114.97"
+          }, [
+            s("path", {
+              d: "M 297.574 224.786 L 318.309 243.134 L 371.568 189.232",
+              fill: "none",
+              "stroke-linecap": "round",
+              "stroke-width": "14px"
+            })
+          ], -1))
+        ])
+      ])
+    ], 16));
   }
 });
 export {
-  G as default
+  $ as default
 };

package/dist/index170.js

@@ -1,5 +1,5 @@
-import o from "./index122.js";
-/* empty css         */
+import o from "./index69.js";
+/* empty css        */
 export {
   o as default
 };