bitboss-ui 2.0.38 → 2.0.39

package/dist/index21.js

@@ -1,303 +1,221 @@
-import { defineComponent as ae, ref as o, computed as v, watch as oe, openBlock as w, createBlock as V, normalizeClass as B, withCtx as i, renderSlot as d, createVNode as E, withDirectives as ne, createElementVNode as r, mergeProps as I, unref as c, toDisplayString as F, Teleport as re, normalizeStyle as le, KeepAlive as ie, createCommentVNode as L } from "vue";
-import { useFloating as se } from "./index212.js";
-import n from "./index213.js";
-import ue from "./index214.js";
-import de from "./index215.js";
-import ce from "./index216.js";
-import pe from "./index217.js";
-import { identity as me } from "./index218.js";
-import { last as fe } from "./index219.js";
-import { useFocusTrap as be } from "./index201.js";
-import { useId as ve } from "./index8.js";
-import { useIntersectionObserver as ye } from "./index128.js";
-import { useMobile as ge } from "./index9.js";
-import { vMaska as ke } from "./index220.js";
-import { wait as he } from "./index127.js";
-import { waitFor as Me } from "./index202.js";
-import we from "./index19.js";
+import { defineComponent as $, ref as b, watch as x, openBlock as u, createElementBlock as k, createVNode as i, createElementVNode as r, unref as m, withCtx as n, createTextVNode as N, toDisplayString as Y, createBlock as g, createCommentVNode as w } from "vue";
+/* empty css       */
+/* empty css       */
+import p from "./index13.js";
 /* empty css        */
-import Ve from "./index221.js";
-/* empty css         */
-import Ce from "./index223.js";
-import Ye from "./index224.js";
-import { autoUpdate as Ae, flip as De, offset as Se, shift as _e, hide as $e } from "./index225.js";
-const Oe = ["id", "aria-describedby", "autocomplete", "autofocus", "data-maska", "disabled", "inputmode", "name", "placeholder", "readonly", "required", "value"], Be = ["disabled"], Ee = /* @__PURE__ */ r("svg", {
-  fill: "none",
-  viewBox: "0 0 16 16",
+import s from "./index216.js";
+import z from "./index219.js";
+import U from "./index220.js";
+import W from "./index218.js";
+import E from "./index229.js";
+import T from "./index230.js";
+import { hash as V } from "./index231.js";
+import { last as j } from "./index222.js";
+import { useLogger as H } from "./index228.js";
+import P from "./index232.js";
+import Z from "./index233.js";
+import q from "./index234.js";
+import h from "./index235.js";
+import F from "./index236.js";
+const G = { class: "bb-base-date-picker" }, I = { class: "bb-base-date-picker__body" }, J = { class: "bb-base-date-picker__controls" }, K = {
+  style: { transform: "rotate(180deg)" },
+  viewBox: "0 0 24 24",
+  width: "24px",
   xmlns: "http://www.w3.org/2000/svg"
-}, [
-  /* @__PURE__ */ r("path", {
-    d: "M12.6667 2.66667H3.33333C2.59695 2.66667 2 3.26363 2 4.00001V13.3333C2 14.0697 2.59695 14.6667 3.33333 14.6667H12.6667C13.403 14.6667 14 14.0697 14 13.3333V4.00001C14 3.26363 13.403 2.66667 12.6667 2.66667Z",
-    stroke: "currentColor",
-    "stroke-linecap": "round",
-    "stroke-linejoin": "round"
-  }),
-  /* @__PURE__ */ r("path", {
-    d: "M10.6667 1.33333V3.99999",
-    stroke: "currentColor",
-    "stroke-linecap": "round",
-    "stroke-linejoin": "round"
-  }),
-  /* @__PURE__ */ r("path", {
-    d: "M5.33333 1.33333V3.99999",
-    stroke: "currentColor",
-    "stroke-linecap": "round",
-    "stroke-linejoin": "round"
-  }),
-  /* @__PURE__ */ r("path", {
-    d: "M2 6.66667H14",
-    stroke: "currentColor",
-    "stroke-linecap": "round",
-    "stroke-linejoin": "round"
-  })
-], -1), Ie = { class: "sr-only" }, Fe = ["id"], rt = /* @__PURE__ */ ae({
-  __name: "BaseDatePickerInput",
+}, Q = { class: "bb-base-date-picker__content" }, ke = /* @__PURE__ */ $({
+  __name: "BaseDatePicker",
   props: {
-    allowWriting: { type: [Boolean, String], default: !0 },
-    "append:icon": {},
-    autocomplete: { default: "off" },
-    autofocus: {},
     disabled: { type: Boolean },
-    firstDayOfWeek: {},
-    hasErrors: { type: Boolean },
-    id: {},
-    loading: { type: Boolean },
+    header: { type: Boolean },
+    firstDayOfWeek: { default: 1 },
     max: {},
     min: {},
     modelValue: {},
-    name: {},
-    placeholder: {},
-    "prepend:icon": {},
+    multiple: { type: Boolean },
     range: { type: Boolean },
     readonly: { type: Boolean },
-    required: { type: Boolean },
-    selectable: {},
-    width: { default: 290 }
+    selectable: {}
   },
-  emits: ["active", "error", "focus", "inactive", "update:modelValue"],
-  setup(W, { emit: j }) {
-    n.extend(ue), n.extend(ce), n.extend(pe), n.locale(de);
-    const t = W, s = j, u = o(null), C = o(null), p = o(null), z = o(null), y = o(null), A = o(), g = t.id || `bdpi_${ve().id.value}`, { isMobile: D } = ge(), q = v(
-      () => t.allowWriting === "not-mobile" && D.value ? "none" : "numeric"
-    ), Y = o(!0);
-    ye(
-      p,
-      ([{ intersectionRatio: e }]) => {
-        e === 1 ? Y.value = !0 : (Y.value = !1, m.value && (O(), p.value && p.value.$el.querySelector(
-          ".bb-base-date-picker-input__calendar-btn"
-        ).focus(), M()));
-      },
-      { threshold: [0, 1] }
-    );
-    const G = v(() => ({
-      "bb-base-date-picker-input": !0,
-      "bb-base-date-picker-input--active": k.value,
-      "bb-base-date-picker-input--errors": t.hasErrors,
-      "bb-base-date-picker-input--loading": t.loading,
-      "bb-base-date-picker-input--readonly": t.readonly,
-      "bb-base-date-picker-input--disabled": t.disabled
-    })), P = {
-      onInput: (e) => {
-        if (!t.range && e.target instanceof HTMLInputElement)
-          if (y.value = e.target.value, /\d{2}\/\d{2}\/\d{4}/.test(e.target.value)) {
-            const a = n(e.target.value, "DD/MM/YYYY");
-            ee(a) ? (e.target.value = "", s("update:modelValue", null), s("error", "invalid_date_typed")) : s("update:modelValue", a.toISOString());
-          } else e.target.value === "" && s("update:modelValue", null);
-      }
-    }, k = o(!1), H = () => {
-      k.value || (s("active"), k.value = !0, document.addEventListener("focusin", h), document.addEventListener("click", h));
-    }, h = (e) => {
-      var a, l;
-      f.value || e.target instanceof HTMLElement && (a = C.value) != null && a.$el && !C.value.$el.contains(e.target) && !((l = u.value) != null && l.contains(e.target)) && (k.value = !1, s("inactive"), document.removeEventListener("focusin", h), document.removeEventListener("click", h));
-    }, S = (e) => {
+  emits: ["update:modelValue"],
+  setup(_, { expose: C, emit: B }) {
+    s.extend(T), s.extend(E), s.extend(z), s.extend(U), s.locale(W);
+    const M = B, l = _;
+    s.updateLocale("it", {
+      weekStart: l.firstDayOfWeek
+    });
+    const c = H();
+    l.multiple && l.range && c.throw("Date picker cannot be both multiple and range."), (l.multiple || l.range) && (Array.isArray(l.modelValue) || c.throw(
+      "Date picker is set to select multiple dates but modelValue is not an array."
+    ));
+    const t = b(s()), v = (e) => {
       if (e)
         if (Array.isArray(e)) {
-          let a, l;
-          return e.length && (a = e[0]), e.length > 1 && (l = fe(e)), [a, l].filter(me).map((te) => n(te).format("DD/MM/YYYY")).join(" - ");
+          if (e.length) {
+            if (e.map((d) => s(d).valueOf()).includes(t.value.valueOf()))
+              return;
+            t.value = s(j(e)).startOf("day");
+            return;
+          }
         } else
-          return n(e).format("DD/MM/YYYY");
-      return null;
-    }, T = v(() => y.value ? y.value : S(t.modelValue));
-    oe(
-      () => t.modelValue,
-      (e) => {
-        y.value = S(e);
+          t.value = s(e).startOf("day");
+      else
+        t.value = s().startOf("day");
+    };
+    v(l.modelValue);
+    const o = b("day"), y = (e) => {
+      o.value === e ? o.value = "day" : o.value = e;
+    }, O = (e) => {
+      t.value = t.value.set("month", e);
+    }, S = () => {
+      t.value = t.value.add(1, "month");
+    }, A = () => {
+      t.value = t.value.subtract(1, "month");
+    }, D = (e) => {
+      t.value = t.value.set("year", e);
+    }, f = b(l.modelValue), L = (e) => {
+      f.value = e, M("update:modelValue", e);
+    };
+    return x(
+      () => l.modelValue,
+      () => {
+        V(l.modelValue) !== V(f.value) && (f.value = l.modelValue, v(l.modelValue));
       }
-    );
-    const { floatingStyles: N, placement: U } = se(p, u, {
-      placement: "bottom",
-      whileElementsMounted: Ae,
-      middleware: [De(), Se(5), _e({ padding: 6 }), $e()]
-    }), K = v(() => {
-      const e = {
-        ...N.value
-      };
-      return u.value, e;
-    }), m = o(!1), R = async () => {
-      m.value = !0;
-    }, M = async () => {
-      var e;
-      m.value = !1, (e = A.value) == null || e.resetStatus();
-    }, _ = o(!1), $ = async () => {
-      f.value || (_.value = !0, await Me(() => !!u.value), await R(), Z());
-    }, f = o(!1), { activate: Z, deactivate: O } = be(u, {
-      onActivate: () => f.value = !0,
-      // On post activation focus on current date
-      onPostActivate: () => {
-        var e;
-        (e = u.value.querySelector(
-          ".bb-base-date-picker-date--current button"
-        )) == null || e.focus();
-      },
-      onPostDeactivate: async () => {
-        await he(200), f.value = !1;
-      },
-      /* On esc deactivate the trap, return focus and then close the modal */
-      escapeDeactivates: () => (b.value = !1, M(), !0),
-      clickOutsideDeactivates: () => (b.value = !1, M(), !0),
-      allowOutsideClick: !0,
-      preventScroll: !0
-    }), b = o(!t.allowWriting || t.range), J = async (e) => {
-      s("focus", e), b.value && $(), b.value = !t.allowWriting || t.allowWriting === "not-mobile" && D.value || t.range;
-    }, Q = (e) => t.range && Array.isArray(e) && e.length === 2 || !t.range && !!e, X = {
-      "onUpdate:modelValue": (e) => {
-        s("update:modelValue", e), Q(e) && (b.value = !1, O({
-          onPostDeactivate: () => {
-            f.value = !1, M();
-          }
-        }));
+    ), C({
+      resetStatus: () => {
+        o.value = "day";
       }
-    }, x = v(() => {
-      if (t.range) {
-        if (!t.modelValue || t.modelValue.length < 2)
-          return "Seleziona un range";
-        const e = n(t.modelValue[0]).format("D MMMM YYYY"), a = n(t.modelValue[1]).format("D MMMM YYYY");
-        if (t.range && t.modelValue.length === 2)
-          return `Cambia selezione, da ${e} a ${a}`;
-      } else if (typeof t.modelValue == "string")
-        return `Cambia selezione, ${n(t.modelValue).format("D MMMM YYYY")}`;
-      return "Seleziona una data";
-    }), ee = (e) => {
-      let a = !0;
-      return t.min && a && (a = e.isSameOrAfter(n(t.min).startOf("day"))), t.max && a && (a = e.isSameOrBefore(n(t.max).startOf("day"))), typeof t.selectable == "function" && a && (a = t.selectable(e.toDate())), !a;
-    };
-    return (e, a) => (w(), V(Ce, {
-      ref_key: "outerContainer",
-      ref: C,
-      class: B(G.value),
-      onFocusin: H
-    }, {
-      "prepend-outer": i(() => [
-        d(e.$slots, "prepend-outer")
-      ]),
-      "append-outer": i(() => [
-        d(e.$slots, "append-outer")
-      ]),
-      default: i(() => {
-        var l;
-        return [
-          E(Ve, {
-            ref_key: "innerContainer",
-            ref: p,
-            "append:icon": t["append:icon"],
-            "prepend:icon": t["prepend:icon"]
+    }), (e, a) => (u(), k("div", G, [
+      i(Z, {
+        cursor: t.value,
+        disabled: !!e.disabled,
+        hidden: !e.header
+      }, null, 8, ["cursor", "disabled", "hidden"]),
+      r("div", I, [
+        r("div", J, [
+          i(m(p), {
+            class: "bb-base-date-picker__control bb-base-date-picker__month-control",
+            onClick: a[0] || (a[0] = (d) => y("month"))
           }, {
-            prepend: i(() => [
-              d(e.$slots, "prepend")
+            default: n(() => [
+              N(Y(t.value.format("MMMM YYYY")) + " ", 1),
+              a[5] || (a[5] = r("span", { class: "sr-only" }, "Seleziona un mese", -1))
             ]),
-            prefix: i(() => [
-              d(e.$slots, "prefix")
-            ]),
-            append: i(() => [
-              d(e.$slots, "append")
+            _: 1
+          }),
+          i(m(p), {
+            class: "bb-base-date-picker__control bb-base-date-picker__year-control",
+            onClick: a[1] || (a[1] = (d) => y("year"))
+          }, {
+            default: n(() => a[6] || (a[6] = [
+              r("svg", {
+                fill: "none",
+                height: "6",
+                viewBox: "0 0 10 6",
+                width: "10",
+                xmlns: "http://www.w3.org/2000/svg"
+              }, [
+                r("path", {
+                  d: "M5.24124 5.81871L9.52771 1.39839C9.79517 1.12257 9.63305 0.595276 9.28077 0.595276H0.707839C0.355562 0.595276 0.193433 1.12257 0.460901 1.39839L4.74736 5.81871C4.88946 5.96524 5.09914 5.96524 5.24124 5.81871Z",
+                  fill: "currentColor"
+                })
+              ], -1),
+              r("span", { class: "sr-only" }, "Seleziona anno", -1)
+            ])),
+            _: 1
+          }),
+          i(m(p), {
+            class: "bb-base-date-picker__control",
+            disabled: e.disabled || o.value !== "day",
+            onClick: A
+          }, {
+            default: n(() => a[7] || (a[7] = [
+              r("svg", {
+                viewBox: "0 0 24 24",
+                width: "24px",
+                xmlns: "http://www.w3.org/2000/svg"
+              }, [
+                r("path", {
+                  d: "M13.939 4.939 6.879 12l7.06 7.061 2.122-2.122L11.121 12l4.94-4.939z",
+                  fill: "currentColor"
+                })
+              ], -1),
+              r("span", { class: "sr-only" }, "Vai indietro di un mese", -1)
+            ])),
+            _: 1
+          }, 8, ["disabled"]),
+          i(m(p), {
+            class: "bb-base-date-picker__control",
+            disabled: e.disabled || o.value !== "day",
+            onClick: S
+          }, {
+            default: n(() => [
+              (u(), k("svg", K, a[8] || (a[8] = [
+                r("path", {
+                  d: "M13.939 4.939 6.879 12l7.06 7.061 2.122-2.122L11.121 12l4.94-4.939z",
+                  fill: "currentColor"
+                }, null, -1)
+              ]))),
+              a[9] || (a[9] = r("span", { class: "sr-only" }, "Vai avanti di un mese", -1))
             ]),
-            suffix: i(() => [
-              d(e.$slots, "suffix")
+            _: 1
+          }, 8, ["disabled"])
+        ]),
+        r("div", Q, [
+          i(P, {
+            current: o.value === "day",
+            cursor: t.value,
+            disabled: !!e.disabled,
+            "first-day-of-week": e.firstDayOfWeek,
+            inert: o.value !== "day",
+            max: e.max,
+            min: e.min,
+            "model-value": e.modelValue,
+            multiple: e.multiple,
+            range: e.range,
+            readonly: e.readonly,
+            selectable: e.selectable,
+            "onUpdate:cursor": a[2] || (a[2] = (d) => t.value = d),
+            "onUpdate:modelValue": L
+          }, null, 8, ["current", "cursor", "disabled", "first-day-of-week", "inert", "max", "min", "model-value", "multiple", "range", "readonly", "selectable"]),
+          i(h, {
+            direction: "right",
+            duration: 500,
+            gap: 30
+          }, {
+            default: n(() => [
+              o.value === "month" ? (u(), g(q, {
+                key: 0,
+                cursor: t.value,
+                disabled: !!e.disabled,
+                "onUpdate:month": a[3] || (a[3] = (d) => {
+                  O(d), o.value = "day";
+                })
+              }, null, 8, ["cursor", "disabled"])) : w("", !0)
             ]),
-            default: i(() => [
-              ne(r("input", I({
-                id: c(g),
-                ref_key: "input",
-                ref: z,
-                "aria-describedby": `bdpi_description_${c(g)}`,
-                autocomplete: e.autocomplete,
-                autofocus: e.autofocus,
-                "data-maska": t.range ? "##/##/#### - ##/##/####" : "##/##/####",
-                disabled: e.disabled,
-                inputmode: q.value,
-                name: e.name,
-                placeholder: e.placeholder,
-                readonly: e.readonly || e.range || !e.allowWriting,
-                required: e.required
-              }, P, {
-                size: "1",
-                type: "text",
-                value: T.value,
-                onFocus: J
-              }), null, 16, Oe), [
-                [c(ke)]
-              ]),
-              r("button", {
-                class: "bb-base-date-picker-input__calendar-btn",
-                disabled: e.disabled || e.readonly || !Y.value,
-                type: "button",
-                onClick: $
-              }, [
-                Ee,
-                r("span", Ie, F(x.value), 1)
-              ], 8, Be),
-              r("span", {
-                id: `bdpi_description_${c(g)}`,
-                class: "bb-base-date-picker-input__accessible-description sr-only"
-              }, "Formato della data " + F(t.range ? "GG/MM/AAAA - GG/MM/AAAA" : "GG/MM/AAAA"), 9, Fe)
+            _: 1
+          }),
+          i(h, {
+            direction: "top",
+            duration: 500,
+            gap: 30
+          }, {
+            default: n(() => [
+              o.value === "year" ? (u(), g(F, {
+                key: 0,
+                cursor: t.value,
+                disabled: !!e.disabled,
+                "onUpdate:year": a[4] || (a[4] = (d) => {
+                  D(d), o.value = "day";
+                })
+              }, null, 8, ["cursor", "disabled"])) : w("", !0)
             ]),
-            _: 3
-          }, 8, ["append:icon", "prepend:icon"]),
-          _.value ? (w(), V(re, {
-            key: 0,
-            to: "body"
-          }, [
-            r("span", {
-              ref_key: "calendar",
-              ref: u,
-              class: B(["bb-base-date-picker-input__calendar", {
-                "bb-base-date-picker-input__calendar--shown": m.value
-              }]),
-              style: le(K.value)
-            }, [
-              E(Ye, {
-                direction: (l = c(U)) != null && l.includes("top") ? "bottom" : "top",
-                duration: 300
-              }, {
-                default: i(() => [
-                  (w(), V(ie, null, [
-                    m.value ? (w(), V(we, I({
-                      key: 0,
-                      id: c(g)
-                    }, X, {
-                      ref_key: "basedatepicker",
-                      ref: A,
-                      disabled: e.disabled,
-                      "first-day-of-week": e.firstDayOfWeek,
-                      max: e.max,
-                      min: e.min,
-                      "model-value": e.modelValue,
-                      range: e.range,
-                      readonly: e.readonly,
-                      selectable: e.selectable
-                    }), null, 16, ["id", "disabled", "first-day-of-week", "max", "min", "model-value", "range", "readonly", "selectable"])) : L("", !0)
-                  ], 1024))
-                ]),
-                _: 1
-              }, 8, ["direction"])
-            ], 6)
-          ])) : L("", !0)
-        ];
-      }),
-      _: 3
-    }, 8, ["class"]));
+            _: 1
+          })
+        ])
+      ])
+    ]));
   }
 });
 export {
-  rt as default
+  ke as default
 };

package/dist/index210.js

@@ -1,4 +1,86 @@
-const o = (e) => typeof e == "boolean" ? e : e === "true";
+import { defineComponent as b, openBlock as t, createElementBlock as n, normalizeClass as r, createElementVNode as l, renderSlot as s, createTextVNode as o, toDisplayString as d, createCommentVNode as h, Fragment as c, renderList as m } from "vue";
+const p = { class: "bb-cr-container__container" }, u = {
+  key: 0,
+  class: "bb-cr-container__loading-container"
+}, g = {
+  key: 1,
+  class: "bb-cr-container__no-data-container"
+}, f = /* @__PURE__ */ b({
+  __name: "OptionsContainer",
+  props: {
+    direction: {},
+    hasErrors: { type: Boolean },
+    hideLabel: { type: Boolean },
+    loadingText: {},
+    loading: { type: Boolean },
+    noDataText: {},
+    options: {}
+  },
+  setup(k) {
+    return (a, y) => (t(), n("span", {
+      ref: "container",
+      class: r(["bb-cr-container", {
+        "bb-cr-container--errors": a.hasErrors,
+        "bb-cr-container--horizontal": a.direction === "horizontal",
+        "bb-cr-container--vertical": a.direction === "vertical"
+      }])
+    }, [
+      l("span", p, [
+        s(a.$slots, "prepend"),
+        !a.options.length && a.loading ? (t(), n("span", u, [
+          s(a.$slots, "loading", {}, () => [
+            o(d(a.loadingText), 1)
+          ])
+        ])) : a.options.length ? h("", !0) : (t(), n("span", g, [
+          s(a.$slots, "no-data", {}, () => [
+            o(d(a.noDataText), 1)
+          ])
+        ])),
+        (t(!0), n(c, null, m(a.options, (e, i) => (t(), n(c, {
+          key: (e == null ? void 0 : e.valueHash) || i
+        }, [
+          s(a.$slots, "option:prepend", {
+            id: e.valueHash,
+            checked: !!e.selected,
+            disabled: !!e.disabled,
+            item: e.item,
+            text: e.text
+          }),
+          l("label", {
+            class: r(["bb-cr-container-option", { "bb-base-radio-selected": e.selected }])
+          }, [
+            s(a.$slots, "input", {
+              index: i,
+              option: e
+            }),
+            l("span", {
+              class: r({
+                "bb-cr-container-option__text": !0,
+                "sr-only": a.hideLabel
+              })
+            }, [
+              s(a.$slots, "label", {
+                checked: !!e.selected,
+                item: e.item,
+                text: e.text
+              }, () => [
+                o(d(e.text), 1)
+              ])
+            ], 2)
+          ], 2),
+          s(a.$slots, "option:append", {
+            id: e.valueHash,
+            checked: !!e.selected,
+            disabled: !!e.disabled,
+            item: e.item,
+            text: e.text
+          })
+        ], 64))), 128)),
+        s(a.$slots, "append")
+      ])
+    ], 2));
+  }
+});
 export {
-  o as booleanishToBoolean
+  f as default
 };