bitboss-ui 2.0.93 → 2.0.95

package/dist/index101.js

@@ -0,0 +1,179 @@
+import { defineComponent as h, ref as y, computed as v, openBlock as B, createBlock as g, withCtx as n, renderSlot as a, normalizeProps as i, guardReactiveProps as l, createVNode as $, mergeProps as T } from "vue";
+import V from "./index27.js";
+/* empty css        */
+import q from "./index37.js";
+/* empty css        */
+const L = /* @__PURE__ */ h({
+  __name: "BbSelect",
+  props: {
+    addOptions: { type: Boolean },
+    allowWriting: { type: [Boolean, String], default: !0 },
+    "append:icon": {},
+    autocomplete: {},
+    autofocus: {},
+    comma: { type: Boolean },
+    dependencies: {},
+    depsDebounceTime: {},
+    direction: {},
+    disabled: { type: Boolean },
+    enforceCoherence: { type: Boolean },
+    errors: {},
+    filterBy: { type: [String, Array, Boolean, Function, null], default: () => [] },
+    hasErrors: { type: Boolean },
+    hideLabel: { type: Boolean },
+    hint: {},
+    id: {},
+    items: {},
+    itemText: {},
+    itemValue: {},
+    label: {},
+    labelPosition: {},
+    loading: { type: Boolean },
+    loadingText: {},
+    max: {},
+    maxSelectedLabels: {},
+    modelValue: {},
+    modelValueDebounceTime: {},
+    multiple: { type: Boolean },
+    name: {},
+    noDataText: {},
+    persistentHint: { type: Boolean },
+    placeholder: {},
+    prefill: { type: [Boolean, String], default: "focus" },
+    "prepend:icon": {},
+    required: { type: Boolean },
+    queryDebounceTime: {},
+    readonly: { type: Boolean },
+    resetQueryOnOptionSelected: { type: Boolean },
+    reverse: { type: Boolean },
+    stash: { type: Boolean },
+    transitionDuration: {},
+    updateOnAnimationFrame: { type: Boolean }
+  },
+  emits: ["blur", "change", "click", "focus", "inactive", "input", "update:modelValue"],
+  setup(d, { emit: u }) {
+    const r = d, t = u, s = y(!1), m = v(() => r.persistentHint || s.value), b = {
+      onBlur: (e) => t("blur", e),
+      onChange: (e) => t("change", e),
+      onClick: (e) => t("click", e),
+      onFocus: (e) => {
+        s.value = !0, t("focus", e);
+      },
+      onInactive: () => {
+        s.value = !1, t("inactive");
+      },
+      onInput: (e) => t("input", e),
+      "onUpdate:modelValue": (e) => t("update:modelValue", e)
+    };
+    return (e, w) => (B(), g(V, {
+      id: e.id,
+      class: "bb-select",
+      direction: e.direction,
+      errors: e.errors,
+      "has-errors": e.hasErrors,
+      "hide-label": e.hideLabel,
+      hint: e.hint,
+      label: e.label,
+      "label-position": e.labelPosition,
+      "model-value": e.modelValue,
+      name: e.name,
+      reverse: e.reverse,
+      "show-hint": m.value
+    }, {
+      label: n((p) => [
+        a(e.$slots, "label", i(l(p)))
+      ]),
+      input: n(({ id: p, hasErrors: c, ariaDescribedby: f }) => [
+        $(q, T({
+          id: p,
+          "add-options": e.addOptions,
+          "allow-writing": e.allowWriting,
+          "append:icon": r["append:icon"],
+          "aria-describedby": f,
+          autocomplete: e.autocomplete,
+          autofocus: e.autofocus,
+          comma: e.comma,
+          dependencies: e.dependencies,
+          "deps-debounce-time": e.depsDebounceTime,
+          disabled: e.disabled,
+          "enforce-coherence": e.enforceCoherence,
+          "filter-by": e.filterBy,
+          "has-errors": c,
+          "item-text": e.itemText,
+          "item-value": e.itemValue,
+          items: e.items,
+          loading: e.loading,
+          "loading-text": e.loadingText,
+          max: e.max,
+          "max-selected-labels": e.maxSelectedLabels,
+          "model-value": e.modelValue,
+          "model-value-debounce-time": e.modelValueDebounceTime,
+          multiple: e.multiple,
+          name: e.name,
+          "no-data-text": e.noDataText,
+          placeholder: e.placeholder,
+          prefill: e.prefill,
+          "prepend:icon": r["prepend:icon"],
+          "query-debounce-time": e.queryDebounceTime,
+          readonly: e.readonly,
+          required: e.required,
+          "reset-query-on-option-selected": e.resetQueryOnOptionSelected,
+          stash: e.stash,
+          "transition-duration": e.transitionDuration,
+          "update-on-animation-frame": e.updateOnAnimationFrame
+        }, b), {
+          "append-outer": n((o) => [
+            a(e.$slots, "append-outer", i(l(o)))
+          ]),
+          append: n((o) => [
+            a(e.$slots, "append", i(l(o)))
+          ]),
+          prefix: n((o) => [
+            a(e.$slots, "prefix", i(l(o)))
+          ]),
+          chevron: n((o) => [
+            a(e.$slots, "chevron", i(l(o)))
+          ]),
+          loading: n((o) => [
+            a(e.$slots, "loading", i(l(o)))
+          ]),
+          "no-data": n((o) => [
+            a(e.$slots, "no-data", i(l(o)))
+          ]),
+          "option:append": n((o) => [
+            a(e.$slots, "option:append", i(l(o)))
+          ]),
+          "option:prepend": n((o) => [
+            a(e.$slots, "option:prepend", i(l(o)))
+          ]),
+          option: n((o) => [
+            a(e.$slots, "option", i(l(o)))
+          ]),
+          "options:append": n((o) => [
+            a(e.$slots, "options:append", i(l(o)))
+          ]),
+          "options:prepend": n((o) => [
+            a(e.$slots, "options:prepend", i(l(o)))
+          ]),
+          "prepend-outer": n((o) => [
+            a(e.$slots, "prepend-outer", i(l(o)))
+          ]),
+          prepend: n((o) => [
+            a(e.$slots, "prepend", i(l(o)))
+          ]),
+          suffix: n((o) => [
+            a(e.$slots, "suffix", i(l(o)))
+          ]),
+          spinner: n((o) => [
+            a(e.$slots, "spinner", i(l(o)))
+          ]),
+          _: 2
+        }, 1040, ["id", "add-options", "allow-writing", "append:icon", "aria-describedby", "autocomplete", "autofocus", "comma", "dependencies", "deps-debounce-time", "disabled", "enforce-coherence", "filter-by", "has-errors", "item-text", "item-value", "items", "loading", "loading-text", "max", "max-selected-labels", "model-value", "model-value-debounce-time", "multiple", "name", "no-data-text", "placeholder", "prefill", "prepend:icon", "query-debounce-time", "readonly", "required", "reset-query-on-option-selected", "stash", "transition-duration", "update-on-animation-frame"])
+      ]),
+      _: 3
+    }, 8, ["id", "direction", "errors", "has-errors", "hide-label", "hint", "label", "label-position", "model-value", "name", "reverse", "show-hint"]));
+  }
+});
+export {
+  L as default
+};

package/dist/{index108.js → index109.js}

@@ -1,12 +1,12 @@
 import { defineComponent as ee, ref as n, computed as $, getCurrentInstance as te, watch as b, nextTick as le, onMounted as ae, openBlock as f, createElementBlock as p, unref as ie, normalizeClass as T, createElementVNode as h, renderSlot as k, normalizeProps as U, guardReactiveProps as W, normalizeStyle as se, Fragment as K, renderList as O, createVNode as J, withCtx as I, toDisplayString as re, createBlock as ne, Transition as oe, createCommentVNode as ue } from "vue";
 import { useId as de } from "./index8.js";
-import { useRoute as ce } from "./index136.js";
-import { useRouter as be } from "./index137.js";
-import { wait as fe } from "./index131.js";
-import { useScroll as he, useResizeObserver as ye } from "./index132.js";
+import { useRoute as ce } from "./index137.js";
+import { useRouter as be } from "./index138.js";
+import { wait as fe } from "./index132.js";
+import { useScroll as he, useResizeObserver as ye } from "./index133.js";
 import me from "./index13.js";
 /* empty css        */
-import ve from "./index127.js";
+import ve from "./index128.js";
 /* empty css         */
 const pe = ["id"], ke = { class: "bb-tab__label-boundary" }, ge = { class: "bb-tab__label" }, _e = { class: "bb-tab__panes-container" }, we = ["id", "aria-labelledby"], Re = /* @__PURE__ */ ee({
   __name: "BbTab",

package/dist/index11.js

@@ -1,4 +1,4 @@
-import { wait as p } from "./index131.js";
+import { wait as p } from "./index132.js";
 import { reactive as d } from "vue";
 import { useId as h } from "./index8.js";
 const i = d({

package/dist/{index110.js → index111.js}

@@ -1,16 +1,16 @@
-import { defineComponent as ue, mergeModels as P, ref as Q, computed as k, toRef as A, useModel as U, watch as W, reactive as pe, openBlock as n, createBlock as G, resolveDynamicComponent as fe, normalizeClass as r, unref as i, withCtx as me, createElementBlock as d, toDisplayString as u, createCommentVNode as C, createElementVNode as o, renderSlot as p, isRef as ye, Fragment as T, renderList as V, createVNode as K, createTextVNode as he, mergeProps as ke } from "vue";
-import { add as ve } from "./index298.js";
-import { clamp as _e } from "./index233.js";
-import { isNil as X } from "./index129.js";
+import { defineComponent as re, mergeModels as P, ref as ue, computed as k, toRef as A, useModel as Q, watch as U, reactive as pe, openBlock as n, createBlock as W, resolveDynamicComponent as fe, normalizeClass as r, unref as i, withCtx as me, createElementBlock as d, toDisplayString as u, createCommentVNode as C, createElementVNode as o, renderSlot as p, isRef as ye, Fragment as T, renderList as V, createVNode as G, createTextVNode as he, mergeProps as ke } from "vue";
+import { add as ve } from "./index308.js";
+import { clamp as _e } from "./index206.js";
+import { isNil as K } from "./index130.js";
 import { useId as Ce } from "./index8.js";
 import { useItemValue as ge } from "./index286.js";
-import { when as we } from "./index219.js";
-import Y from "./index17.js";
+import { when as we } from "./index228.js";
+import X from "./index17.js";
 /* empty css        */
 import Te from "./index31.js";
 /* empty css        */
 import { useOptions as Ve } from "./index235.js";
-import { hash as Z } from "./index210.js";
+import { hash as Y } from "./index219.js";
 const $e = {
   key: 0,
   class: "sr-only"
@@ -20,7 +20,7 @@ const $e = {
 }, De = { class: "bb-table-header__content" }, Le = { class: "bb-table-header__content sr-only" }, Ie = { class: "bb-table-loading__row" }, Re = ["colspan"], He = { class: "bb-table-loading__text sr-only" }, ze = {
   class: "bb-table-skeleton__container",
   role: "status"
-}, Me = { class: "bb-table-no-data__row" }, xe = ["colspan"], Oe = { class: "bb-table-no-data__text" }, qe = ["onClick", "onContextmenu", "onDblclick"], Ee = { class: "bb-table-check__label-text sr-only" }, Fe = { class: "bb-table-radio__label-text sr-only" }, tl = /* @__PURE__ */ ue({
+}, Me = { class: "bb-table-no-data__row" }, xe = ["colspan"], Oe = { class: "bb-table-no-data__text" }, qe = ["onClick", "onContextmenu", "onDblclick"], Ee = { class: "bb-table-check__label-text sr-only" }, Fe = { class: "bb-table-radio__label-text sr-only" }, tl = /* @__PURE__ */ re({
   __name: "BbTable",
   props: /* @__PURE__ */ P({
     accessibleLabel: { type: Function, default: (g) => ["Seleziona"].concat(g.map((D) => D.content)).join(" ") },
@@ -64,7 +64,7 @@ const $e = {
   }),
   emits: /* @__PURE__ */ P(["click:row", "contextmenu:row", "dblclick:row", "update:modelValue", "update:selectAll", "item:selected", "item:unselected"], ["update:select-all", "update:unselected-items"]),
   setup(g, { emit: D }) {
-    const { getItemValue: ee } = ge(), M = Ce().id.value, t = g, v = D, $ = Q(), le = t.accessibleLabel, te = t.loadingText, ae = t.noDataText, x = t.selectText, se = k(() => t.selectable ? "fieldset" : "div"), oe = Q(!1), O = k(() => t.loading || oe.value), q = k(() => [!!t.selectable, !!t.actions].reduce(
+    const { getItemValue: Z } = ge(), M = Ce().id.value, t = g, v = D, $ = ue(), ee = t.accessibleLabel, le = t.loadingText, te = t.noDataText, x = t.selectText, ae = k(() => t.selectable ? "fieldset" : "div"), O = k(() => t.loading || ne.value), q = k(() => [!!t.selectable, !!t.actions].reduce(
       (e, s) => e + +!!s,
       t.columns.length
     )), E = k(
@@ -75,7 +75,7 @@ const $e = {
         },
         {}
       )
-    ), { options: B, selectOption: ne, unselectOption: de, internalItems: F } = Ve({
+    ), { options: B, selectOption: se, unselectOption: oe, internalItems: F, innerLoading: ne } = Ve({
       emit: v,
       itemText: void 0,
       itemValue: t.itemValue,
@@ -92,7 +92,7 @@ const $e = {
       depsDebounceTime: t.depsDebounceTime,
       queryDebounceTime: 0,
       disabled: A(t, "disabled")
-    }), ce = k(
+    }), de = k(
       () => t.columns.map((e) => {
         const s = e.align || "left", { label: l, key: f } = e, R = `header:${E.value[e.key]}`;
         let a = [`bb-table-header--${s}`];
@@ -109,9 +109,9 @@ const $e = {
       typeof t.selectable == "function" && (s = !t.selectable(e.item)), s = s || !!e.disabled;
       const l = t.columns.map((a) => {
         const c = E.value[a.key], h = a.align || "left", { label: S, key: H } = a;
-        let m = ee(e.item, a.key);
+        let m = Z(e.item, a.key);
         a.formatter && // By default the formatter runs anyway
-        (!X(m) || a.formatOnNull !== !1) && (m = a.formatter(m, a.key, e.item)), a.placeholder && X(m) && (m = a.placeholder);
+        (!K(m) || a.formatOnNull !== !1) && (m = a.formatter(m, a.key, e.item)), a.placeholder && K(m) && (m = a.placeholder);
         let b = [`bb-table-data__cell--${h}`];
         if (t.tdClass)
           if (typeof t.tdClass == "function") {
@@ -133,7 +133,7 @@ const $e = {
         };
       });
       return {
-        accessibleLabel: le(l, e.item),
+        accessibleLabel: ee(l, e.item),
         cols: l,
         onRowClick: (a) => v("click:row", a, e, !!e.selected),
         onRowContextMenu: (a) => v("contextmenu:row", a, e, !!e.selected),
@@ -146,30 +146,30 @@ const $e = {
         disabled: s
       };
     }));
-    let y = U(g, "select-all");
-    W(y, () => {
+    let y = Q(g, "select-all");
+    U(y, () => {
       w.clear(), N.value = [], v("update:modelValue", []);
     });
     const j = k(() => {
       var e;
       return (e = t.modelValue) != null && e.length ? L.value.some((s) => !s.selected) : !!(y.value && w.size);
-    }), w = pe(/* @__PURE__ */ new Set()), N = U(g, "unselected-items"), J = (e) => {
-      I(e) ? (de(e), v("item:unselected", e.value), w.add(e.valueHash), N.value.push(e.item)) : (y.value || ne(e), v("item:selected", e.value), w.delete(e.valueHash), N.value = N.value.filter(
-        (s) => Z(s) !== Z(e.item)
+    }), w = pe(/* @__PURE__ */ new Set()), N = Q(g, "unselected-items"), J = (e) => {
+      I(e) ? (oe(e), v("item:unselected", e.value), w.add(e.valueHash), N.value.push(e.item)) : (y.value || se(e), v("item:selected", e.value), w.delete(e.valueHash), N.value = N.value.filter(
+        (s) => Y(s) !== Y(e.item)
       ));
-    }, I = (e) => w.has(e.valueHash) ? !1 : e.selected || y.value, ie = we(
+    }, I = (e) => w.has(e.valueHash) ? !1 : e.selected || y.value, ce = we(
       (e) => typeof e != "string",
       JSON.stringify
-    ), be = k(() => [].concat(t.modelValue).map((e) => {
-      const s = ie(e);
+    ), ie = k(() => [].concat(t.modelValue).map((e) => {
+      const s = ce(e);
       return {
         disabled: t.disabled,
         name: t.name,
         type: "hidden",
         value: s
       };
-    })), re = k(() => _e(B.value.length, 4, 10));
-    return W(
+    })), be = k(() => _e(B.value.length, 4, 10));
+    return U(
       () => L.value,
       () => {
         var e;
@@ -201,7 +201,7 @@ const $e = {
       {
         flush: "post"
       }
-    ), (e, s) => (n(), G(fe(se.value), {
+    ), (e, s) => (n(), W(fe(ae.value), {
       ref_key: "container",
       ref: $,
       class: r({
@@ -245,7 +245,7 @@ const $e = {
                           "bb-table-check__label--disabled": e.disabled
                         }])
                       }, [
-                        (n(), G(Y, {
+                        (n(), W(X, {
                           key: j.value.toString(),
                           modelValue: i(y),
                           "onUpdate:modelValue": s[0] || (s[0] = (l) => ye(y) ? y.value = l : y = l),
@@ -260,7 +260,7 @@ const $e = {
                     ])
                   ])
                 ], 2)) : C("", !0),
-                (n(!0), d(T, null, V(ce.value, (l) => (n(), d("th", {
+                (n(!0), d(T, null, V(de.value, (l) => (n(), d("th", {
                   key: l.key,
                   class: r(["bb-table-header", l.classes]),
                   scope: "col"
@@ -296,9 +296,9 @@ const $e = {
                   class: "bb-table-loading__cell",
                   colspan: q.value
                 }, [
-                  o("span", He, u(i(te)), 1),
+                  o("span", He, u(i(le)), 1),
                   o("div", ze, [
-                    (n(!0), d(T, null, V(re.value, (l) => (n(), d("div", {
+                    (n(!0), d(T, null, V(be.value, (l) => (n(), d("div", {
                       key: l,
                       class: "bb-table-skeleton-item"
                     }, s[1] || (s[1] = [
@@ -339,7 +339,7 @@ const $e = {
                         "bb-table-check__label--disabled": l.disabled
                       }])
                     }, [
-                      K(Y, {
+                      G(X, {
                         checked: I(l),
                         class: "bb-table-check",
                         disabled: l.disabled,
@@ -353,7 +353,7 @@ const $e = {
                         "bb-table-radio__label--disabled": l.disabled
                       }])
                     }, [
-                      K(Te, {
+                      G(Te, {
                         checked: l.selected,
                         class: "bb-table-radio",
                         disabled: l.disabled,
@@ -395,7 +395,7 @@ const $e = {
                   class: "bb-table-no-data__cell",
                   colspan: q.value
                 }, [
-                  o("span", Oe, u(i(ae)), 1)
+                  o("span", Oe, u(i(te)), 1)
                 ], 8, xe)
               ])
             ])
@@ -404,7 +404,7 @@ const $e = {
             p(e.$slots, "tfoot")
           ])
         ]),
-        (n(!0), d(T, null, V(be.value, (l) => (n(), d("input", ke({
+        (n(!0), d(T, null, V(ie.value, (l) => (n(), d("input", ke({
           key: l.value,
           ref_for: !0
         }, l), null, 16))), 128))

package/dist/{index118.js → index119.js}

@@ -1,7 +1,7 @@
 import { defineComponent as l, openBlock as e, createBlock as o, withCtx as r, createElementVNode as c, normalizeClass as m, createVNode as i, TransitionGroup as u, createElementBlock as p, Fragment as f, renderList as _, unref as n, mergeProps as d } from "vue";
 import { state as k, useToast as b } from "./index11.js";
-import C from "./index231.js";
-import B from "./index299.js";
+import C from "./index234.js";
+import B from "./index310.js";
 const V = /* @__PURE__ */ l({
   __name: "BbToast",
   props: {

package/dist/index12.js

@@ -1,10 +1,10 @@
-import { copy as D } from "./index133.js";
+import { copy as D } from "./index134.js";
 import { reactive as G, watch as v, toValue as H, computed as g, provide as Q } from "vue";
-import { isNotNil as a } from "./index134.js";
-import { mapValues as X } from "./index135.js";
-import { useRoute as Z } from "./index136.js";
-import { useRouter as _ } from "./index137.js";
-import { useStepper as ee } from "./index132.js";
+import { isNotNil as a } from "./index135.js";
+import { mapValues as X } from "./index136.js";
+import { useRoute as Z } from "./index137.js";
+import { useRouter as _ } from "./index138.js";
+import { useStepper as ee } from "./index133.js";
 const te = Symbol(), x = /((step\/)(?<step>[\s\S]+?)(?=[/?]))|((step\/)(?<step2>[\s\S]+))/, O = (i) => {
   var r, u;
   const e = i.match(x);

package/dist/{index120.js → index121.js}

@@ -1,14 +1,14 @@
 import { defineComponent as N, ref as a, watch as V, computed as H, openBlock as B, createElementBlock as z, mergeProps as I, createElementVNode as p, renderSlot as C, normalizeProps as R, guardReactiveProps as S, unref as c, createVNode as U, withCtx as E, createBlock as W, createCommentVNode as j } from "vue";
-import { useFloating as q, arrow as A } from "./index221.js";
+import { useFloating as q, arrow as A } from "./index238.js";
 import { useId as G } from "./index8.js";
-import { wait as _ } from "./index131.js";
+import { wait as _ } from "./index132.js";
 import J from "./index13.js";
 /* empty css        */
-import { throttle as m } from "./index239.js";
-import { waitFor as K } from "./index226.js";
-import Q from "./index279.js";
+import { throttle as m } from "./index230.js";
+import { waitFor as K } from "./index232.js";
+import Q from "./index255.js";
 /* empty css         */
-import { autoUpdate as X, flip as Y, shift as Z, hide as x } from "./index232.js";
+import { autoUpdate as X, flip as Y, shift as Z, hide as x } from "./index242.js";
 const pe = /* @__PURE__ */ N({
   __name: "BbTooltip",
   props: {

package/dist/{index122.js → index123.js}

@@ -1,5 +1,5 @@
 import { defineComponent as $, computed as g, resolveComponent as y, openBlock as f, createElementBlock as i, Fragment as k, renderList as h, normalizeClass as b, createElementVNode as s, renderSlot as t, createVNode as v, createSlots as B, withCtx as _, mergeProps as C } from "vue";
-import { flattenTree as T } from "./index300.js";
+import { flattenTree as T } from "./index311.js";
 const w = { class: "bb-tree-row" }, E = { class: "bb-tree-main-content" }, N = /* @__PURE__ */ $({
   __name: "BbTree",
   props: {

package/dist/index125.js

@@ -1,46 +1,42 @@
-import { defineComponent as p, ref as o, watch as d, computed as m, openBlock as n, createBlock as s, resolveDynamicComponent as r, normalizeProps as b, guardReactiveProps as f, withCtx as u, normalizeStyle as v, renderSlot as y, createCommentVNode as g } from "vue";
-const B = /* @__PURE__ */ p({
-  __name: "BbCollapsible",
+import { defineComponent as c, openBlock as o, createElementBlock as a, createElementVNode as t, renderSlot as i, createTextVNode as p, toDisplayString as b, withModifiers as d, createCommentVNode as m } from "vue";
+const u = { class: "bb-chip" }, _ = { class: "bb-chip__content" }, f = ["aria-label"], k = /* @__PURE__ */ c({
+  __name: "BbChip",
   props: {
-    eager: { type: Boolean },
-    transitionDuration: { default: 250 },
-    modelValue: { type: Boolean },
-    tag: { default: "div" }
+    text: {},
+    clearable: { type: Boolean, default: !0 },
+    clearableLabel: { default: "Elimina" }
   },
-  setup(i) {
-    const l = i, c = o(l.modelValue), t = o(c.value);
-    d(
-      () => l.modelValue,
-      (e) => {
-        e && !t.value && (t.value = !0);
-      }
-    );
-    const a = m(() => ({
-      class: {
-        "bb-collapsible": !0,
-        "bb-collapsible--open": l.modelValue,
-        "bb-collapsible--closed": !l.modelValue
-      },
-      style: {
-        transitionDuration: l.transitionDuration + "ms"
-      }
-    }));
-    return (e, V) => (n(), s(r(e.tag), b(f(a.value)), {
-      default: u(() => [
-        (n(), s(r(e.tag), {
-          class: "bb-collapsible__content",
-          style: v(a.value.style)
-        }, {
-          default: u(() => [
-            e.eager || t.value ? y(e.$slots, "default", { key: 0 }) : g("", !0)
-          ]),
-          _: 3
-        }, 8, ["style"]))
+  emits: ["click:clear"],
+  setup(h, { emit: r }) {
+    const n = r, s = (e) => {
+      n("click:clear", e);
+    };
+    return (e, l) => (o(), a("span", u, [
+      t("span", _, [
+        i(e.$slots, "default", {}, () => [
+          p(b(e.text), 1)
+        ])
       ]),
-      _: 3
-    }, 16));
+      e.clearable ? (o(), a("button", {
+        key: 0,
+        "aria-label": e.clearableLabel,
+        class: "bb-chip__clear-button",
+        type: "button",
+        onClick: d(s, ["stop", "prevent"])
+      }, l[0] || (l[0] = [
+        t("svg", {
+          viewBox: "0 0 24 24",
+          xmlns: "http://www.w3.org/2000/svg"
+        }, [
+          t("path", {
+            d: "M6.4 19L5 17.6l5.6-5.6L5 6.4L6.4 5l5.6 5.6L17.6 5L19 6.4L13.4 12l5.6 5.6l-1.4 1.4l-5.6-5.6z",
+            fill: "currentColor"
+          })
+        ], -1)
+      ]), 8, f)) : m("", !0)
+    ]));
   }
 });
 export {
-  B as default
+  k as default
 };

package/dist/index126.js

@@ -1,53 +1,46 @@
-import { defineComponent as v, ref as p, getCurrentInstance as c, onServerPrefetch as w, onBeforeMount as z, inject as _, watch as b, computed as f, openBlock as h, createElementBlock as $, mergeProps as g } from "vue";
-import { isCssColor as I } from "./index218.js";
-const B = ["innerHTML"], k = /* @__PURE__ */ v({
-  __name: "BbIcon",
+import { defineComponent as p, ref as o, watch as d, computed as m, openBlock as n, createBlock as s, resolveDynamicComponent as r, normalizeProps as b, guardReactiveProps as f, withCtx as u, normalizeStyle as v, renderSlot as y, createCommentVNode as g } from "vue";
+const B = /* @__PURE__ */ p({
+  __name: "BbCollapsible",
   props: {
-    size: { default: "md" },
-    color: {},
-    type: {}
+    eager: { type: Boolean },
+    transitionDuration: { default: 250 },
+    modelValue: { type: Boolean },
+    tag: { default: "div" }
   },
-  setup(m) {
-    var l, a;
-    const e = m;
-    let t = p();
-    const r = p(null), x = !!((a = (l = c()) == null ? void 0 : l.proxy) != null && a.$nuxt), i = async () => {
-      if (t.value) {
-        if (typeof t.value[e.type] > "u")
-          throw new Error(`Icon "${e.type}" does not exist.`);
-        r.value = await t.value[e.type]();
+  setup(i) {
+    const l = i, c = o(l.modelValue), t = o(c.value);
+    d(
+      () => l.modelValue,
+      (e) => {
+        e && !t.value && (t.value = !0);
       }
-    };
-    w(async () => {
-      var o, n;
-      t.value = (n = (o = c()) == null ? void 0 : o.proxy) == null ? void 0 : n.$nuxt.$icons, await i();
-    }), z(async () => {
-      var o, n;
-      t.value || (x ? t.value = (n = (o = c()) == null ? void 0 : o.proxy) == null ? void 0 : n.$nuxt.$icons : t.value = _("icons")), r.value || await i();
-    }), b(() => e.type, i);
-    const y = {
-      xs: 12,
-      sm: 16,
-      md: 24,
-      lg: 28,
-      xl: 36,
-      xxl: 40
-    }, d = f(() => {
-      const o = {
-        "bb-icon": !0
-      };
-      let u = { "--size": f(() => {
-        let s;
-        return typeof e.size == "string" ? s = y[e.size] ?? parseInt(e.size, 10) : typeof e.size == "number" ? s = e.size : s = 24, s + "px";
-      }).value };
-      return e.color && (I(e.color) ? u.color = e.color : o[`bb-icon--${e.color}`] = !0), {
-        class: o,
-        style: u
-      };
-    });
-    return (o, n) => (h(), $("span", g(d.value, { innerHTML: r.value }), null, 16, B));
+    );
+    const a = m(() => ({
+      class: {
+        "bb-collapsible": !0,
+        "bb-collapsible--open": l.modelValue,
+        "bb-collapsible--closed": !l.modelValue
+      },
+      style: {
+        transitionDuration: l.transitionDuration + "ms"
+      }
+    }));
+    return (e, V) => (n(), s(r(e.tag), b(f(a.value)), {
+      default: u(() => [
+        (n(), s(r(e.tag), {
+          class: "bb-collapsible__content",
+          style: v(a.value.style)
+        }, {
+          default: u(() => [
+            e.eager || t.value ? y(e.$slots, "default", { key: 0 }) : g("", !0)
+          ]),
+          _: 3
+        }, 8, ["style"]))
+      ]),
+      _: 3
+    }, 16));
   }
 });
 export {
-  k as default
+  B as default
 };