bitboss-ui 2.0.51 → 2.0.53

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

@@ -69,6 +69,10 @@ export type BaseCheckboxGroupProps<T> = {
      * String displayed while items are being loaded.
      */
     loadingText?: string;
+    /**
+     * Maximum number of selected items.
+     */
+    max?: number;
     /**
      * Used by v-model. Can be an array of any serializable type.
      */
@@ -121,6 +125,7 @@ declare const _default: <T = any>(__VLS_props: {
     itemText?: (T extends object ? NestedKeyOf<T> | ((item: T) => string) : ((item: T) => string) | undefined) | undefined;
     itemValue?: (T extends object ? NestedKeyOf<T> | ((item: T) => string) : ((item: T) => any) | undefined) | undefined;
     loadingText?: string | undefined;
+    max?: number | undefined;
     modelValue: any[];
     modelValueDebounceTime?: number | undefined;
     name?: string | undefined;
@@ -206,6 +211,7 @@ declare const _default: <T = any>(__VLS_props: {
         itemText?: (T extends object ? NestedKeyOf<T> | ((item: T) => string) : ((item: T) => string) | undefined) | undefined;
         itemValue?: (T extends object ? NestedKeyOf<T> | ((item: T) => string) : ((item: T) => any) | undefined) | undefined;
         loadingText?: string | undefined;
+        max?: number | undefined;
         modelValue: any[];
         modelValueDebounceTime?: number | undefined;
         name?: string | undefined;
@@ -295,6 +301,7 @@ declare const _default: <T = any>(__VLS_props: {
             itemText?: (T extends object ? NestedKeyOf<T> | ((item: T) => string) : ((item: T) => string) | undefined) | undefined;
             itemValue?: (T extends object ? NestedKeyOf<T> | ((item: T) => string) : ((item: T) => any) | undefined) | undefined;
             loadingText?: string | undefined;
+            max?: number | undefined;
             modelValue: any[];
             modelValueDebounceTime?: number | undefined;
             name?: string | undefined;

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

@@ -93,9 +93,13 @@ export type BaseSelectProps = {
      */
     loadingText?: string;
     /**
-     * Maximum number of selectable items when the multiple flag is set.
+     * Maximum number of selectable items.
      */
     max?: number;
+    /**
+     * Maximum number of selected items to be displayed.
+     */
+    maxSelectedLabels?: number;
     /**
      * Used by v-model. Can be any serializable type.
      */
@@ -258,6 +262,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Ba
     prefill: boolean | "focus";
     max: number;
     filterBy: string | false | string[] | ((value: any, item: any) => boolean) | null;
+    maxSelectedLabels: number;
     queryDebounceTime: number;
     updateOnAnimationFrame: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, Readonly<BaseSelectSlots> & BaseSelectSlots>;

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

@@ -19,6 +19,7 @@ declare const _default: <T = any>(__VLS_props: {
     itemText?: (T extends object ? import('../../types/NestedKeyOf').NestedKeyOf<T> | ((item: T) => string) : ((item: T) => string) | undefined) | undefined;
     itemValue?: (T extends object ? import('../../types/NestedKeyOf').NestedKeyOf<T> | ((item: T) => string) : ((item: T) => any) | undefined) | undefined;
     loadingText?: string | undefined;
+    max?: number | undefined;
     modelValue: any[];
     modelValueDebounceTime?: number | undefined;
     name?: string | undefined;
@@ -102,6 +103,7 @@ declare const _default: <T = any>(__VLS_props: {
         itemText?: (T extends object ? import('../../types/NestedKeyOf').NestedKeyOf<T> | ((item: T) => string) : ((item: T) => string) | undefined) | undefined;
         itemValue?: (T extends object ? import('../../types/NestedKeyOf').NestedKeyOf<T> | ((item: T) => string) : ((item: T) => any) | undefined) | undefined;
         loadingText?: string | undefined;
+        max?: number | undefined;
         modelValue: any[];
         modelValueDebounceTime?: number | undefined;
         name?: string | undefined;
@@ -189,6 +191,7 @@ declare const _default: <T = any>(__VLS_props: {
             itemText?: (T extends object ? import('../../types/NestedKeyOf').NestedKeyOf<T> | ((item: T) => string) : ((item: T) => string) | undefined) | undefined;
             itemValue?: (T extends object ? import('../../types/NestedKeyOf').NestedKeyOf<T> | ((item: T) => string) : ((item: T) => any) | undefined) | undefined;
             loadingText?: string | undefined;
+            max?: number | undefined;
             modelValue: any[];
             modelValueDebounceTime?: number | undefined;
             name?: string | undefined;

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

@@ -43,6 +43,10 @@ export type BaseTagProps = {
      * Sets the component in a loading state, usually triggering some visual styles.
      */
     loading?: boolean;
+    /**
+     * Maximum number of selected items.
+     */
+    max?: number;
     /**
      * Used by v-model. Can be any serializable type.
      */

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

@@ -82,6 +82,10 @@ export type BbCheckboxGroupProps<T> = {
      * String displayed while items are being loaded.
      */
     loadingText?: string;
+    /**
+     * Maximum number of selected items.
+     */
+    max?: number;
     /**
      * Used by v-model. Can be an array of any serializable type.
      */
@@ -132,6 +136,7 @@ declare const _default: <T = any>(__VLS_props: {
     itemValue?: (T extends object ? NestedKeyOf<T> | ((item: T) => string) : ((item: T) => any) | undefined) | undefined;
     legend: string;
     loadingText?: string | undefined;
+    max?: number | undefined;
     modelValue: any[];
     modelValueDebounceTime?: number | undefined;
     name?: string | undefined;
@@ -228,6 +233,7 @@ declare const _default: <T = any>(__VLS_props: {
         itemValue?: (T extends object ? NestedKeyOf<T> | ((item: T) => string) : ((item: T) => any) | undefined) | undefined;
         legend: string;
         loadingText?: string | undefined;
+        max?: number | undefined;
         modelValue: any[];
         modelValueDebounceTime?: number | undefined;
         name?: string | undefined;
@@ -328,6 +334,7 @@ declare const _default: <T = any>(__VLS_props: {
             itemValue?: (T extends object ? NestedKeyOf<T> | ((item: T) => string) : ((item: T) => any) | undefined) | undefined;
             legend: string;
             loadingText?: string | undefined;
+            max?: number | undefined;
             modelValue: any[];
             modelValueDebounceTime?: number | undefined;
             name?: string | undefined;

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

@@ -118,6 +118,10 @@ export type BbSelectProps<T> = {
      * Maximum number of selectable items when the multiple flag is set.
      */
     max?: number;
+    /**
+     * Maximum number of selectable items when the multiple flag is set.
+     */
+    maxSelectedLabels?: number;
     /**
      * Used by v-model. Can be any serializable type.
      */
@@ -282,6 +286,7 @@ declare const _default: <T = any>(__VLS_props: {
     loading?: boolean | undefined;
     loadingText?: string | undefined;
     max?: number | undefined;
+    maxSelectedLabels?: number | undefined;
     modelValue: any;
     modelValueDebounceTime?: number | undefined;
     multiple?: boolean | undefined;
@@ -337,6 +342,7 @@ declare const _default: <T = any>(__VLS_props: {
         loading?: boolean | undefined;
         loadingText?: string | undefined;
         max?: number | undefined;
+        maxSelectedLabels?: number | undefined;
         modelValue: any;
         modelValueDebounceTime?: number | undefined;
         multiple?: boolean | undefined;
@@ -396,6 +402,7 @@ declare const _default: <T = any>(__VLS_props: {
             loading?: boolean | undefined;
             loadingText?: string | undefined;
             max?: number | undefined;
+            maxSelectedLabels?: number | undefined;
             modelValue: any;
             modelValueDebounceTime?: number | undefined;
             multiple?: boolean | undefined;

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

@@ -22,6 +22,7 @@ declare const _default: <T = any>(__VLS_props: {
     itemValue?: (T extends object ? import('../../types/NestedKeyOf').NestedKeyOf<T> | ((item: T) => string) : ((item: T) => any) | undefined) | undefined;
     legend: string;
     loadingText?: string | undefined;
+    max?: number | undefined;
     modelValue: any[];
     modelValueDebounceTime?: number | undefined;
     name?: string | undefined;
@@ -118,6 +119,7 @@ declare const _default: <T = any>(__VLS_props: {
         itemValue?: (T extends object ? import('../../types/NestedKeyOf').NestedKeyOf<T> | ((item: T) => string) : ((item: T) => any) | undefined) | undefined;
         legend: string;
         loadingText?: string | undefined;
+        max?: number | undefined;
         modelValue: any[];
         modelValueDebounceTime?: number | undefined;
         name?: string | undefined;
@@ -218,6 +220,7 @@ declare const _default: <T = any>(__VLS_props: {
             itemValue?: (T extends object ? import('../../types/NestedKeyOf').NestedKeyOf<T> | ((item: T) => string) : ((item: T) => any) | undefined) | undefined;
             legend: string;
             loadingText?: string | undefined;
+            max?: number | undefined;
             modelValue: any[];
             modelValueDebounceTime?: number | undefined;
             name?: string | undefined;

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

@@ -20,6 +20,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Bb
     noDataText: string;
     modelValue: any;
     items: any[] | ((prefill: boolean, modelValue?: any[] | undefined) => Promise<any[]>) | ((prefill: boolean, modelValue?: any[] | undefined) => any[]);
+    max: number;
     align: "left" | "center" | "right";
     accessibleLabel: (columns: MappedCell[], item: any) => string;
     actionsText: string;

package/dist/components/BbTable/types.d.ts

@@ -128,6 +128,10 @@ export type BbTableProps = {
      * String displayed while items are being loaded.
      */
     loadingText?: string;
+    /**
+     * Maximum number of items that can be selected.
+     */
+    max?: number;
     /**
      * Used by v-model. Can be any serializable type.
      */

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

@@ -64,6 +64,10 @@ export type BbTagProps = {
      * Sets the component in a loading state, usually triggering some visual styles.
      */
     loading?: boolean;
+    /**
+     * Maximum number of selected items.
+     */
+    max?: number;
     /**
      * Used by v-model. Can be any serializable type.
      */

package/dist/composables/useOptions.d.ts

@@ -5,6 +5,7 @@ type Options = {
     stash: boolean;
     itemText: string | ((item: any) => string) | undefined;
     itemValue: string | ((item: any) => string) | undefined;
+    max?: number;
     modelValue: Ref<any>;
     resetQueryOnOptionSelected: boolean;
     emit: any;

package/dist/index100.js

@@ -3,7 +3,7 @@ import q from "./index27.js";
 /* empty css        */
 import w from "./index37.js";
 /* empty css        */
-const F = /* @__PURE__ */ y({
+const P = /* @__PURE__ */ y({
   __name: "BbSelect",
   props: {
     addOptions: { type: Boolean },
@@ -31,6 +31,7 @@ const F = /* @__PURE__ */ y({
     loading: { type: Boolean },
     loadingText: {},
     max: {},
+    maxSelectedLabels: {},
     modelValue: {},
     modelValueDebounceTime: {},
     multiple: { type: Boolean },
@@ -51,15 +52,15 @@ const F = /* @__PURE__ */ y({
   },
   emits: ["blur", "change", "click", "focus", "inactive", "input", "update:modelValue"],
   setup(d, { emit: u }) {
-    const r = d, t = u, p = v(!1), m = B(() => r.persistentHint || p.value), c = {
+    const r = d, t = u, s = v(!1), m = B(() => r.persistentHint || s.value), c = {
       onBlur: (e) => t("blur", e),
       onChange: (e) => t("change", e),
       onClick: (e) => t("click", e),
       onFocus: (e) => {
-        p.value = !0, t("focus", e);
+        s.value = !0, t("focus", e);
       },
       onInactive: () => {
-        p.value = !1, t("inactive");
+        s.value = !1, t("inactive");
       },
       onInput: (e) => t("input", e),
       "onUpdate:modelValue": (e) => t("update:modelValue", e)
@@ -79,12 +80,12 @@ const F = /* @__PURE__ */ y({
       reverse: e.reverse,
       "show-hint": m.value
     }, {
-      label: n((s) => [
-        a(e.$slots, "label", i(l(s)))
+      label: n((p) => [
+        a(e.$slots, "label", i(l(p)))
       ]),
-      input: n(({ id: s, name: b, hasErrors: f, ariaDescribedby: h }) => [
+      input: n(({ id: p, name: b, hasErrors: f, ariaDescribedby: h }) => [
         T(w, V({
-          id: s,
+          id: p,
           "add-options": e.addOptions,
           "allow-writing": e.allowWriting,
           "append:icon": r["append:icon"],
@@ -104,6 +105,7 @@ const F = /* @__PURE__ */ y({
           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,
@@ -166,12 +168,12 @@ const F = /* @__PURE__ */ y({
             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", "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"])
+        }, 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 {
-  F as default
+  P as default
 };

package/dist/index106.js

@@ -24,6 +24,7 @@ const F = /* @__PURE__ */ v({
     itemValue: {},
     legend: {},
     loadingText: {},
+    max: {},
     modelValue: {},
     modelValueDebounceTime: {},
     name: {},
@@ -85,6 +86,7 @@ const F = /* @__PURE__ */ v({
           "item-value": e.itemValue,
           items: e.items,
           "loading-text": e.loadingText,
+          max: e.max,
           "model-value": e.modelValue,
           "model-value-debounce-time": e.modelValueDebounceTime,
           name: h,
@@ -116,7 +118,7 @@ const F = /* @__PURE__ */ v({
             i(e.$slots, "append", l(r(o)))
           ]),
           _: 2
-        }, 1040, ["id", "aria-describedby", "autofocus", "color", "dependencies", "deps-debounce-time", "direction", "disabled", "enforce-coherence", "has-errors", "hide-label", "item-text", "item-value", "items", "loading-text", "model-value", "model-value-debounce-time", "name", "no-data-text", "readonly"])
+        }, 1040, ["id", "aria-describedby", "autofocus", "color", "dependencies", "deps-debounce-time", "direction", "disabled", "enforce-coherence", "has-errors", "hide-label", "item-text", "item-value", "items", "loading-text", "max", "model-value", "model-value-debounce-time", "name", "no-data-text", "readonly"])
       ]),
       _: 3
     }, 8, ["id", "errors", "has-errors", "hide-label", "hint", "label", "name", "reverse", "show-hint"]));

package/dist/index108.js

@@ -8,7 +8,7 @@ import ve from "./index13.js";
 /* empty css        */
 import pe from "./index127.js";
 /* empty css         */
-import { throttledWatch as ke } from "./index205.js";
+import { throttledWatch as ke } from "./index204.js";
 const ge = ["id"], _e = { class: "bb-tab__label-boundary" }, we = { class: "bb-tab__label" }, $e = { class: "bb-tab__panes-container" }, Se = ["id", "aria-labelledby"], We = /* @__PURE__ */ le({
   __name: "BbTab",
   props: {

package/dist/index110.js

@@ -1,15 +1,15 @@
-import { defineComponent as oe, ref as x, computed as y, toRef as B, watch as ne, openBlock as n, createBlock as de, resolveDynamicComponent as ce, normalizeClass as r, unref as u, withCtx as ie, createElementBlock as d, toDisplayString as p, createCommentVNode as _, createElementVNode as o, renderSlot as f, createVNode as I, Fragment as w, renderList as T, createTextVNode as be, mergeProps as re } from "vue";
-import { add as ue } from "./index295.js";
-import { clamp as pe } from "./index204.js";
+import { defineComponent as oe, ref as j, computed as y, toRef as B, watch as ne, openBlock as n, createBlock as de, resolveDynamicComponent as ce, normalizeClass as r, unref as u, withCtx as ie, createElementBlock as d, toDisplayString as p, createCommentVNode as _, createElementVNode as o, renderSlot as f, createVNode as x, Fragment as w, renderList as T, createTextVNode as be, mergeProps as re } from "vue";
+import { add as ue } from "./index294.js";
+import { clamp as pe } from "./index205.js";
 import { isNil as M } from "./index129.js";
 import { useId as fe } from "./index8.js";
-import { useItemValue as me } from "./index289.js";
-import { when as ye } from "./index228.js";
+import { useItemValue as me } from "./index257.js";
+import { when as ye } from "./index217.js";
 import J from "./index17.js";
 /* empty css        */
 import he from "./index31.js";
 /* empty css        */
-import { useOptions as ke } from "./index238.js";
+import { useOptions as ke } from "./index212.js";
 const _e = {
   key: 0,
   class: "sr-only"
@@ -19,7 +19,7 @@ const _e = {
 }, Te = { class: "bb-table-header__content" }, Ve = { class: "bb-table-header__content sr-only" }, $e = { class: "bb-table-loading__row" }, Ae = ["colspan"], Be = { class: "bb-table-loading__text sr-only" }, Ne = {
   class: "bb-table-skeleton__container",
   role: "status"
-}, Se = { class: "bb-table-no-data__row" }, De = ["colspan"], Le = { class: "bb-table-no-data__text" }, Re = ["onClick", "onContextmenu", "onDblclick"], Ie = { class: "bb-table-check__label-text sr-only" }, ze = { class: "bb-table-radio__label-text sr-only" }, We = /* @__PURE__ */ oe({
+}, Se = { class: "bb-table-no-data__row" }, De = ["colspan"], Le = { class: "bb-table-no-data__text" }, Ie = ["onClick", "onContextmenu", "onDblclick"], Re = { class: "bb-table-check__label-text sr-only" }, xe = { class: "bb-table-radio__label-text sr-only" }, We = /* @__PURE__ */ oe({
   __name: "BbTable",
   props: {
     accessibleLabel: { type: Function, default: (N) => ["Seleziona"].concat(N.map((S) => S.content)).join(" ") },
@@ -42,6 +42,7 @@ const _e = {
     legend: {},
     loading: { type: Boolean },
     loadingText: { default: "Caricamento" },
+    max: { default: 1 / 0 },
     modelValue: { default: () => [] },
     multiple: { type: Boolean, default: !0 },
     name: {},
@@ -56,11 +57,11 @@ const _e = {
   },
   emits: ["click:row", "contextmenu:row", "dblclick:row", "update:modelValue", "update:selectAll"],
   setup(N, { emit: S }) {
-    const { getItemValue: P } = me(), D = fe().id.value, a = N, v = S, V = x(), Q = a.accessibleLabel, U = a.loadingText, W = a.noDataText, z = a.selectText, G = y(() => a.selectable ? "fieldset" : "div"), K = x(!1), O = y(() => a.loading || K.value), H = y(() => [!!a.selectable, !!a.actions].reduce(
+    const { getItemValue: P } = me(), D = fe().id.value, t = N, v = S, V = j(), Q = t.accessibleLabel, U = t.loadingText, W = t.noDataText, z = t.selectText, G = y(() => t.selectable ? "fieldset" : "div"), K = j(!1), O = y(() => t.loading || K.value), H = y(() => [!!t.selectable, !!t.actions].reduce(
       (e, s) => e + +!!s,
-      a.columns.length
+      t.columns.length
     )), q = y(
-      () => a.columns.reduce(
+      () => t.columns.reduce(
         (e, s) => {
           const l = s.key.split(/\W+/g).join("_");
           return e[s.key] = l, e;
@@ -70,55 +71,56 @@ const _e = {
     ), { options: $, selectOption: X, unselectOption: Y, internalItems: E } = ke({
       emit: v,
       itemText: void 0,
-      itemValue: a.itemValue,
-      modelValue: B(a, "modelValue"),
-      multiple: a.multiple,
+      itemValue: t.itemValue,
+      max: t.max,
+      modelValue: B(t, "modelValue"),
+      multiple: t.multiple,
       resetQueryOnOptionSelected: !1,
       stash: !1,
-      items: B(a, "items"),
+      items: B(t, "items"),
       enforceCoherence: !0,
       prefill: !0,
       modelValueDebounceTime: 0,
-      dependencies: B(a, "dependencies"),
-      depsDebounceTime: a.depsDebounceTime,
+      dependencies: B(t, "dependencies"),
+      depsDebounceTime: t.depsDebounceTime,
       queryDebounceTime: 0,
-      disabled: B(a, "disabled")
+      disabled: B(t, "disabled")
     }), Z = y(
-      () => a.columns.map((e) => {
+      () => t.columns.map((e) => {
         const s = e.align || "left", { label: l, key: c } = e, g = `header:${q.value[e.key]}`;
-        let t = [`bb-table-header--${s}`];
-        return a.thClass && (t = t.concat(a.thClass)), e.thClass && (t = t.concat(e.thClass)), {
+        let a = [`bb-table-header--${s}`];
+        return t.thClass && (a = a.concat(t.thClass)), e.thClass && (a = a.concat(e.thClass)), {
           align: s,
           key: c,
           label: l,
           slotName: g,
-          classes: t
+          classes: a
         };
       })
     ), C = y(() => $.value.map((e) => {
-      let s = !a.selectable;
-      typeof a.selectable == "function" && (s = !a.selectable(e)), s = s || !!e.disabled;
-      const l = a.columns.map((t) => {
-        const i = q.value[t.key], h = t.align || "left", { label: A, key: L } = t;
-        let m = P(e.item, t.key);
-        t.formatter && // By default the formatter runs anyway
-        (!M(m) || t.formatOnNull !== !1) && (m = t.formatter(m, t.key, e.item)), t.placeholder && M(m) && (m = t.placeholder);
+      let s = !t.selectable;
+      typeof t.selectable == "function" && (s = !t.selectable(e)), s = s || !!e.disabled;
+      const l = t.columns.map((a) => {
+        const i = q.value[a.key], h = a.align || "left", { label: A, key: I } = a;
+        let m = P(e.item, a.key);
+        a.formatter && // By default the formatter runs anyway
+        (!M(m) || a.formatOnNull !== !1) && (m = a.formatter(m, a.key, e.item)), a.placeholder && M(m) && (m = a.placeholder);
         let b = [`bb-table-data__cell--${h}`];
-        if (a.tdClass)
-          if (typeof a.tdClass == "function") {
-            let k = a.tdClass(m, t.key, e.item);
-            k && (b = b.concat(k));
-          } else b = b.concat(a.tdClass);
         if (t.tdClass)
           if (typeof t.tdClass == "function") {
-            let k = t.tdClass(m, t.key, e.item);
+            let k = t.tdClass(m, a.key, e.item);
             k && (b = b.concat(k));
           } else b = b.concat(t.tdClass);
+        if (a.tdClass)
+          if (typeof a.tdClass == "function") {
+            let k = a.tdClass(m, a.key, e.item);
+            k && (b = b.concat(k));
+          } else b = b.concat(a.tdClass);
         return {
           align: h,
           classes: b,
           content: m,
-          key: L,
+          key: I,
           label: A,
           slotName: i
         };
@@ -126,9 +128,9 @@ const _e = {
       return {
         accessibleLabel: Q(l, e.item),
         cols: l,
-        onRowClick: (t) => v("click:row", t, e, !!e.selected),
-        onRowContextMenu: (t) => v("contextmenu:row", t, e, !!e.selected),
-        onRowDblClick: (t) => v("dblclick:row", t, e, !!e.selected),
+        onRowClick: (a) => v("click:row", a, e, !!e.selected),
+        onRowContextMenu: (a) => v("contextmenu:row", a, e, !!e.selected),
+        onRowDblClick: (a) => v("dblclick:row", a, e, !!e.selected),
         item: e.item,
         text: e.text,
         valueHash: e.valueHash,
@@ -138,24 +140,24 @@ const _e = {
       };
     })), ee = (e) => {
       let s = e, l = [];
-      s && (l = C.value.reduce((c, g) => (g.disabled || c.push(g.value), c), [])), v("update:modelValue", l), v("update:selectAll", e);
-    }, F = y(
+      s && (l = C.value.reduce((c, g) => (!g.disabled && c.length < t.max && c.push(g.value), c), [])), v("update:modelValue", l), v("update:selectAll", e);
+    }, L = y(
       () => !!(C.value.length && C.value.filter((e) => !e.disabled).every((e) => e.selected))
     ), le = y(
       () => {
         var e;
-        return C.value.some((s) => !s.selected) && !!((e = a.modelValue) != null && e.length);
+        return C.value.some((s) => !s.selected) && !!((e = t.modelValue) != null && e.length);
       }
-    ), j = (e) => {
+    ), F = (e) => {
       e.selected ? Y(e) : X(e);
     }, te = ye(
       (e) => typeof e != "string",
       JSON.stringify
-    ), ae = y(() => [].concat(a.modelValue).map((e) => {
+    ), ae = y(() => [].concat(t.modelValue).map((e) => {
       const s = te(e);
       return {
-        disabled: a.disabled,
-        name: a.name,
+        disabled: t.disabled,
+        name: t.name,
         type: "hidden",
         value: s
       };
@@ -164,26 +166,26 @@ const _e = {
       () => C.value,
       () => {
         var e;
-        if (a.fixedColumns.length && a.items && V.value) {
+        if (t.fixedColumns.length && t.items && V.value) {
           const s = Array.from(
             V.value.querySelectorAll("thead th")
-          ), l = a.fixedColumns.reduce((t, i) => {
-            const h = typeof i == "number" ? i : i.index, A = typeof i == "number" ? "left" : i.position, L = s[h].getBoundingClientRect(), m = Math.floor(L.width), b = t.filter((R) => R.position === A).map((R) => R.width).reduce(ue, 0), k = {
+          ), l = t.fixedColumns.reduce((a, i) => {
+            const h = typeof i == "number" ? i : i.index, A = typeof i == "number" ? "left" : i.position, I = s[h].getBoundingClientRect(), m = Math.floor(I.width), b = a.filter((R) => R.position === A).map((R) => R.width).reduce(ue, 0), k = {
               index: h,
               position: A,
               width: m,
               offset: b
             };
-            return t.push(k), t;
+            return a.push(k), a;
           }, []);
           Array.from((e = V.value) == null ? void 0 : e.querySelectorAll("tr")).map(
-            (t) => Array.from(
-              t.querySelectorAll(
+            (a) => Array.from(
+              a.querySelectorAll(
                 l.map((i) => `:scope > :nth-child(${i.index + 1})`).join(", ")
               )
             )
-          ).forEach((t) => {
-            t.forEach((i, h) => {
+          ).forEach((a) => {
+            a.forEach((i, h) => {
               i.style.position = "sticky", l[h].position === "left" ? i.style.left = `${l[h].offset}px` : i.style.right = `${l[h].offset}px`;
             });
           });
@@ -236,11 +238,11 @@ const _e = {
                           "bb-table-check__label--disabled": e.disabled
                         }])
                       }, [
-                        I(J, {
+                        x(J, {
                           class: "bb-table-check",
                           disabled: e.disabled,
                           indeterminate: le.value,
-                          "model-value": F.value,
+                          "model-value": L.value,
                           name: `select_all_${e.name || ""}`,
                           readonly: e.readonly,
                           "onUpdate:modelValue": ee
@@ -316,7 +318,7 @@ const _e = {
                   class: r(["bb-table-data__cell bb-table-data__cell--select", e.tdClass])
                 }, [
                   f(e.$slots, "select", {
-                    checked: !!l.selected,
+                    checked: !!(l.selected || L.value),
                     disabled: !!l.disabled,
                     inputName: u(D),
                     item: l.item,
@@ -329,31 +331,31 @@ const _e = {
                         "bb-table-check__label--disabled": l.disabled
                       }])
                     }, [
-                      I(J, {
-                        checked: l.selected || F.value,
+                      x(J, {
+                        checked: l.selected || L.value,
                         class: "bb-table-check",
                         disabled: l.disabled,
                         name: u(D),
                         readonly: e.readonly,
-                        onChange: () => j(l)
+                        onChange: () => F(l)
                       }, null, 8, ["checked", "disabled", "name", "readonly", "onChange"]),
-                      o("span", Ie, p(l.accessibleLabel), 1)
+                      o("span", Re, p(l.accessibleLabel), 1)
                     ], 2)) : (n(), d("label", {
                       key: 1,
                       class: r(["bb-table-radio__label", {
                         "bb-table-radio__label--disabled": l.disabled
                       }])
                     }, [
-                      I(he, {
+                      x(he, {
                         checked: l.selected,
                         class: "bb-table-radio",
                         disabled: l.disabled,
                         name: u(D),
                         readonly: e.readonly,
                         value: l.value,
-                        onChange: () => j(l)
+                        onChange: () => F(l)
                       }, null, 8, ["checked", "disabled", "name", "readonly", "value", "onChange"]),
-                      o("span", ze, p(l.accessibleLabel), 1)
+                      o("span", xe, p(l.accessibleLabel), 1)
                     ], 2))
                   ])
                 ], 2)) : _("", !0),
@@ -379,7 +381,7 @@ const _e = {
                     value: l.value
                   })
                 ], 2)) : _("", !0)
-              ], 40, Re))), 128))
+              ], 40, Ie))), 128))
             ]) : f(e.$slots, "no-data", { key: 1 }, () => [
               o("tr", Se, [
                 o("td", {