bitboss-ui 2.1.102 → 2.1.104

package/dist/index.js

@@ -1,14 +1,14 @@
 /* empty css       */
 /* empty css       */
-import { useBbConfig as xo } from "./index4.js";
+import { useBbConfig as lo } from "./index4.js";
 import { useBroadcastChannelInstance as Bo } from "./index5.js";
 import { useConfirm as no } from "./index6.js";
 import { useCountdown as Co } from "./index7.js";
 import { useId as ho } from "./index8.js";
 import { useMobile as go } from "./index9.js";
 import { useQueue as wo } from "./index10.js";
-import { useQuery as Ro } from "./index11.js";
-import { useToast as Po } from "./index12.js";
+import { useQuery as Po } from "./index11.js";
+import { useToast as ko } from "./index12.js";
 import { useWizard as vo, wizardInjectionKey as zo } from "./index13.js";
 import { default as yo } from "./index14.js";
 /* empty css        */
@@ -42,7 +42,7 @@ import { default as fr } from "./index42.js";
 /* empty css        */
 import { default as ur } from "./index44.js";
 /* empty css        */
-import { default as xr } from "./index46.js";
+import { default as lr } from "./index46.js";
 /* empty css        */
 import { default as dr } from "./index48.js";
 /* empty css        */
@@ -58,7 +58,7 @@ import { default as Sr } from "./index58.js";
 /* empty css        */
 import { default as Dr } from "./index60.js";
 /* empty css        */
-import { default as kr } from "./index62.js";
+import { default as Rr } from "./index62.js";
 /* empty css        */
 import { default as Gr } from "./index64.js";
 /* empty css        */
@@ -71,71 +71,72 @@ import { default as Or } from "./index70.js";
 import { default as jr } from "./index72.js";
 /* empty css        */
 import { default as Kr } from "./index74.js";
+import { default as Wr } from "./index75.js";
 /* empty css        */
-import { default as Wr } from "./index76.js";
 import { default as Er } from "./index77.js";
+import { default as Jr } from "./index78.js";
 /* empty css        */
-import { default as Jr } from "./index79.js";
+import { default as Ur } from "./index80.js";
 /* empty css        */
-import { default as Ur } from "./index81.js";
+import { default as Xr } from "./index82.js";
 /* empty css        */
-import { default as Xr } from "./index83.js";
+import { default as Zr } from "./index84.js";
 /* empty css        */
-import { default as Zr } from "./index85.js";
+import { default as $r } from "./index86.js";
 /* empty css        */
-import { default as $r } from "./index87.js";
+import { default as rt } from "./index88.js";
 /* empty css        */
-import { default as rt } from "./index89.js";
 import { default as et } from "./index90.js";
+import { default as pt } from "./index91.js";
 /* empty css        */
-import { default as pt } from "./index92.js";
+import { default as ft } from "./index93.js";
 /* empty css        */
-import { default as ft } from "./index94.js";
+import { default as ut } from "./index95.js";
 /* empty css        */
-import { default as ut } from "./index96.js";
+import { default as lt } from "./index97.js";
 /* empty css        */
-import { default as xt } from "./index98.js";
-/* empty css        */
-import { default as dt } from "./index100.js";
+import { default as dt } from "./index99.js";
+/* empty css         */
+import { default as bt } from "./index101.js";
 /* empty css         */
-import { default as bt } from "./index102.js";
+import { default as ct } from "./index103.js";
 /* empty css         */
-import { default as ct } from "./index104.js";
+import { default as It } from "./index105.js";
 /* empty css         */
-import { default as It } from "./index106.js";
+import { default as Tt } from "./index107.js";
 /* empty css         */
-import { default as Tt } from "./index108.js";
 import { default as St } from "./index109.js";
+import { default as Dt } from "./index110.js";
 /* empty css         */
-import { default as Dt } from "./index111.js";
+import { default as Rt } from "./index112.js";
 /* empty css         */
-import { default as kt } from "./index113.js";
+import { default as Gt } from "./index114.js";
 /* empty css         */
-import { default as Gt } from "./index115.js";
+import { default as zt } from "./index116.js";
 /* empty css         */
-import { default as zt } from "./index117.js";
+import { default as yt } from "./index118.js";
 /* empty css         */
-import { default as yt } from "./index119.js";
+import { default as Ot } from "./index120.js";
 /* empty css         */
-import { default as Ot } from "./index121.js";
+import { default as jt } from "./index122.js";
 /* empty css         */
-import { default as jt } from "./index123.js";
+import { default as Kt } from "./index124.js";
 /* empty css         */
-import { default as Kt } from "./index125.js";
+import { default as Wt } from "./index126.js";
 /* empty css         */
-import { default as Wt } from "./index127.js";
+import { default as Et } from "./index128.js";
 /* empty css         */
-import { default as Et } from "./index129.js";
+import { default as Jt } from "./index130.js";
 /* empty css         */
-import { default as Jt } from "./index131.js";
+import { default as Ut } from "./index132.js";
 /* empty css         */
-import { default as Ut } from "./index133.js";
+import { default as Xt } from "./index134.js";
 /* empty css         */
-import { default as Xt } from "./index135.js";
+import { default as Zt } from "./index136.js";
 /* empty css         */
-import { default as Zt } from "./index137.js";
+import { default as $t } from "./index138.js";
 /* empty css         */
-import { default as $t } from "./index139.js";
+import { default as re } from "./index140.js";
 export {
   yo as BaseButton,
   jo as BaseCheckbox,
@@ -153,7 +154,7 @@ export {
   pr as BaseSlider,
   fr as BaseSwitch,
   ur as BaseSwitchGroup,
-  xr as BaseTag,
+  lr as BaseTag,
   br as BaseTextInput,
   dr as BaseTextarea,
   cr as BbAccordion,
@@ -161,56 +162,57 @@ export {
   Tr as BbAvatar,
   Sr as BbBadge,
   Dr as BbBreadcrumbs,
-  kr as BbButton,
+  Rr as BbButton,
   Gr as BbCheckbox,
   zr as BbCheckboxGroup,
   yr as BbChip,
   Or as BbCollapsible,
   jr as BbColorInput,
-  Kr as BbConfirm,
-  Wr as BbConfirmPortal,
-  Er as BbDatePickerInput,
-  Jr as BbDialog,
-  Ur as BbDropdown,
-  Xr as BbDropdownButton,
-  Zr as BbDropzone,
-  $r as BbIcon,
-  rt as BbIntersection,
-  et as BbNumberInput,
-  pt as BbOffCanvas,
-  ft as BbPagination,
-  ut as BbPopover,
-  xt as BbProgress,
-  dt as BbRadio,
-  bt as BbRadioGroup,
-  ct as BbRating,
-  It as BbRatio,
-  Tt as BbRows,
-  St as BbSelect,
-  Dt as BbSlider,
-  kt as BbSmoothHeight,
-  Gt as BbSpinner,
-  zt as BbSwitch,
-  yt as BbSwitchGroup,
-  Ot as BbTab,
-  jt as BbTable,
-  Kt as BbTag,
-  Et as BbTextInput,
-  Wt as BbTextarea,
-  Jt as BbToast,
-  Ut as BbTooltip,
-  Xt as BbTree,
-  Zt as CommonInputInnerContainer,
-  $t as CommonInputOuterContainer,
-  xo as useBbConfig,
+  Kr as BbColorPalette,
+  Wr as BbConfirm,
+  Er as BbConfirmPortal,
+  Jr as BbDatePickerInput,
+  Ur as BbDialog,
+  Xr as BbDropdown,
+  Zr as BbDropdownButton,
+  $r as BbDropzone,
+  rt as BbIcon,
+  et as BbIntersection,
+  pt as BbNumberInput,
+  ft as BbOffCanvas,
+  ut as BbPagination,
+  lt as BbPopover,
+  dt as BbProgress,
+  bt as BbRadio,
+  ct as BbRadioGroup,
+  It as BbRating,
+  Tt as BbRatio,
+  St as BbRows,
+  Dt as BbSelect,
+  Rt as BbSlider,
+  Gt as BbSmoothHeight,
+  zt as BbSpinner,
+  yt as BbSwitch,
+  Ot as BbSwitchGroup,
+  jt as BbTab,
+  Kt as BbTable,
+  Wt as BbTag,
+  Jt as BbTextInput,
+  Et as BbTextarea,
+  Ut as BbToast,
+  Xt as BbTooltip,
+  Zt as BbTree,
+  $t as CommonInputInnerContainer,
+  re as CommonInputOuterContainer,
+  lo as useBbConfig,
   Bo as useBroadcastChannelInstance,
   no as useConfirm,
   Co as useCountdown,
   ho as useId,
   go as useMobile,
-  Ro as useQuery,
+  Po as useQuery,
   wo as useQueue,
-  Po as useToast,
+  ko as useToast,
   vo as useWizard,
   zo as wizardInjectionKey
 };

package/dist/index109.js

@@ -1,185 +1,142 @@
-import { defineComponent as f, ref as y, computed as g, createBlock as v, openBlock as B, withCtx as a, createVNode as $, mergeProps as w, renderSlot as n, normalizeProps as l, guardReactiveProps as i } from "vue";
-import T from "./index28.js";
-/* empty css        */
-import V from "./index38.js";
-/* empty css        */
-const F = /* @__PURE__ */ f({
-  __name: "BbSelect",
+import { defineComponent as D, computed as b, toRef as r, ref as E, reactive as L, watch as m, createElementBlock as V, openBlock as g, Fragment as B, renderSlot as i, createCommentVNode as P, unref as R, renderList as j } from "vue";
+import { useItemValue as G } from "./index278.js";
+import { isNil as k } from "./index250.js";
+import { indexBy as U } from "./index279.js";
+import { hash as p } from "./index232.js";
+import { useItemsGetter as W } from "./index228.js";
+import { usePrefill as q } from "./index234.js";
+import { useIndexById as z } from "./index229.js";
+import { useBaseOptions as J } from "./index230.js";
+import { useHashedWatcher as K } from "./index233.js";
+const oe = /* @__PURE__ */ D({
+  __name: "BbRows",
   props: {
-    allowWriting: { type: [Boolean, String], default: !0 },
-    "append:icon": {},
-    autocomplete: {},
-    autofocus: {},
-    clearable: { type: Boolean },
-    comma: { type: Boolean },
-    compact: { type: Boolean },
-    dependencies: {},
-    depsDebounceTime: {},
-    direction: {},
+    columns: { default: () => [] },
+    dependencies: { default: () => [] },
+    depsDebounceTime: { default: 0 },
     disabled: { type: Boolean },
-    enforceCoherence: { type: Boolean },
-    errors: {},
-    filterBy: { type: [String, Array, Boolean, Function, null], default: () => [] },
-    groupBy: {},
-    hasErrors: { type: Boolean },
-    hideLabel: { type: Boolean },
-    hint: {},
-    id: {},
-    items: {},
-    headerHeight: {},
-    itemHeight: {},
-    itemText: {},
+    items: { type: [Array, Function], default: () => [] },
     itemValue: {},
-    label: {},
-    labelPosition: {},
     loading: { type: Boolean },
-    loadingText: {},
-    max: {},
-    maxSelectedLabels: {},
-    modelValue: {},
-    modelValueDebounceTime: {},
-    multiple: { type: Boolean },
-    name: {},
-    noDataText: {},
-    persistentHint: { type: Boolean },
-    placeholder: {},
-    prefill: { type: [Boolean, String], default: "focus" },
-    "prepend:icon": {},
-    required: { type: Boolean },
-    queryDebounceTime: {},
-    readonly: { type: Boolean },
-    reverse: { type: Boolean },
-    selectedLabelsFn: {},
-    showChevron: { type: Boolean, default: !0 },
-    stash: { type: Boolean },
-    transitionDuration: {},
-    updateOnAnimationFrame: { type: Boolean }
+    max: { default: 1 / 0 },
+    modelValue: { default: () => [] },
+    multiple: { type: Boolean, default: !0 },
+    selectable: { type: [Boolean, Function] },
+    selectAll: { type: Boolean },
+    unselectedItems: { default: () => [] }
   },
-  emits: ["blur", "change", "click", "focus", "inactive", "input", "update:modelValue", "option:add"],
-  setup(p, { emit: m }) {
-    const r = p, t = m, s = y(!1), u = g(() => r.persistentHint || s.value), h = {
-      onBlur: (e) => t("blur", e),
-      onChange: (e) => t("change", e),
-      onClick: (e) => t("click", e),
-      "onOption:add": (e) => t("option:add", e),
-      onFocus: (e) => {
-        s.value = !0, t("focus", e);
-      },
-      onInactive: () => {
-        s.value = !1, t("inactive");
-      },
-      onInput: (e) => t("input", e),
-      "onUpdate:modelValue": (e) => t("update:modelValue", e)
+  emits: ["update:modelValue", "update:unselectedItems"],
+  setup(H, { emit: x }) {
+    const t = H, u = x, { getItemValue: A } = G(), f = b(() => !!(t.loading || w.value)), {
+      getter: v,
+      items: y,
+      loading: w
+    } = W({
+      items: r(t, "items")
+    }), { hasPrefilled: O } = q({
+      trigger: !0,
+      fn: async (e) => {
+        await v(e, t.modelValue);
+      }
+    }), { data: h } = z({
+      items: r(t, "modelValue")
+    }), { options: F } = J({
+      disabled: r(t, "disabled"),
+      items: y,
+      itemText: void 0,
+      itemValue: t.itemValue,
+      max: t.max,
+      selectable: !0,
+      selectedIndexedByHash: h
+    }), N = async (e) => {
+      t.multiple ? u("update:modelValue", t.modelValue.concat(e.value)) : u("update:modelValue", e.value);
+    }, S = async (e) => {
+      if (t.multiple) {
+        const l = { ...h.value };
+        delete l[e.valueHash], u("update:modelValue", Object.values(l));
+      } else
+        u("update:modelValue", null);
     };
-    return (e, D) => (B(), v(T, {
-      id: e.id,
-      class: "bb-select",
-      compact: e.compact,
-      direction: e.direction,
-      errors: e.errors,
-      "has-errors": e.hasErrors,
-      "hide-label": e.hideLabel,
-      hint: e.hint,
-      label: e.label,
-      "label-position": e.labelPosition,
-      "model-value": e.modelValue,
-      name: e.name,
-      reverse: e.reverse,
-      "show-hint": u.value
-    }, {
-      label: a((d) => [
-        n(e.$slots, "label", l(i(d)))
-      ]),
-      input: a(({ id: d, hasErrors: c, ariaDescribedby: b }) => [
-        $(V, w({
-          id: d,
-          "allow-writing": e.allowWriting,
-          "append:icon": r["append:icon"],
-          "aria-describedby": b,
-          autocomplete: e.autocomplete,
-          autofocus: e.autofocus,
-          clearable: e.clearable,
-          comma: e.comma,
-          compact: e.compact,
-          dependencies: e.dependencies,
-          "deps-debounce-time": e.depsDebounceTime,
-          disabled: e.disabled,
-          "enforce-coherence": e.enforceCoherence,
-          "filter-by": e.filterBy,
-          "group-by": e.groupBy,
-          "has-errors": c,
-          "header-height": e.headerHeight,
-          "item-height": e.itemHeight,
-          "item-text": e.itemText,
-          "item-value": e.itemValue,
-          items: e.items,
-          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,
-          name: e.name,
-          "no-data-text": e.noDataText,
-          placeholder: e.placeholder,
-          prefill: e.prefill,
-          "prepend:icon": r["prepend:icon"],
-          "query-debounce-time": e.queryDebounceTime,
-          readonly: e.readonly,
-          required: e.required,
-          "selected-labels-fn": e.selectedLabelsFn,
-          "show-chevron": e.showChevron,
-          stash: e.stash,
-          "transition-duration": e.transitionDuration,
-          "update-on-animation-frame": e.updateOnAnimationFrame
-        }, h), {
-          "append-outer": a((o) => [
-            n(e.$slots, "append-outer", l(i(o)))
-          ]),
-          append: a((o) => [
-            n(e.$slots, "append", l(i(o)))
-          ]),
-          prefix: a((o) => [
-            n(e.$slots, "prefix", l(i(o)))
-          ]),
-          chevron: a((o) => [
-            n(e.$slots, "chevron", l(i(o)))
-          ]),
-          loading: a((o) => [
-            n(e.$slots, "loading", l(i(o)))
-          ]),
-          "no-data": a((o) => [
-            n(e.$slots, "no-data", l(i(o)))
-          ]),
-          option: a((o) => [
-            n(e.$slots, "option", l(i(o)))
-          ]),
-          group: a((o) => [
-            n(e.$slots, "group", l(i(o)))
-          ]),
-          "options:append": a((o) => [
-            n(e.$slots, "options:append", l(i(o)))
-          ]),
-          "options:prepend": a((o) => [
-            n(e.$slots, "options:prepend", l(i(o)))
-          ]),
-          "prepend-outer": a((o) => [
-            n(e.$slots, "prepend-outer", l(i(o)))
-          ]),
-          prepend: a((o) => [
-            n(e.$slots, "prepend", l(i(o)))
-          ]),
-          suffix: a((o) => [
-            n(e.$slots, "suffix", l(i(o)))
-          ]),
-          _: 2
-        }, 1040, ["id", "allow-writing", "append:icon", "aria-describedby", "autocomplete", "autofocus", "clearable", "comma", "compact", "dependencies", "deps-debounce-time", "disabled", "enforce-coherence", "filter-by", "group-by", "has-errors", "header-height", "item-height", "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", "show-chevron", "stash", "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"]));
+    K(
+      () => [t.dependencies, t.items],
+      async () => {
+        O.value && await v(!1, t.modelValue);
+      },
+      {
+        debounce: t.depsDebounceTime
+      }
+    );
+    const I = b(() => F.value.map((e) => {
+      let l = !t.selectable;
+      typeof t.selectable == "function" && (l = !t.selectable(e.item)), l = l || !!e.disabled;
+      const a = U(
+        t.columns.map((s) => {
+          const { label: $, key: C } = s;
+          let n = A(e.item, s.key);
+          return s.formatter && // By default the formatter runs anyway
+          (!k(n) || s.formatOnNull !== !1) && (n = s.formatter(n, s.key, e.item)), s.placeholder && k(n) && (n = s.placeholder), {
+            value: n,
+            key: C,
+            label: $
+          };
+        }),
+        (s) => s.key
+      ), c = !!(e.selected || d.value) && !o.has(e.valueHash);
+      return {
+        columns: a,
+        item: e.item,
+        text: e.text,
+        valueHash: e.valueHash,
+        value: e.value,
+        selected: c,
+        disabled: l
+      };
+    })), T = (e) => {
+      d.value || N(e), o.delete(e.valueHash), u(
+        "update:unselectedItems",
+        t.unselectedItems.filter((l) => p(l) !== p(e.value))
+      );
+    }, _ = (e) => {
+      o.add(e.valueHash), u("update:unselectedItems", [...t.unselectedItems, e.value]), S(e);
+    }, o = L(/* @__PURE__ */ new Set());
+    m(
+      () => t.unselectedItems,
+      () => {
+        o.clear(), t.unselectedItems.forEach((e) => {
+          o.add(p(e));
+        });
+      }
+    );
+    const d = E(t.selectAll);
+    return m(
+      () => t.selectAll,
+      () => {
+        d.value = t.selectAll;
+      }
+    ), m(d, () => {
+      o.clear(), u("update:unselectedItems", []), u("update:modelValue", []);
+    }), (e, l) => (g(), V(B, null, [
+      f.value ? i(e.$slots, "loading", {
+        key: 0,
+        items: R(y)
+      }) : P("", !0),
+      I.value.length ? (g(!0), V(B, { key: 2 }, j(I.value, (a, c) => i(e.$slots, "default", {
+        key: a.valueHash + d.value,
+        checked: a.selected,
+        columns: a.columns,
+        disabled: a.disabled,
+        index: c,
+        item: a.item,
+        select: () => T(a),
+        unselect: () => _(a),
+        value: a.value
+      })), 128)) : i(e.$slots, "no-data", {
+        key: 1,
+        loading: f.value
+      })
+    ], 64));
   }
 });
 export {
-  F as default
+  oe as default
 };

package/dist/index11.js

@@ -1,5 +1,5 @@
 import { getCurrentInstance as l } from "vue";
-import { useFrameworkDetection as f } from "./index143.js";
+import { useFrameworkDetection as f } from "./index144.js";
 const p = (t, { arrayFormat: s = "comma" } = {}) => {
   if (!t) return {};
   const c = new URLSearchParams(t), e = {}, u = (r) => Array.isArray(r) ? r : [r], i = (r, n) => {