bitboss-ui 2.0.95 → 2.0.97

package/dist/index37.js

@@ -1,4 +1,4 @@
-import { defineComponent as xe, defineAsyncComponent as Me, ref as v, computed as y, toRef as V, openBlock as b, createBlock as S, normalizeClass as W, withCtx as r, renderSlot as p, unref as i, createVNode as N, createElementVNode as $, createElementBlock as T, Fragment as R, toDisplayString as Ne, createCommentVNode as J, withDirectives as He, isRef as Pe, withModifiers as d, withKeys as g, vModelDynamic as _e, renderList as ze, mergeProps as Y, normalizeStyle as Qe, nextTick as Ke } from "vue";
+import { defineComponent as xe, defineAsyncComponent as Me, ref as v, computed as y, toRef as V, openBlock as b, createBlock as S, normalizeClass as W, withCtx as r, renderSlot as p, unref as i, createVNode as N, createElementVNode as $, createElementBlock as T, Fragment as R, toDisplayString as Ne, createCommentVNode as J, withDirectives as He, isRef as Pe, withModifiers as c, withKeys as g, vModelDynamic as ze, renderList as _e, mergeProps as Y, normalizeStyle as Qe, nextTick as Ke } from "vue";
 /* empty css       */
 /* empty css       */
 import { useId as Ue } from "./index8.js";
@@ -6,14 +6,14 @@ import { useMobile as We } from "./index9.js";
 import Re from "./index128.js";
 /* empty css         */
 import { isNotNil as Je } from "./index135.js";
-import { last as Ye } from "./index220.js";
-import { matchAnyKey as j } from "./index250.js";
-import { useFloating as je } from "./index238.js";
+import { last as Ye } from "./index218.js";
+import { matchAnyKey as j } from "./index251.js";
+import { useFloating as je } from "./index228.js";
 import { useIntersectionObserver as Ge } from "./index133.js";
-import { useLogger as Xe } from "./index221.js";
-import { useOptions as Ze } from "./index235.js";
+import { useLogger as Xe } from "./index219.js";
+import { useOptions as Ze } from "./index237.js";
 import { wait as L } from "./index132.js";
-import { when as et } from "./index228.js";
+import { when as et } from "./index226.js";
 import tt from "./index245.js";
 /* empty css         */
 import ot from "./index247.js";
@@ -21,10 +21,10 @@ import ot from "./index247.js";
 import nt from "./index208.js";
 /* empty css         */
 import lt from "./index210.js";
-import { waitFor as at } from "./index232.js";
-import it from "./index234.js";
-import { autoUpdate as rt, flip as st, offset as ut, shift as pt } from "./index242.js";
-const dt = { class: "bb-base-select__input-container" }, ct = {
+import { waitFor as at } from "./index233.js";
+import it from "./index235.js";
+import { autoUpdate as rt, flip as st, offset as ut, shift as pt } from "./index236.js";
+const ct = { class: "bb-base-select__input-container" }, dt = {
   key: 1,
   class: "bb-base-select__max-reached"
 }, ft = ["id", "aria-controls", "aria-describedby", "aria-expanded", "autocomplete", "autofocus", "disabled", "inputmode", "placeholder", "readonly", "required", "onKeydown"], Pt = /* @__PURE__ */ xe({
@@ -37,6 +37,7 @@ const dt = { class: "bb-base-select__input-container" }, ct = {
     autocomplete: { default: "off" },
     autofocus: {},
     comma: { type: Boolean },
+    compact: { type: Boolean },
     dependencies: { default: () => [] },
     depsDebounceTime: { default: 0 },
     disabled: { type: Boolean },
@@ -72,11 +73,11 @@ const dt = { class: "bb-base-select__input-container" }, ct = {
     const t = G, h = X;
     if (t.multiple && !Array.isArray(t.modelValue))
       throw new Error('Multiple is set to "true" but modelValue is not an array.');
-    const Z = Me(() => import("./index249.js")), A = v(null), B = v(null), a = v(null), H = v(null), P = v(null), u = y(
+    const Z = Me(() => import("./index250.js")), A = v(null), B = v(null), a = v(null), H = v(null), P = v(null), u = y(
       () => t.comma ? H.value : P.value
     ), { isMobile: ee } = We(), te = y(
       () => t.allowWriting === "not-mobile" && ee.value ? "none" : void 0
-    ), _ = t.id || Ue().id.value;
+    ), z = t.id || Ue().id.value;
     Ge(
       B,
       ([{ intersectionRatio: e }]) => {
@@ -117,17 +118,17 @@ const dt = { class: "bb-base-select__input-container" }, ct = {
       }
     }, w = y(() => !(t.readonly || t.disabled || I.value || !u.value && t.multiple)), ue = async () => {
       var e, o, n;
-      w.value && ((e = u.value) == null || e.blur(), c.value ? (o = a.value) == null || o.focusPrevious() : (await O(), await L(t.transitionDuration), (n = a.value) == null || n.focusLastSelected()));
+      w.value && ((e = u.value) == null || e.blur(), d.value ? (o = a.value) == null || o.focusPrevious() : (await O(), await L(t.transitionDuration), (n = a.value) == null || n.focusLastSelected()));
     }, pe = async () => {
       var e, o, n;
-      w.value && ((e = u.value) == null || e.blur(), c.value ? (o = a.value) == null || o.focusNext() : (await O(), await L(t.transitionDuration), (n = a.value) == null || n.focusFirstSelected()));
-    }, de = (e) => {
+      w.value && ((e = u.value) == null || e.blur(), d.value ? (o = a.value) == null || o.focusNext() : (await O(), await L(t.transitionDuration), (n = a.value) == null || n.focusFirstSelected()));
+    }, ce = (e) => {
       var n, s, m, k;
       if (!w.value || !t.multiple || l.value || (e.preventDefault(), (n = a.value) == null || n.blur(), !f.value.length)) return;
       (s = u.value) == null || s.focusPrevious();
       const o = (m = u.value) == null ? void 0 : m.getHighlighted();
       o && ((k = a.value) == null || k.focusByHash(o.valueHash));
-    }, ce = (e) => {
+    }, de = (e) => {
       var n, s, m, k;
       if (!w.value || !t.multiple || l.value || (e.preventDefault(), (n = a.value) == null || n.blur(), !f.value.length)) return;
       (s = u.value) == null || s.focusNext();
@@ -136,7 +137,7 @@ const dt = { class: "bb-base-select__input-container" }, ct = {
     }, fe = async () => {
       var e, o;
       if (w.value) {
-        if (!c.value)
+        if (!d.value)
           await O(), await L(t.transitionDuration), f.value.length && ((e = a.value) == null || e.focusFirstSelected());
         else if ((o = a.value) != null && o.getHighlighted())
           a.value.confirmOption();
@@ -154,7 +155,7 @@ const dt = { class: "bb-base-select__input-container" }, ct = {
         }
       }
     }, me = async () => {
-      c.value && await C();
+      d.value && await C();
     }, ve = async () => {
       var e, o;
       !w.value || l.value || !f.value.length || ((e = u.value) != null && e.getHighlighted() && u.value.confirmOption(), await Ke(), (o = u.value) == null || o.focusPrevious());
@@ -162,7 +163,7 @@ const dt = { class: "bb-base-select__input-container" }, ct = {
       query: l,
       alignQueryToState: be,
       addCurrentQueryToManualItems: he,
-      innerLoading: z,
+      innerLoading: _,
       options: Q,
       selectedOptions: f,
       selectOption: ge,
@@ -191,7 +192,7 @@ const dt = { class: "bb-base-select__input-container" }, ct = {
       depsDebounceTime: t.depsDebounceTime,
       queryDebounceTime: t.queryDebounceTime,
       disabled: V(t, "disabled")
-    }), Se = y(() => f.value.length ? "" : t.placeholder), I = y(() => !!(z.value || t.loading)), $e = y(() => {
+    }), Se = y(() => f.value.length ? "" : t.placeholder), I = y(() => !!(_.value || t.loading)), $e = y(() => {
       let e = [];
       const o = f.value.some(
         (s) => s.text === l.value
@@ -204,12 +205,12 @@ const dt = { class: "bb-base-select__input-container" }, ct = {
       ge(e), E(), t.multiple || C();
     }, U = (e) => {
       we(e), E();
-    }, c = v(!1), F = v(!0), x = v(!1), O = async () => {
-      x.value = !0, await at(() => !!a.value), F.value = !1, c.value = !0;
+    }, d = v(!1), F = v(!0), x = v(!1), O = async () => {
+      x.value = !0, await at(() => !!a.value), F.value = !1, d.value = !0;
     }, C = async () => {
       var e;
-      c.value = !1, F.value = !0, (e = u.value) == null || e.blur();
-    }, Te = () => c.value ? C() : O(), M = v(!1), Le = () => {
+      d.value = !1, F.value = !0, (e = u.value) == null || e.blur();
+    }, Te = () => d.value ? C() : O(), M = v(!1), Le = () => {
       M.value = !0;
     }, Ae = () => {
       M.value = !1, h("inactive");
@@ -233,11 +234,12 @@ const dt = { class: "bb-base-select__input-container" }, ct = {
       class: W({
         "bb-base-select": !0,
         "bb-base-select--active": M.value,
-        "bb-base-select--shown": c.value,
+        "bb-base-select--shown": d.value,
         "bb-base-select--loading": I.value,
         "bb-base-select--disabled": e.disabled,
         "bb-base-select--errors": e.hasErrors,
-        "bb-base-select--readonly": e.readonly
+        "bb-base-select--readonly": e.readonly,
+        "bb-base-select--compact": e.compact
       }),
       onClick: qe
     }, {
@@ -270,7 +272,7 @@ const dt = { class: "bb-base-select__input-container" }, ct = {
           default: r(() => [
             N(i(Re), { tag: "span" }, {
               default: r(() => [
-                $("span", dt, [
+                $("span", ct, [
                   e.multiple && i(f).length <= e.maxSelectedLabels ? (b(), T(R, { key: 0 }, [
                     e.comma ? (b(), S(ot, {
                       key: 0,
@@ -284,16 +286,16 @@ const dt = { class: "bb-base-select__input-container" }, ct = {
                       options: i(f),
                       "onOption:unselected": U
                     }, null, 8, ["options"]))
-                  ], 64)) : e.multiple ? (b(), T("span", ct, Ne(i(f).length) + " elementi selezionati ", 1)) : J("", !0),
+                  ], 64)) : e.multiple ? (b(), T("span", dt, Ne(i(f).length) + " elementi selezionati ", 1)) : J("", !0),
                   He($("input", {
-                    id: i(_),
+                    id: i(z),
                     ref_key: "input",
                     ref: q,
                     "onUpdate:modelValue": o[0] || (o[0] = (n) => Pe(l) ? l.value = n : null),
                     "aria-autocomplete": "list",
-                    "aria-controls": x.value ? `${i(_)}_listbox` : void 0,
+                    "aria-controls": x.value ? `${i(z)}_listbox` : void 0,
                     "aria-describedby": e.ariaDescribedby,
-                    "aria-expanded": c.value,
+                    "aria-expanded": d.value,
                     autocomplete: e.autocomplete,
                     autofocus: e.autofocus,
                     class: W("bb-base-select__text-input"),
@@ -303,31 +305,32 @@ const dt = { class: "bb-base-select__input-container" }, ct = {
                     readonly: e.readonly || !e.allowWriting,
                     required: e.required && !e.multiple || e.multiple && !e.modelValue.length,
                     role: "combobox",
+                    size: "1",
                     type: "text",
-                    onBlur: d(ie, ["stop"]),
-                    onChange: d(re, ["stop"]),
-                    onFocusOnce: d(ae, ["stop"]),
-                    onFocus: d(le, ["stop"]),
-                    onInput: d(se, ["stop"]),
+                    onBlur: c(ie, ["stop"]),
+                    onChange: c(re, ["stop"]),
+                    onFocusOnce: c(ae, ["stop"]),
+                    onFocus: c(le, ["stop"]),
+                    onInput: c(se, ["stop"]),
                     onKeydown: [
-                      g(d(ve, ["stop"]), ["delete"]),
-                      g(d(de, ["stop"]), ["left"]),
-                      g(d(pe, ["stop", "prevent"]), ["down"]),
-                      g(d(fe, ["stop", "prevent"]), ["enter"]),
-                      g(d(me, ["stop", "prevent"]), ["esc"]),
-                      g(d(ue, ["stop", "prevent"]), ["up"]),
-                      g(d(ce, ["stop"]), ["right"])
+                      g(c(ve, ["stop"]), ["delete"]),
+                      g(c(ce, ["stop"]), ["left"]),
+                      g(c(pe, ["stop", "prevent"]), ["down"]),
+                      g(c(fe, ["stop", "prevent"]), ["enter"]),
+                      g(c(me, ["stop", "prevent"]), ["esc"]),
+                      g(c(ue, ["stop", "prevent"]), ["up"]),
+                      g(c(de, ["stop"]), ["right"])
                     ]
                   }, null, 40, ft), [
-                    [_e, i(l)]
+                    [ze, i(l)]
                   ])
                 ])
               ]),
               _: 1
             }),
             p(e.$slots, "chevron", {
-              loading: !!i(z),
-              shown: c.value
+              loading: !!i(_),
+              shown: d.value
             }, () => [
               o[1] || (o[1] = $("svg", {
                 class: "bb-base-select__chevron",
@@ -343,7 +346,7 @@ const dt = { class: "bb-base-select__input-container" }, ct = {
           ]),
           _: 3
         }, 8, ["append:icon", "prepend:icon"]),
-        (b(!0), T(R, null, ze(Fe.value, (n) => (b(), T("input", Y({
+        (b(!0), T(R, null, _e(Fe.value, (n) => (b(), T("input", Y({
           key: n.value,
           ref_for: !0
         }, n), null, 16))), 128)),
@@ -352,8 +355,9 @@ const dt = { class: "bb-base-select__input-container" }, ct = {
             N(i(Z), {
               ref_key: "optionsContainer",
               ref: a,
+              compact: e.compact,
               loading: I.value,
-              open: c.value,
+              open: d.value,
               options: $e.value,
               style: Qe(ne.value),
               "onOption:selected": K,
@@ -378,7 +382,7 @@ const dt = { class: "bb-base-select__input-container" }, ct = {
                 }, n))
               ]),
               _: 3
-            }, 8, ["loading", "open", "options", "style"])
+            }, 8, ["compact", "loading", "open", "options", "style"])
           ]),
           _: 3
         })) : J("", !0)

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 "./index244.js";
-import { isCssColor as Y } from "./index227.js";
+import { head as O } from "./index249.js";
+import { isCssColor as Y } from "./index225.js";
 import { isNil as P } from "./index130.js";
 import { isNotNil as ne } from "./index135.js";
 import { transposeValue as y } from "./index131.js";
-import { hash as J } from "./index219.js";
+import { hash as J } from "./index217.js";
 const oe = { class: "bb-base-slider__slider-container" }, ie = {
   key: 0,
   class: "bb-base-slider__ticks-container"
@@ -23,7 +23,7 @@ const oe = { class: "bb-base-slider__slider-container" }, ie = {
     modelValue: { default: 0 },
     name: {},
     range: { type: Boolean },
-    readonly: {},
+    readonly: { type: Boolean },
     required: { type: Boolean },
     step: { default: 1 },
     ticks: { type: Boolean },

package/dist/index4.js

@@ -3,11 +3,12 @@ const c = i({
   inertiaLinkName: "Link",
   nuxtLinkName: "NuxtLink",
   mobileMaxWidth: 768,
-  documentationURL: "https://ui-components-docs.vercel.app/it"
+  documentationURL: "https://ui-components-docs.vercel.app/it",
+  locale: "it"
 }), s = (t) => {
-  Object.keys(t).forEach((e) => {
-    const n = e, o = t[n];
-    c[n] = o;
+  Object.keys(t).forEach((n) => {
+    const e = n, o = t[e];
+    c[e] = o;
   });
 }, r = () => ({ setConfig: s });
 export {

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 q, createElementVNode as l, renderSlot as A } from "vue";
-import { isCssColor as b } from "./index227.js";
-import { when as F } from "./index228.js";
+import { isCssColor as b } from "./index225.js";
+import { when as F } from "./index226.js";
 const N = { class: "bb-base-switch-container" }, $ = /* @__PURE__ */ I({
   __name: "BaseSwitch",
   props: {
@@ -14,7 +14,7 @@ const N = { class: "bb-base-switch-container" }, $ = /* @__PURE__ */ I({
     id: {},
     indeterminate: {},
     name: {},
-    readonly: {},
+    readonly: { type: Boolean },
     required: { type: Boolean },
     submitWhenFalse: { type: Boolean },
     trueValue: { default: !0 },

package/dist/index43.js

@@ -1,8 +1,8 @@
 import { defineComponent as V, 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 "./index235.js";
+import { useOptions as F } from "./index237.js";
 import M from "./index41.js";
 /* empty css        */
-import S from "./index236.js";
+import S from "./index238.js";
 /* empty css         */
 const I = /* @__PURE__ */ V({
   __name: "BaseSwitchGroup",
@@ -27,7 +27,7 @@ const I = /* @__PURE__ */ V({
     modelValueDebounceTime: { default: 0 },
     name: {},
     noDataText: { default: "Nessun elemento da visualizzare" },
-    readonly: {}
+    readonly: { type: Boolean }
   },
   emits: ["blur", "change", "click", "focus", "inactive", "input", "keydown", "mousedown", "mouseup", "update:modelValue"],
   setup(g, { emit: y }) {

package/dist/index45.js

@@ -1,11 +1,11 @@
-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 te, createCommentVNode as oe, 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 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";
 /* empty css       */
 /* empty css       */
 import ue from "./index128.js";
 /* empty css         */
 import { isNotNil as se } from "./index135.js";
-import { last as de } from "./index220.js";
-import { useOptions as pe } from "./index235.js";
+import { last as de } from "./index218.js";
+import { useOptions as pe } from "./index237.js";
 import ce from "./index245.js";
 /* empty css         */
 import me from "./index247.js";
@@ -18,9 +18,10 @@ const ye = { class: "bb-base-tag__input-container" }, be = ["id", "aria-describe
   props: {
     "append:icon": {},
     ariaDescribedby: {},
-    autocomplete: {},
+    autocomplete: { default: "off" },
     autofocus: {},
     comma: { type: Boolean },
+    compact: { type: Boolean },
     disabled: { type: Boolean },
     divider: { default: "Enter" },
     hasErrors: { type: Boolean },
@@ -32,85 +33,85 @@ const ye = { class: "bb-base-tag__input-container" }, be = ["id", "aria-describe
     name: {},
     placeholder: {},
     "prepend:icon": {},
-    readonly: {},
+    readonly: { type: Boolean },
     required: { type: Boolean }
   },
   emits: ["blur", "change", "click", "duplicate", "focus", "inactive", "input", "keydown", "keyup", "update:modelValue"],
   setup(D, { emit: I }) {
-    const t = D, l = I;
-    if (t.multiple && !Array.isArray(t.modelValue))
+    const o = D, l = I;
+    if (o.multiple && !Array.isArray(o.modelValue))
       throw new Error('Multiple is set to "true" but modelValue is not an array.');
-    const b = i(null), T = i(null), L = k(() => t.placeholder), V = i(null), w = i(null), r = k(
-      () => t.comma ? V.value : w.value
+    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 = () => {
       p.value instanceof HTMLInputElement && p.value.focus();
-    }, N = !t.multiple && se(t.modelValue) || t.multiple && !!t.modelValue.length, q = i([]), {
-      query: o,
+    }, 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: _,
-      manualItems: S
+      valueIsSelected: S,
+      manualItems: _
     } = pe({
       emit: l,
       itemText: void 0,
       itemValue: void 0,
-      modelValue: B(t, "modelValue"),
-      multiple: t.multiple,
+      modelValue: B(o, "modelValue"),
+      multiple: o.multiple,
       resetQueryOnOptionSelected: !0,
       stash: !1,
-      items: B(t, "modelValue"),
+      items: B(o, "modelValue"),
       enforceCoherence: !1,
       prefill: N,
       modelValueDebounceTime: 0,
       dependencies: q,
       depsDebounceTime: 0,
       queryDebounceTime: 0,
-      disabled: B(t, "disabled")
+      disabled: B(o, "disabled")
     }), g = i(!1), F = () => {
       g.value = !0;
     }, H = () => {
       g.value = !1, l("inactive");
-    }, h = k(() => !(t.readonly || t.disabled || !r.value && t.multiple)), Q = (e) => {
+    }, h = k(() => !(o.readonly || o.disabled || !r.value && o.multiple)), Q = (e) => {
       var n;
-      h.value && (!t.multiple || o.value || (e.preventDefault(), u.value.length && ((n = r.value) == null || n.focusPrevious())));
+      h.value && (!o.multiple || t.value || (e.preventDefault(), u.value.length && ((n = r.value) == null || n.focusPrevious())));
     }, R = (e) => {
       var n;
-      h.value && (!t.multiple || o.value || (e.preventDefault(), u.value.length && ((n = r.value) == null || n.focusNext())));
+      h.value && (!o.multiple || t.value || (e.preventDefault(), u.value.length && ((n = r.value) == null || n.focusNext())));
     }, U = async () => {
       var e, n;
-      !h.value || o.value || !u.value.length || ((e = r.value) != null && e.getHighlighted() && r.value.confirmOption(), await ie(), (n = r.value) == null || n.focusPrevious());
+      !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 = () => {
       var e;
       (e = r.value) == null || e.blur();
     }, Z = async (e) => {
       var n;
-      if (l("keydown", e), t.readonly || t.disabled) {
+      if (l("keydown", e), o.readonly || o.disabled) {
         e.preventDefault();
         return;
       }
-      if (/^[A-Za-z0-9]$/.test(e.key) && ((n = r.value) == null || n.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 (/^[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 (m)
-            o.value = m;
+            t.value = m;
           else {
-            o.value = "";
+            t.value = "";
             return;
           }
         }
-        if (!o.value) {
+        if (!t.value) {
           l("keydown", e);
           return;
         }
-        if (e.preventDefault(), _(o.value))
-          l("duplicate", o.value), o.value = "";
+        if (e.preventDefault(), S(t.value))
+          l("duplicate", t.value), t.value = "";
         else {
-          if (t.max && u.value.length >= t.max)
+          if (o.max && u.value.length >= o.max)
             return;
-          K(), j(de(S.value));
+          K(), j(de(_.value));
         }
       }
     }, j = (e) => {
@@ -120,7 +121,7 @@ const ye = { class: "bb-base-tag__input-container" }, be = ["id", "aria-describe
     }, J = (e) => {
       l("focus", e), F(), document.addEventListener("click", c), document.addEventListener("focusin", c);
     }, W = (e) => {
-      l("click", e), !(t.disabled || t.readonly) && p.value instanceof HTMLElement && p.value.focus();
+      l("click", e), !(o.disabled || o.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();
@@ -141,7 +142,8 @@ const ye = { class: "bb-base-tag__input-container" }, be = ["id", "aria-describe
         "bb-base-tag--disabled": e.disabled,
         "bb-base-tag--loading": e.loading,
         "bb-base-tag--errors": e.hasErrors,
-        "bb-base-tag--readonly": e.readonly
+        "bb-base-tag--readonly": e.readonly,
+        "bb-base-tag--compact": e.compact
       }),
       onClick: W
     }, {
@@ -155,8 +157,8 @@ const ye = { class: "bb-base-tag__input-container" }, be = ["id", "aria-describe
         O(fe, {
           ref_key: "innerContainer",
           ref: T,
-          "append:icon": t["append:icon"],
-          "prepend:icon": t["prepend:icon"],
+          "append:icon": o["append:icon"],
+          "prepend:icon": o["prepend:icon"],
           "prevent-focus": !0
         }, {
           prepend: a(() => [
@@ -175,7 +177,7 @@ const ye = { class: "bb-base-tag__input-container" }, be = ["id", "aria-describe
             O(v(ue), { tag: "span" }, {
               default: a(() => [
                 $("span", ye, [
-                  e.multiple ? (f(), ee(te, { key: 0 }, [
+                  e.multiple ? (f(), ee(oe, { key: 0 }, [
                     e.comma ? (f(), C(me, {
                       key: 0,
                       ref_key: "commaBox",
@@ -188,13 +190,13 @@ const ye = { class: "bb-base-tag__input-container" }, be = ["id", "aria-describe
                       options: v(u),
                       "onOption:unselected": G
                     }, null, 8, ["options"]))
-                  ], 64)) : oe("", !0),
+                  ], 64)) : te("", !0),
                   ne($("input", le({
                     id: e.id,
                     ref_key: "input",
                     ref: p
                   }, X, {
-                    "onUpdate:modelValue": n[0] || (n[0] = (m) => ae(o) ? o.value = m : null),
+                    "onUpdate:modelValue": n[0] || (n[0] = (m) => ae(t) ? t.value = m : null),
                     "aria-describedby": e.ariaDescribedby,
                     autocomplete: e.autocomplete,
                     autofocus: e.autofocus,
@@ -214,7 +216,7 @@ const ye = { class: "bb-base-tag__input-container" }, be = ["id", "aria-describe
                       y(d(R, ["stop"]), ["right"])
                     ]
                   }), null, 16, be), [
-                    [re, v(o)]
+                    [re, v(t)]
                   ])
                 ])
               ]),