bitboss-ui 2.0.38 → 2.0.39

package/dist/index82.js

@@ -1,179 +1,129 @@
-import { defineComponent as A, computed as f, ref as c, onMounted as E, onBeforeUnmount as P, openBlock as h, createElementBlock as y, normalizeClass as C, createElementVNode as i, createVNode as k, unref as V, withCtx as S, renderSlot as v, Fragment as W, renderList as R, toDisplayString as M, nextTick as $ } from "vue";
-import { debounce as F } from "./index257.js";
-/* empty css       */
-/* empty css       */
-import w from "./index13.js";
+import { defineComponent as w, ref as u, computed as g, openBlock as $, createBlock as k, withCtx as r, renderSlot as a, normalizeProps as s, guardReactiveProps as l, createVNode as V, mergeProps as P } from "vue";
+import q from "./index27.js";
 /* empty css        */
-const T = { "aria-label": "Navigazione" }, D = /* @__PURE__ */ i("span", { class: "bb-pagination__page-label sr-only" }, "Precedente", -1), G = /* @__PURE__ */ i("svg", {
-  class: "bb-pagination__page-chevron",
-  viewBox: "0 0 24 24",
-  xmlns: "http://www.w3.org/2000/svg"
-}, [
-  /* @__PURE__ */ i("path", {
-    d: "M7.41 8.58L12 13.17l4.59-4.59L18 10l-6 6l-6-6z",
-    fill: "currentColor"
-  })
-], -1), I = { class: "bb-pagination__page-label" }, O = { class: "bb-pagination__page-label" }, j = /* @__PURE__ */ i("span", { class: "bb-pagination__page-label sr-only" }, "Successivo", -1), q = /* @__PURE__ */ i("svg", {
-  class: "bb-pagination__page-chevron",
-  viewBox: "0 0 24 24",
-  xmlns: "http://www.w3.org/2000/svg"
-}, [
-  /* @__PURE__ */ i("path", {
-    d: "M7.41 8.58L12 13.17l4.59-4.59L18 10l-6 6l-6-6z",
-    fill: "currentColor"
-  })
-], -1), Y = /* @__PURE__ */ A({
-  __name: "BbPagination",
+import C from "./index29.js";
+/* empty css        */
+const F = /* @__PURE__ */ w({
+  __name: "BbNumberInput",
   props: {
+    "append:icon": {},
+    autocomplete: {},
+    autofocus: {},
+    direction: {},
     disabled: { type: Boolean },
+    errors: {},
+    hasErrors: { type: Boolean },
+    hideLabel: { type: Boolean },
+    hint: {},
+    id: {},
+    label: {},
+    labelPosition: {},
     loading: { type: Boolean },
-    align: { default: "right" },
-    ellipsis: { default: "..." },
-    maxSize: { default: 6 },
-    modelValue: { default: 1 },
-    totalPages: { default: 1 }
+    max: {},
+    min: {},
+    modelValue: {},
+    name: {},
+    persistentHint: { type: Boolean },
+    placeholder: {},
+    "prepend:icon": {},
+    readonly: {},
+    required: { type: Boolean },
+    reverse: { type: Boolean },
+    step: {}
   },
-  emits: ["update:modelValue"],
-  setup(x, { emit: B }) {
-    const a = x, b = B, s = f(() => +a.totalPages), u = c(1), n = c(+a.maxSize), r = c(), d = c(), z = c(1 / 0), m = () => {
-      r.value && d.value && (r.value.clientWidth < d.value.clientWidth ? n.value - 1 > 3 ? (n.value--, $(m)) : n.value = 3 : n.value < +a.maxSize && /* If there is enough space to fit one */
-      r.value.clientWidth - d.value.clientWidth > z.value && (n.value = Math.min(n.value + 1, +a.maxSize), $(m)));
+  emits: ["blur", "change", "click", "decrease", "focus", "increase", "input", "keydown", "mousedown", "mouseup", "update:modelValue"],
+  setup(m, { expose: c, emit: b }) {
+    const i = m, o = b, d = u(), p = u(!1), h = g(() => i.persistentHint || p.value), f = {
+      onBlur: (e) => {
+        p.value = !1, o("blur", e);
+      },
+      onChange: (e) => o("change", e),
+      onClick: (e) => o("click", e),
+      onDecrease: (e) => o("decrease", e),
+      onFocus: (e) => {
+        p.value = !0, o("focus", e);
+      },
+      onIncrease: (e) => o("increase", e),
+      onInput: (e) => o("input", e),
+      onKeydown: (e) => o("keydown", e),
+      onMousedown: (e) => o("mousedown", e),
+      onMouseup: (e) => o("mouseup", e),
+      "onUpdate:modelValue": (e) => o("update:modelValue", e)
     };
-    if (globalThis.ResizeObserver) {
-      const e = new ResizeObserver(F(m, 200));
-      E(() => {
-        if (r.value && d.value) {
-          const t = r.value.querySelectorAll(
-            ".bb-pagination__page"
-          )[1];
-          if (t) {
-            const p = getComputedStyle(d.value).columnGap.replaceAll(/\D/g, ""), o = Number(p);
-            z.value = t.clientWidth + o;
-          }
-          e.observe(r.value);
-        }
-      }), P(() => {
-        e.disconnect();
-      });
-    }
-    const N = f(() => {
-      if (s.value <= 0 || isNaN(s.value) || s.value > Number.MAX_SAFE_INTEGER)
-        return [];
-      if (n.value <= 1) return [a.modelValue];
-      if (s.value <= n.value)
-        return g(s.value, u.value);
-      const e = n.value % 2 === 0, t = e ? n.value / 2 : Math.floor(n.value / 2), l = e ? t : t + 1, p = s.value - t;
-      if (l - a.modelValue >= 0)
-        return [
-          ...g(Math.max(1, n.value - 1), u.value),
-          a.ellipsis,
-          s.value
-        ];
-      if (a.modelValue - p >= (e ? 1 : 0)) {
-        const o = n.value - 1, _ = s.value - o + u.value;
-        return [
-          u.value,
-          a.ellipsis,
-          ...g(o, _)
-        ];
-      } else {
-        const o = Math.max(1, n.value - 3), _ = o === 1 ? a.modelValue : a.modelValue - Math.ceil(o / 2) + u.value;
-        return [
-          u.value,
-          a.ellipsis,
-          ...g(o, _),
-          a.ellipsis,
-          s.value
-        ];
+    return c({
+      increase: () => {
+        var e;
+        (e = d.value) == null || e.increase();
+      },
+      decrease: () => {
+        var e;
+        (e = d.value) == null || e.decrease();
       }
-    }), L = f(() => N.value.map((e, t) => typeof e == "string" ? {
-      active: !1,
-      key: `ellipsis-${t}`,
-      page: e,
-      ellipsis: !0,
-      disabled: !0
-    } : {
-      active: e === a.modelValue,
-      key: e,
-      page: e,
-      ellipsis: !1,
-      disabled: !!a.disabled || +a.totalPages < 2 || a.loading
-    })), g = (e, t = 0) => Array.from({ length: e }, (l, p) => t + p);
-    return (e, t) => (h(), y("div", {
-      ref_key: "outercontainer",
-      ref: r,
-      class: C(["bb-pagination", {
-        [`bb-pagination--${e.align}`]: !0,
-        "bb-pagination--disabled": e.disabled
-      }])
-    }, [
-      i("nav", T, [
-        i("ul", {
-          ref_key: "innercontainer",
+    }), (e, L) => ($(), k(q, {
+      id: e.id,
+      class: "bb-number-input",
+      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": h.value
+    }, {
+      label: r((t) => [
+        a(e.$slots, "label", s(l(t)))
+      ]),
+      input: r(({ id: t, name: v, hasErrors: y, ariaDescribedby: B }) => [
+        V(C, P({
+          id: t,
+          ref_key: "bni",
           ref: d,
-          class: "bb-pagination__pages"
-        }, [
-          i("li", null, [
-            k(V(w), {
-              class: "bb-pagination__page bb-pagination__page--previous",
-              disabled: a.modelValue <= 1 || e.loading || e.disabled,
-              onClick: t[0] || (t[0] = (l) => b("update:modelValue", a.modelValue - 1))
-            }, {
-              default: S(() => [
-                v(e.$slots, "previous", {}, () => [
-                  D,
-                  G
-                ])
-              ]),
-              _: 3
-            }, 8, ["disabled"])
+          "append:icon": i["append:icon"],
+          "aria-describedby": B,
+          autocomplete: e.autocomplete,
+          autofocus: e.autofocus,
+          disabled: e.disabled,
+          "has-errors": y,
+          loading: e.loading,
+          max: e.max,
+          min: e.min,
+          "model-value": e.modelValue,
+          name: v,
+          placeholder: e.placeholder,
+          "prepend:icon": i["prepend:icon"],
+          readonly: e.readonly,
+          required: e.required,
+          step: e.step
+        }, f), {
+          "append-outer": r((n) => [
+            a(e.$slots, "append-outer", s(l(n)))
+          ]),
+          append: r((n) => [
+            a(e.$slots, "append", s(l(n)))
+          ]),
+          prefix: r((n) => [
+            a(e.$slots, "prefix", s(l(n)))
+          ]),
+          prepend: r((n) => [
+            a(e.$slots, "prepend", s(l(n)))
+          ]),
+          suffix: r((n) => [
+            a(e.$slots, "suffix", s(l(n)))
+          ]),
+          "prepend-outer": r((n) => [
+            a(e.$slots, "prepend-outer", s(l(n)))
           ]),
-          (h(!0), y(W, null, R(L.value, (l) => (h(), y("li", {
-            key: l.key
-          }, [
-            k(V(w), {
-              class: C(["bb-pagination__page", {
-                "bb-pagination__page--active": l.active,
-                "bb-pagination__page--ellipsis": l.ellipsis
-              }]),
-              disabled: l.disabled,
-              onClick: (p) => b("update:modelValue", l.key)
-            }, {
-              default: S(() => [
-                l.ellipsis === !0 ? v(e.$slots, "ellipsis", { key: 0 }, () => [
-                  i("span", I, M(a.ellipsis), 1)
-                ]) : v(e.$slots, "item", {
-                  key: 1,
-                  active: l.active,
-                  disabled: l.disabled,
-                  item: l.key
-                }, () => [
-                  i("span", O, M(l.key), 1)
-                ])
-              ]),
-              _: 2
-            }, 1032, ["class", "disabled", "onClick"])
-          ]))), 128)),
-          i("li", null, [
-            k(V(w), {
-              class: "bb-pagination__page bb-pagination__page--next",
-              disabled: a.modelValue >= +s.value || e.loading || e.disabled,
-              onClick: t[1] || (t[1] = (l) => b("update:modelValue", a.modelValue + 1))
-            }, {
-              default: S(() => [
-                v(e.$slots, "next", {}, () => [
-                  j,
-                  q
-                ])
-              ]),
-              _: 3
-            }, 8, ["disabled"])
-          ])
-        ], 512)
-      ])
-    ], 2));
+          _: 2
+        }, 1040, ["id", "append:icon", "aria-describedby", "autocomplete", "autofocus", "disabled", "has-errors", "loading", "max", "min", "model-value", "name", "placeholder", "prepend:icon", "readonly", "required", "step"])
+      ]),
+      _: 3
+    }, 8, ["id", "direction", "errors", "has-errors", "hide-label", "hint", "label", "label-position", "model-value", "name", "reverse", "show-hint"]));
   }
 });
 export {
-  Y as default
+  F as default
 };