bitboss-ui 2.0.102 → 2.0.103

package/dist/index39.js

@@ -1,11 +1,11 @@
 import { defineComponent as U, ref as d, computed as h, onMounted as W, watch as Z, openBlock as g, createElementBlock as w, mergeProps as T, renderSlot as f, createElementVNode as c, Fragment as ee, renderList as ae, createCommentVNode as H, normalizeProps as re, guardReactiveProps as te, unref as b, normalizeClass as F, normalizeStyle as I } from "vue";
-import { clamp as le } from "./index206.js";
-import { head as O } from "./index250.js";
-import { isCssColor as Y } from "./index224.js";
-import { isNil as P } from "./index251.js";
+import { clamp as le } from "./index246.js";
+import { head as O } from "./index256.js";
+import { isCssColor as Y } from "./index223.js";
+import { isNil as P } from "./index257.js";
 import { isNotNil as ne } from "./index134.js";
 import { transposeValue as y } from "./index131.js";
-import { hash as J } from "./index213.js";
+import { hash as J } from "./index229.js";
 const oe = { class: "bb-base-slider__slider-container" }, ie = {
   key: 0,
   class: "bb-base-slider__ticks-container"

package/dist/index41.js

@@ -1,6 +1,6 @@
 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 A, createElementVNode as l, renderSlot as F } from "vue";
-import { isCssColor as b } from "./index224.js";
-import { when as N } from "./index225.js";
+import { isCssColor as b } from "./index223.js";
+import { when as N } from "./index224.js";
 const x = { class: "bb-base-switch-container" }, $ = /* @__PURE__ */ I({
   __name: "BaseSwitch",
   props: {

package/dist/index43.js

@@ -1,10 +1,17 @@
-import { defineComponent as B, ref as b, toRef as l, openBlock as w, createBlock as O, unref as v, withCtx as i, renderSlot as s, normalizeProps as m, guardReactiveProps as p, createVNode as z, mergeProps as h, createSlots as F } from "vue";
-import { useOptions as M } from "./index230.js";
-import S from "./index41.js";
+import { defineComponent as z, ref as B, toRef as d, openBlock as G, createBlock as R, unref as u, withCtx as s, renderSlot as l, normalizeProps as v, guardReactiveProps as b, createVNode as W, mergeProps as w, createSlots as K } from "vue";
+import N from "./index41.js";
 /* empty css        */
-import H from "./index231.js";
+import U from "./index230.js";
 /* empty css         */
-const G = /* @__PURE__ */ B({
+import { useLocale as q } from "./index232.js";
+import { useItemsGetter as J } from "./index233.js";
+import { useIndexById as E } from "./index234.js";
+import { useBaseOptions as Q } from "./index235.js";
+import { useCoherence as X } from "./index236.js";
+import { hash as Y } from "./index229.js";
+import { useHashedWatcher as L } from "./index237.js";
+import { usePrefill as Z } from "./index238.js";
+const pe = /* @__PURE__ */ z({
   __name: "BaseSwitchGroup",
   props: {
     ariaDescribedby: {},
@@ -21,122 +28,160 @@ const G = /* @__PURE__ */ B({
     items: { type: [Array, Function], default: () => [] },
     itemText: {},
     itemValue: {},
-    loadingText: { default: "Caricamento..." },
-    max: {},
+    loadingText: {},
+    max: { default: 1 / 0 },
     modelValue: {},
     modelValueDebounceTime: { default: 0 },
     name: {},
-    noDataText: { default: "Nessun elemento da visualizzare" },
+    noDataText: {},
     readonly: { type: Boolean }
   },
   emits: ["blur", "change", "click", "focus", "inactive", "input", "keydown", "mousedown", "mouseup", "update:modelValue"],
-  setup(g, { emit: y }) {
-    const n = g, a = y, f = b(), r = b(!1), {
-      innerLoading: T,
-      options: k,
-      selectOption: D,
-      unselectOption: L
-    } = M({
-      dependencies: l(n, "dependencies"),
-      depsDebounceTime: n.depsDebounceTime,
-      disabled: l(n, "disabled"),
-      emit: a,
-      enforceCoherence: n.enforceCoherence,
-      items: l(n, "items"),
-      itemText: n.itemText,
-      itemValue: n.itemValue,
-      max: n.max,
-      modelValue: l(n, "modelValue"),
-      modelValueDebounceTime: n.modelValueDebounceTime,
+  setup(C, { emit: D }) {
+    const o = C, t = D;
+    if (!Array.isArray(o.modelValue))
+      throw new Error("Model value must be an array in checkbox group.");
+    const { t: y } = q(), g = B(), r = B(!1), {
+      getter: c,
+      items: $,
+      loading: I
+    } = J({
+      items: d(o, "items"),
+      debounce: 0
+    }), m = () => {
+      o.enforceCoherence && !T.value && t("update:modelValue", P.value.coherent);
+    }, { hasPrefilled: H } = Z({
+      onStart: !0,
+      currentValue: o.modelValue,
       multiple: !0,
-      prefill: !0,
-      queryDebounceTime: 0,
-      resetQueryOnOptionSelected: !1,
-      stash: !1
-    }), C = (e) => {
-      if (n.id)
-        return [n.id, e.valueHash].filter(Boolean).join("-");
-    }, E = (e, t) => {
-      a("change", e), t.selected ? L(t) : D(t);
-    }, V = {
-      onBlur: (e) => a("blur", e),
-      onClick: (e) => a("click", e),
+      fn: async ({ prefill: e }) => {
+        await c(e, o.modelValue), m();
+      }
+    }), { data: V } = E({
+      items: d(o, "modelValue")
+    }), { options: k } = Q({
+      disabled: d(o, "disabled"),
+      items: $,
+      itemText: o.itemText,
+      itemValue: o.itemValue,
+      max: o.max,
+      selectable: !0,
+      selectedIndexedByHash: V
+    }), x = async (e) => {
+      t("update:modelValue", o.modelValue.concat(e.value));
+    }, S = async (e) => {
+      const a = { ...V.value };
+      delete a[e.valueHash], t("update:modelValue", Object.values(a));
+    }, { data: M } = E({
+      items: k,
+      key: "valueHash"
+    }), { coherent: T, status: P } = X({
+      modelValue: d(o, "modelValue"),
+      multiple: !0,
+      iteratee: (e) => !!M.value[Y(e)]
+    });
+    let i = 0;
+    L(
+      () => o.modelValue,
+      async () => {
+        i++, T.value || (await c(!1, o.modelValue), m()), i--;
+      },
+      {
+        debounce: o.modelValueDebounceTime
+      }
+    ), L(
+      () => [o.dependencies, o.items],
+      async () => {
+        H.value && (i++, await c(!1, o.modelValue), i === 1 && m(), i--);
+      },
+      {
+        debounce: o.depsDebounceTime
+      }
+    );
+    const F = (e) => {
+      if (o.id)
+        return [o.id, e.valueHash].filter(Boolean).join("-");
+    }, O = (e, a) => {
+      t("change", e), a.selected ? S(a) : x(a);
+    }, A = {
+      onBlur: (e) => t("blur", e),
+      onClick: (e) => t("click", e),
       onFocus: (e) => {
-        a("focus", e), r.value || (document.addEventListener("focusin", d, { passive: !0 }), document.addEventListener("click", u, { passive: !0 }), r.value = !0);
+        t("focus", e), r.value || (document.addEventListener("focusin", p, { passive: !0 }), document.addEventListener("click", f, { passive: !0 }), r.value = !0);
       },
-      onInput: (e) => a("input", e),
-      onKeydown: (e) => a("keydown", e),
-      onMousedown: (e) => a("mousedown", e),
-      onMouseup: (e) => a("mouseup", e)
-    }, d = (e) => {
-      var t;
-      e.target instanceof HTMLElement && ((t = f.value) != null && t.contains(e.target) || (a("inactive"), r.value = !1, document.removeEventListener("focusin", d), document.removeEventListener("click", u)));
-    }, u = (e) => {
-      var t;
-      e.target instanceof HTMLElement && ((t = f.value) != null && t.contains(e.target) || (a("inactive"), r.value = !1, document.removeEventListener("focusin", d), document.removeEventListener("click", u)));
+      onInput: (e) => t("input", e),
+      onKeydown: (e) => t("keydown", e),
+      onMousedown: (e) => t("mousedown", e),
+      onMouseup: (e) => t("mouseup", e)
+    }, p = (e) => {
+      var a;
+      e.target instanceof HTMLElement && ((a = g.value) != null && a.contains(e.target) || (t("inactive"), r.value = !1, document.removeEventListener("focusin", p), document.removeEventListener("click", f)));
+    }, f = (e) => {
+      var a;
+      e.target instanceof HTMLElement && ((a = g.value) != null && a.contains(e.target) || (t("inactive"), r.value = !1, document.removeEventListener("focusin", p), document.removeEventListener("click", f)));
     };
-    return (e, t) => (w(), O(H, {
+    return (e, a) => (G(), R(U, {
       class: "bb-base-switch-group",
       direction: e.direction,
       "has-errors": e.hasErrors,
       "hide-label": e.hideLabel,
-      loading: !!v(T),
-      "loading-text": e.loadingText,
-      "no-data-text": e.noDataText,
-      options: v(k)
+      loading: !!u(I),
+      "loading-text": e.loadingText || u(y)("common.loadingText"),
+      "no-data-text": e.noDataText || u(y)("common.noDataText"),
+      options: u(k)
     }, {
-      prepend: i(() => [
-        s(e.$slots, "prepend")
+      prepend: s(() => [
+        l(e.$slots, "prepend")
       ]),
-      loading: i(() => [
-        s(e.$slots, "loading")
+      loading: s(() => [
+        l(e.$slots, "loading")
       ]),
-      "no-data": i(() => [
-        s(e.$slots, "no-data")
+      "no-data": s(() => [
+        l(e.$slots, "no-data")
       ]),
-      label: i((o) => [
-        s(e.$slots, "label", m(p(o)))
+      label: s((n) => [
+        l(e.$slots, "label", v(b(n)))
       ]),
-      "option:prepend": i((o) => [
-        s(e.$slots, "option:prepend", m(p(o)))
+      "option:prepend": s((n) => [
+        l(e.$slots, "option:prepend", v(b(n)))
       ]),
-      input: i(({ option: o, index: $ }) => [
-        z(S, h({
-          id: C(o),
+      input: s(({ option: n, index: j }) => [
+        W(N, w({
+          id: F(n),
           "aria-describedby": e.ariaDescribedby,
-          autofocus: e.autofocus && !$,
-          checked: o.selected,
+          autofocus: e.autofocus && !j,
+          checked: n.selected,
           color: e.color,
-          disabled: o.disabled,
+          disabled: n.disabled,
           "has-errors": e.hasErrors,
           name: e.name,
           readonly: e.readonly,
-          "true-value": o.value
-        }, V, {
-          onChange: (c) => E(c, o)
-        }), F({ _: 2 }, [
+          "true-value": n.value
+        }, A, {
+          onChange: (h) => O(h, n)
+        }), K({ _: 2 }, [
           e.$slots.icon ? {
             name: "icon",
-            fn: i((c) => [
-              s(e.$slots, "icon", h({
-                item: o.item,
-                text: o.text
-              }, c))
+            fn: s((h) => [
+              l(e.$slots, "icon", w({
+                item: n.item,
+                text: n.text
+              }, h))
             ]),
             key: "0"
           } : void 0
         ]), 1040, ["id", "aria-describedby", "autofocus", "checked", "color", "disabled", "has-errors", "name", "readonly", "true-value", "onChange"])
       ]),
-      "option:append": i((o) => [
-        s(e.$slots, "option:append", m(p(o)))
+      "option:append": s((n) => [
+        l(e.$slots, "option:append", v(b(n)))
       ]),
-      append: i(() => [
-        s(e.$slots, "append")
+      append: s(() => [
+        l(e.$slots, "append")
       ]),
       _: 3
     }, 8, ["direction", "has-errors", "hide-label", "loading", "loading-text", "no-data-text", "options"]));
   }
 });
 export {
-  G as default
+  pe as default
 };

package/dist/index45.js

@@ -1,19 +1,19 @@
-import { defineComponent as Y, ref as i, computed as k, toRef as B, openBlock as f, createBlock as C, normalizeClass as x, withCtx as a, renderSlot as s, 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 d, withKeys as y, vModelDynamic as re, nextTick as ie } from "vue";
+import { defineComponent as R, ref as u, computed as f, toRef as E, watch as j, openBlock as v, createBlock as k, normalizeClass as Q, withCtx as l, renderSlot as s, createVNode as I, unref as Z, createElementVNode as $, createElementBlock as G, Fragment as J, createCommentVNode as W, withDirectives as X, mergeProps as Y, withModifiers as d, withKeys as y, vModelDynamic as ee, nextTick as te } from "vue";
 /* empty css       */
 /* empty css       */
-import ue from "./index128.js";
+import oe from "./index128.js";
 /* empty css         */
-import { isNotNil as se } from "./index134.js";
-import { last as de } from "./index214.js";
-import { useOptions as pe } from "./index230.js";
-import ce from "./index246.js";
+import { last as ae } from "./index217.js";
+import { useBaseOptions as ne } from "./index235.js";
+import { useIndexById as le } from "./index234.js";
+import re from "./index251.js";
 /* empty css         */
-import me from "./index248.js";
+import ie from "./index253.js";
 /* empty css         */
-import fe from "./index221.js";
+import ue from "./index205.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"], qe = /* @__PURE__ */ Y({
+import se from "./index207.js";
+const de = { class: "bb-base-tag__input-container" }, pe = ["id", "aria-describedby", "autocomplete", "autofocus", "disabled", "placeholder", "readonly", "required", "onKeydown"], $e = /* @__PURE__ */ R({
   __name: "BaseTag",
   props: {
     "append:icon": {},
@@ -37,106 +37,108 @@ const ye = { class: "bb-base-tag__input-container" }, be = ["id", "aria-describe
     required: { type: Boolean }
   },
   emits: ["blur", "change", "click", "duplicate", "focus", "inactive", "input", "keydown", "keyup", "update:modelValue"],
-  setup(D, { emit: I }) {
-    const o = D, l = I;
-    if (o.multiple && !Array.isArray(o.modelValue))
+  setup(O, { emit: D }) {
+    const t = O, n = D;
+    if (t.multiple && !Array.isArray(t.modelValue))
       throw new Error('Multiple is set to "true" but modelValue is not an array.');
-    const b = i(null), T = i(null), L = k(() => o.placeholder), V = i(null), w = i(null), r = k(
-      () => o.comma ? V.value : w.value
-    ), p = i(null), E = () => {
+    const b = u(null), L = u(null), B = u(null), V = u(null), r = f(
+      () => t.comma ? B.value : V.value
+    ), p = u(null), A = () => {
       p.value instanceof HTMLInputElement && p.value.focus();
-    }, N = !o.multiple && se(o.modelValue) || o.multiple && !!o.modelValue.length, q = i([]), {
-      query: t,
-      alignQueryToState: A,
-      addCurrentQueryToManualItems: K,
-      selectedOptions: u,
-      selectOption: M,
-      unselectOption: P,
-      valueIsSelected: S,
-      manualItems: _
-    } = pe({
-      emit: l,
+    }, o = u(""), i = f(() => K.value.filter((e) => e.selected)), { data: w, get: H } = le({
+      items: E(t, "modelValue")
+    }), { options: K } = ne({
+      disabled: E(t, "disabled"),
+      items: f(() => [].concat(t.modelValue)),
       itemText: void 0,
       itemValue: void 0,
-      modelValue: B(o, "modelValue"),
-      multiple: o.multiple,
-      resetQueryOnOptionSelected: !0,
-      stash: !1,
-      items: B(o, "modelValue"),
-      enforceCoherence: !1,
-      prefill: N,
-      modelValueDebounceTime: 0,
-      dependencies: q,
-      depsDebounceTime: 0,
-      queryDebounceTime: 0,
-      disabled: B(o, "disabled")
-    }), g = i(!1), F = () => {
+      max: t.max,
+      selectable: !0,
+      selectedIndexedByHash: w
+    }), C = () => {
+      if (t.multiple) {
+        o.value = "";
+        return;
+      }
+      let e;
+      i.value && (e = ae(i.value)), o.value = (e == null ? void 0 : e.text) || "";
+    }, T = async (e) => {
+      if (t.multiple) {
+        const a = { ...w.value };
+        delete a[e.valueHash], n("update:modelValue", Object.values(a));
+      } else
+        n("update:modelValue", null);
+      A();
+    };
+    j(
+      () => t.modelValue,
+      async () => {
+        C();
+      }
+    );
+    const g = u(!1), q = () => {
       g.value = !0;
-    }, H = () => {
-      g.value = !1, l("inactive");
-    }, h = k(() => !(o.readonly || o.disabled || !r.value && o.multiple)), Q = (e) => {
-      var n;
-      h.value && (!o.multiple || t.value || (e.preventDefault(), u.value.length && ((n = r.value) == null || n.focusPrevious())));
-    }, R = (e) => {
-      var n;
-      h.value && (!o.multiple || t.value || (e.preventDefault(), u.value.length && ((n = r.value) == null || n.focusNext())));
-    }, U = async () => {
-      var e, n;
-      !h.value || t.value || !u.value.length || ((e = r.value) != null && e.getHighlighted() && r.value.confirmOption(), await ie(), (n = r.value) == null || n.focusPrevious());
-    }, z = () => {
+    }, M = () => {
+      g.value = !1, n("inactive");
+    }, h = f(() => !(t.readonly || t.disabled || !r.value && t.multiple)), N = (e) => {
+      var a;
+      h.value && (!t.multiple || o.value || (e.preventDefault(), i.value.length && ((a = r.value) == null || a.focusPrevious())));
+    }, P = (e) => {
+      var a;
+      h.value && (!t.multiple || o.value || (e.preventDefault(), i.value.length && ((a = r.value) == null || a.focusNext())));
+    }, _ = async () => {
+      var e, a;
+      !h.value || o.value || !i.value.length || ((e = r.value) != null && e.getHighlighted() && r.value.confirmOption(), await te(), (a = r.value) == null || a.focusPrevious());
+    }, F = () => {
       var e;
       (e = r.value) == null || e.blur();
-    }, Z = async (e) => {
-      var n;
-      if (l("keydown", e), o.readonly || o.disabled) {
+    }, S = async (e) => {
+      var a;
+      if (n("keydown", e), t.readonly || t.disabled) {
         e.preventDefault();
         return;
       }
-      if (/^[A-Za-z0-9]$/.test(e.key) && ((n = r.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 (/^[A-Za-z0-9]$/.test(e.key) && ((a = r.value) == null || a.blur()), e.key === t.divider || e.key === "Unidentified" && o.value.includes(t.divider)) {
+        if (t.divider.length === 1 && o.value.includes(t.divider)) {
+          const m = o.value.split(t.divider)[0];
           if (m)
-            t.value = m;
+            o.value = m;
           else {
-            t.value = "";
+            o.value = "";
             return;
           }
         }
-        if (!t.value) {
-          l("keydown", e);
+        if (!o.value) {
+          n("keydown", e);
           return;
         }
-        if (e.preventDefault(), S(t.value))
-          l("duplicate", t.value), t.value = "";
+        if (e.preventDefault(), H(o.value))
+          n("duplicate", o.value), o.value = "";
         else {
-          if (o.max && u.value.length >= o.max)
+          if (t.max && i.value.length >= t.max)
             return;
-          K(), j(de(_.value));
+          t.multiple ? n("update:modelValue", t.modelValue.concat(o.value)) : n("update:modelValue", o.value);
         }
       }
-    }, j = (e) => {
-      M(e), E();
-    }, 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) && p.value instanceof HTMLElement && p.value.focus();
+    }, U = (e) => {
+      n("focus", e), q(), document.addEventListener("click", c), document.addEventListener("focusin", c);
+    }, x = (e) => {
+      n("click", e), !(t.disabled || t.readonly) && p.value instanceof HTMLElement && p.value.focus();
     }, c = async (e) => {
       if (e.target instanceof Node && b.value && !b.value.$el.contains(e.target)) {
-        H(), document.removeEventListener("click", c), document.removeEventListener("focusin", c), A();
+        M(), document.removeEventListener("click", c), document.removeEventListener("focusin", c), C();
         return;
       }
-    }, X = {
-      onBlur: (e) => l("blur", e),
-      onChange: (e) => l("change", e),
-      onKeyup: (e) => l("keyup", e),
-      onInput: (e) => l("input", e)
+    }, z = {
+      onBlur: (e) => n("blur", e),
+      onChange: (e) => n("change", e),
+      onKeyup: (e) => n("keyup", e),
+      onInput: (e) => n("input", e)
     };
-    return (e, n) => (f(), C(ve, {
+    return (e, a) => (v(), k(se, {
       ref_key: "outerContainer",
       ref: b,
-      class: x({
+      class: Q({
         "bb-base-tag": !0,
         "bb-base-tag--active": g.value,
         "bb-base-tag--disabled": e.disabled,
@@ -145,78 +147,78 @@ const ye = { class: "bb-base-tag__input-container" }, be = ["id", "aria-describe
         "bb-base-tag--readonly": e.readonly,
         "bb-base-tag--compact": e.compact
       }),
-      onClick: W
+      onClick: x
     }, {
-      "prepend-outer": a(() => [
+      "prepend-outer": l(() => [
         s(e.$slots, "prepend-outer")
       ]),
-      "append-outer": a(() => [
+      "append-outer": l(() => [
         s(e.$slots, "append-outer")
       ]),
-      default: a(() => [
-        O(fe, {
+      default: l(() => [
+        I(ue, {
           ref_key: "innerContainer",
-          ref: T,
-          "append:icon": o["append:icon"],
-          "prepend:icon": o["prepend:icon"],
+          ref: L,
+          "append:icon": t["append:icon"],
+          "prepend:icon": t["prepend:icon"],
           "prevent-focus": !0
         }, {
-          prepend: a(() => [
+          prepend: l(() => [
             s(e.$slots, "prepend")
           ]),
-          prefix: a(() => [
+          prefix: l(() => [
             s(e.$slots, "prefix")
           ]),
-          append: a(() => [
+          append: l(() => [
             s(e.$slots, "append")
           ]),
-          suffix: a(() => [
+          suffix: l(() => [
             s(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, {
+          default: l(() => [
+            I(Z(oe), { tag: "span" }, {
+              default: l(() => [
+                $("span", de, [
+                  e.multiple ? (v(), G(J, { key: 0 }, [
+                    e.comma ? (v(), k(ie, {
                       key: 0,
                       ref_key: "commaBox",
-                      ref: V,
-                      options: v(u)
-                    }, null, 8, ["options"])) : (f(), C(ce, {
+                      ref: B,
+                      options: i.value
+                    }, null, 8, ["options"])) : (v(), k(re, {
                       key: 1,
                       ref_key: "chipsBox",
-                      ref: w,
-                      options: v(u),
-                      "onOption:unselected": G
+                      ref: V,
+                      options: i.value,
+                      "onOption:unselected": T
                     }, null, 8, ["options"]))
-                  ], 64)) : te("", !0),
-                  ne($("input", le({
+                  ], 64)) : W("", !0),
+                  X($("input", Y({
                     id: e.id,
                     ref_key: "input",
                     ref: p
-                  }, X, {
-                    "onUpdate:modelValue": n[0] || (n[0] = (m) => ae(t) ? t.value = m : null),
+                  }, z, {
+                    "onUpdate:modelValue": a[0] || (a[0] = (m) => o.value = m),
                     "aria-describedby": e.ariaDescribedby,
                     autocomplete: e.autocomplete,
                     autofocus: e.autofocus,
                     class: "bb-base-tag__text-input",
                     disabled: e.disabled,
                     enterkeyhint: "done",
-                    placeholder: L.value,
+                    placeholder: e.placeholder,
                     readonly: e.readonly,
                     required: e.required && !e.multiple || e.multiple && !e.modelValue.length,
                     type: "text",
-                    onFocus: d(J, ["stop"]),
+                    onFocus: d(U, ["stop"]),
                     onKeydown: [
-                      d(Z, ["stop"]),
-                      y(d(U, ["stop"]), ["delete"]),
-                      y(d(Q, ["stop"]), ["left"]),
-                      y(d(z, ["stop", "prevent"]), ["esc"]),
-                      y(d(R, ["stop"]), ["right"])
+                      d(S, ["stop"]),
+                      y(d(_, ["stop"]), ["delete"]),
+                      y(d(N, ["stop"]), ["left"]),
+                      y(d(F, ["stop", "prevent"]), ["esc"]),
+                      y(d(P, ["stop"]), ["right"])
                     ]
-                  }), null, 16, be), [
-                    [re, v(t)]
+                  }), null, 16, pe), [
+                    [ee, o.value]
                   ])
                 ])
               ]),
@@ -231,5 +233,5 @@ const ye = { class: "bb-base-tag__input-container" }, be = ["id", "aria-describe
   }
 });
 export {
-  qe as default
+  $e as default
 };

package/dist/index47.js

@@ -1,6 +1,6 @@
 import { defineComponent as w, ref as y, computed as u, onMounted as g, watch as B, nextTick as x, openBlock as V, createBlock as k, normalizeClass as $, withCtx as t, renderSlot as r, createVNode as i, createElementVNode as C, mergeProps as T } from "vue";
-import v from "./index223.js";
-import E from "./index221.js";
+import v from "./index207.js";
+import E from "./index205.js";
 /* empty css         */
 import G from "./index128.js";
 /* empty css         */