bitboss-ui 2.0.1 → 2.0.2

package/dist/index32.js

@@ -1,6 +1,6 @@
 import { defineComponent as C, ref as g, computed as f, openBlock as i, createElementBlock as l, mergeProps as h, createElementVNode as r, renderSlot as p, Fragment as I, renderList as V, normalizeClass as B, toDisplayString as M } from "vue";
 import { booleanishToBoolean as D } from "./index217.js";
-import { identity as F } from "./index208.js";
+import { identity as F } from "./index221.js";
 import { isCssColor as v } from "./index215.js";
 import { isNotNil as T } from "./index129.js";
 const $ = { class: "bb-base-rating__inner-container" }, q = { class: "bb-base-rating__label-text" }, x = ["id", "aria-describedby", "autofocus", "checked", "disabled", "name", "required", "value"], H = ["height", "width"], N = /* @__PURE__ */ r("path", {

package/dist/index34.js

@@ -5,23 +5,23 @@ import { useMobile as We } from "./index8.js";
 import Re from "./index122.js";
 /* empty css         */
 import { isNotNil as Je } from "./index129.js";
-import { last as Ye } from "./index209.js";
+import { last as Ye } from "./index214.js";
 import { matchAnyKey as j } from "./index228.js";
-import { useFloating as je } from "./index204.js";
+import { useFloating as je } from "./index219.js";
 import { useIntersectionObserver as Ge } from "./index127.js";
-import { useLogger as Xe } from "./index203.js";
-import { useOptions as Ze } from "./index218.js";
+import { useLogger as Xe } from "./index206.js";
+import { useOptions as Ze } from "./index199.js";
 import { wait as T } from "./index126.js";
 import { when as et } from "./index216.js";
 import tt from "./index229.js";
 /* empty css         */
 import ot from "./index231.js";
 /* empty css         */
-import nt from "./index211.js";
+import nt from "./index223.js";
 /* empty css         */
-import lt from "./index213.js";
-import { waitFor as at } from "./index201.js";
-import { autoUpdate as it, flip as rt, offset as st, shift as ut } from "./index214.js";
+import lt from "./index225.js";
+import { waitFor as at } from "./index204.js";
+import { autoUpdate as it, flip as rt, offset as st, shift as ut } from "./index226.js";
 const pt = { class: "bb-base-select__input-container" }, ct = ["id", "aria-controls", "aria-describedby", "aria-expanded", "autocomplete", "autofocus", "disabled", "inputmode", "placeholder", "readonly", "required", "onKeydown"], dt = /* @__PURE__ */ S("svg", {
   class: "bb-base-select__chevron",
   viewBox: "0 0 24 24",

package/dist/index40.js

@@ -1,8 +1,8 @@
 import { defineComponent as $, ref as p, toRef as l, openBlock as w, createBlock as B, unref as f, withCtx as i, renderSlot as s, normalizeProps as b, guardReactiveProps as h, createVNode as O, mergeProps as v, createSlots as z } from "vue";
-import { useOptions as F } from "./index218.js";
+import { useOptions as F } from "./index199.js";
 import M from "./index38.js";
 /* empty css        */
-import S from "./index219.js";
+import S from "./index200.js";
 /* empty css         */
 const I = /* @__PURE__ */ $({
   __name: "BaseSwitchGroup",

package/dist/index42.js

@@ -3,15 +3,15 @@ import { defineComponent as Z, ref as r, computed as k, toRef as B, openBlock as
 import ue from "./index122.js";
 /* empty css         */
 import { isNotNil as se } from "./index129.js";
-import { last as de } from "./index209.js";
-import { useOptions as pe } from "./index218.js";
+import { last as de } from "./index214.js";
+import { useOptions as pe } from "./index199.js";
 import ce from "./index229.js";
 /* empty css         */
 import me from "./index231.js";
 /* empty css         */
-import fe from "./index211.js";
+import fe from "./index223.js";
 /* empty css         */
-import ve from "./index213.js";
+import ve from "./index225.js";
 const ye = { class: "bb-base-tag__input-container" }, be = ["id", "aria-describedby", "autocomplete", "autofocus", "disabled", "placeholder", "readonly", "required", "onKeydown"], Ke = /* @__PURE__ */ Z({
   __name: "BaseTag",
   props: {

package/dist/index44.js

@@ -1,6 +1,6 @@
 import { defineComponent as w, ref as g, computed as u, onMounted as y, watch as V, nextTick as k, openBlock as x, createBlock as B, normalizeClass as $, withCtx as r, renderSlot as t, createVNode as i, createElementVNode as C, mergeProps as T } from "vue";
-import v from "./index213.js";
-import E from "./index211.js";
+import v from "./index225.js";
+import E from "./index223.js";
 /* empty css         */
 import G from "./index122.js";
 /* empty css         */

package/dist/index46.js

@@ -1,7 +1,7 @@
 import { defineComponent as i, computed as c, openBlock as m, createElementBlock as b, Fragment as f, createVNode as r, normalizeClass as y, withCtx as n, renderSlot as t, createElementVNode as p, mergeProps as h } from "vue";
-import g from "./index211.js";
+import g from "./index223.js";
 /* empty css         */
-import B from "./index213.js";
+import B from "./index225.js";
 const k = ["id", "aria-describedby", "aria-invalid", "autocomplete", "autofocus", "disabled", "name", "placeholder", "readonly", "required", "type", "value"], w = /* @__PURE__ */ p("span", null, null, -1), q = /* @__PURE__ */ i({
   __name: "BaseTextInput",
   props: {

package/dist/index70.js

@@ -1,13 +1,13 @@
 import { defineComponent as Y, computed as M, ref as v, openBlock as D, createElementBlock as H, mergeProps as I, createElementVNode as $, renderSlot as _, normalizeProps as Z, guardReactiveProps as ee, unref as c, createBlock as te, Teleport as oe, normalizeClass as ne, normalizeStyle as z, Fragment as N, renderList as ae, createVNode as le, withCtx as se, createCommentVNode as ie } from "vue";
-import { findRightIndex as S } from "./index238.js";
-import { useFloating as re, arrow as ue } from "./index204.js";
+import { findRightIndex as S } from "./index245.js";
+import { useFloating as re, arrow as ue } from "./index219.js";
 import { useId as de } from "./index7.js";
 import { wait as U } from "./index126.js";
 import { useIntersectionObserver as ce } from "./index127.js";
 import fe from "./index12.js";
 /* empty css        */
-import V from "./index239.js";
-import { autoUpdate as pe, flip as be, offset as me, shift as ve } from "./index214.js";
+import V from "./index246.js";
+import { autoUpdate as pe, flip as be, offset as me, shift as ve } from "./index226.js";
 const we = ["id", "aria-labelledby"], ye = { class: "bb-dropdown__items-container" }, He = /* @__PURE__ */ Y({
   __name: "BbDropdown",
   props: {

package/dist/index74.js

@@ -1,5 +1,5 @@
 import { defineComponent as j, ref as g, watch as x, computed as m, openBlock as V, createBlock as G, 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 "./index241.js";
+import { findInTree as ae } from "./index248.js";
 import { useId as re } from "./index7.js";
 import oe from "./index122.js";
 /* empty css         */
@@ -56,7 +56,7 @@ const le = ["accept", "autofocus", "disabled", "multiple"], se = {
             const r = t.accept[a];
             if (r.includes("/")) e.push(r);
             else {
-              b || (b = (await import("./index240.js")).default);
+              b || (b = (await import("./index247.js")).default);
               const o = b.getType(r);
               if (!o)
                 throw new Error(

package/dist/index76.js

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

package/dist/index79.js

@@ -1,8 +1,8 @@
 import { defineComponent as oe, ref as s, useAttrs as se, getCurrentInstance as ae, computed as v, nextTick as le, onBeforeUnmount as O, onMounted as ne, watch as ie, openBlock as _, createBlock as re, Teleport as ce, createElementVNode as a, mergeProps as S, createElementBlock as V, renderSlot as n, createTextVNode as ue, toDisplayString as z, createCommentVNode as T } from "vue";
-import { useFocusTrap as de } from "./index200.js";
+import { useFocusTrap as de } from "./index203.js";
 import { useId as A } from "./index7.js";
 import { wait as E } from "./index126.js";
-import { useModalsState as p } from "./index202.js";
+import { useModalsState as p } from "./index205.js";
 const fe = ["inert"], ve = { class: "bb-offcanvas-close" }, pe = { class: "bb-offcanvas-close__content" }, be = { class: "bb-offcanvas-close__label" }, me = /* @__PURE__ */ a("span", { class: "bb-offcanvas-close__icon" }, [
   /* @__PURE__ */ a("svg", {
     fill: "none",

package/dist/index81.js

@@ -1,5 +1,5 @@
 import { defineComponent as W, computed as y, ref as c, onMounted as w, onBeforeUnmount as R, openBlock as k, createElementBlock as V, normalizeClass as C, createElementVNode as o, createVNode as v, unref as g, withCtx as S, renderSlot as m, Fragment as F, renderList as L, toDisplayString as M, nextTick as N } from "vue";
-import { debounce as T } from "./index237.js";
+import { debounce as T } from "./index249.js";
 /* empty css       */
 import $ from "./index12.js";
 /* empty css        */

package/dist/index83.js

@@ -1,11 +1,11 @@
 import { defineComponent as W, ref as a, computed as _, openBlock as d, createElementBlock as g, mergeProps as D, createElementVNode as b, renderSlot as S, normalizeProps as I, guardReactiveProps as R, unref as y, createBlock as E, Teleport as U, normalizeClass as j, normalizeStyle as G, createCommentVNode as k, withCtx as J, nextTick as K, watch as Q } from "vue";
-import { useFloating as X, arrow as Y } from "./index204.js";
-import { useFocusTrap as Z } from "./index200.js";
+import { useFloating as X, arrow as Y } from "./index219.js";
+import { useFocusTrap as Z } from "./index203.js";
 import { useId as ee } from "./index7.js";
 import { wait as M } from "./index126.js";
 import te from "./index12.js";
 /* empty css        */
-import { autoUpdate as oe, flip as ae, offset as re, shift as ne, hide as le } from "./index214.js";
+import { autoUpdate as oe, flip as ae, offset as re, shift as ne, hide as le } from "./index226.js";
 const se = ["id"], ie = {
   key: 1,
   class: "bb-popover__bubble"

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "bitboss-ui",
-	"version": "2.0.1",
+	"version": "2.0.2",
 	"type": "module",
 	"sideEffects": false,
 	"scripts": {
@@ -89,4 +89,4 @@
 	"lint-staged": {
 		"*.{js,css,md,html,json,vue,ts}": "prettier --write"
 	}
-}
+}

package/dist/index201.js

@@ -1,9 +0,0 @@
-const o = (e, t = 50) => new Promise((r) => {
-  const n = setInterval(() => {
-    e() && (clearInterval(n), r());
-  }, t);
-});
-export {
-  o as waitFor
-};
-//# sourceMappingURL=index201.js.map

package/dist/index201.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index201.js","sources":["../src/utilities/functions/waitFor.ts"],"sourcesContent":["/** Wait until iteratee returns true to resolve the promise */\nexport const waitFor: (\n\titeratee: () => boolean,\n\tinterval?: number\n) => Promise<void> = (iteratee, interval = 50) =>\n\tnew Promise((resolve) => {\n\t\tconst i = setInterval(() => {\n\t\t\tif (iteratee()) {\n\t\t\t\tclearInterval(i);\n\t\t\t\tresolve();\n\t\t\t}\n\t\t}, interval);\n\t});\n"],"names":["waitFor","iteratee","interval","resolve","i"],"mappings":"AACa,MAAAA,IAGQ,CAACC,GAAUC,IAAW,OAC1C,IAAI,QAAQ,CAACC,MAAY;AAClB,QAAAC,IAAI,YAAY,MAAM;AAC3B,IAAIH,QACH,cAAcG,CAAC,GACPD;KAEPD,CAAQ;AACZ,CAAC;"}

package/dist/index224.js

@@ -1,22 +0,0 @@
-import { getDefaultExportFromCjs as p, commonjsGlobal as s } from "./index250.js";
-import { __module as n } from "./index267.js";
-(function(u, l) {
-  (function(c, e) {
-    u.exports = e();
-  })(s, function() {
-    return function(c, e, r) {
-      r.updateLocale = function(f, o) {
-        var t = r.Ls[f];
-        if (t) return (o ? Object.keys(o) : []).forEach(function(a) {
-          t[a] = o[a];
-        }), t;
-      };
-    };
-  });
-})(n);
-var i = n.exports;
-const x = /* @__PURE__ */ p(i);
-export {
-  x as default
-};
-//# sourceMappingURL=index224.js.map

package/dist/index224.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index224.js","sources":["../node_modules/dayjs/plugin/updateLocale.js"],"sourcesContent":["!function(e,n){\"object\"==typeof exports&&\"undefined\"!=typeof module?module.exports=n():\"function\"==typeof define&&define.amd?define(n):(e=\"undefined\"!=typeof globalThis?globalThis:e||self).dayjs_plugin_updateLocale=n()}(this,(function(){\"use strict\";return function(e,n,t){t.updateLocale=function(e,n){var o=t.Ls[e];if(o)return(n?Object.keys(n):[]).forEach((function(e){o[e]=n[e]})),o}}}));"],"names":["e","n","module","this","t","o"],"mappings":";;;AAAA,GAAC,SAASA,GAAEC,GAAE;AAAsD,IAAAC,EAAe,UAAAD,EAAuI;AAAA,EAAA,GAAEE,GAAM,WAAU;AAAc,WAAO,SAASH,GAAEC,GAAEG,GAAE;AAAC,MAAAA,EAAE,eAAa,SAASJ,GAAEC,GAAE;AAAC,YAAII,IAAED,EAAE,GAAGJ,CAAC;AAAE,YAAGK,EAAE,SAAOJ,IAAE,OAAO,KAAKA,CAAC,IAAE,CAAA,GAAI,QAAS,SAASD,GAAE;AAAC,UAAAK,EAAEL,CAAC,IAAEC,EAAED,CAAC;AAAA,QAAC,IAAIK;AAAA,MAAC;AAAA,IAAC;AAAA,EAAC;;;;","x_google_ignoreList":[0]}

package/dist/index261.js

@@ -1,20 +0,0 @@
-import { get as t } from "./index279.js";
-const o = () => ({
-  getItemText(r, n) {
-    if (typeof r == "string" && !n) return r;
-    if (n) {
-      if (typeof n == "function") {
-        let f = n(r);
-        return typeof f != "string" && (f = JSON.stringify(f)), f;
-      } else if (typeof n == "string") {
-        const f = t(r, n);
-        return typeof f == "string" ? f : JSON.stringify(f);
-      }
-    }
-    return JSON.stringify(r);
-  }
-});
-export {
-  o as useItemText
-};
-//# sourceMappingURL=index261.js.map

package/dist/index261.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index261.js","sources":["../src/composables/useItemText.ts"],"sourcesContent":["import { get } from '@/utilities/functions/get';\n\ntype NestedKeyOf<ObjectType extends object> = {\n\t[Key in keyof ObjectType & (string | number)]: ObjectType[Key] extends object\n\t\t? `${Key}` | `${Key}.${NestedKeyOf<ObjectType[Key]>}`\n\t\t: `${Key}`;\n}[keyof ObjectType & (string | number)];\n\nexport type Path<T> = T extends object\n\t?\n\t\t\t| NestedKeyOf<T>\n\t\t\t| ((item: T) => string | number)\n\t\t\t| undefined\n\t\t\t| (string & Record<never, never>)\n\t: undefined;\n\nexport const useItemText = () => ({\n\tgetItemText<T>(item: T, getter?: Path<T>): string {\n\t\tif (typeof item === 'string' && !getter) return item;\n\t\telse if (getter) {\n\t\t\tif (typeof getter === 'function') {\n\t\t\t\tlet found = getter(item);\n\t\t\t\tif (typeof found !== 'string') found = JSON.stringify(found);\n\t\t\t\treturn found;\n\t\t\t} else if (typeof getter === 'string') {\n\t\t\t\tconst found = get(item, getter as any);\n\t\t\t\tif (typeof found === 'string') return found;\n\t\t\t\telse return JSON.stringify(found);\n\t\t\t}\n\t\t}\n\t\treturn JSON.stringify(item);\n\t},\n});\n"],"names":["useItemText","item","getter","found","get"],"mappings":";AAgBO,MAAMA,IAAc,OAAO;AAAA,EACjC,YAAeC,GAASC,GAA0B;AACjD,QAAI,OAAOD,KAAS,YAAY,CAACC,EAAe,QAAAD;AAAA,QACvCC;AACJ,UAAA,OAAOA,KAAW,YAAY;AAC7B,YAAAC,IAAQD,EAAOD,CAAI;AACvB,eAAI,OAAOE,KAAU,aAAkBA,IAAA,KAAK,UAAUA,CAAK,IACpDA;AAAA,MAAA,WACG,OAAOD,KAAW,UAAU;AAChC,cAAAC,IAAQC,EAAIH,GAAMC,CAAa;AACjC,eAAA,OAAOC,KAAU,WAAiBA,IAC1B,KAAK,UAAUA,CAAK;AAAA,MACjC;AAAA;AAEM,WAAA,KAAK,UAAUF,CAAI;AAAA,EAC3B;AACD;"}

package/dist/index271.js

@@ -1,214 +0,0 @@
-import { defineComponent as K, ref as h, computed as m, watch as N, openBlock as r, createElementBlock as c, normalizeClass as $, normalizeStyle as b, withModifiers as Q, createElementVNode as x, renderSlot as v, createTextVNode as D, toDisplayString as g, Fragment as U, renderList as X } from "vue";
-import { isNil as f } from "./index124.js";
-import { useVirtualizer as Z } from "./index281.js";
-import { isNotNil as ee } from "./index129.js";
-import { hash as H } from "./index234.js";
-const te = { class: "bb-listbox__outer-container" }, oe = {
-  key: 0,
-  class: "bb-listbox__loading"
-}, ne = {
-  key: 1,
-  class: "bb-listbox__no-data"
-}, le = ["aria-selected", "data-index"], ie = { class: "autocomplete-option__content" }, se = { class: "autocomplete-option__label" }, pe = /* @__PURE__ */ K({
-  __name: "ListBox",
-  props: {
-    options: {},
-    open: { type: Boolean },
-    loading: { type: Boolean },
-    transitionDuration: { default: 250 },
-    loadingText: { default: "Caricamento..." },
-    noDataText: { default: "Nessun elemento da visualizzare" }
-  },
-  emits: ["option:selected", "option:unselected"],
-  setup(T, { expose: V, emit: B }) {
-    const o = T, _ = B, s = h(null), C = (e) => "option_" + JSON.stringify(e).replace(/\W/g, "_"), i = m(
-      () => o.options.map((e) => ({ ...e, id: C(e.value) }))
-    ), p = Z({
-      get count() {
-        return o.options.length;
-      },
-      getScrollElement: () => s.value,
-      estimateSize: () => 42,
-      overscan: 5
-    }), L = (e) => {
-      e && p.value.measureElement(e);
-    }, O = m(() => p.value.getVirtualItems()), F = m(() => p.value.getTotalSize()), n = h(null), a = m(
-      () => o.open && o.options.some((e) => !e.disabled)
-    ), y = (e = 1) => {
-      const l = f(n.value) ? -1 : n.value;
-      let t = (l + e) % o.options.length;
-      for (; o.options[t].disabled && t !== l; )
-        t = y(e + 1);
-      return t;
-    }, M = () => {
-      if (!a.value) return;
-      const e = y();
-      n.value = e, u();
-    }, I = (e = 1) => {
-      const l = f(n.value) ? 0 : n.value;
-      let t = (l - e + o.options.length) % o.options.length;
-      for (; o.options[t].disabled && t !== l; )
-        t = I(e + 1);
-      return t;
-    }, A = async () => {
-      if (!a.value) return;
-      const e = I();
-      n.value = e, u();
-    }, P = () => {
-      if (!a.value) return;
-      let e = 0;
-      for (; o.options[e].disabled; )
-        e++;
-      n.value = e, u();
-    }, R = () => {
-      if (!a.value) return;
-      let e = o.options.length - 1;
-      for (; o.options[e].disabled && e !== 0; )
-        e--;
-      n.value = e, u();
-    }, q = () => {
-      if (!a.value) return;
-      let e = 0;
-      for (; o.options[e] && !o.options[e].selected && o.options.length !== e; )
-        e++;
-      n.value = e % o.options.length, u();
-    }, J = () => {
-      if (!a.value) return;
-      let e = o.options.length - 1;
-      for (; o.options[e].selected && e > 0; )
-        e--;
-      n.value = e === -1 ? o.options.length - 1 : e, u();
-    }, W = (e) => {
-      if (!a.value) return;
-      const l = o.options.findIndex(
-        (t) => t.valueHash === e
-      );
-      l >= 0 && (n.value = l), u();
-    }, S = () => {
-      n.value = null;
-    }, u = () => {
-      s.value && ee(n.value) && p.value.scrollToIndex(n.value, {
-        align: "center",
-        behavior: "smooth"
-      });
-    }, k = () => {
-      if (f(n.value) || !o.open) return;
-      const e = o.options[n.value];
-      e.selected ? _("option:unselected", e) : _("option:selected", e);
-    }, w = h(0), z = () => {
-      s.value && (w.value = s.value.scrollHeight);
-    }, Y = (e) => !e.disabled, j = (e) => {
-      if (e.preventDefault(), s.value && e.target && e.target instanceof HTMLElement) {
-        if (!s.value.querySelector('[role="listbox"]'))
-          throw new Error("Could not find listbox in DOM tree.");
-        let t = e.target, d = t.dataset.index;
-        for (; f(d) && t.parentElement; )
-          t = t.parentElement, d = t.dataset.index;
-        if (d) {
-          const E = o.options[+d];
-          E && Y(E) && (n.value = +d, k());
-        }
-      }
-    }, G = () => f(n.value) ? void 0 : o.options[n.value];
-    return N(
-      () => o.open,
-      () => {
-        z();
-      },
-      { flush: "post" }
-    ), N(
-      () => o.options,
-      (e, l) => {
-        H(e.map((t) => t.valueHash)) !== H(l.map((t) => t.valueHash)) && (p.value.calculateRange(), z(), S());
-      },
-      {
-        flush: "post"
-      }
-    ), V({
-      focusNext: M,
-      focusPrevious: A,
-      focusFirst: P,
-      focusFirstSelected: q,
-      focusLast: R,
-      focusLastSelected: J,
-      blur: S,
-      confirmOption: k,
-      focusByHash: W,
-      getHighlighted: G
-    }), (e, l) => (r(), c("div", {
-      class: $(["bb-listbox", {
-        "bb-listbox--open": e.open,
-        "bb-listbox--loading": e.loading,
-        "bb-listbox--no-data": !i.value.length
-      }]),
-      style: b({
-        "--transition-duration": `${e.transitionDuration}ms`,
-        "--overlay-min-height": `${w.value}px`
-      }),
-      onClick: Q(j, ["stop"])
-    }, [
-      x("div", te, [
-        x("div", {
-          ref_key: "inner",
-          ref: s,
-          class: "bb-listbox__inner-container"
-        }, [
-          v(e.$slots, "options:prepend"),
-          e.loading && !e.options.length ? (r(), c("div", oe, [
-            v(e.$slots, "loading", {}, () => [
-              D(g(e.loadingText), 1)
-            ])
-          ])) : e.options.length ? (r(), c("div", {
-            key: 2,
-            role: "listbox",
-            style: b({
-              height: `${F.value}px`
-            }),
-            tabindex: "-1"
-          }, [
-            (r(!0), c(U, null, X(O.value, (t, d) => (r(), c("div", {
-              key: i.value[t.index].value,
-              ref_for: !0,
-              ref: L,
-              "aria-selected": n.value === d ? !0 : void 0,
-              class: $({
-                "bb-listbox__option autocomplete-option": !0,
-                "autocomplete-option--focused": n.value === t.index,
-                "autocomplete-option--selected": i.value[t.index].selected,
-                "autocomplete-option--disabled": i.value[t.index].disabled
-              }),
-              "data-index": t.index,
-              role: "option",
-              style: b({
-                transform: `translateY(${t.start}px)`
-              })
-            }, [
-              x("span", ie, [
-                v(e.$slots, "option", {
-                  disabled: !!i.value[t.index].disabled,
-                  focused: n.value === t.index,
-                  index: t.index,
-                  item: i.value[t.index].item,
-                  selected: !!i.value[t.index].selected,
-                  text: i.value[t.index].text,
-                  value: i.value[t.index].value
-                }, () => [
-                  x("span", se, g(i.value[t.index].text), 1)
-                ])
-              ])
-            ], 14, le))), 128))
-          ], 4)) : (r(), c("div", ne, [
-            v(e.$slots, "no-data", {}, () => [
-              D(g(e.noDataText), 1)
-            ])
-          ])),
-          v(e.$slots, "options:append")
-        ], 512)
-      ])
-    ], 6));
-  }
-});
-export {
-  pe as default
-};
-//# sourceMappingURL=index271.js.map

package/dist/index271.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index271.js","sources":["../src/components/ListBox.vue"],"sourcesContent":["<template>\n\t<div\n\t\tclass=\"bb-listbox\"\n\t\t:class=\"{\n\t\t\t'bb-listbox--open': open,\n\t\t\t'bb-listbox--loading': loading,\n\t\t\t'bb-listbox--no-data': !mappedOptions.length,\n\t\t}\"\n\t\t:style=\"{\n\t\t\t'--transition-duration': `${transitionDuration}ms`,\n\t\t\t'--overlay-min-height': `${height}px`,\n\t\t}\"\n\t\t@click.stop=\"handleClick\"\n\t>\n\t\t<div class=\"bb-listbox__outer-container\">\n\t\t\t<div ref=\"inner\" class=\"bb-listbox__inner-container\">\n\t\t\t\t<slot name=\"options:prepend\"></slot>\n\t\t\t\t<div v-if=\"loading && !options.length\" class=\"bb-listbox__loading\">\n\t\t\t\t\t<slot :name=\"'loading'\">{{ loadingText }}</slot>\n\t\t\t\t</div>\n\t\t\t\t<div v-else-if=\"!options.length\" class=\"bb-listbox__no-data\">\n\t\t\t\t\t<slot :name=\"'no-data'\">{{ noDataText }}</slot>\n\t\t\t\t</div>\n\t\t\t\t<div\n\t\t\t\t\tv-else\n\t\t\t\t\trole=\"listbox\"\n\t\t\t\t\t:style=\"{\n\t\t\t\t\t\theight: `${totalSize}px`,\n\t\t\t\t\t}\"\n\t\t\t\t\ttabindex=\"-1\"\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tv-for=\"(row, index) in virtualRows\"\n\t\t\t\t\t\t:key=\"mappedOptions[row.index].value\"\n\t\t\t\t\t\t:ref=\"measureElement\"\n\t\t\t\t\t\t:aria-selected=\"focusedIndex === index ? true : undefined\"\n\t\t\t\t\t\t:class=\"{\n\t\t\t\t\t\t\t'bb-listbox__option autocomplete-option': true,\n\t\t\t\t\t\t\t'autocomplete-option--focused': focusedIndex === row.index,\n\t\t\t\t\t\t\t'autocomplete-option--selected':\n\t\t\t\t\t\t\t\tmappedOptions[row.index].selected,\n\t\t\t\t\t\t\t'autocomplete-option--disabled':\n\t\t\t\t\t\t\t\tmappedOptions[row.index].disabled,\n\t\t\t\t\t\t}\"\n\t\t\t\t\t\t:data-index=\"row.index\"\n\t\t\t\t\t\trole=\"option\"\n\t\t\t\t\t\t:style=\"{\n\t\t\t\t\t\t\ttransform: `translateY(${row.start}px)`,\n\t\t\t\t\t\t}\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"autocomplete-option__content\">\n\t\t\t\t\t\t\t<slot\n\t\t\t\t\t\t\t\t:disabled=\"!!mappedOptions[row.index].disabled\"\n\t\t\t\t\t\t\t\t:focused=\"focusedIndex === row.index\"\n\t\t\t\t\t\t\t\t:index=\"row.index\"\n\t\t\t\t\t\t\t\t:item=\"mappedOptions[row.index].item\"\n\t\t\t\t\t\t\t\tname=\"option\"\n\t\t\t\t\t\t\t\t:selected=\"!!mappedOptions[row.index].selected\"\n\t\t\t\t\t\t\t\t:text=\"mappedOptions[row.index].text\"\n\t\t\t\t\t\t\t\t:value=\"mappedOptions[row.index].value\"\n\t\t\t\t\t\t\t\t><span class=\"autocomplete-option__label\">{{\n\t\t\t\t\t\t\t\t\tmappedOptions[row.index].text\n\t\t\t\t\t\t\t\t}}</span></slot\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<slot name=\"options:append\"></slot>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</template>\n\n<script setup lang=\"ts\">\nimport { isNil } from '@/utilities/functions/isNil';\nimport { computed, ref, watch } from 'vue';\nimport { useVirtualizer } from '@tanstack/vue-virtual';\nimport { isNotNil } from '@/utilities/functions/isNotNil';\nimport type { Option } from '@/types/Option';\nimport { hash } from '@/utilities/functions/hash';\n\ntype Props = {\n\toptions: Option[];\n\topen?: boolean;\n\tloading?: boolean;\n\ttransitionDuration?: number;\n\tloadingText?: string;\n\tnoDataText?: string;\n};\n\nconst props = withDefaults(defineProps<Props>(), {\n\ttransitionDuration: 250,\n\tloadingText: 'Caricamento...',\n\tnoDataText: 'Nessun elemento da visualizzare',\n});\n\nconst emit = defineEmits<{\n\t(e: 'option:selected', option: Option): void;\n\t(e: 'option:unselected', option: Option): void;\n}>();\n\nconst inner = ref<HTMLElement | null>(null);\n\nconst makeStringID = (arg: any) =>\n\t'option_' + JSON.stringify(arg).replace(/\\W/g, '_');\n\nconst mappedOptions = computed(() =>\n\tprops.options.map((o) => {\n\t\treturn { ...o, id: makeStringID(o.value) };\n\t})\n);\n\nconst rowVirtualizer = useVirtualizer({\n\tget count() {\n\t\treturn props.options.length;\n\t},\n\tgetScrollElement: () => inner.value,\n\testimateSize: () => 42,\n\toverscan: 5,\n});\n\nconst measureElement = (el: HTMLElement) => {\n\tif (!el) {\n\t\treturn;\n\t}\n\trowVirtualizer.value.measureElement(el);\n\treturn undefined;\n};\n\nconst virtualRows = computed(() => rowVirtualizer.value.getVirtualItems());\nconst totalSize = computed(() => rowVirtualizer.value.getTotalSize());\n\n/**\n * START FOCUS HANDLING\n */\n\nconst focusedIndex = ref<null | number>(null);\n\nconst canFocus = computed(\n\t() => props.open && props.options.some((o) => !o.disabled)\n);\n\nconst findNextAvailableIndex = (offset = 1) => {\n\tconst initialValue = isNil(focusedIndex.value) ? -1 : focusedIndex.value!;\n\tlet newIndex = (initialValue + offset) % props.options.length;\n\twhile (props.options[newIndex].disabled && newIndex !== initialValue) {\n\t\tnewIndex = findNextAvailableIndex(offset + 1);\n\t}\n\treturn newIndex;\n};\n\nconst focusNext = () => {\n\tif (!canFocus.value) return;\n\tconst newIndex = findNextAvailableIndex();\n\tfocusedIndex.value = newIndex;\n\tscrollSelectedIntoView();\n};\nconst findPreviousAvailableIndex = (offset = 1) => {\n\tconst initialValue = isNil(focusedIndex.value) ? 0 : focusedIndex.value!;\n\tlet newIndex =\n\t\t(initialValue - offset + props.options.length) % props.options.length;\n\twhile (props.options[newIndex].disabled && newIndex !== initialValue) {\n\t\tnewIndex = findPreviousAvailableIndex(offset + 1);\n\t}\n\treturn newIndex;\n};\nconst focusPrevious = async () => {\n\tif (!canFocus.value) return;\n\tconst newIndex = findPreviousAvailableIndex();\n\tfocusedIndex.value = newIndex;\n\tscrollSelectedIntoView();\n};\n\nconst focusFirst = () => {\n\tif (!canFocus.value) return;\n\tlet newIndex = 0;\n\twhile (props.options[newIndex].disabled) {\n\t\tnewIndex++;\n\t}\n\tfocusedIndex.value = newIndex;\n\tscrollSelectedIntoView();\n};\n\nconst focusLast = () => {\n\tif (!canFocus.value) return;\n\tlet newIndex = props.options.length - 1;\n\twhile (props.options[newIndex].disabled && newIndex !== 0) {\n\t\tnewIndex--;\n\t}\n\tfocusedIndex.value = newIndex;\n\tscrollSelectedIntoView();\n};\nconst focusFirstSelected = () => {\n\tif (!canFocus.value) return;\n\tlet newIndex = 0;\n\twhile (\n\t\tprops.options[newIndex] &&\n\t\t!props.options[newIndex].selected &&\n\t\tprops.options.length !== newIndex\n\t) {\n\t\tnewIndex++;\n\t}\n\tfocusedIndex.value = newIndex % props.options.length;\n\tscrollSelectedIntoView();\n};\nconst focusLastSelected = () => {\n\tif (!canFocus.value) return;\n\tlet newIndex = props.options.length - 1;\n\twhile (props.options[newIndex].selected && newIndex > 0) {\n\t\tnewIndex--;\n\t}\n\tfocusedIndex.value = newIndex === -1 ? props.options.length - 1 : newIndex;\n\tscrollSelectedIntoView();\n};\n\nconst focusByHash = (hash: Option['valueHash']) => {\n\tif (!canFocus.value) return;\n\tconst linkedOptionIndex = props.options.findIndex(\n\t\t(o) => o.valueHash === hash\n\t);\n\tif (linkedOptionIndex >= 0) {\n\t\tfocusedIndex.value = linkedOptionIndex;\n\t}\n\tscrollSelectedIntoView();\n};\n\nconst blur = () => {\n\tfocusedIndex.value = null;\n};\n\nconst scrollSelectedIntoView = () => {\n\tif (inner.value && isNotNil(focusedIndex.value)) {\n\t\trowVirtualizer.value.scrollToIndex(focusedIndex.value, {\n\t\t\talign: 'center',\n\t\t\tbehavior: 'smooth',\n\t\t});\n\t}\n};\n\n/**\n * END FOCUS HANDLING\n */\n\nconst confirmOption = () => {\n\tif (isNil(focusedIndex.value) || !props.open) return;\n\tconst option = props.options[focusedIndex.value!];\n\tif (option.selected) {\n\t\temit('option:unselected', option);\n\t} else {\n\t\temit('option:selected', option);\n\t}\n};\n\nconst height = ref(0);\nconst getScrollHeight = () => {\n\tif (inner.value) {\n\t\theight.value = inner.value.scrollHeight;\n\t}\n};\n\nconst canBeSelected = (option: Option) => {\n\treturn !option.disabled;\n};\n\nconst handleClick = (event: MouseEvent) => {\n\tevent.preventDefault();\n\tif (inner.value && event.target && event.target instanceof HTMLElement) {\n\t\tconst listbox = inner.value.querySelector<HTMLElement>('[role=\"listbox\"]');\n\t\tif (!listbox) {\n\t\t\tthrow new Error('Could not find listbox in DOM tree.');\n\t\t}\n\t\tlet node: HTMLElement = event.target;\n\t\tlet index = node.dataset['index'];\n\t\twhile (isNil(index) && node.parentElement) {\n\t\t\tnode = node.parentElement;\n\t\t\tindex = node.dataset['index'];\n\t\t}\n\t\tif (index) {\n\t\t\tconst option = props.options[+index];\n\t\t\tif (option && canBeSelected(option)) {\n\t\t\t\tfocusedIndex.value = +index;\n\t\t\t\tconfirmOption();\n\t\t\t}\n\t\t}\n\t}\n};\n\nconst getHighlighted = () => {\n\tif (isNil(focusedIndex.value)) return;\n\tconst option = props.options[focusedIndex.value!];\n\treturn option;\n};\n\nwatch(\n\t() => props.open,\n\t() => {\n\t\tgetScrollHeight();\n\t},\n\t{ flush: 'post' }\n);\n\nwatch(\n\t() => props.options,\n\t(value, previous) => {\n\t\tif (\n\t\t\thash(value.map((o) => o.valueHash)) !==\n\t\t\thash(previous.map((o) => o.valueHash))\n\t\t) {\n\t\t\trowVirtualizer.value.calculateRange();\n\t\t\tgetScrollHeight();\n\t\t\tblur();\n\t\t}\n\t},\n\t{\n\t\tflush: 'post',\n\t}\n);\n\ndefineExpose({\n\tfocusNext,\n\tfocusPrevious,\n\tfocusFirst,\n\tfocusFirstSelected,\n\tfocusLast,\n\tfocusLastSelected,\n\tblur,\n\tconfirmOption,\n\tfocusByHash,\n\tgetHighlighted,\n});\n</script>\n\n<style lang=\"postcss\">\n@import '@/assets/css/ListBox';\n</style>\n"],"names":["props","__props","emit","__emit","inner","ref","makeStringID","arg","mappedOptions","computed","o","rowVirtualizer","useVirtualizer","measureElement","el","virtualRows","totalSize","focusedIndex","canFocus","findNextAvailableIndex","offset","initialValue","isNil","newIndex","focusNext","scrollSelectedIntoView","findPreviousAvailableIndex","focusPrevious","focusFirst","focusLast","focusFirstSelected","focusLastSelected","focusByHash","hash","linkedOptionIndex","blur","isNotNil","confirmOption","option","height","getScrollHeight","canBeSelected","handleClick","event","node","index","getHighlighted","watch","value","previous","__expose"],"mappings":"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"}