bitboss-ui 2.0.94 → 2.0.96

package/dist/index316.js

@@ -1,49 +1,4 @@
-import { observeElementRect as f, observeElementOffset as s, elementScroll as d, Virtualizer as p } from "./index320.js";
-import { defaultKeyExtractor as S, defaultRangeExtractor as V, measureElement as b } from "./index320.js";
-import { computed as g, unref as l, shallowRef as E, watch as o, triggerRef as i, onScopeDispose as v } from "vue";
-function w(e) {
-  const t = new p(l(e)), a = E(t), u = t._didMount();
-  return o(
-    () => l(e).getScrollElement(),
-    (r) => {
-      r && t._willUpdate();
-    },
-    {
-      immediate: !0
-    }
-  ), o(
-    () => l(e),
-    (r) => {
-      t.setOptions({
-        ...r,
-        onChange: (c, m) => {
-          var n;
-          i(a), (n = r.onChange) == null || n.call(r, c, m);
-        }
-      }), t._willUpdate(), i(a);
-    },
-    {
-      immediate: !0
-    }
-  ), v(u), a;
-}
-function z(e) {
-  return w(
-    g(() => ({
-      observeElementRect: f,
-      observeElementOffset: s,
-      scrollToFn: d,
-      ...l(e)
-    }))
-  );
-}
+import f from "./index301.js";
 export {
-  p as Virtualizer,
-  S as defaultKeyExtractor,
-  V as defaultRangeExtractor,
-  d as elementScroll,
-  b as measureElement,
-  s as observeElementOffset,
-  f as observeElementRect,
-  z as useVirtualizer
+  f as default
 };

package/dist/index317.js

@@ -1,4 +1,6 @@
-import f from "./index301.js";
+function e(t) {
+  return Object.prototype.toString.call(t).slice(8, -1);
+}
 export {
-  f as default
+  e as getType
 };

package/dist/{index319.js → index318.js}

@@ -1,4 +1,4 @@
-import { getDefaultExportFromCjs as dr, commonjsGlobal as D } from "./index255.js";
+import { getDefaultExportFromCjs as dr, commonjsGlobal as D } from "./index268.js";
 import { __module as M } from "./index322.js";
 M.exports;
 (function(j, F) {

package/dist/index33.js

@@ -1,8 +1,8 @@
-import { defineComponent as L, ref as m, toRef as d, openBlock as $, createBlock as E, unref as p, withCtx as t, renderSlot as i, normalizeProps as f, guardReactiveProps as b, createVNode as B, mergeProps as v, createSlots as C } from "vue";
-import { useOptions as w } from "./index236.js";
+import { defineComponent as L, ref as m, toRef as l, openBlock as $, createBlock as E, unref as p, withCtx as t, renderSlot as i, normalizeProps as f, guardReactiveProps as b, createVNode as B, mergeProps as v, createSlots as C } from "vue";
+import { useOptions as w } from "./index234.js";
 import q from "./index31.js";
 /* empty css        */
-import z from "./index237.js";
+import z from "./index235.js";
 /* empty css         */
 const N = /* @__PURE__ */ L({
   __name: "BaseRadioGroup",
@@ -26,21 +26,21 @@ const N = /* @__PURE__ */ L({
     modelValueDebounceTime: { default: 0 },
     name: {},
     noDataText: { default: "Nessun elemento da visualizzare" },
-    readonly: {},
+    readonly: { type: Boolean },
     required: { type: Boolean }
   },
   emits: ["blur", "change", "click", "focus", "inactive", "input", "keydown", "mousedown", "mouseup", "update:modelValue"],
   setup(h, { emit: y }) {
     const n = h, o = y, c = m(), r = m(!1), { innerLoading: g, options: T } = w({
-      dependencies: d(n, "dependencies"),
+      dependencies: l(n, "dependencies"),
       depsDebounceTime: n.depsDebounceTime,
-      disabled: d(n, "disabled"),
+      disabled: l(n, "disabled"),
       emit: o,
       enforceCoherence: n.enforceCoherence,
-      items: d(n, "items"),
+      items: l(n, "items"),
       itemText: n.itemText,
       itemValue: n.itemValue,
-      modelValue: d(n, "modelValue"),
+      modelValue: l(n, "modelValue"),
       modelValueDebounceTime: n.modelValueDebounceTime,
       multiple: !1,
       prefill: !0,
@@ -52,19 +52,19 @@ const N = /* @__PURE__ */ L({
       onChange: (e) => o("change", e),
       onClick: (e) => o("click", e),
       onFocus: (e) => {
-        o("focus", e), r.value || (document.addEventListener("focusin", l, { passive: !0 }), document.addEventListener("click", u, { passive: !0 }), r.value = !0);
+        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),
       "onUpdate:modelValue": (e) => o("update:modelValue", e)
-    }, l = (e) => {
+    }, d = (e) => {
       var s;
-      e.target instanceof HTMLElement && ((s = c.value) != null && s.contains(e.target) || (o("inactive"), r.value = !1, document.removeEventListener("focusin", l), document.removeEventListener("click", u)));
+      e.target instanceof HTMLElement && ((s = c.value) != null && s.contains(e.target) || (o("inactive"), r.value = !1, document.removeEventListener("focusin", d), document.removeEventListener("click", u)));
     }, u = (e) => {
       var s;
-      e.target instanceof HTMLElement && ((s = c.value) != null && s.contains(e.target) || (o("inactive"), r.value = !1, document.removeEventListener("focusin", l), document.removeEventListener("click", u)));
+      e.target instanceof HTMLElement && ((s = c.value) != null && s.contains(e.target) || (o("inactive"), r.value = !1, document.removeEventListener("focusin", d), document.removeEventListener("click", u)));
     };
     return (e, s) => ($(), E(z, {
       class: "bb-base-radio-group",

package/dist/index35.js

@@ -1,6 +1,6 @@
-import { defineComponent as C, ref as g, computed as f, openBlock as l, createElementBlock as i, mergeProps as h, createElementVNode as r, renderSlot as p, Fragment as I, renderList as V, normalizeClass as B, toDisplayString as M } from "vue";
+import { defineComponent as C, ref as g, computed as f, openBlock as l, createElementBlock as i, mergeProps as h, createElementVNode as r, renderSlot as p, Fragment as B, renderList as I, normalizeClass as V, toDisplayString as M } from "vue";
 import { booleanishToBoolean as D } from "./index241.js";
-import { identity as F } from "./index214.js";
+import { identity as F } from "./index215.js";
 import { isCssColor as v } from "./index239.js";
 import { isNotNil as T } from "./index135.js";
 const $ = { class: "bb-base-rating__inner-container" }, q = { class: "bb-base-rating__label-text sr-only" }, x = ["id", "aria-describedby", "autofocus", "checked", "disabled", "name", "required", "value"], H = ["height", "width"], J = /* @__PURE__ */ C({
@@ -14,34 +14,34 @@ const $ = { class: "bb-base-rating__inner-container" }, q = { class: "bb-base-ra
     id: {},
     modelValue: {},
     name: {},
-    readonly: {},
+    readonly: { type: Boolean },
     required: { type: Boolean },
     stars: { default: 5 },
     size: {}
   },
   emits: ["blur", "change", "click", "focus", "inactive", "input", "keydown", "mousedown", "mouseup", "update:modelValue"],
-  setup(k, { emit: y }) {
-    const a = k, n = y, u = g(), o = g(!1), _ = {
-      onBlur: (e) => n("blur", e),
+  setup(y, { emit: k }) {
+    const a = y, s = k, u = g(), o = g(!1), _ = {
+      onBlur: (e) => s("blur", e),
       onChange: (e) => {
-        n("change", e), e.target instanceof HTMLInputElement && e.target.checked && n("update:modelValue", +e.target.value);
+        s("change", e), e.target instanceof HTMLInputElement && e.target.checked && s("update:modelValue", +e.target.value);
       },
       onClick: (e) => {
-        n("click", e), e.target instanceof HTMLInputElement && e.target.checked && +e.target.value === a.modelValue && n("update:modelValue", null);
+        s("click", e), e.target instanceof HTMLInputElement && e.target.checked && +e.target.value === a.modelValue && s("update:modelValue", null);
       },
       onFocus: (e) => {
-        n("focus", e), o.value || (document.addEventListener("focusin", c, { passive: !0 }), document.addEventListener("click", d, { passive: !0 }), o.value = !0);
+        s("focus", e), o.value || (document.addEventListener("focusin", c, { passive: !0 }), document.addEventListener("click", d, { passive: !0 }), o.value = !0);
       },
-      onInput: (e) => n("input", e),
-      onKeydown: (e) => n("keydown", e),
-      onMousedown: (e) => n("mousedown", e),
-      onMouseup: (e) => n("mouseup", e)
+      onInput: (e) => s("input", e),
+      onKeydown: (e) => s("keydown", e),
+      onMousedown: (e) => s("mousedown", e),
+      onMouseup: (e) => s("mouseup", e)
     }, c = (e) => {
       var t;
-      e.target instanceof HTMLElement && ((t = u.value) != null && t.contains(e.target) || (n("inactive"), o.value = !1, document.removeEventListener("focusin", c), document.removeEventListener("click", d)));
+      e.target instanceof HTMLElement && ((t = u.value) != null && t.contains(e.target) || (s("inactive"), o.value = !1, document.removeEventListener("focusin", c), document.removeEventListener("click", d)));
     }, d = (e) => {
       var t;
-      e.target instanceof HTMLElement && ((t = u.value) != null && t.contains(e.target) || (n("inactive"), o.value = !1, document.removeEventListener("focusin", c), document.removeEventListener("click", d)));
+      e.target instanceof HTMLElement && ((t = u.value) != null && t.contains(e.target) || (s("inactive"), o.value = !1, document.removeEventListener("focusin", c), document.removeEventListener("click", d)));
     }, z = {
       xs: 12,
       sm: 16,
@@ -53,9 +53,9 @@ const $ = { class: "bb-base-rating__inner-container" }, q = { class: "bb-base-ra
       let e;
       return typeof a.size == "string" ? e = z[a.size] ?? parseInt(a.size, 10) : e = a.size, e;
     }), w = f(() => new Array(a.stars).fill(0).map((e, t) => t + 1).map((e) => {
-      const t = a.id ? [a.id, e].filter(F).join("_") : void 0, s = e === a.modelValue, b = !!(a.modelValue && e <= a.modelValue), L = !!(a.disabled || T(a.readonly) && D(a.readonly));
+      const t = a.id ? [a.id, e].filter(F).join("_") : void 0, n = e === a.modelValue, b = !!(a.modelValue && e <= a.modelValue), L = !!(a.disabled || T(a.readonly) && D(a.readonly));
       return {
-        checked: s,
+        checked: n,
         disabled: L,
         highlighted: b,
         id: t,
@@ -83,35 +83,35 @@ const $ = { class: "bb-base-rating__inner-container" }, q = { class: "bb-base-ra
     }), [
       r("span", $, [
         p(e.$slots, "prepend"),
-        (l(!0), i(I, null, V(w.value, (s, b) => (l(), i("label", {
-          key: s.value,
-          class: B(["bb-base-rating__option", { "bb-base-rating__option--highlighted": s.highlighted }])
+        (l(!0), i(B, null, I(w.value, (n, b) => (l(), i("label", {
+          key: n.value,
+          class: V(["bb-base-rating__option", { "bb-base-rating__option--highlighted": n.highlighted }])
         }, [
-          r("span", q, M(s.value), 1),
+          r("span", q, M(n.value), 1),
           r("input", h({
-            id: s.id,
+            id: n.id,
             "aria-describedby": e.ariaDescribedby,
             autofocus: e.autofocus && !b,
-            checked: s.checked,
+            checked: n.checked,
             class: "sr-only",
-            disabled: s.disabled,
-            name: s.name,
+            disabled: n.disabled,
+            name: n.name,
             required: e.required,
             type: "radio",
-            value: s.value,
+            value: n.value,
             ref_for: !0
           }, _), null, 16, x),
           p(e.$slots, "icon", {
-            id: s.id,
-            checked: s.checked,
-            disabled: s.disabled,
-            size: s.size,
-            value: s.value
+            id: n.id,
+            checked: n.checked,
+            disabled: n.disabled,
+            size: n.size,
+            value: n.value
           }, () => [
             (l(), i("svg", {
-              height: s.size,
+              height: n.size,
               viewBox: "0 0 24 24",
-              width: s.size,
+              width: n.size,
               xmlns: "http://www.w3.org/2000/svg"
             }, t[0] || (t[0] = [
               r("path", {

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,25 +6,25 @@ 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 "./index215.js";
+import { last as Ye } from "./index216.js";
 import { matchAnyKey as j } from "./index245.js";
-import { useFloating as je } from "./index208.js";
+import { useFloating as je } from "./index209.js";
 import { useIntersectionObserver as Ge } from "./index133.js";
-import { useLogger as Xe } from "./index230.js";
-import { useOptions as Ze } from "./index236.js";
+import { useLogger as Xe } from "./index208.js";
+import { useOptions as Ze } from "./index234.js";
 import { wait as L } from "./index132.js";
 import { when as et } from "./index240.js";
 import tt from "./index246.js";
 /* empty css         */
 import ot from "./index248.js";
 /* empty css         */
-import nt from "./index219.js";
+import nt from "./index220.js";
 /* empty css         */
-import lt from "./index221.js";
-import { waitFor as at } from "./index218.js";
-import it from "./index223.js";
-import { autoUpdate as rt, flip as st, offset as ut, shift as pt } from "./index224.js";
-const dt = { class: "bb-base-select__input-container" }, ct = {
+import lt from "./index222.js";
+import { waitFor as at } from "./index219.js";
+import it from "./index224.js";
+import { autoUpdate as rt, flip as st, offset as ut, shift as pt } from "./index225.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({
@@ -34,9 +34,10 @@ const dt = { class: "bb-base-select__input-container" }, ct = {
     allowWriting: { type: [Boolean, String], default: !0 },
     "append:icon": {},
     ariaDescribedby: {},
-    autocomplete: {},
+    autocomplete: { default: "off" },
     autofocus: {},
     comma: { type: Boolean },
+    compact: { type: Boolean },
     dependencies: { default: () => [] },
     depsDebounceTime: { default: 0 },
     disabled: { type: Boolean },
@@ -76,7 +77,7 @@ const dt = { class: "bb-base-select__input-container" }, ct = {
       () => 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

@@ -5,7 +5,7 @@ import { isCssColor as Y } from "./index239.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 "./index229.js";
+import { hash as J } from "./index228.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/index41.js

@@ -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 "./index236.js";
+import { useOptions as F } from "./index234.js";
 import M from "./index41.js";
 /* empty css        */
-import S from "./index237.js";
+import S from "./index235.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 }) {