bitboss-ui 2.1.95 → 2.1.96

package/dist/index40.js

@@ -1,12 +1,12 @@
 import { defineComponent as ie, ref as d, computed as f, onMounted as se, watch as ue, createElementBlock as y, openBlock as g, normalizeProps as G, guardReactiveProps as O, renderSlot as p, createElementVNode as c, mergeProps as N, createCommentVNode as Y, Fragment as de, renderList as me, unref as b, normalizeStyle as j, normalizeClass as J } from "vue";
-import { head as ce } from "./index221.js";
-import { isCssColor as K } from "./index222.js";
-import { isNil as x } from "./index223.js";
+import { head as ce } from "./index280.js";
+import { isCssColor as K } from "./index244.js";
+import { isNil as x } from "./index245.js";
 import { getAsPercentageBetween as S, getAsPercentage as be, getValueFromPercentageInInterval as T } from "./index140.js";
-import { snapToStep as ve } from "./index224.js";
-import { last as fe } from "./index225.js";
-import { transpose as Q } from "./index226.js";
-import { clamp as m } from "./index216.js";
+import { snapToStep as ve } from "./index281.js";
+import { last as fe } from "./index226.js";
+import { transpose as Q } from "./index282.js";
+import { clamp as m } from "./index218.js";
 const pe = {
   key: 0,
   class: "bb-base-slider__ticks-container"

package/dist/index42.js

@@ -1,6 +1,6 @@
 import { defineComponent as F, ref as b, computed as s, watch as S, createElementBlock as y, openBlock as V, normalizeProps as l, guardReactiveProps as m, createCommentVNode as A, createElementVNode as r, mergeProps as v, renderSlot as N } from "vue";
-import { isCssColor as p } from "./index222.js";
-import { when as x } from "./index253.js";
+import { isCssColor as p } from "./index244.js";
+import { when as x } from "./index269.js";
 const M = { class: "bb-base-switch-container" }, $ = /* @__PURE__ */ F({
   __name: "BaseSwitch",
   props: {

package/dist/index44.js

@@ -1,15 +1,15 @@
 import { defineComponent as j, ref as k, toRef as d, createBlock as z, openBlock as G, unref as B, withCtx as n, renderSlot as s, normalizeProps as v, guardReactiveProps as b, createVNode as R, mergeProps as w, createSlots as W } from "vue";
 import K from "./index42.js";
 /* empty css        */
-import N from "./index277.js";
+import N from "./index258.js";
 /* empty css         */
-import { useItemsGetter as U } from "./index255.js";
-import { useIndexById as T } from "./index241.js";
-import { useBaseOptions as q } from "./index240.js";
-import { useCoherence as J } from "./index279.js";
-import { hash as Q } from "./index231.js";
-import { useHashedWatcher as $ } from "./index257.js";
-import { usePrefill as X } from "./index256.js";
+import { useItemsGetter as U } from "./index260.js";
+import { useIndexById as T } from "./index247.js";
+import { useBaseOptions as q } from "./index246.js";
+import { useCoherence as J } from "./index261.js";
+import { hash as Q } from "./index225.js";
+import { useHashedWatcher as $ } from "./index262.js";
+import { usePrefill as X } from "./index263.js";
 const ue = /* @__PURE__ */ j({
   __name: "BaseSwitchGroup",
   props: {

package/dist/index46.js

@@ -1,17 +1,17 @@
 import { defineComponent as j, ref as u, computed as m, toRef as C, watch as Q, createBlock as h, openBlock as f, normalizeClass as Z, withCtx as l, createVNode as E, unref as G, createElementVNode as I, createElementBlock as J, createCommentVNode as W, withDirectives as X, Fragment as Y, mergeProps as ee, withModifiers as s, withKeys as v, vModelText as te, renderSlot as d, nextTick as oe } from "vue";
 import ae from "./index113.js";
 /* empty css         */
-import { last as le } from "./index225.js";
-import { useBaseOptions as ne } from "./index240.js";
-import { useIndexById as re } from "./index241.js";
-import ie from "./index242.js";
+import { last as le } from "./index226.js";
+import { useBaseOptions as ne } from "./index246.js";
+import { useIndexById as re } from "./index247.js";
+import ie from "./index248.js";
 /* empty css         */
-import ue from "./index244.js";
+import ue from "./index250.js";
 /* empty css         */
 import se from "./index137.js";
 /* empty css         */
 import de from "./index139.js";
-import { isEmpty as pe } from "./index246.js";
+import { isEmpty as pe } from "./index252.js";
 const ce = { class: "bb-base-tag__input-container" }, me = ["id", "aria-describedby", "autocomplete", "autofocus", "disabled", "placeholder", "readonly", "required", "onKeydown"], Oe = /* @__PURE__ */ j({
   __name: "BaseTag",
   props: {

package/dist/index50.js

@@ -2,8 +2,8 @@ import { defineComponent as V, ref as h, computed as v, onMounted as B, onBefore
 import q from "./index137.js";
 /* empty css         */
 import I from "./index139.js";
-import { MaskInput as z } from "./index266.js";
-import { isNotEmpty as D } from "./index267.js";
+import { MaskInput as z } from "./index264.js";
+import { isNotEmpty as D } from "./index265.js";
 const N = ["id", "aria-describedby", "aria-invalid", "autocomplete", "autofocus", "disabled", "inputmode", "name", "placeholder", "readonly", "required", "type"], F = ["id", "aria-describedby", "aria-invalid", "autocomplete", "autofocus", "disabled", "inputmode", "name", "placeholder", "readonly", "required", "type", "value"], U = /* @__PURE__ */ V({
   __name: "BaseTextInput",
   props: {

package/dist/index54.js

@@ -3,7 +3,7 @@ import B from "./index70.js";
 /* empty css        */
 import L from "./index87.js";
 /* empty css        */
-import { useLocale as g } from "./index239.js";
+import { useLocale as g } from "./index234.js";
 const $ = {
   class: "bb-alert__inner-container",
   role: "alert"

package/dist/index56.js

@@ -1,5 +1,5 @@
 import { defineComponent as b, computed as z, ref as o, onMounted as g, createElementBlock as l, openBlock as i, normalizeProps as _, guardReactiveProps as h, renderSlot as k } from "vue";
-import { isCssColor as y } from "./index222.js";
+import { isCssColor as y } from "./index244.js";
 import { wait as C } from "./index141.js";
 const w = ["alt", "sizes", "src", "srcset"], B = {
   key: 1,

package/dist/index58.js

@@ -1,6 +1,6 @@
 import { defineComponent as p, useSlots as d, computed as s, createElementBlock as m, openBlock as u, normalizeClass as g, createElementVNode as n, renderSlot as r, mergeProps as f, createTextVNode as _, toDisplayString as y } from "vue";
-import { isCssColor as l } from "./index222.js";
-import { isNil as B } from "./index223.js";
+import { isCssColor as l } from "./index244.js";
+import { isNil as B } from "./index245.js";
 const C = { class: "bb-badge__wrapper" }, h = { class: "bb-badge__content-inner" }, N = /* @__PURE__ */ p({
   __name: "BbBadge",
   props: {

package/dist/index62.js

@@ -7,11 +7,11 @@ import f from "./index87.js";
 /* empty css        */
 import J from "./index115.js";
 /* empty css         */
-import { pickBy as K } from "./index249.js";
-import { noop as Q } from "./index250.js";
-import { useLocale as U } from "./index239.js";
-import { extractDomContainer as X } from "./index251.js";
-import { isEqual as $ } from "./index248.js";
+import { pickBy as K } from "./index286.js";
+import { noop as Q } from "./index287.js";
+import { useLocale as U } from "./index234.js";
+import { extractDomContainer as X } from "./index276.js";
+import { isEqual as $ } from "./index275.js";
 const Y = {
   key: 2,
   class: "bb-button__loading-label sr-only"

package/dist/index68.js

@@ -1,5 +1,5 @@
 import { defineComponent as i, createElementBlock as o, openBlock as a, createElementVNode as t, createCommentVNode as p, renderSlot as b, createTextVNode as m, toDisplayString as u, withModifiers as d, unref as _ } from "vue";
-import { useLocale as f } from "./index239.js";
+import { useLocale as f } from "./index234.js";
 const h = { class: "bb-chip" }, L = { class: "bb-chip__content" }, k = ["aria-label"], B = /* @__PURE__ */ i({
   __name: "BbChip",
   props: {

package/dist/index81.js

@@ -1,18 +1,18 @@
 import { defineComponent as fe, ref as C, computed as p, useTemplateRef as ve, watch as $, onBeforeUnmount as be, createElementBlock as M, openBlock as E, Fragment as B, renderSlot as v, createCommentVNode as V, createVNode as x, normalizeProps as ye, mergeProps as q, withCtx as G, createElementVNode as J, normalizeStyle as we, unref as Q, renderList as ge, createBlock as Z, toDisplayString as he } from "vue";
-import { findRightIndex as R } from "./index280.js";
+import { findRightIndex as R } from "./index278.js";
 import { useId as Ee } from "./index8.js";
-import { useUntil as Le } from "./index260.js";
+import { useUntil as Le } from "./index271.js";
 import { wait as ke } from "./index141.js";
 import De from "./index14.js";
 /* empty css        */
 import ee from "./index87.js";
 /* empty css        */
-import $e from "./index275.js";
+import $e from "./index239.js";
 /* empty css         */
-import te from "./index281.js";
-import { extractDomContainer as H } from "./index251.js";
+import te from "./index279.js";
+import { extractDomContainer as H } from "./index276.js";
 import { useIntersectionObserver as Ae, useElementSize as Se } from "./index142.js";
-import { parseWidthString as Pe } from "./index282.js";
+import { parseWidthString as Pe } from "./index277.js";
 const Ie = ["id", "aria-labelledby", "inert"], Te = { class: "item__content" }, Oe = 500, _e = 10, ze = /* @__PURE__ */ fe({
   inheritAttrs: !1,
   __name: "BbDropdown",

package/dist/index83.js

@@ -9,7 +9,7 @@ import z from "./index87.js";
 /* empty css        */
 import I from "./index115.js";
 /* empty css         */
-import { useLocale as M } from "./index239.js";
+import { useLocale as M } from "./index234.js";
 const O = { class: "bb-dropdown-button__content" }, R = {
   key: 1,
   class: "bb-dropdown-button__loading-label sr-only"

package/dist/index85.js

@@ -1,5 +1,5 @@
 import { defineComponent as j, ref as g, watch as x, computed as m, createBlock as G, openBlock as V, resolveDynamicComponent as K, normalizeClass as O, withCtx as M, createElementVNode as c, withModifiers as y, renderSlot as U, normalizeProps as Y, guardReactiveProps as Z, createTextVNode as J, unref as Q, createVNode as W, createElementBlock as F, Fragment as X, renderList as ee, toDisplayString as te } from "vue";
-import { findInTree as ae } from "./index295.js";
+import { findInTree as ae } from "./index289.js";
 import { useId as re } from "./index8.js";
 import oe from "./index113.js";
 /* empty css         */
@@ -53,7 +53,7 @@ const le = ["accept", "autofocus", "disabled", "multiple"], se = { class: "bb-dr
             const r = a.accept[t];
             if (r.includes("/")) e.push(r);
             else {
-              b || (b = (await import("./index294.js")).default);
+              b || (b = (await import("./index288.js")).default);
               const o = b.getType(r);
               if (!o)
                 throw new Error(

package/dist/index87.js

@@ -1,7 +1,7 @@
 import { defineComponent as $, ref as f, computed as a, getCurrentInstance as d, onServerPrefetch as I, onBeforeMount as _, watch as L, createElementBlock as M, openBlock as B, mergeProps as k, inject as A } from "vue";
-import { isCssColor as C } from "./index222.js";
-import { get as m } from "./index293.js";
-import { useLogger as N } from "./index233.js";
+import { isCssColor as C } from "./index244.js";
+import { get as m } from "./index272.js";
+import { useLogger as N } from "./index228.js";
 const S = ["innerHTML"], E = /* @__PURE__ */ $({
   __name: "BbIcon",
   props: {

package/dist/index89.js

@@ -1,5 +1,5 @@
 import { defineComponent as h, ref as t, onMounted as m, onBeforeUnmount as p, createBlock as g, openBlock as b, resolveDynamicComponent as w, withCtx as _, renderSlot as I } from "vue";
-import { throttle as c } from "./index292.js";
+import { throttle as c } from "./index297.js";
 const M = /* @__PURE__ */ h({
   __name: "BbIntersection",
   props: {

package/dist/index92.js

@@ -1,9 +1,9 @@
 import { defineComponent as I, mergeModels as B, useModel as N, computed as p, ref as L, watch as P, onMounted as W, createElementBlock as d, openBlock as c, withModifiers as F, normalizeStyle as O, normalizeClass as q, unref as v, createCommentVNode as h, Fragment as A, createElementVNode as t, renderSlot as l, createTextVNode as H, toDisplayString as M, nextTick as K } from "vue";
-import { parseSize as R } from "./index259.js";
+import { parseSize as R } from "./index284.js";
 import { useId as $ } from "./index8.js";
-import { useLocale as U } from "./index239.js";
+import { useLocale as U } from "./index234.js";
 import { useMobile as j } from "./index9.js";
-import { useUntil as G } from "./index260.js";
+import { useUntil as G } from "./index271.js";
 import { wait as y } from "./index141.js";
 import { _config as J } from "./index4.js";
 const Q = ["aria-describedby", "aria-labelledby", "aria-live", "inert"], X = {

package/dist/index94.js

@@ -3,8 +3,8 @@ import { defineComponent as V, mergeModels as W, useModel as U, computed as b, r
 /* empty css       */
 import P from "./index14.js";
 /* empty css        */
-import { debounce as X } from "./index283.js";
-import { useLocale as H } from "./index239.js";
+import { debounce as X } from "./index266.js";
+import { useLocale as H } from "./index234.js";
 import { useRoute as J } from "./index148.js";
 const K = ["aria-label"], Q = { class: "bb-pagination__page-label sr-only" }, Y = { class: "bb-pagination__page-label" }, Z = { class: "bb-pagination__page-label" }, ee = { class: "bb-pagination__page-label sr-only" }, ue = /* @__PURE__ */ V({
   __name: "BbPagination",

package/dist/index96.js

@@ -1,14 +1,14 @@
 import { defineComponent as re, mergeModels as I, ref as N, useTemplateRef as ae, computed as s, useModel as ie, watch as C, createElementBlock as se, openBlock as Y, Fragment as le, renderSlot as G, createCommentVNode as W, createVNode as ue, normalizeProps as de, mergeProps as X, unref as S, withCtx as F, createElementVNode as B, createBlock as ce, nextTick as pe } from "vue";
 import { useId as me } from "./index8.js";
 import { useIntersectionObserver as ve, useElementSize as fe } from "./index142.js";
-import { useLocale as be } from "./index239.js";
-import { useUntil as he } from "./index260.js";
+import { useLocale as be } from "./index234.js";
+import { useUntil as he } from "./index271.js";
 import ge from "./index14.js";
 /* empty css        */
-import we from "./index275.js";
+import we from "./index239.js";
 /* empty css         */
-import { extractDomContainer as H } from "./index251.js";
-import { parseWidthString as U } from "./index282.js";
+import { extractDomContainer as H } from "./index276.js";
+import { parseWidthString as U } from "./index277.js";
 const Ee = ["inert"], Le = 500, ye = 10, De = /* @__PURE__ */ re({
   inheritAttrs: !1,
   __name: "BbPopover",

package/dist/index98.js

@@ -1,5 +1,5 @@
 import { defineComponent as r, computed as a, createElementBlock as l, openBlock as s, normalizeClass as m, createElementVNode as n, normalizeStyle as c } from "vue";
-import { clamp as p } from "./index216.js";
+import { clamp as p } from "./index218.js";
 import { getAsPercentageBetween as i } from "./index140.js";
 const _ = /* @__PURE__ */ r({
   __name: "BbProgress",

package/dist/types/Option.d.ts

@@ -6,3 +6,8 @@ export type Option<Item = any> = {
     disabled?: boolean;
     valueHash: string;
 };
+export type GroupedOptions = {
+    id: string;
+    data: any;
+    options: Option[];
+};

package/dist/utilities/functions/groupBy.d.ts

@@ -1,4 +1,6 @@
 /**
- * Creates an object with keys corresponding to the return value of iteratee and values correspond to arrays of items
+ * Creates an object with keys corresponding to the return value of iteratee or
+ * property value and values correspond to arrays of items.
  */
-export declare const groupBy: <T>(arr: T[], iteratee: (item: T, index: number, arr: T[]) => string | number | symbol) => Record<ReturnType<typeof iteratee>, T[]>;
+export declare function groupBy<T>(arr: T[], key: keyof T): Record<string | number | symbol, T[]>;
+export declare function groupBy<T, U extends string | number | symbol>(arr: T[], iteratee: (item: T, index: number, arr: T[]) => U): Record<U, T[]>;

package/dist/utilities/functions/indexBy.d.ts

@@ -1,4 +1,11 @@
 /**
- * Creates an object with keys corresponding to the return value of iteratee and values correspond to arrays of items
+ * Creates an object with keys corresponding to the return value of iteratee or
+ * property value and values correspond to items
+ *
+ * @param arr - Array to index
+ * @param iterateeOrKey - Either a function that returns the key or a property
+ *   key string
+ * @returns Object with indexed items
  */
-export declare const indexBy: <T, U extends string | number | symbol>(arr: T[], iteratee: (item: T, index: number, arr: T[]) => U) => Record<U, T>;
+export declare function indexBy<T>(arr: T[], key: keyof T): Record<string | number | symbol, T>;
+export declare function indexBy<T, U extends string | number | symbol>(arr: T[], iteratee: (item: T, index: number, arr: T[]) => U): Record<U, T>;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "bitboss-ui",
-	"version": "2.1.95",
+	"version": "2.1.96",
 	"type": "module",
 	"sideEffects": false,
 	"scripts": {

package/dist/index238.js

@@ -1,62 +0,0 @@
-import { defineComponent as g, ref as i, computed as d, onMounted as h, createElementBlock as m, openBlock as u, createElementVNode as y, Fragment as x, renderList as B, createBlock as C, normalizeClass as S, withCtx as T, createTextVNode as E, toDisplayString as w } from "vue";
-import { range as H } from "./index343.js";
-import M from "./index14.js";
-/* empty css        */
-const n = 10, l = 3, V = /* @__PURE__ */ g({
-  __name: "BaseDatePickerYearSelector",
-  props: {
-    cursor: {},
-    disabled: { type: Boolean }
-  },
-  emits: ["update:year"],
-  setup(p, { emit: _ }) {
-    const f = p, b = _, o = i(), r = d(() => f.cursor.year()), c = i(r.value - n * l), s = i(r.value + n * l), v = d(
-      () => H(c.value, s.value).map((e) => ({
-        text: e,
-        key: e,
-        selected: e === r.value,
-        handler: () => b("update:year", e)
-      }))
-    ), k = (e) => {
-      const t = e.target;
-      t.scrollTop <= 100 ? c.value = Math.max(
-        c.value - n * l,
-        r.value - 200
-      ) : t.scrollHeight - t.scrollTop === t.clientHeight && (s.value = Math.min(s.value + n * l, 2101));
-    };
-    return h(() => {
-      if (!o.value) return;
-      const e = o.value.querySelector(
-        ".content__btn--selected"
-      );
-      e && (e.parentElement.scrollTop = e.offsetTop - e.parentElement.clientHeight / 2 + 16);
-    }), (e, t) => (u(), m("div", {
-      ref_key: "container",
-      ref: o,
-      class: "bb-base-date-picker__button-menu bb-base-date-picker__year-selector scrollbar-border"
-    }, [
-      y("div", {
-        class: "content",
-        onScrollPassive: k
-      }, [
-        (u(!0), m(x, null, B(v.value, (a) => (u(), C(M, {
-          key: a.key,
-          class: S({
-            content__btn: !0,
-            "content__btn--selected": a.selected
-          }),
-          disabled: e.disabled,
-          onClick: a.handler
-        }, {
-          default: T(() => [
-            E(w(a.text), 1)
-          ]),
-          _: 2
-        }, 1032, ["class", "disabled", "onClick"]))), 128))
-      ], 32)
-    ], 512));
-  }
-});
-export {
-  V as default
-};

package/dist/index240.js

@@ -1,53 +0,0 @@
-import { computed as l, unref as o } from "vue";
-import { useItemText as x } from "./index316.js";
-import { useItemValue as w } from "./index254.js";
-import { hash as y } from "./index231.js";
-import { useLogger as D } from "./index233.js";
-const { getItemText: O } = x(), { getItemValue: V } = w(), { warn: H } = D(), T = (u, c, m, a, d, r) => r ? !1 : !!(c || u.disabled || a && d >= a), q = ({
-  items: u,
-  disabled: c,
-  selectable: m,
-  itemText: a,
-  itemValue: d,
-  selectedIndexedByHash: r,
-  max: b = 1 / 0
-}) => {
-  const v = l(() => o(c)), p = l(() => o(u)), h = l(
-    () => Object.keys(r.value).length
-  ), g = o(b), f = (e) => {
-    const n = V(e, o(d)), t = y(n), i = O(e, o(a)), s = r.value[t] !== void 0, I = T(
-      e,
-      v.value,
-      m,
-      g,
-      h.value,
-      s
-    );
-    return {
-      item: e,
-      text: i,
-      value: n,
-      valueHash: t,
-      selected: s,
-      disabled: o(I)
-    };
-  };
-  return {
-    options: l(() => {
-      const e = [], n = /* @__PURE__ */ new Set();
-      for (let t = 0; t < p.value.length; t++) {
-        const i = p.value[t];
-        i.disabled && H(
-          "Disabling an item by passing a disabled option to the item itself is deprecated and will be removed in a future version. Use the `disabled` prop or the `selectable` iteratee prop instead."
-        );
-        const s = f(i);
-        n.has(s.valueHash) || (n.add(s.valueHash), e.push(s));
-      }
-      return e;
-    }),
-    createOption: f
-  };
-};
-export {
-  q as useBaseOptions
-};

package/dist/index259.js

@@ -1,15 +0,0 @@
-const c = (t, r) => {
-  if (typeof t == "string") {
-    const e = /^(\d+)([a-zA-Z%]+)?$/, n = t.match(e);
-    if (n) {
-      const [, o, a] = n;
-      return a ? t : o + "px";
-    } else if (t in r)
-      return r[t] + "px";
-    throw new Error(`Invalid size: ${t}`);
-  }
-  return t + "px";
-};
-export {
-  c as parseSize
-};