bitboss-ui 2.1.129 → 2.1.131

package/dist/index38.js

@@ -1,63 +1,492 @@
-//#region src/i18n/it.ts
-var e = {
-	common: {
-		closeLabel: "Chiudi",
-		loadingText: "Caricamento...",
-		noDataText: "Nessun elemento da visualizzare",
-		clearLabel: "Reset valore selezionato"
-	},
-	colorInput: {
-		dialogLabel: "Selettore colore",
-		openPicker: "Apri il selettore colore",
-		openPickerSelected: "Apri il selettore colore, colore corrente: {0}",
-		paletteLabel: "Seleziona un colore dalla tavolozza",
-		mainCanvasDesc: "Usa le frecce per selezionare un colore",
-		mainCanvasSelectedColor: "Colore selezionato: {0}",
-		hueCanvasDesc: "Usa le frecce per selezionare una tonalità",
-		hueCanvasSelectedHue: "Tonalità selezionata: {0}",
-		alphaSliderDesc: "Usa le frecce per regolare l'opacità",
-		eyeDropper: "Seleziona colore dallo schermo"
-	},
-	datePicker: {
-		monthLabel: "Seleziona un mese",
-		yearLabel: "Seleziona un anno",
-		previousMonthLabel: "Vai indietro di un mese",
-		nextMonthLabel: "Vai avanti di un mese"
-	},
-	baseDatePickerInput: {
-		dateFormat: "Formato della data",
-		dateFormatSingle: "GG/MM/AAAA",
-		dateFormatRange: "GG/MM/AAAA - GG/MM/AAAA",
-		emptyRange: "Seleziona un range",
-		changeSelectionRange: "Cambia selezione, da {0} a {1}",
-		changeSelection: "Cambia selezione, {0}",
-		emptySelection: "Seleziona una data"
-	},
-	dialog: { closeLabel: "Chiudi modale" },
-	dropdownButton: {
-		open: "Apri menu",
-		close: "Chiudi menu"
-	},
-	rating: {
-		singleStar: "{0} su {1}",
-		multipleStars: "{0} su {1}"
-	},
-	select: { multipleMaxReached: "{0} elementi selezionati" },
-	chip: { clearLabel: "Elimina" },
-	breadcrumbs: {
-		label: "Breadcrumb",
-		openHiddenLabelCount: "Mostra {0} breadcrumb nascoste"
-	},
-	pagination: {
-		previous: "Precedente",
-		next: "Successivo"
-	},
-	table: {
-		noDataText: "Non ci sono elementi da visualizzare",
-		selectAllLabel: "Seleziona tutti gli elementi di questa pagina",
-		selectText: "Seleziona un elemento",
-		select: "Seleziona"
-	}
+import { defineComponent as et, ref as v, computed as m, toRef as z, createBlock as K, openBlock as y, normalizeClass as ae, withCtx as n, createElementVNode as L, createVNode as F, createElementBlock as S, unref as B, renderSlot as s, createCommentVNode as k, withDirectives as tt, Fragment as le, toDisplayString as ot, withKeys as w, withModifiers as f, normalizeStyle as ne, vModelDynamic as at, normalizeProps as lt, guardReactiveProps as nt, mergeProps as ue, renderList as ut, nextTick as U } from "vue";
+import rt from "./index116.js";
+/* empty css         */
+import { hash as W } from "./index252.js";
+import { isEmpty as it } from "./index250.js";
+import { last as st } from "./index240.js";
+import { matchAnyKey as re } from "./index253.js";
+import { useArray as dt } from "./index254.js";
+import { useBaseOptions as pt } from "./index255.js";
+import { useCoherence as ct } from "./index256.js";
+import { useHashedWatcher as ie } from "./index257.js";
+import { useId as mt } from "./index8.js";
+import { useIndexById as se } from "./index258.js";
+import { useMounted as ft, useElementSize as vt, useIntersectionObserver as ht } from "./index148.js";
+import { useItemsGetter as yt } from "./index259.js";
+import { useLocale as gt } from "./index230.js";
+import { useMobile as bt } from "./index9.js";
+import { usePrefill as Bt } from "./index260.js";
+import { wait as T } from "./index147.js";
+import { when as wt } from "./index261.js";
+import Vt from "./index262.js";
+/* empty css         */
+import kt from "./index264.js";
+/* empty css         */
+import It from "./index142.js";
+/* empty css         */
+import St from "./index144.js";
+/* empty css         */
+import $t from "./index233.js";
+/* empty css         */
+import Ct from "./index266.js";
+import { useUntil as Dt } from "./index267.js";
+import { isNil as Ht } from "./index238.js";
+import { get as Ot } from "./index268.js";
+import { useLogger as Lt } from "./index251.js";
+const Ft = { class: "bb-base-select__input-container" }, Tt = {
+  key: 1,
+  class: "bb-base-select__max-reached"
+}, At = ["id", "aria-activedescendant", "aria-controls", "aria-describedby", "aria-expanded", "autocomplete", "autofocus", "disabled", "inputmode", "placeholder", "readonly", "required", "onKeydown"], yo = /* @__PURE__ */ et({
+  __name: "BaseSelect",
+  props: {
+    allowWriting: { type: [Boolean, String], default: !0 },
+    "append:icon": {},
+    ariaDescribedby: {},
+    autocomplete: { default: "off" },
+    autofocus: {},
+    clearable: { type: Boolean },
+    comma: { type: Boolean },
+    compact: { type: Boolean },
+    dependencies: { default: () => [] },
+    depsDebounceTime: { default: 0 },
+    disabled: { type: Boolean },
+    enforceCoherence: { type: Boolean },
+    filterBy: { type: [String, Array, Boolean, Function, null], default: () => [] },
+    groupBy: {},
+    headerHeight: {},
+    hasErrors: { type: Boolean },
+    id: {},
+    items: {},
+    itemHeight: {},
+    itemText: {},
+    itemValue: {},
+    loading: { type: Boolean },
+    loadingText: {},
+    max: { default: 1 / 0 },
+    maxSelectedLabels: { default: 1 / 0 },
+    modelValue: {},
+    modelValueDebounceTime: { default: 0 },
+    multiple: { type: Boolean },
+    name: {},
+    noDataText: {},
+    placeholder: {},
+    prefill: { type: [Boolean, String], default: "focus" },
+    "prepend:icon": {},
+    queryDebounceTime: { default: 500 },
+    readonly: { type: Boolean },
+    required: { type: Boolean },
+    showChevron: { type: Boolean, default: !0 },
+    stash: { type: Boolean },
+    selectedLabelsFn: {},
+    transitionDuration: { default: 300 },
+    updateOnAnimationFrame: { type: Boolean, default: !1 }
+  },
+  emits: ["blur", "change", "click", "focus", "inactive", "input", "update:modelValue", "option:add"],
+  setup(de, { emit: pe }) {
+    const t = de, u = pe, ce = Lt();
+    t.multiple && !Array.isArray(t.modelValue) && ce.throw(
+      'BaseSelect: multiple is set to "true" but modelValue is not an array.'
+    );
+    const { t: me } = gt(), fe = ft(), A = v(null), $ = v(null), r = v(null), G = v(null), R = v(null), d = m(
+      () => t.comma ? G.value : R.value
+    ), { width: ve } = vt($), { isMobile: he } = bt(), ye = m(
+      () => t.allowWriting === "not-mobile" && he.value ? "none" : void 0
+    ), j = t.id || mt().id.value, { resume: ge, pause: be } = ht(
+      $,
+      async ([{ intersectionRatio: e }]) => {
+        e !== 1 && l.value && await b();
+      },
+      { threshold: [0, 1], immediate: !1 }
+    ), Be = m(() => ({
+      width: `${ve.value ?? 0}px`
+    })), E = v(null), q = v(), h = () => {
+      E.value instanceof HTMLInputElement && E.value.focus();
+    }, we = async (e) => {
+      u("focus", e), Je(), document.addEventListener("click", C), document.addEventListener("focusin", C);
+    }, Ve = () => {
+      t.prefill === "focus" && !Me.value && !Y.value && Ne();
+    }, ke = async (e) => {
+      u("blur", e);
+    }, Ie = (e) => u("change", e), Se = (e) => {
+      u("input", e), o.value === "" && (t.multiple || u("update:modelValue", null)), d.value?.blur(), N.value && I(), Ae(o.value, !1, t.modelValue);
+    }, $e = (e) => {
+      q.value = e;
+    }, C = async (e) => {
+      if (e.target instanceof Node && A.value && !A.value.$el.contains(e.target) && !r.value?.$el?.contains(e.target)) {
+        b(), Qe(), document.removeEventListener("click", C), document.removeEventListener("focusin", C), await T(t.transitionDuration), g();
+        return;
+      }
+    }, V = m(() => !(t.readonly || t.disabled || H.value || !d.value && t.multiple && p.value.length <= t.maxSelectedLabels)), Ce = async () => {
+      V.value && (d.value?.blur(), l.value ? r.value?.focusPrevious() : (await I(), await T(t.transitionDuration), r.value?.focusLastSelected()));
+    }, De = async () => {
+      V.value && (d.value?.blur(), l.value ? r.value?.focusNext() : (await I(), await T(t.transitionDuration), r.value?.focusFirstSelected()));
+    }, He = (e) => {
+      if (!V.value || !t.multiple || o.value || (e.preventDefault(), r.value?.blur(), !p.value.length)) return;
+      d.value?.focusPrevious();
+      const a = d.value?.getHighlighted();
+      a && r.value?.focusByHash(a.valueHash);
+    }, Oe = (e) => {
+      if (!V.value || !t.multiple || o.value || (e.preventDefault(), r.value?.blur(), !p.value.length)) return;
+      d.value?.focusNext();
+      const a = d.value?.getHighlighted();
+      a && r.value?.focusByHash(a.valueHash);
+    }, Le = async () => {
+      if (!V.value)
+        return;
+      if (l.value) {
+        if (r.value?.getHighlighted()) {
+          r.value.confirmOption();
+          return;
+        }
+      } else {
+        await I(), await T(t.transitionDuration), p.value.length && r.value?.focusFirstSelected();
+        return;
+      }
+      const e = o.value.trim();
+      xe(e) || (u("option:add", e), o.value = "");
+    }, Fe = async () => {
+      l.value && await b();
+    }, Te = async () => {
+      !V.value || o.value || !p.value.length || (d.value?.getHighlighted() && d.value.confirmOption(), await U(), d.value?.focusPrevious());
+    }, o = v(""), {
+      getter: P,
+      debouncedGetter: Ae,
+      items: Ee,
+      loading: J
+    } = yt({
+      items: z(t, "items"),
+      debounce: t.queryDebounceTime
+    }), {
+      array: Q,
+      add: X,
+      remove: qe,
+      set: Pe
+    } = dt(), {
+      hasPrefilled: Y,
+      isPrefilling: Me,
+      prefill: Ne
+    } = Bt({
+      trigger: t.prefill === !0,
+      currentValue: t.modelValue,
+      multiple: t.multiple,
+      fn: async (e) => {
+        await P(o.value, e, t.modelValue), t.stash && X(...D.value.map((a) => a.item)), g();
+      }
+    }), { data: Z, get: xe } = se({
+      // Force model value to be an array
+      items: m(() => [].concat(t.modelValue))
+    }), { options: D } = pt({
+      disabled: z(t, "disabled"),
+      items: m(() => [...Ee.value, ...Q.value]),
+      itemText: t.itemText,
+      itemValue: t.itemValue,
+      max: t.max,
+      selectable: !0,
+      selectedIndexedByHash: Z
+    }), { data: _ } = se({
+      items: D,
+      key: "valueHash"
+    }), { coherent: ee, coherentValue: te } = ct({
+      modelValue: z(t, "modelValue"),
+      multiple: t.multiple,
+      iteratee: (e) => !!_.value[W(e)]
+    }), p = m(
+      () => [].concat(t.modelValue).map((e) => _.value[W(e)]).filter(Boolean)
+    ), H = m(() => !!(J.value || t.loading));
+    ie(
+      () => t.modelValue,
+      async () => {
+        ee.value || (await P(o.value, !0, t.modelValue), t.enforceCoherence && (u("update:modelValue", te.value), d.value?.blur(), r.value?.blur())), g();
+      },
+      { debounce: t.modelValueDebounceTime }
+    ), ie(
+      () => [t.dependencies, t.items],
+      async () => {
+        Y.value && (await P(o.value, !0, t.modelValue), t.enforceCoherence && !ee.value && (u("update:modelValue", te.value), d.value?.blur(), r.value?.blur()), g());
+      },
+      { debounce: t.depsDebounceTime }
+    );
+    const g = () => {
+      if (t.multiple) {
+        o.value = "";
+        return;
+      }
+      let e;
+      p.value && (e = st(p.value)), o.value = e?.text || "";
+    }, ze = m(() => p.value.length ? "" : t.placeholder), Ke = async (e) => {
+      t.multiple ? (u("update:modelValue", t.modelValue.concat(e.value)), t.stash && X(e.item), g()) : (t.stash && Pe(e.item), u("update:modelValue", e.value), await U(), g()), h(), t.multiple || b();
+    }, M = async (e) => {
+      if (qe((a) => a.valueHash !== e.valueHash), t.multiple) {
+        const a = { ...Z.value };
+        delete a[e.valueHash], u("update:modelValue", Object.values(a));
+      } else
+        u("update:modelValue", null), await U(), g();
+      h();
+    }, oe = m(() => {
+      const e = p.value.some(
+        (c) => c.text === o.value
+      );
+      if (!(t.multiple && o.value || t.filterBy === "not_stashed" && o.value || o.value && !e && !t.multiple) || !t.filterBy) return D.value;
+      const i = t.filterBy === "not_stashed" ? new Set(Q.value.map((c) => c.valueHash)) : null;
+      return D.value.filter((c) => {
+        let O = !1;
+        return typeof t.filterBy == "function" ? O = t.filterBy(c.value, c.item, o.value) : t.filterBy === "not_stashed" && o.value ? O = !i.has(c.valueHash) : Array.isArray(t.filterBy) && t.filterBy.length && (O = re(
+          c.item,
+          t.filterBy,
+          o.value.trim()
+        )), O || re(c, ["text"], o.value.trim());
+      });
+    }), Ue = Symbol("default"), We = (e) => Ht(t.groupBy) ? Ue : typeof t.groupBy == "function" ? t.groupBy(e.item) : Ot(e.item, t.groupBy), Ge = m(() => {
+      const e = {};
+      for (const a of oe.value) {
+        const i = We(a), c = W(i);
+        e[c] || (e[c] = {
+          id: c,
+          data: i ?? null,
+          options: []
+        }), e[c].options.push(a);
+      }
+      return Object.values(e).filter((a) => a.options.length);
+    }), l = v(!1), N = v(!0), Re = Dt(l), I = async () => {
+      ge(), N.value = !1, l.value = !0;
+    }, b = async () => {
+      l.value = !1, N.value = !0, q.value = void 0, d.value?.blur(), be();
+    }, je = () => l.value ? b() : I(), x = v(!1), Je = () => {
+      x.value = !0;
+    }, Qe = () => {
+      x.value = !1, u("inactive");
+    }, Xe = (e) => {
+      e.preventDefault(), u("click", e), !(t.disabled || t.readonly) && (h(), je());
+    }, Ye = wt(
+      (e) => typeof e != "string",
+      JSON.stringify
+    ), Ze = m(() => [].concat(t.modelValue).map((e) => {
+      const a = Ye(e);
+      return {
+        disabled: t.disabled,
+        name: t.name,
+        type: "hidden",
+        value: a
+      };
+    })), _e = () => {
+      let e = null;
+      t.multiple && (e = []), u("update:modelValue", e);
+    };
+    return (e, a) => (y(), K(St, {
+      ref_key: "outerContainer",
+      ref: A,
+      class: ae({
+        "bb-base-select": !0,
+        "bb-base-select--active": x.value,
+        "bb-base-select--shown": l.value,
+        "bb-base-select--loading": H.value,
+        "bb-base-select--disabled": e.disabled,
+        "bb-base-select--errors": e.hasErrors,
+        "bb-base-select--readonly": e.readonly,
+        "bb-base-select--compact": e.compact
+      }),
+      onClick: Xe
+    }, {
+      "prepend-outer": n(() => [
+        s(e.$slots, "prepend-outer", { query: o.value })
+      ]),
+      "append-outer": n(() => [
+        s(e.$slots, "append-outer", { query: o.value })
+      ]),
+      default: n(() => [
+        L("span", {
+          ref_key: "innerContainer",
+          ref: $,
+          class: "bb-base-select__inner-wrapper"
+        }, [
+          F(It, {
+            "append:icon": t["append:icon"],
+            clearable: e.clearable && !B(it)(e.modelValue),
+            "prepend:icon": t["prepend:icon"],
+            "prevent-focus": !0,
+            "onClick:clear": _e
+          }, {
+            prepend: n(() => [
+              s(e.$slots, "prepend", {
+                query: o.value,
+                focus: h
+              })
+            ]),
+            prefix: n(() => [
+              s(e.$slots, "prefix")
+            ]),
+            append: n(() => [
+              s(e.$slots, "append", {
+                query: o.value,
+                focus: h
+              })
+            ]),
+            suffix: n(() => [
+              s(e.$slots, "suffix")
+            ]),
+            default: n(() => [
+              F(rt, { tag: "span" }, {
+                default: n(() => [
+                  L("span", Ft, [
+                    e.multiple && p.value.length <= e.maxSelectedLabels ? (y(), S(le, { key: 0 }, [
+                      e.comma ? (y(), K(kt, {
+                        key: 0,
+                        ref_key: "commaBox",
+                        ref: G,
+                        options: p.value,
+                        "onOption:unselected": M
+                      }, null, 8, ["options"])) : (y(), K(Vt, {
+                        key: 1,
+                        ref_key: "chipsBox",
+                        ref: R,
+                        options: p.value,
+                        "onOption:unselected": M
+                      }, null, 8, ["options"]))
+                    ], 64)) : e.multiple ? (y(), S("span", Tt, ot(e.selectedLabelsFn ? e.selectedLabelsFn(p.value.length) : B(me)("select.multipleMaxReached", p.value.length)), 1)) : k("", !0),
+                    tt((y(), S("input", {
+                      id: B(j),
+                      key: `${B(fe)}`,
+                      ref_key: "input",
+                      ref: E,
+                      "onUpdate:modelValue": a[0] || (a[0] = (i) => o.value = i),
+                      "aria-activedescendant": l.value ? q.value : void 0,
+                      "aria-autocomplete": "list",
+                      "aria-controls": B(Re) ? `${B(j)}_listbox` : void 0,
+                      "aria-describedby": e.ariaDescribedby,
+                      "aria-expanded": l.value,
+                      autocomplete: e.autocomplete,
+                      autofocus: e.autofocus,
+                      class: ae("bb-base-select__text-input"),
+                      disabled: e.disabled,
+                      inputmode: ye.value,
+                      placeholder: ze.value,
+                      readonly: e.readonly || !e.allowWriting,
+                      required: e.required && (!e.multiple || !e.modelValue.length),
+                      role: "combobox",
+                      size: "1",
+                      style: ne({ "--characters": o.value.length }),
+                      type: "text",
+                      onBlur: f(ke, ["stop"]),
+                      onChange: f(Ie, ["stop"]),
+                      onFocusOnce: f(Ve, ["stop"]),
+                      onFocus: f(we, ["stop"]),
+                      onInput: f(Se, ["stop"]),
+                      onKeydown: [
+                        w(f(Te, ["stop"]), ["delete"]),
+                        w(f(He, ["stop"]), ["left"]),
+                        w(f(De, ["stop", "prevent"]), ["down"]),
+                        w(f(Le, ["stop", "prevent"]), ["enter"]),
+                        w(f(Fe, ["stop", "prevent"]), ["esc"]),
+                        w(f(Ce, ["stop", "prevent"]), ["up"]),
+                        w(f(Oe, ["stop"]), ["right"])
+                      ]
+                    }, null, 44, At)), [
+                      [at, o.value]
+                    ])
+                  ])
+                ]),
+                _: 1
+              }),
+              e.showChevron ? s(e.$slots, "chevron", {
+                key: 0,
+                loading: !!B(J),
+                shown: l.value
+              }, () => [
+                a[2] || (a[2] = L("svg", {
+                  class: "bb-base-select__chevron",
+                  viewBox: "0 0 24 24",
+                  xmlns: "http://www.w3.org/2000/svg"
+                }, [
+                  L("path", {
+                    d: "M7.41 8.58L12 13.17l4.59-4.59L18 10l-6 6l-6-6z",
+                    fill: "currentColor"
+                  })
+                ], -1))
+              ]) : k("", !0)
+            ]),
+            _: 3
+          }, 8, ["append:icon", "clearable", "prepend:icon"])
+        ], 512),
+        F($t, {
+          modelValue: l.value,
+          "onUpdate:modelValue": a[1] || (a[1] = (i) => l.value = i),
+          anchor: $.value,
+          offset: 4,
+          "transition-duration": e.transitionDuration
+        }, {
+          default: n(() => [
+            l.value ? s(e.$slots, "options:prepend:outer", {
+              key: 0,
+              focus: h
+            }) : k("", !0),
+            F(Ct, {
+              ref_key: "optionsContainer",
+              ref: r,
+              compact: e.compact,
+              loading: H.value,
+              "loading-text": e.loadingText,
+              multiple: e.multiple,
+              "no-data-text": e.noDataText,
+              open: l.value,
+              options: e.groupBy ? void 0 : oe.value,
+              groups: e.groupBy ? Ge.value : void 0,
+              "header-height": e.headerHeight,
+              style: ne(Be.value),
+              "option-height": e.itemHeight,
+              "onFocused:change": $e,
+              "onOption:selected": Ke,
+              "onOption:unselected": M
+            }, {
+              "options:prepend": n(() => [
+                l.value ? s(e.$slots, "options:prepend", {
+                  key: 0,
+                  focus: h,
+                  close: b
+                }) : k("", !0)
+              ]),
+              loading: n(() => [
+                s(e.$slots, "loading", { query: o.value })
+              ]),
+              "no-data": n(() => [
+                s(e.$slots, "no-data", {
+                  query: o.value,
+                  focus: h
+                })
+              ]),
+              "options:append": n(() => [
+                l.value ? s(e.$slots, "options:append", {
+                  key: 0,
+                  focus: h,
+                  close: b
+                }) : k("", !0)
+              ]),
+              option: n((i) => [
+                s(e.$slots, "option", ue({
+                  hasErrors: e.hasErrors,
+                  loading: H.value
+                }, i))
+              ]),
+              group: n((i) => [
+                s(e.$slots, "group", lt(nt(i)))
+              ]),
+              _: 3
+            }, 8, ["compact", "loading", "loading-text", "multiple", "no-data-text", "open", "options", "groups", "header-height", "style", "option-height"]),
+            l.value ? s(e.$slots, "options:append:outer", {
+              key: 1,
+              focus: h
+            }) : k("", !0)
+          ]),
+          _: 3
+        }, 8, ["modelValue", "anchor", "transition-duration"]),
+        (y(!0), S(le, null, ut(Ze.value, (i) => (y(), S("input", ue({
+          key: i.value,
+          ref_for: !0
+        }, i), null, 16))), 128))
+      ]),
+      _: 3
+    }, 8, ["class"]));
+  }
+});
+export {
+  yo as default
 };
-//#endregion
-export { e as default };

package/dist/index4.js

@@ -0,0 +1,35 @@
+import { reactive as o } from "vue";
+const e = o({
+  inertiaLinkName: "Link",
+  nuxtLinkName: "NuxtLink",
+  linkActiveClass: "router-link-active",
+  linkExactActiveClass: "router-link-exact-active",
+  mobileMaxWidth: 768,
+  documentationURL: "https://ui-components-docs.vercel.app/it",
+  locale: "it",
+  dialogDefaultSizes: {
+    sm: 384,
+    md: 652,
+    lg: 896
+  },
+  offCanvasDefaultSizes: {
+    sm: 384,
+    md: 652,
+    lg: 896
+  }
+}), l = (a) => {
+  Object.keys(a).forEach((s) => {
+    const i = s, t = a[i];
+    i === "dialogDefaultSizes" ? e.dialogDefaultSizes = {
+      ...e.dialogDefaultSizes,
+      ...t
+    } : i === "offCanvasDefaultSizes" ? e.offCanvasDefaultSizes = {
+      ...e.offCanvasDefaultSizes,
+      ...t
+    } : e[i] = t;
+  });
+}, f = () => ({ setConfig: l });
+export {
+  e as _config,
+  f as useBbConfig
+};