bitboss-ui 2.1.102 → 2.1.104

package/dist/index16.js

@@ -1,19 +1,17 @@
-import { defineComponent as H, ref as s, computed as M, createBlock as D, openBlock as E, normalizeClass as I, withCtx as l, createVNode as d, unref as u, withDirectives as L, createElementVNode as p, mergeProps as _, renderSlot as r, withModifiers as q, normalizeStyle as N } from "vue";
-import { isHex as z } from "./index252.js";
-import { isNotNil as F } from "./index146.js";
-import { useId as S } from "./index8.js";
-import { useLocale as U } from "./index225.js";
-import { vMaska as A } from "./index248.js";
-import K from "./index253.js";
+import { defineComponent as C, ref as d, computed as i, createBlock as $, openBlock as g, normalizeClass as I, withCtx as n, createVNode as b, unref as t, withDirectives as M, createElementVNode as p, mergeProps as f, renderSlot as s } from "vue";
+import { isHex as q } from "./index277.js";
+import { isNotNil as D } from "./index147.js";
+import { useId as E } from "./index8.js";
+import { useLocale as N } from "./index236.js";
+import { vMaska as L } from "./index276.js";
+import P from "./index74.js";
+import z from "./index138.js";
 /* empty css         */
-import O from "./index137.js";
-/* empty css         */
-import P from "./index139.js";
-import T from "./index249.js";
-/* empty css         */
-const j = ["id", "aria-describedby", "aria-invalid", "autocomplete", "autofocus", "disabled", "name", "placeholder", "readonly", "required", "value"], G = ["aria-label"], J = { class: "bb-common-input-inner-container__suffix" }, ie = /* @__PURE__ */ H({
+import A from "./index140.js";
+const F = ["id", "aria-describedby", "aria-invalid", "autocomplete", "autofocus", "disabled", "name", "placeholder", "readonly", "required", "value"], S = ["disabled"], U = { class: "bb-common-input-inner-container__suffix" }, Z = /* @__PURE__ */ C({
   __name: "BaseColorInput",
   props: {
+    alpha: { type: Boolean, default: !1 },
     "append:icon": {},
     ariaDescribedby: {},
     autocomplete: { default: "off" },
@@ -30,21 +28,25 @@ const j = ["id", "aria-describedby", "aria-invalid", "autocomplete", "autofocus"
     "prepend:icon": {},
     readonly: { type: Boolean },
     required: { type: Boolean },
+    picker: { type: Boolean },
+    swatches: { type: [Boolean, Array] },
     transitionDuration: { default: 250 }
   },
   emits: ["blur", "change", "click", "focus", "input", "keydown", "mousedown", "mouseup", "update:modelValue"],
-  setup(b, { emit: f }) {
-    const n = b, a = f, k = s(
+  setup(y, { emit: k }) {
+    const o = y, a = k, h = d(
       null
-    ), v = n.id ?? `bb_${S().id.value}`, c = s(null), y = s(null), { t: h } = U(), V = M(() => ({
+    ), u = d(null), v = o.id ?? `bb_${E().id.value}`, { t: c } = N(), H = i(
+      () => o.modelValue ? c("colorInput.openPickerSelected", o.modelValue).value : c("colorInput.openPicker").value
+    ), w = i(() => ({
       "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,
-      "bb-base-color-input--compact": n.compact,
-      "bb-base-color-input--active": t.value
-    })), C = {
+      "bb-base-color-input--disabled": o.disabled,
+      "bb-base-color-input--errors": o.hasErrors,
+      "bb-base-color-input--loading": o.loading,
+      "bb-base-color-input--readonly": o.readonly,
+      "bb-base-color-input--compact": o.compact,
+      "bb-base-color-input--active": m.value
+    })), V = {
       onBlur: (e) => a("blur", e),
       onChange: (e) => a("change", e),
       onClick: (e) => a("click", e),
@@ -52,71 +54,75 @@ const j = ["id", "aria-describedby", "aria-invalid", "autocomplete", "autofocus"
       onInput: (e) => a("input", e),
       onKeydown: (e) => a("keydown", e),
       onMaska: (e) => {
-        const o = e.detail;
-        z(o.masked) ? a("update:modelValue", o.masked) : o.masked === "" && a("update:modelValue", null);
+        const l = e.detail;
+        q(l.masked) ? a("update:modelValue", l.masked) : l.masked === "" && a("update:modelValue", null);
       },
       onMousedown: (e) => a("mousedown", e),
       onMouseup: (e) => a("mouseup", e)
-    }, g = () => {
-      $();
-    }, w = {
-      mask: "!#HHHHHH",
+    }, B = i(() => ({
+      mask: o.alpha ? "!#HHHHHHHH" : "!#HHHHHH",
       tokens: {
         H: { pattern: /[0-9a-fA-F]/ }
       },
       eager: !0
-    }, t = s(!1), m = (e) => {
-      const o = e.target;
-      o && o instanceof HTMLDialogElement && B();
-    }, $ = () => {
-      t.value = !0, document.addEventListener("click", m, { passive: !0 });
-    }, B = () => {
-      t.value = !1, document.removeEventListener("click", m);
-    };
-    return (e, o) => (E(), D(P, {
+    })), m = d(!1);
+    return (e, l) => (g(), $(A, {
       ref_key: "wrapper",
-      ref: k,
-      class: I(V.value)
+      ref: h,
+      class: I(w.value)
     }, {
-      "prepend-outer": l(() => [
-        r(e.$slots, "prepend-outer")
+      "prepend-outer": n(() => [
+        s(e.$slots, "prepend-outer")
       ]),
-      "append-outer": l(() => [
-        r(e.$slots, "append-outer")
+      "append-outer": n(() => [
+        s(e.$slots, "append-outer")
       ]),
-      default: l(() => [
-        d(O, {
+      default: n(() => [
+        b(z, {
           ref_key: "innerContainer",
-          ref: c,
-          "append:icon": n["append:icon"],
-          clearable: e.clearable && u(F)(e.modelValue),
-          "prepend:icon": n["prepend:icon"],
-          "onClick:clear": o[0] || (o[0] = (i) => e.$emit("update:modelValue", null))
+          ref: u,
+          "append:icon": o["append:icon"],
+          clearable: e.clearable && t(D)(e.modelValue) && !e.readonly && !e.disabled,
+          "prepend:icon": o["prepend:icon"],
+          "onClick:clear": l[2] || (l[2] = (r) => e.$emit("update:modelValue", null))
         }, {
-          prepend: l(() => [
-            r(e.$slots, "prepend")
+          prepend: n(() => [
+            s(e.$slots, "prepend")
           ]),
-          prefix: l(() => [
-            r(e.$slots, "prefix")
+          prefix: n(() => [
+            s(e.$slots, "prefix")
           ]),
-          append: l(() => [
-            p("button", {
-              ref: "indicator",
-              "aria-label": u(h)("colorInput.paletteLabel").value,
-              class: "bb-base-color-input__indicator",
-              style: N({ backgroundColor: n.modelValue ?? void 0 }),
-              type: "button",
-              onClick: q(g, ["stop"])
-            }, null, 12, G),
-            r(e.$slots, "append", {}, () => [
-              p("span", J, [
-                r(e.$slots, "suffix")
+          append: n(() => [
+            b(P, {
+              alpha: e.alpha,
+              anchor: u.value,
+              disabled: e.disabled || e.readonly,
+              label: H.value,
+              "model-value": e.modelValue,
+              picker: e.picker,
+              swatches: e.swatches,
+              "onUpdate:modelValue": l[0] || (l[0] = (r) => a("update:modelValue", r)),
+              "onUpdate:open": l[1] || (l[1] = (r) => m.value = r)
+            }, {
+              activator: n(({ props: r }) => [
+                p("button", f(r, {
+                  class: "bb-base-color-input__indicator",
+                  disabled: e.disabled || e.readonly,
+                  style: { backgroundColor: o.modelValue ?? void 0 },
+                  type: "button"
+                }), null, 16, S)
+              ]),
+              _: 1
+            }, 8, ["alpha", "anchor", "disabled", "label", "model-value", "picker", "swatches"]),
+            s(e.$slots, "append", {}, () => [
+              p("span", U, [
+                s(e.$slots, "suffix")
               ])
             ])
           ]),
-          default: l(() => [
-            L(p("input", _(C, {
-              id: u(v),
+          default: n(() => [
+            M(p("input", f(V, {
+              id: t(v),
               "aria-describedby": e.ariaDescribedby,
               "aria-invalid": e.hasErrors ? !0 : void 0,
               autocomplete: e.autocomplete,
@@ -130,37 +136,17 @@ const j = ["id", "aria-describedby", "aria-invalid", "autocomplete", "autofocus"
               size: "1",
               type: "text",
               value: e.modelValue
-            }), null, 16, j), [
-              [u(A), w]
+            }), null, 16, F), [
+              [t(L), B.value]
             ])
           ]),
           _: 3
-        }, 8, ["append:icon", "clearable", "prepend:icon"]),
-        d(T, {
-          modelValue: t.value,
-          "onUpdate:modelValue": o[2] || (o[2] = (i) => t.value = i),
-          anchor: c.value,
-          class: "bb-base-color-input__pallette",
-          dialog: "",
-          offset: 4,
-          "transition-duration": e.transitionDuration
-        }, {
-          default: l(() => [
-            d(K, {
-              ref_key: "pallette",
-              ref: y,
-              inert: !t.value,
-              "model-value": e.modelValue,
-              "onUpdate:modelValue": o[1] || (o[1] = (i) => a("update:modelValue", i))
-            }, null, 8, ["inert", "model-value"])
-          ]),
-          _: 1
-        }, 8, ["modelValue", "anchor", "transition-duration"])
+        }, 8, ["append:icon", "clearable", "prepend:icon"])
       ]),
       _: 3
     }, 8, ["class"]));
   }
 });
 export {
-  ie as default
+  Z as default
 };

package/dist/index160.js

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

package/dist/index161.js

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

package/dist/index162.js

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

package/dist/index163.js

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

package/dist/index164.js

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

package/dist/index165.js

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

package/dist/index166.js

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

package/dist/index167.js

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

package/dist/index168.js

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

package/dist/index169.js

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

package/dist/index170.js

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

package/dist/index171.js

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

package/dist/index172.js

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

package/dist/index173.js

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

package/dist/index174.js

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

package/dist/index175.js

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

package/dist/index176.js

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

package/dist/index177.js

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

package/dist/index178.js

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

package/dist/index179.js

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

package/dist/index18.js

@@ -1,7 +1,7 @@
 import { defineComponent as _, ref as i, computed as t, watch as F, createElementBlock as p, openBlock as h, normalizeProps as d, guardReactiveProps as f, createCommentVNode as L, createElementVNode as s, mergeProps as k, renderSlot as M } from "vue";
-import { isCssColor as y } from "./index226.js";
-import { booleanishToBoolean as q } from "./index227.js";
-import { isEqual as A } from "./index228.js";
+import { isCssColor as y } from "./index253.js";
+import { booleanishToBoolean as q } from "./index267.js";
+import { isEqual as A } from "./index285.js";
 const N = {
   "aria-hidden": "true",
   class: "bb-base-checkbox-container"

package/dist/index180.js

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

package/dist/index181.js

@@ -1,4 +1,4 @@
-import f from "./index76.js";
+import f from "./index74.js";
 export {
   f as default
 };

package/dist/index182.js

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

package/dist/index183.js

@@ -1,5 +1,4 @@
-import o from "./index79.js";
-/* empty css        */
+import f from "./index77.js";
 export {
-  o as default
+  f as default
 };

package/dist/index184.js

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

package/dist/index185.js

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

package/dist/index186.js

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

package/dist/index187.js

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

package/dist/index188.js

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

package/dist/index189.js

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

package/dist/index190.js

@@ -1,5 +1,4 @@
-import o from "./index92.js";
-/* empty css        */
+import f from "./index90.js";
 export {
-  o as default
+  f as default
 };

package/dist/index191.js

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

package/dist/index192.js

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

package/dist/index193.js

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

package/dist/index194.js

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

package/dist/index195.js

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

package/dist/index196.js

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

package/dist/index197.js

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

package/dist/index198.js

@@ -1,4 +1,5 @@
-import f from "./index108.js";
+import o from "./index105.js";
+/* empty css         */
 export {
-  f as default
+  o as default
 };

package/dist/index199.js

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

package/dist/index20.js

@@ -1,15 +1,15 @@
 import { defineComponent as z, ref as B, toRef as p, computed as G, createBlock as R, openBlock as W, unref as T, withCtx as n, renderSlot as s, normalizeProps as f, guardReactiveProps as h, createVNode as K, mergeProps as w } from "vue";
 import N from "./index18.js";
 /* empty css        */
-import U from "./index259.js";
+import U from "./index226.js";
 /* empty css         */
-import { useItemsGetter as q } from "./index261.js";
-import { useIndexById as C } from "./index262.js";
-import { useBaseOptions as J } from "./index263.js";
-import { useCoherence as Q } from "./index264.js";
-import { hash as X } from "./index233.js";
-import { useHashedWatcher as $ } from "./index265.js";
-import { usePrefill as Y } from "./index266.js";
+import { useItemsGetter as q } from "./index228.js";
+import { useIndexById as C } from "./index229.js";
+import { useBaseOptions as J } from "./index230.js";
+import { useCoherence as Q } from "./index231.js";
+import { hash as X } from "./index232.js";
+import { useHashedWatcher as $ } from "./index233.js";
+import { usePrefill as Y } from "./index234.js";
 const ce = /* @__PURE__ */ z({
   __name: "BaseCheckboxGroup",
   props: {
@@ -50,10 +50,10 @@ const ce = /* @__PURE__ */ z({
     }), c = () => {
       o.enforceCoherence && !v.value && t("update:modelValue", F.value.coherent);
     }, { hasPrefilled: L } = Y({
-      onStart: !0,
+      trigger: !0,
       currentValue: o.modelValue,
       multiple: !0,
-      fn: async ({ prefill: e }) => {
+      fn: async (e) => {
         await u(e, o.modelValue), c();
       }
     }), { data: b } = C({
@@ -100,9 +100,9 @@ const ce = /* @__PURE__ */ z({
     const O = (e) => {
       if (o.id)
         return [o.id, e.valueHash].filter(Boolean).join("-");
-    }, S = (e, l) => {
+    }, A = (e, l) => {
       t("change", e), l.selected ? M(l) : x(l);
-    }, A = {
+    }, S = {
       onBlur: (e) => t("blur", e),
       onClick: (e) => t("click", e),
       onFocus: (e) => {
@@ -158,8 +158,8 @@ const ce = /* @__PURE__ */ z({
           name: e.name,
           readonly: e.readonly,
           "true-value": a.value
-        }, A, {
-          onChange: (m) => S(m, a)
+        }, S, {
+          onChange: (m) => A(m, a)
         }), {
           icon: n((m) => [
             s(e.$slots, "icon", w({

package/dist/index200.js

@@ -1,5 +1,4 @@
-import o from "./index111.js";
-/* empty css         */
+import f from "./index109.js";
 export {
-  o as default
+  f as default
 };

package/dist/index201.js

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

package/dist/index202.js

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

package/dist/index203.js

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