bitboss-ui 2.0.105 → 2.0.107

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

@@ -77,7 +77,6 @@ declare const __VLS_component: import('vue').DefineComponent<BaseDialogProps, {}
         size?: any;
     } & string) | keyof Sizes;
     transition: string;
-    closeLabel: string;
     panelClasses: import('../../types/Classes').Classes;
     overlayClasses: import('../../types/Classes').Classes;
     showClose: boolean;

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

@@ -469,8 +469,6 @@ declare function __VLS_template(): {
                 "option:selected": (option: BaseOption) => any;
             }, string, {
                 transitionDuration: number;
-                loadingText: string;
-                noDataText: string;
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -493,8 +491,6 @@ declare function __VLS_template(): {
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
         } & Readonly<{
             transitionDuration: number;
-            loadingText: string;
-            noDataText: string;
         }> & Omit<Readonly<{
             compact?: boolean;
             options: BaseOption[];
@@ -506,7 +502,7 @@ declare function __VLS_template(): {
         }> & Readonly<{
             "onOption:unselected"?: ((option: BaseOption) => any) | undefined;
             "onOption:selected"?: ((option: BaseOption) => any) | undefined;
-        }>, "blur" | "focusNext" | "focusPrevious" | "focusFirst" | "focusFirstSelected" | "focusLast" | "focusLastSelected" | "confirmOption" | "focusByHash" | "getHighlighted" | ("transitionDuration" | "loadingText" | "noDataText")> & import('vue').ShallowUnwrapRef<{
+        }>, "transitionDuration" | "blur" | "focusNext" | "focusPrevious" | "focusFirst" | "focusFirstSelected" | "focusLast" | "focusLastSelected" | "confirmOption" | "focusByHash" | "getHighlighted"> & import('vue').ShallowUnwrapRef<{
             focusNext: () => void;
             focusPrevious: () => Promise<void>;
             focusFirst: () => void;
@@ -560,9 +556,7 @@ declare const __VLS_component: import('vue').DefineComponent<BaseSelectProps, {}
     allowWriting: boolean | "not-mobile";
     dependencies: any[];
     depsDebounceTime: number;
-    loadingText: string;
     modelValueDebounceTime: number;
-    noDataText: string;
     max: number;
     prefill: boolean | "focus";
     filterBy: string | string[] | false | ((value: any, item: any) => boolean) | null;

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

@@ -42,7 +42,6 @@ declare const __VLS_component: import('vue').DefineComponent<BbAlertProps, {}, {
 }, string, import('vue').PublicProps, Readonly<BbAlertProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
-    closeLabel: string;
     theme: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

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

@@ -28,7 +28,6 @@ declare const __VLS_component: import('vue').DefineComponent<BbChipProps, {}, {}
     "onClick:clear"?: ((...args: any[]) => any) | undefined;
 }>, {
     clearable: boolean;
-    clearableLabel: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

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

@@ -84,7 +84,6 @@ declare const __VLS_component: import('vue').DefineComponent<BbOffCanvasProps, {
         size?: any;
     } & string) | keyof Sizes;
     transition: string;
-    closeLabel: string;
     panelClasses: import('../../types/Classes').Classes;
     overlayClasses: import('../../types/Classes').Classes;
     showClose: boolean;

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

@@ -1,6 +1,6 @@
 import { CommonProps } from '../../types/CommonProps';
 import { Placement } from '@floating-ui/vue';
-export type BbPopoverProps = Pick<CommonProps, 'arrowPadding' | 'block' | 'disabled' | 'eager' | 'offset' | 'padding' | 'placement' | 'showClose' | 'theme' | 'transitionDuration'> & {
+export type BbPopoverProps = Pick<CommonProps, 'arrowPadding' | 'closeLabel' | 'block' | 'disabled' | 'eager' | 'offset' | 'padding' | 'placement' | 'showClose' | 'theme' | 'transitionDuration'> & {
     /**
      * Elements that obtains focus immediately after opening the popover.
      * By default it's the first tabbable item.

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

@@ -70,6 +70,7 @@ declare function __VLS_template(): {
             checked: boolean | undefined;
             columns: Record<string, ItemColumn>;
             disabled: boolean | undefined;
+            index: number;
             item: any;
             select: () => void;
             unselect: () => void;

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

@@ -1,4 +1,4 @@
-import { BbTableProps, MappedCell, BbTableColumn } from './types';
+import { BbTableProps, BbTableColumn } from './types';
 import { Classes } from '../../types/Classes';
 declare let __VLS_typeProps: BbTableProps;
 type __VLS_PublicProps = {
@@ -109,23 +109,18 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
 }>, {
     dependencies: any[];
     depsDebounceTime: number;
-    loadingText: string;
     multiple: boolean;
-    noDataText: string;
     modelValue: any;
     items: any[] | ((prefill: boolean, modelValue?: any[]) => Promise<any[]>) | ((prefill: boolean, modelValue?: any[]) => any[]);
     max: number;
     align: "left" | "center" | "right";
     columns: BbTableColumn[];
-    actionsText: string;
     allowSelectAll: boolean;
     fixedColumns: (number | {
         index: number;
         position: "left" | "right";
     })[];
-    selectAllLabel: string;
-    selectText: string;
-    accessibleLabel: (columns: MappedCell[], item: any) => string;
+    actionsText: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

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

@@ -150,6 +150,14 @@ export type BbTableProps = {
      * String displayed when there are no items to display.
      */
     noDataText?: string;
+    /**
+     * Current page number starting from 1
+     */
+    page?: number;
+    /**
+     * Number of items per page.
+     */
+    perPage?: number;
     /**
      * Sets the input in a readonly state.
      */
@@ -176,6 +184,10 @@ export type BbTableProps = {
      * Defines the classes to be passed to the `<th>`.
      */
     thClass?: Classes;
+    /**
+     * Total number of items there is.
+     */
+    totalItems?: number;
 };
 /**
  * We allow table data classes to be a function so it can depend on the item
@@ -191,6 +203,7 @@ export type MappedItem = Option & {
     onRowClick: (event: MouseEvent) => void;
     onRowContextMenu: (event: MouseEvent) => void;
     onRowDblClick: (event: MouseEvent) => void;
+    rowIndex: number | undefined;
 };
 /**
  * Projection that represnets a header

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

@@ -50,8 +50,6 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {
     "onOption:selected"?: ((option: Option) => any) | undefined;
 }>, {
     transitionDuration: number;
-    loadingText: string;
-    noDataText: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/composables/useLocale.d.ts

@@ -1,5 +1,5 @@
 import { Locale } from '../i18n';
 import { NestedKeyOf } from '../types/NestedKeyOf';
 export declare const useLocale: () => {
-    t: (path: NestedKeyOf<Locale>) => Readonly<import('vue').Ref<any, any>>;
+    t: (path: NestedKeyOf<Locale>, ...args: any[]) => Readonly<import('vue').Ref<any, any>>;
 };

package/dist/i18n/en.d.ts

@@ -4,5 +4,50 @@ declare const _default: {
         loadingText: string;
         noDataText: string;
     };
+    colorInput: {
+        paletteLabel: string;
+    };
+    datePicker: {
+        monthLabel: string;
+        yearLabel: string;
+        previousMonthLabel: string;
+        nextMonthLabel: string;
+    };
+    baseDatePickerInput: {
+        dateFormat: string;
+        dateFormatSingle: string;
+        dateFormatRange: string;
+        emptyRange: string;
+        changeSelectionRange: string;
+        changeSelection: string;
+        emptySelection: string;
+    };
+    dialog: {
+        closeLabel: string;
+    };
+    dropdownButton: {
+        open: string;
+        close: string;
+    };
+    rating: {
+        singleStar: string;
+        multipleStars: string;
+    };
+    select: {
+        multipleMaxReached: string;
+    };
+    chip: {
+        clearLabel: string;
+    };
+    pagination: {
+        previous: string;
+        next: string;
+    };
+    table: {
+        noDataText: string;
+        selectAllLabel: string;
+        selectText: string;
+        select: string;
+    };
 };
 export default _default;

package/dist/i18n/it.d.ts

@@ -4,5 +4,50 @@ declare const _default: {
         loadingText: string;
         noDataText: string;
     };
+    colorInput: {
+        paletteLabel: string;
+    };
+    datePicker: {
+        monthLabel: string;
+        yearLabel: string;
+        previousMonthLabel: string;
+        nextMonthLabel: string;
+    };
+    baseDatePickerInput: {
+        dateFormat: string;
+        dateFormatSingle: string;
+        dateFormatRange: string;
+        emptyRange: string;
+        changeSelectionRange: string;
+        changeSelection: string;
+        emptySelection: string;
+    };
+    dialog: {
+        closeLabel: string;
+    };
+    dropdownButton: {
+        open: string;
+        close: string;
+    };
+    rating: {
+        singleStar: string;
+        multipleStars: string;
+    };
+    select: {
+        multipleMaxReached: string;
+    };
+    chip: {
+        clearLabel: string;
+    };
+    pagination: {
+        previous: string;
+        next: string;
+    };
+    table: {
+        noDataText: string;
+        selectAllLabel: string;
+        selectText: string;
+        select: string;
+    };
 };
 export default _default;

package/dist/index100.js

@@ -1,16 +1,16 @@
-import { defineComponent as L, mergeModels as V, computed as b, toRef as m, reactive as P, useModel as I, watch as R, openBlock as B, createElementBlock as g, Fragment as k, renderSlot as r, unref as j, createCommentVNode as E, renderList as G } from "vue";
-import { useItemValue as U } from "./index287.js";
-import { isNil as x } from "./index250.js";
-import { indexBy as W } from "./index300.js";
-import { hash as H } from "./index216.js";
-import { useItemsGetter as q } from "./index227.js";
-import { usePrefill as z } from "./index232.js";
-import { useIndexById as J } from "./index228.js";
-import { useBaseOptions as K } from "./index229.js";
-import { useHashedWatcher as Q } from "./index231.js";
-const ne = /* @__PURE__ */ L({
+import { defineComponent as P, mergeModels as b, computed as I, toRef as m, reactive as R, useModel as B, watch as j, openBlock as g, createElementBlock as k, Fragment as x, renderSlot as r, unref as E, createCommentVNode as G, renderList as U } from "vue";
+import { useItemValue as W } from "./index268.js";
+import { isNil as H } from "./index257.js";
+import { indexBy as q } from "./index269.js";
+import { hash as w } from "./index208.js";
+import { useItemsGetter as z } from "./index244.js";
+import { usePrefill as J } from "./index249.js";
+import { useIndexById as K } from "./index245.js";
+import { useBaseOptions as Q } from "./index246.js";
+import { useHashedWatcher as X } from "./index248.js";
+const ne = /* @__PURE__ */ P({
   __name: "BbRows",
-  props: /* @__PURE__ */ V({
+  props: /* @__PURE__ */ b({
     columns: { default: () => [] },
     dependencies: { default: () => [] },
     depsDebounceTime: { default: 0 },
@@ -30,24 +30,24 @@ const ne = /* @__PURE__ */ L({
     "select-all": { type: Boolean, default: !1 },
     "select-allModifiers": {}
   }),
-  emits: /* @__PURE__ */ V(["update:modelValue"], ["update:unselected-items", "update:select-all"]),
-  setup(d, { emit: w }) {
-    const l = d, u = w, { getItemValue: M } = U(), p = b(() => !!(l.loading || O.value)), {
+  emits: /* @__PURE__ */ b(["update:modelValue"], ["update:unselected-items", "update:select-all"]),
+  setup(d, { emit: M }) {
+    const l = d, u = M, { getItemValue: O } = W(), p = I(() => !!(l.loading || S.value)), {
       getter: f,
       items: v,
-      loading: O
-    } = q({
+      loading: S
+    } = z({
       items: m(l, "items")
-    }), { hasPrefilled: S } = z({
+    }), { hasPrefilled: F } = J({
       onStart: !0,
       currentValue: l.modelValue,
       multiple: l.multiple,
       fn: async ({ prefill: e }) => {
         await f(e, l.modelValue);
       }
-    }), { data: y } = J({
+    }), { data: y } = K({
       items: m(l, "modelValue")
-    }), { options: F } = K({
+    }), { options: N } = Q({
       disabled: m(l, "disabled"),
       items: v,
       itemText: void 0,
@@ -55,36 +55,36 @@ const ne = /* @__PURE__ */ L({
       max: l.max,
       selectable: !0,
       selectedIndexedByHash: y
-    }), N = async (e) => {
+    }), T = async (e) => {
       l.multiple ? u("update:modelValue", l.modelValue.concat(e.value)) : u("update:modelValue", e.value);
-    }, T = async (e) => {
+    }, $ = async (e) => {
       if (l.multiple) {
         const t = { ...y.value };
         delete t[e.valueHash], u("update:modelValue", Object.values(t));
       } else
         u("update:modelValue", null);
     };
-    Q(
+    X(
       () => [l.dependencies, l.items],
       async () => {
-        S.value && await f(!1, l.modelValue);
+        F.value && await f(!1, l.modelValue);
       },
       {
         debounce: l.depsDebounceTime
       }
     );
-    const h = b(() => F.value.map((e) => {
+    const h = I(() => N.value.map((e) => {
       let t = !l.selectable;
       return typeof l.selectable == "function" && (t = !l.selectable(e.item)), t = t || !!e.disabled, {
-        columns: W(
+        columns: q(
           l.columns.map((a) => {
-            const { label: C, key: D } = a;
-            let o = M(e.item, a.key);
+            const { label: D, key: L } = a;
+            let o = O(e.item, a.key);
             return a.formatter && // By default the formatter runs anyway
-            (!x(o) || a.formatOnNull !== !1) && (o = a.formatter(o, a.key, e.item)), a.placeholder && x(o) && (o = a.placeholder), {
+            (!H(o) || a.formatOnNull !== !1) && (o = a.formatter(o, a.key, e.item)), a.placeholder && H(o) && (o = a.placeholder), {
               value: o,
-              key: D,
-              label: C
+              key: L,
+              label: D
             };
           }),
           (a) => a.key
@@ -96,29 +96,30 @@ const ne = /* @__PURE__ */ L({
         selected: !!(e.selected || i.value),
         disabled: t
       };
-    })), $ = (e) => {
-      i.value || N(e), c.delete(e.valueHash), n.value = n.value.filter(
-        (t) => H(t) !== H(e.item)
+    })), A = (e) => {
+      i.value || T(e), c.delete(e.valueHash), n.value = n.value.filter(
+        (t) => w(t) !== w(e.item)
       );
-    }, A = (e) => {
-      c.add(e.valueHash), n.value.push(e.item), T(e);
-    }, c = P(/* @__PURE__ */ new Set()), n = I(d, "unselected-items");
-    let i = I(d, "select-all");
-    return R(i, () => {
+    }, C = (e) => {
+      c.add(e.valueHash), n.value.push(e.item), $(e);
+    }, c = R(/* @__PURE__ */ new Set()), n = B(d, "unselected-items");
+    let i = B(d, "select-all");
+    return j(i, () => {
       c.clear(), n.value = [], u("update:modelValue", []);
-    }), (e, t) => (B(), g(k, null, [
+    }), (e, t) => (g(), k(x, null, [
       p.value ? r(e.$slots, "loading", {
         key: 0,
-        items: j(v)
-      }) : E("", !0),
-      h.value.length ? (B(!0), g(k, { key: 2 }, G(h.value, (s) => r(e.$slots, "default", {
+        items: E(v)
+      }) : G("", !0),
+      h.value.length ? (g(!0), k(x, { key: 2 }, U(h.value, (s, V) => r(e.$slots, "default", {
         key: s.valueHash,
         checked: s.selected,
         columns: s.columns,
         disabled: s.disabled,
+        index: V,
         item: s.item,
-        select: () => $(s),
-        unselect: () => A(s),
+        select: () => A(s),
+        unselect: () => C(s),
         value: s.value
       })), 128)) : r(e.$slots, "no-data", {
         key: 1,