bitboss-ui 2.0.106 → 2.0.108

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

@@ -83,6 +83,10 @@ export type BaseDatePickerInputProps = {
      * @param date
      */
     selectable?: (date: Date) => boolean;
+    /**
+     * Target element to teleport the calendar to.
+     */
+    teleportTarget?: string;
     /**
      * Width of the calendar
      */

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

@@ -151,6 +151,10 @@ export type BaseSelectProps = {
      * you either always return the previous items or you stash them passing `true` to this option.
      */
     stash?: boolean;
+    /**
+     * Target to teleport the listbox to.
+     */
+    teleportTarget?: string;
     /**
      * How long the transition has to last in milliseconds
      */

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

@@ -1,6 +1,6 @@
 import { BaseButtonProps } from '../BaseButton/BaseButton.vue';
 import { CommonProps } from '../../types/CommonProps';
-export type BbDropdownProps = Pick<CommonProps, 'arrowPadding' | 'block' | 'disabled' | 'eager' | 'id' | 'offset' | 'padding' | 'placement' | 'theme' | 'transitionDuration'> & {
+export type BbDropdownProps = Pick<CommonProps, 'arrowPadding' | 'block' | 'disabled' | 'eager' | 'id' | 'offset' | 'padding' | 'placement' | 'theme' | 'transitionDuration' | 'teleportTarget'> & {
     /**
      * Array used to render each dropdown button.
      * They can act as `button`, as `a`, or as `router-link`

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' | 'closeLabel' | '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' | 'teleportTarget'> & {
     /**
      * 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/BbSelect/BbSelect.vue.d.ts

@@ -180,6 +180,10 @@ export type BbSelectProps<T> = {
      * you either always return the previous items or you stash them passing `true` to this option.
      */
     stash?: boolean;
+    /**
+     * Target to teleport the listbox to.
+     */
+    teleportTarget?: string;
     /**
      * How long the transition has to last in milliseconds
      */

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/BbTeleport.vue.d.ts

@@ -1,3 +1,6 @@
+type Props = {
+    target?: string;
+};
 declare function __VLS_template(): {
     slots: {
         default?(_: {}): any;
@@ -6,7 +9,7 @@ declare function __VLS_template(): {
     attrs: Partial<{}>;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+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 _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

@@ -1,6 +1,6 @@
 import { CommonProps } from '../../types/CommonProps';
 import { Placement } from '@floating-ui/vue';
-export type BbTooltipProps = Pick<CommonProps, 'arrowPadding' | 'block' | 'disabled' | 'eager' | 'id' | 'offset' | 'padding' | 'placement' | 'showClose' | 'theme' | 'transitionDuration'>;
+export type BbTooltipProps = Pick<CommonProps, 'arrowPadding' | 'block' | 'disabled' | 'eager' | 'id' | 'offset' | 'padding' | 'placement' | 'showClose' | 'teleportTarget' | 'theme' | 'transitionDuration'>;
 type BbTooltipSlots = {
     activator?: (props: {
         props: {

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

@@ -5,6 +5,10 @@ export type BubbleProps = Pick<CommonProps, 'arrowPadding' | 'eager' | 'offset'
     wrapper: any | undefined;
     baseClass: string;
     open?: boolean;
+    /**
+     * Target to teleport the floating element to.
+     */
+    teleportTarget?: string;
 };
 declare function __VLS_template(): {
     slots: {

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 "./index263.js";
-import { isNil as x } from "./index258.js";
-import { indexBy as W } from "./index302.js";
-import { hash as H } from "./index212.js";
-import { useItemsGetter as q } from "./index208.js";
-import { usePrefill as z } from "./index214.js";
-import { useIndexById as J } from "./index209.js";
-import { useBaseOptions as K } from "./index210.js";
-import { useHashedWatcher as Q } from "./index213.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 "./index273.js";
+import { isNil as H } from "./index251.js";
+import { indexBy as q } from "./index274.js";
+import { hash as w } from "./index227.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,

package/dist/index101.js

@@ -1,4 +1,4 @@
-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 { 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 V from "./index27.js";
 /* empty css        */
 import w from "./index37.js";
@@ -46,12 +46,13 @@ const P = /* @__PURE__ */ h({
     readonly: { type: Boolean },
     reverse: { type: Boolean },
     stash: { type: Boolean },
+    teleportTarget: {},
     transitionDuration: {},
     updateOnAnimationFrame: { type: Boolean }
   },
   emits: ["blur", "change", "click", "focus", "inactive", "input", "update:modelValue", "option:add"],
   setup(d, { emit: m }) {
-    const r = d, t = m, p = y(!1), u = v(() => r.persistentHint || p.value), c = {
+    const r = d, t = m, p = y(!1), u = g(() => r.persistentHint || p.value), c = {
       onBlur: (e) => t("blur", e),
       onChange: (e) => t("change", e),
       onClick: (e) => t("click", e),
@@ -65,7 +66,7 @@ const P = /* @__PURE__ */ h({
       onInput: (e) => t("input", e),
       "onUpdate:modelValue": (e) => t("update:modelValue", e)
     };
-    return (e, D) => (B(), g(V, {
+    return (e, D) => (v(), B(V, {
       id: e.id,
       class: "bb-select",
       compact: e.compact,
@@ -82,7 +83,7 @@ const P = /* @__PURE__ */ h({
       "show-hint": u.value
     }, {
       label: n((s) => [
-        a(e.$slots, "label", i(l(s)))
+        a(e.$slots, "label", l(i(s)))
       ]),
       input: n(({ id: s, hasErrors: b, ariaDescribedby: f }) => [
         $(w, T({
@@ -119,56 +120,57 @@ const P = /* @__PURE__ */ h({
           readonly: e.readonly,
           required: e.required,
           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", i(l(o)))
+            a(e.$slots, "append-outer", l(i(o)))
           ]),
           append: n((o) => [
-            a(e.$slots, "append", i(l(o)))
+            a(e.$slots, "append", l(i(o)))
           ]),
           prefix: n((o) => [
-            a(e.$slots, "prefix", i(l(o)))
+            a(e.$slots, "prefix", l(i(o)))
           ]),
           chevron: n((o) => [
-            a(e.$slots, "chevron", i(l(o)))
+            a(e.$slots, "chevron", l(i(o)))
           ]),
           loading: n((o) => [
-            a(e.$slots, "loading", i(l(o)))
+            a(e.$slots, "loading", l(i(o)))
           ]),
           "no-data": n((o) => [
-            a(e.$slots, "no-data", i(l(o)))
+            a(e.$slots, "no-data", l(i(o)))
           ]),
           "option:append": n((o) => [
-            a(e.$slots, "option:append", i(l(o)))
+            a(e.$slots, "option:append", l(i(o)))
           ]),
           "option:prepend": n((o) => [
-            a(e.$slots, "option:prepend", i(l(o)))
+            a(e.$slots, "option:prepend", l(i(o)))
           ]),
           option: n((o) => [
-            a(e.$slots, "option", i(l(o)))
+            a(e.$slots, "option", l(i(o)))
           ]),
           "options:append": n((o) => [
-            a(e.$slots, "options:append", i(l(o)))
+            a(e.$slots, "options:append", l(i(o)))
           ]),
           "options:prepend": n((o) => [
-            a(e.$slots, "options:prepend", i(l(o)))
+            a(e.$slots, "options:prepend", l(i(o)))
           ]),
           "prepend-outer": n((o) => [
-            a(e.$slots, "prepend-outer", i(l(o)))
+            a(e.$slots, "prepend-outer", l(i(o)))
           ]),
           prepend: n((o) => [
-            a(e.$slots, "prepend", i(l(o)))
+            a(e.$slots, "prepend", l(i(o)))
           ]),
           suffix: n((o) => [
-            a(e.$slots, "suffix", i(l(o)))
+            a(e.$slots, "suffix", l(i(o)))
           ]),
           spinner: n((o) => [
-            a(e.$slots, "spinner", i(l(o)))
+            a(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", "transition-duration", "update-on-animation-frame"])
+        }, 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"])
       ]),
       _: 3
     }, 8, ["id", "compact", "direction", "errors", "has-errors", "hide-label", "hint", "label", "label-position", "model-value", "name", "reverse", "show-hint"]));