bitboss-ui 2.0.115 → 2.0.117

package/dist/components/BbTextInput/BbTextInput.vue.d.ts

@@ -13,6 +13,10 @@ export type BbTextInputProps = {
      * Sets autofocus on page load.
      */
     autofocus?: InputHTMLAttributes['autofocus'];
+    /**
+     * Displays a clear button when the input has a value and is being interacted with.
+     */
+    clearable?: boolean;
     /**
      * Displays the component in a compact version.
      */

package/dist/components/BbTextarea/BbTextarea.vue.d.ts

@@ -17,6 +17,10 @@ export type BbTextareaProps = {
      * Expands the textarea to match its content
      */
     autoGrow?: boolean;
+    /**
+     * Displays a clear button when the input has a value and is being interacted with.
+     */
+    clearable?: boolean;
     /**
      * Sets the component in a compact state.
      */

package/dist/components/BbTooltip/BbTooltip.vue.d.ts

@@ -26,7 +26,6 @@ declare function __VLS_template(): {
     slots: Readonly<BbTooltipSlots> & BbTooltipSlots;
     refs: {
         wrapper: HTMLSpanElement;
-        content: HTMLSpanElement;
     };
     attrs: Partial<{}>;
 };

package/dist/components/ClearableButton.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/CommonInputInnerContainer.vue.d.ts

@@ -3,6 +3,10 @@ type Props = {
      * Name of the icon to be added at the end of the input.
      */
     'append:icon'?: string;
+    /**
+     * Whether the input is clearable.
+     */
+    clearable?: boolean;
     /**
      * Name of the icon to be added at the start of the input.
      */
@@ -23,7 +27,11 @@ declare function __VLS_template(): {
     attrs: Partial<{}>;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "click:clear": () => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onClick:clear"?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/index100.js

@@ -1,13 +1,13 @@
 import { defineComponent as R, mergeModels as b, computed as I, toRef as m, reactive as j, useModel as B, watch as E, openBlock as g, createElementBlock as k, Fragment as H, renderSlot as p, unref as x, createCommentVNode as G, renderList as U } from "vue";
-import { useItemValue as W } from "./index269.js";
-import { isNil as w } from "./index251.js";
-import { indexBy as q } from "./index298.js";
-import { hash as M } from "./index213.js";
-import { useItemsGetter as z } from "./index209.js";
-import { usePrefill as J } from "./index215.js";
-import { useIndexById as K } from "./index210.js";
-import { useBaseOptions as Q } from "./index211.js";
-import { useHashedWatcher as X } from "./index214.js";
+import { useItemValue as W } from "./index291.js";
+import { isNil as w } from "./index252.js";
+import { indexBy as q } from "./index305.js";
+import { hash as M } from "./index235.js";
+import { useItemsGetter as z } from "./index231.js";
+import { usePrefill as J } from "./index237.js";
+import { useIndexById as K } from "./index232.js";
+import { useBaseOptions as Q } from "./index233.js";
+import { useHashedWatcher as X } from "./index236.js";
 const de = /* @__PURE__ */ R({
   __name: "BbRows",
   props: /* @__PURE__ */ b({

package/dist/index101.js

@@ -1,15 +1,16 @@
-import { defineComponent as h, ref as y, computed as g, openBlock as v, createBlock as B, withCtx as n, renderSlot as a, normalizeProps as l, guardReactiveProps as i, createVNode as $, mergeProps as T } from "vue";
+import { defineComponent as h, ref as y, computed as g, openBlock as v, createBlock as B, withCtx as a, renderSlot as n, normalizeProps as l, guardReactiveProps as i, createVNode as $, mergeProps as T } from "vue";
 import V from "./index27.js";
 /* empty css        */
 import w from "./index37.js";
 /* empty css        */
-const P = /* @__PURE__ */ h({
+const k = /* @__PURE__ */ h({
   __name: "BbSelect",
   props: {
     allowWriting: { type: [Boolean, String], default: !0 },
     "append:icon": {},
     autocomplete: {},
     autofocus: {},
+    clearable: { type: Boolean },
     comma: { type: Boolean },
     compact: { type: Boolean },
     dependencies: {},
@@ -45,6 +46,7 @@ const P = /* @__PURE__ */ h({
     queryDebounceTime: {},
     readonly: { type: Boolean },
     reverse: { type: Boolean },
+    selectedLabelsFn: {},
     stash: { type: Boolean },
     teleportTarget: {},
     transitionDuration: {},
@@ -82,10 +84,10 @@ const P = /* @__PURE__ */ h({
       reverse: e.reverse,
       "show-hint": u.value
     }, {
-      label: n((s) => [
-        a(e.$slots, "label", l(i(s)))
+      label: a((s) => [
+        n(e.$slots, "label", l(i(s)))
       ]),
-      input: n(({ id: s, hasErrors: b, ariaDescribedby: f }) => [
+      input: a(({ id: s, hasErrors: b, ariaDescribedby: f }) => [
         $(w, T({
           id: s,
           "allow-writing": e.allowWriting,
@@ -93,6 +95,7 @@ const P = /* @__PURE__ */ h({
           "aria-describedby": f,
           autocomplete: e.autocomplete,
           autofocus: e.autofocus,
+          clearable: e.clearable,
           comma: e.comma,
           compact: e.compact,
           dependencies: e.dependencies,
@@ -119,63 +122,64 @@ const P = /* @__PURE__ */ h({
           "query-debounce-time": e.queryDebounceTime,
           readonly: e.readonly,
           required: e.required,
+          "selected-labels-fn": e.selectedLabelsFn,
           stash: e.stash,
           "teleport-target": e.teleportTarget,
           "transition-duration": e.transitionDuration,
           "update-on-animation-frame": e.updateOnAnimationFrame
         }, c), {
-          "append-outer": n((o) => [
-            a(e.$slots, "append-outer", l(i(o)))
+          "append-outer": a((o) => [
+            n(e.$slots, "append-outer", l(i(o)))
           ]),
-          append: n((o) => [
-            a(e.$slots, "append", l(i(o)))
+          append: a((o) => [
+            n(e.$slots, "append", l(i(o)))
           ]),
-          prefix: n((o) => [
-            a(e.$slots, "prefix", l(i(o)))
+          prefix: a((o) => [
+            n(e.$slots, "prefix", l(i(o)))
           ]),
-          chevron: n((o) => [
-            a(e.$slots, "chevron", l(i(o)))
+          chevron: a((o) => [
+            n(e.$slots, "chevron", l(i(o)))
           ]),
-          loading: n((o) => [
-            a(e.$slots, "loading", l(i(o)))
+          loading: a((o) => [
+            n(e.$slots, "loading", l(i(o)))
           ]),
-          "no-data": n((o) => [
-            a(e.$slots, "no-data", l(i(o)))
+          "no-data": a((o) => [
+            n(e.$slots, "no-data", l(i(o)))
           ]),
-          "option:append": n((o) => [
-            a(e.$slots, "option:append", l(i(o)))
+          "option:append": a((o) => [
+            n(e.$slots, "option:append", l(i(o)))
           ]),
-          "option:prepend": n((o) => [
-            a(e.$slots, "option:prepend", l(i(o)))
+          "option:prepend": a((o) => [
+            n(e.$slots, "option:prepend", l(i(o)))
           ]),
-          option: n((o) => [
-            a(e.$slots, "option", l(i(o)))
+          option: a((o) => [
+            n(e.$slots, "option", l(i(o)))
           ]),
-          "options:append": n((o) => [
-            a(e.$slots, "options:append", l(i(o)))
+          "options:append": a((o) => [
+            n(e.$slots, "options:append", l(i(o)))
           ]),
-          "options:prepend": n((o) => [
-            a(e.$slots, "options:prepend", l(i(o)))
+          "options:prepend": a((o) => [
+            n(e.$slots, "options:prepend", l(i(o)))
           ]),
-          "prepend-outer": n((o) => [
-            a(e.$slots, "prepend-outer", l(i(o)))
+          "prepend-outer": a((o) => [
+            n(e.$slots, "prepend-outer", l(i(o)))
           ]),
-          prepend: n((o) => [
-            a(e.$slots, "prepend", l(i(o)))
+          prepend: a((o) => [
+            n(e.$slots, "prepend", l(i(o)))
           ]),
-          suffix: n((o) => [
-            a(e.$slots, "suffix", l(i(o)))
+          suffix: a((o) => [
+            n(e.$slots, "suffix", l(i(o)))
           ]),
-          spinner: n((o) => [
-            a(e.$slots, "spinner", l(i(o)))
+          spinner: a((o) => [
+            n(e.$slots, "spinner", l(i(o)))
           ]),
           _: 2
-        }, 1040, ["id", "allow-writing", "append:icon", "aria-describedby", "autocomplete", "autofocus", "comma", "compact", "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", "stash", "teleport-target", "transition-duration", "update-on-animation-frame"])
+        }, 1040, ["id", "allow-writing", "append:icon", "aria-describedby", "autocomplete", "autofocus", "clearable", "comma", "compact", "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", "selected-labels-fn", "stash", "teleport-target", "transition-duration", "update-on-animation-frame"])
       ]),
       _: 3
     }, 8, ["id", "compact", "direction", "errors", "has-errors", "hide-label", "hint", "label", "label-position", "model-value", "name", "reverse", "show-hint"]));
   }
 });
 export {
-  P as default
+  k as default
 };

package/dist/index111.js

@@ -1,21 +1,21 @@
 import { defineComponent as me, mergeModels as K, ref as fe, computed as v, toRef as j, useModel as Q, watch as X, reactive as ye, openBlock as n, createBlock as Y, resolveDynamicComponent as he, normalizeClass as p, unref as b, withCtx as ve, createElementBlock as d, toDisplayString as m, createCommentVNode as _, createElementVNode as o, renderSlot as f, isRef as ke, Fragment as I, renderList as T, createVNode as Z, createTextVNode as _e, mergeProps as ge } from "vue";
-import { add as Ce } from "./index323.js";
+import { add as Ce } from "./index310.js";
 import { clamp as we } from "./index206.js";
-import { isNil as $ } from "./index251.js";
+import { isNil as $ } from "./index252.js";
 import { useId as Ve } from "./index8.js";
-import { useItemValue as Be } from "./index269.js";
-import { when as Ie } from "./index232.js";
+import { useItemValue as Be } from "./index291.js";
+import { when as Ie } from "./index239.js";
 import ee from "./index17.js";
 /* empty css        */
 import Te from "./index31.js";
 /* empty css        */
-import { hash as le } from "./index213.js";
-import { useItemsGetter as $e } from "./index209.js";
-import { usePrefill as Ae } from "./index215.js";
-import { useIndexById as xe } from "./index210.js";
-import { useBaseOptions as Ne } from "./index211.js";
-import { useHashedWatcher as Le } from "./index214.js";
-import { useLocale as Se } from "./index230.js";
+import { hash as le } from "./index235.js";
+import { useItemsGetter as $e } from "./index231.js";
+import { usePrefill as Ae } from "./index237.js";
+import { useIndexById as xe } from "./index232.js";
+import { useBaseOptions as Ne } from "./index233.js";
+import { useHashedWatcher as Le } from "./index236.js";
+import { useLocale as Se } from "./index212.js";
 const He = {
   key: 0,
   class: "sr-only"

package/dist/index113.js

@@ -10,6 +10,7 @@ const I = /* @__PURE__ */ f({
     autocomplete: {},
     autofocus: {},
     comma: { type: Boolean },
+    clearable: { type: Boolean },
     compact: { type: Boolean },
     direction: {},
     disabled: { type: Boolean },
@@ -70,18 +71,19 @@ const I = /* @__PURE__ */ f({
       label: l((s) => [
         r(e.$slots, "label", n(i(s)))
       ]),
-      input: l(({ id: s, hasErrors: h, ariaDescribedby: b }) => [
+      input: l(({ id: s, hasErrors: b, ariaDescribedby: h }) => [
         k(V, $({
           id: s,
           "append:icon": p["append:icon"],
-          "aria-describedby": b,
+          "aria-describedby": h,
           autocomplete: e.autocomplete,
           autofocus: e.autofocus,
+          clearable: e.clearable,
           comma: e.comma,
           compact: e.compact,
           disabled: e.disabled,
           divider: e.divider,
-          "has-errors": h,
+          "has-errors": b,
           loading: e.loading,
           max: e.max,
           "model-value": e.modelValue,
@@ -111,7 +113,7 @@ const I = /* @__PURE__ */ f({
             r(e.$slots, "append-outer", n(i(o)))
           ]),
           _: 2
-        }, 1040, ["id", "append:icon", "aria-describedby", "autocomplete", "autofocus", "comma", "compact", "disabled", "divider", "has-errors", "loading", "max", "model-value", "multiple", "name", "placeholder", "prepend:icon", "readonly", "required"])
+        }, 1040, ["id", "append:icon", "aria-describedby", "autocomplete", "autofocus", "clearable", "comma", "compact", "disabled", "divider", "has-errors", "loading", "max", "model-value", "multiple", "name", "placeholder", "prepend:icon", "readonly", "required"])
       ]),
       _: 3
     }, 8, ["id", "compact", "direction", "errors", "has-errors", "hide-label", "hint", "label", "label-position", "model-value", "name", "reverse", "show-hint"]));

package/dist/index115.js

@@ -1,4 +1,4 @@
-import { defineComponent as f, ref as y, computed as w, openBlock as v, createBlock as B, withCtx as a, renderSlot as r, normalizeProps as p, guardReactiveProps as d, createVNode as g, mergeProps as $ } from "vue";
+import { defineComponent as f, ref as y, computed as w, openBlock as v, createBlock as B, withCtx as a, renderSlot as r, normalizeProps as i, guardReactiveProps as d, createVNode as g, mergeProps as $ } from "vue";
 import k from "./index27.js";
 /* empty css        */
 import V from "./index47.js";
@@ -10,6 +10,7 @@ const G = /* @__PURE__ */ f({
     autocomplete: {},
     autofocus: {},
     autoGrow: { type: Boolean },
+    clearable: { type: Boolean },
     compact: { type: Boolean },
     direction: {},
     disabled: { type: Boolean },
@@ -33,14 +34,14 @@ const G = /* @__PURE__ */ f({
   },
   emits: ["blur", "change", "click", "focus", "input", "keydown", "mousedown", "mouseup", "update:modelValue"],
   setup(t, { emit: u }) {
-    const n = t, o = u, l = y(!1), m = w(() => n.persistentHint || l.value), c = {
+    const l = t, o = u, n = y(!1), m = w(() => l.persistentHint || n.value), c = {
       onBlur: (e) => {
-        l.value = !1, o("blur", e);
+        n.value = !1, o("blur", e);
       },
       onChange: (e) => o("change", e),
       onClick: (e) => o("click", e),
       onFocus: (e) => {
-        l.value = !0, o("focus", e);
+        n.value = !0, o("focus", e);
       },
       onInput: (e) => o("input", e),
       onKeydown: (e) => o("keydown", e),
@@ -65,23 +66,24 @@ const G = /* @__PURE__ */ f({
       "show-hint": m.value
     }, {
       label: a((s) => [
-        r(e.$slots, "label", p(d(s)))
+        r(e.$slots, "label", i(d(s)))
       ]),
-      input: a(({ id: s, hasErrors: h, ariaDescribedby: b }) => [
+      input: a(({ id: s, hasErrors: b, ariaDescribedby: h }) => [
         g(V, $({
           id: s,
-          "append:icon": n["append:icon"],
-          "aria-describedby": b,
+          "append:icon": l["append:icon"],
+          "aria-describedby": h,
           "auto-grow": e.autoGrow,
           autofocus: e.autofocus,
+          clearable: e.clearable,
           compact: e.compact,
           disabled: e.disabled,
-          "has-errors": h,
+          "has-errors": b,
           loading: e.loading,
           "model-value": e.modelValue,
           name: e.name,
           placeholder: e.placeholder,
-          "prepend:icon": n["prepend:icon"],
+          "prepend:icon": l["prepend:icon"],
           readonly: e.readonly,
           required: e.required,
           rows: e.rows
@@ -98,14 +100,14 @@ const G = /* @__PURE__ */ f({
           "prepend-outer": a(() => [
             r(e.$slots, "prepend-outer")
           ]),
-          prefix: a((i) => [
-            r(e.$slots, "prefix", p(d(i)))
+          prefix: a((p) => [
+            r(e.$slots, "prefix", i(d(p)))
           ]),
-          suffix: a((i) => [
-            r(e.$slots, "suffix", p(d(i)))
+          suffix: a((p) => [
+            r(e.$slots, "suffix", i(d(p)))
           ]),
           _: 2
-        }, 1040, ["id", "append:icon", "aria-describedby", "auto-grow", "autofocus", "compact", "disabled", "has-errors", "loading", "model-value", "name", "placeholder", "prepend:icon", "readonly", "required", "rows"])
+        }, 1040, ["id", "append:icon", "aria-describedby", "auto-grow", "autofocus", "clearable", "compact", "disabled", "has-errors", "loading", "model-value", "name", "placeholder", "prepend:icon", "readonly", "required", "rows"])
       ]),
       _: 3
     }, 8, ["id", "compact", "direction", "errors", "has-errors", "hide-label", "hint", "label", "label-position", "model-value", "name", "reverse", "show-hint"]));

package/dist/index117.js

@@ -1,4 +1,4 @@
-import { defineComponent as c, ref as h, computed as b, openBlock as f, createBlock as y, withCtx as a, renderSlot as n, normalizeProps as v, guardReactiveProps as B, createVNode as w, mergeProps as g } from "vue";
+import { defineComponent as c, ref as b, computed as h, openBlock as f, createBlock as y, withCtx as a, renderSlot as l, normalizeProps as v, guardReactiveProps as B, createVNode as w, mergeProps as g } from "vue";
 import $ from "./index27.js";
 /* empty css        */
 import k from "./index49.js";
@@ -9,6 +9,7 @@ const E = /* @__PURE__ */ c({
     "append:icon": {},
     autocomplete: {},
     autofocus: {},
+    clearable: { type: Boolean },
     compact: { type: Boolean },
     direction: {},
     disabled: { type: Boolean },
@@ -32,14 +33,14 @@ const E = /* @__PURE__ */ c({
   },
   emits: ["blur", "change", "click", "focus", "input", "keydown", "mousedown", "mouseup", "update:modelValue"],
   setup(s, { emit: i }) {
-    const r = s, o = i, l = h(!1), d = b(() => r.persistentHint || l.value), t = {
+    const r = s, o = i, n = b(!1), d = h(() => r.persistentHint || n.value), t = {
       onBlur: (e) => {
-        l.value = !1, o("blur", e);
+        n.value = !1, o("blur", e);
       },
       onChange: (e) => o("change", e),
       onClick: (e) => o("click", e),
       onFocus: (e) => {
-        l.value = !0, o("focus", e);
+        n.value = !0, o("focus", e);
       },
       onInput: (e) => o("input", e),
       onKeydown: (e) => o("keydown", e),
@@ -64,7 +65,7 @@ const E = /* @__PURE__ */ c({
       "show-hint": d.value
     }, {
       label: a((p) => [
-        n(e.$slots, "label", v(B(p)))
+        l(e.$slots, "label", v(B(p)))
       ]),
       input: a(({ id: p, hasErrors: u, ariaDescribedby: m }) => [
         w(k, g({
@@ -73,6 +74,7 @@ const E = /* @__PURE__ */ c({
           "aria-describedby": m,
           autocomplete: e.autocomplete,
           autofocus: e.autofocus,
+          clearable: e.clearable,
           compact: e.compact,
           disabled: e.disabled,
           "has-errors": u,
@@ -86,25 +88,25 @@ const E = /* @__PURE__ */ c({
           type: e.type
         }, t), {
           "append-outer": a(() => [
-            n(e.$slots, "append-outer")
+            l(e.$slots, "append-outer")
           ]),
           append: a(() => [
-            n(e.$slots, "append")
+            l(e.$slots, "append")
           ]),
           prefix: a(() => [
-            n(e.$slots, "prefix")
+            l(e.$slots, "prefix")
           ]),
           suffix: a(() => [
-            n(e.$slots, "suffix")
+            l(e.$slots, "suffix")
           ]),
           prepend: a(() => [
-            n(e.$slots, "prepend")
+            l(e.$slots, "prepend")
           ]),
           "prepend-outer": a(() => [
-            n(e.$slots, "prepend-outer")
+            l(e.$slots, "prepend-outer")
           ]),
           _: 2
-        }, 1040, ["id", "append:icon", "aria-describedby", "autocomplete", "autofocus", "compact", "disabled", "has-errors", "loading", "model-value", "name", "placeholder", "prepend:icon", "readonly", "required", "type"])
+        }, 1040, ["id", "append:icon", "aria-describedby", "autocomplete", "autofocus", "clearable", "compact", "disabled", "has-errors", "loading", "model-value", "name", "placeholder", "prepend:icon", "readonly", "required", "type"])
       ]),
       _: 3
     }, 8, ["id", "compact", "direction", "errors", "has-errors", "hide-label", "hint", "label", "label-position", "model-value", "name", "reverse", "show-hint"]));

package/dist/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 "./index243.js";
-import B from "./index318.js";
+import C from "./index225.js";
+import B from "./index315.js";
 const V = /* @__PURE__ */ l({
   __name: "BbToast",
   props: {