bitboss-ui 2.1.128 → 2.1.130

package/dist/index68.js

@@ -1,6 +1,43 @@
-import e from "./index66.js";
-/* empty css        */
-//#region src/components/ClearableButton/ClearableButton.vue
-var t = e;
-//#endregion
-export { t as default };
+import { defineComponent as i, createElementBlock as o, openBlock as a, createElementVNode as t, createCommentVNode as p, renderSlot as b, createTextVNode as m, toDisplayString as u, withModifiers as d, unref as _ } from "vue";
+import { useLocale as f } from "./index235.js";
+const h = { class: "bb-chip" }, L = { class: "bb-chip__content" }, k = ["aria-label"], B = /* @__PURE__ */ i({
+  __name: "BbChip",
+  props: {
+    text: {},
+    clearable: { type: Boolean, default: !0 },
+    clearableLabel: {}
+  },
+  emits: ["click:clear"],
+  setup(w, { emit: r }) {
+    const n = r, { t: s } = f(), c = (e) => {
+      n("click:clear", e);
+    };
+    return (e, l) => (a(), o("span", h, [
+      t("span", L, [
+        b(e.$slots, "default", {}, () => [
+          m(u(e.text), 1)
+        ])
+      ]),
+      e.clearable ? (a(), o("button", {
+        key: 0,
+        "aria-label": e.clearableLabel || _(s)("chip.clearLabel").value,
+        class: "bb-chip__clear-button",
+        type: "button",
+        onClick: d(c, ["stop", "prevent"])
+      }, l[0] || (l[0] = [
+        t("svg", {
+          viewBox: "0 0 24 24",
+          xmlns: "http://www.w3.org/2000/svg"
+        }, [
+          t("path", {
+            d: "M6.4 19L5 17.6l5.6-5.6L5 6.4L6.4 5l5.6 5.6L17.6 5L19 6.4L13.4 12l5.6 5.6l-1.4 1.4l-5.6-5.6z",
+            fill: "currentColor"
+          })
+        ], -1)
+      ]), 8, k)) : p("", !0)
+    ]));
+  }
+});
+export {
+  B as default
+};

package/dist/index7.js

@@ -1,58 +1,64 @@
-import { ref as e } from "vue";
-//#region src/composables/useConfirm.ts
-var t = [], n = {
-	current: null,
-	processing: !1,
-	yesBusy: !1,
-	noBusy: !1,
-	loading: !1
-}, r = e({ ...n }), i = r, a = 300, o, s, c = () => {
-	clearTimeout(s), clearTimeout(o), r.value = { ...n };
-}, l = () => {
-	let e = t.shift();
-	e && (c(), r.value.current = e, r.value.processing = !0, e.timeout && (r.value.current.autoClose = !0, o = setTimeout(() => {
-		f(!1);
-	}, e.timeout)));
-}, u = () => {
-	clearTimeout(o), r.value.yesBusy = !1, r.value.noBusy = !1, r.value.processing = !1, clearTimeout(s), s = setTimeout(c, a);
-}, d = (e, t) => {
-	e === "yes" ? r.value.yesBusy = t : r.value.noBusy = t;
-}, f = async (e, n = !1) => {
-	let { current: i } = r.value;
-	if (!i) return;
-	clearTimeout(o);
-	let a = e;
-	try {
-		if (e && i.onYes) {
-			d("yes", !0);
-			let t = await i.onYes();
-			a = i.returning ? t : e;
-		} else if (!e && i.onNo && (n || i.dismissAsNo)) {
-			d("no", !0);
-			let t = await i.onNo();
-			a = i.returning ? t : e;
-		}
-		i.resolve(a), t.length ? l() : i.autoClose && u();
-	} catch (e) {
-		i.reject(e), u();
-	} finally {
-		d("yes", !1), d("no", !1);
-	}
-}, p = (e) => new Promise((n, r) => {
-	t.push({
-		yesText: "OK",
-		noText: "Annulla",
-		dismissAsNo: !0,
-		...e,
-		resolve: n,
-		reject: r
-	}), l();
-}), m = (e) => {
-	r.value.loading = e;
-}, h = () => ({
-	confirm: p,
-	close: u,
-	setLoading: m
-});
-//#endregion
-export { i as confirmState, f as processMessage, h as useConfirm };
+import { getAsPercentage as p } from "./index146.js";
+import { wait as w } from "./index147.js";
+import { ref as c, computed as o, onBeforeUnmount as H } from "vue";
+const Y = ({
+  duration: t,
+  onStart: f,
+  onFinish: i,
+  onStop: s
+}) => {
+  if (!t)
+    throw new Error("You must define a duration for the coundown");
+  const e = c(t), u = c(0), M = o(() => p(u.value, t)), m = 100, r = c(!1), n = c(!1);
+  let a;
+  const I = () => {
+    u.value === t || r.value && !n.value || (f && f(), n.value = !1, r.value = !0, a = setInterval(() => {
+      e.value = Math.max(e.value - m, 0), u.value = Math.min(u.value + m, t), e.value === 0 && w(0).then(() => {
+        clearInterval(a), r.value = !1, s && s(), i && i();
+      });
+    }, m));
+  }, d = () => {
+    A(), I();
+  }, A = () => {
+    a && clearInterval(a), n.value || s && s(), e.value = t, u.value = 0, r.value = !1, n.value = !1;
+  }, g = () => {
+    a && clearInterval(a), n.value || s && s(), n.value = !0;
+  }, y = o(() => {
+    const l = Math.trunc(e.value / 864e5), v = Math.trunc((e.value - l * 864e5) / 36e5), h = Math.trunc(
+      (e.value - v * 36e5 - l * 864e5) / 6e4
+    ), D = Math.trunc(
+      (e.value - h * 6e4 - v * 36e5 - l * 864e5) / 1e3
+    );
+    return {
+      days: l,
+      hours: v,
+      minutes: h,
+      seconds: D
+    };
+  });
+  return H(() => clearInterval(a)), {
+    /** Elapsed milliseconds since starting the timer */
+    elapsed: o(() => u.value),
+    /** Remaining milliseconds */
+    remaining: o(() => e.value),
+    /** Remaining as a formatted object for display */
+    remainingFormatted: y,
+    /** Percentage of elapsed time against duration */
+    progress: M,
+    /** Starts the timer */
+    start: I,
+    /** Reset the timer to intiial state and starts again */
+    restart: d,
+    /** Pauses the timer */
+    pause: g,
+    /** Reset the timer to initial state, if the timer is running it is stopped */
+    reset: A,
+    /** Boolean, is the timer running (paused doesn't change running state) */
+    running: r,
+    /** Boolean is the timer paused */
+    paused: n
+  };
+};
+export {
+  Y as useCountdown
+};

package/dist/index70.js

@@ -0,0 +1,46 @@
+import { defineComponent as p, ref as o, watch as d, computed as m, createBlock as n, openBlock as s, resolveDynamicComponent as r, normalizeProps as b, guardReactiveProps as f, withCtx as u, normalizeStyle as v, renderSlot as y, createCommentVNode as g } from "vue";
+const B = /* @__PURE__ */ p({
+  __name: "BbCollapsible",
+  props: {
+    eager: { type: Boolean },
+    transitionDuration: { default: 250 },
+    modelValue: { type: Boolean },
+    tag: { default: "div" }
+  },
+  setup(i) {
+    const l = i, c = o(l.modelValue), t = o(c.value);
+    d(
+      () => l.modelValue,
+      (e) => {
+        e && !t.value && (t.value = !0);
+      }
+    );
+    const a = m(() => ({
+      class: {
+        "bb-collapsible": !0,
+        "bb-collapsible--open": l.modelValue,
+        "bb-collapsible--closed": !l.modelValue
+      },
+      style: {
+        transitionDuration: l.transitionDuration + "ms"
+      }
+    }));
+    return (e, V) => (s(), n(r(e.tag), b(f(a.value)), {
+      default: u(() => [
+        (s(), n(r(e.tag), {
+          class: "bb-collapsible__content",
+          style: v(a.value.style)
+        }, {
+          default: u(() => [
+            e.eager || t.value ? y(e.$slots, "default", { key: 0 }) : g("", !0)
+          ]),
+          _: 3
+        }, 8, ["style"]))
+      ]),
+      _: 3
+    }, 16));
+  }
+});
+export {
+  B as default
+};

package/dist/index72.js

@@ -1,14 +1,121 @@
-import { createElementBlock as e, defineComponent as t, openBlock as n, renderSlot as r } from "vue";
-//#region src/components/CommonInputOuterContainer/CommonInputOuterContainer.vue?vue&type=script&setup=true&lang.ts
-var i = { class: "bb-common-input-outer-container" }, a = /* @__PURE__ */ t({
-	__name: "CommonInputOuterContainer",
-	setup(t) {
-		return (t, a) => (n(), e("span", i, [
-			r(t.$slots, "prepend-outer"),
-			r(t.$slots, "default"),
-			r(t.$slots, "append-outer")
-		]));
-	}
+import { defineComponent as c, ref as h, computed as b, createBlock as f, openBlock as y, withCtx as a, createVNode as B, mergeProps as v, renderSlot as l, normalizeProps as w, guardReactiveProps as k } from "vue";
+import g from "./index28.js";
+/* empty css        */
+import $ from "./index16.js";
+/* empty css        */
+const E = /* @__PURE__ */ c({
+  __name: "BbColorInput",
+  props: {
+    alpha: { type: Boolean },
+    "append:icon": {},
+    autocomplete: {},
+    autofocus: {},
+    clearable: { type: Boolean },
+    compact: { type: Boolean },
+    direction: {},
+    disabled: { type: Boolean },
+    errors: {},
+    hasErrors: { type: Boolean },
+    hideLabel: { type: Boolean },
+    hint: {},
+    id: {},
+    label: {},
+    labelPosition: {},
+    loading: { type: Boolean },
+    modelValue: {},
+    name: {},
+    persistentHint: { type: Boolean },
+    placeholder: {},
+    "prepend:icon": {},
+    readonly: { type: Boolean },
+    required: { type: Boolean },
+    reverse: { type: Boolean },
+    picker: { type: Boolean },
+    swatches: { type: [Boolean, Array] }
+  },
+  emits: ["blur", "change", "click", "focus", "input", "keydown", "mousedown", "mouseup", "update:modelValue"],
+  setup(s, { emit: i }) {
+    const r = s, o = i, n = h(!1), d = b(() => r.persistentHint || n.value), t = {
+      onBlur: (e) => {
+        n.value = !1, o("blur", e);
+      },
+      onChange: (e) => o("change", e),
+      onClick: (e) => o("click", e),
+      onFocus: (e) => {
+        n.value = !0, o("focus", 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)
+    };
+    return (e, V) => (y(), f(g, {
+      id: e.id,
+      class: "bb-color-input",
+      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": d.value
+    }, {
+      label: a((p) => [
+        l(e.$slots, "label", w(k(p)))
+      ]),
+      input: a(({ id: p, hasErrors: u, ariaDescribedby: m }) => [
+        B($, v({
+          id: p,
+          alpha: e.alpha,
+          "append:icon": r["append:icon"],
+          "aria-describedby": m,
+          autocomplete: e.autocomplete,
+          autofocus: e.autofocus,
+          clearable: e.clearable,
+          compact: e.compact,
+          disabled: e.disabled,
+          "has-errors": u,
+          loading: e.loading,
+          "model-value": e.modelValue,
+          name: e.name,
+          picker: e.picker,
+          placeholder: e.placeholder,
+          "prepend:icon": r["prepend:icon"],
+          readonly: e.readonly,
+          required: e.required,
+          swatches: e.swatches
+        }, t), {
+          "append-outer": a(() => [
+            l(e.$slots, "append-outer")
+          ]),
+          append: a(() => [
+            l(e.$slots, "append")
+          ]),
+          prefix: a(() => [
+            l(e.$slots, "prefix")
+          ]),
+          suffix: a(() => [
+            l(e.$slots, "suffix")
+          ]),
+          prepend: a(() => [
+            l(e.$slots, "prepend")
+          ]),
+          "prepend-outer": a(() => [
+            l(e.$slots, "prepend-outer")
+          ]),
+          _: 2
+        }, 1040, ["id", "alpha", "append:icon", "aria-describedby", "autocomplete", "autofocus", "clearable", "compact", "disabled", "has-errors", "loading", "model-value", "name", "picker", "placeholder", "prepend:icon", "readonly", "required", "swatches"])
+      ]),
+      _: 3
+    }, 8, ["id", "compact", "direction", "errors", "has-errors", "hide-label", "hint", "label", "label-position", "model-value", "name", "reverse", "show-hint"]));
+  }
 });
-//#endregion
-export { a as default };
+export {
+  E as default
+};

package/dist/index74.js

@@ -1,6 +1,125 @@
-import e from "./index72.js";
-/* empty css        */
-//#region src/components/CommonInputOuterContainer/CommonInputOuterContainer.vue
-var t = e;
-//#endregion
-export { t as default };
+import { defineComponent as L, ref as u, computed as m, watch as n, nextTick as P, onBeforeUnmount as C, createElementBlock as D, openBlock as R, Fragment as T, renderSlot as U, createCommentVNode as $, createVNode as g, normalizeProps as F, mergeProps as H, unref as I, withCtx as M } from "vue";
+import { extractDomContainer as d } from "./index263.js";
+import { useLocale as N } from "./index235.js";
+import S from "./index264.js";
+/* empty css         */
+import q from "./index253.js";
+/* empty css         */
+const W = /* @__PURE__ */ L({
+  __name: "BbColorPalette",
+  props: {
+    arrowPadding: {},
+    eager: { type: Boolean },
+    offset: { default: 4 },
+    padding: { default: 6 },
+    placement: {},
+    transitionDuration: { default: 250 },
+    modelValue: {},
+    alpha: { type: Boolean, default: !1 },
+    swatches: { type: [Boolean, Array] },
+    activator: {},
+    anchor: {},
+    boundary: {},
+    flip: { type: Boolean, default: !0 },
+    showArrow: { type: Boolean, default: !1 },
+    disabled: { type: Boolean },
+    readonly: { type: Boolean },
+    label: {},
+    picker: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "update:open"],
+  setup(y, { emit: k }) {
+    const t = y, f = k, { t: v } = N(), b = u(null), r = u(), s = u(), w = m(() => t.activator != null), A = (e) => {
+      r.value = d(e) ?? void 0;
+    }, E = (e) => {
+      s.value = d(e) ?? void 0;
+    };
+    n(
+      () => t.activator,
+      (e) => {
+        r.value = d(e) ?? void 0;
+      },
+      { immediate: !0 }
+    ), n(
+      () => t.anchor,
+      (e) => {
+        s.value = e != null ? d(e) ?? void 0 : void 0;
+      },
+      { immediate: !0 }
+    );
+    const B = m(() => s.value ?? r.value), a = u(!1);
+    let p = null;
+    const h = (e) => {
+      t.disabled || t.readonly || (e.stopPropagation(), a.value = !a.value);
+    }, c = (e) => {
+      e.target instanceof HTMLDialogElement && (a.value = !1);
+    };
+    n(a, async (e) => {
+      f("update:open", e), e ? (p = document.activeElement instanceof HTMLElement ? document.activeElement : null, document.addEventListener("click", c, { passive: !0 }), await P(), b.value?.el?.querySelector('[tabindex="0"]')?.focus()) : (document.removeEventListener("click", c), p?.focus(), p = null);
+    });
+    let i = null;
+    n(
+      r,
+      (e) => {
+        i?.(), i = null, e && (e.addEventListener("click", h), i = () => {
+          e.removeEventListener("click", h), e.removeAttribute("aria-haspopup"), e.removeAttribute("aria-expanded"), e.removeAttribute("aria-label");
+        });
+      },
+      { immediate: !0 }
+    );
+    const V = m(
+      () => t.label ?? v("colorInput.openPicker").value
+    );
+    return n(
+      [r, a, V],
+      ([e, o, l]) => {
+        e && (e.setAttribute("aria-haspopup", "dialog"), e.setAttribute("aria-expanded", o ? "true" : "false"), e.setAttribute("aria-label", l));
+      },
+      { immediate: !0 }
+    ), C(() => {
+      i?.(), document.removeEventListener("click", c);
+    }), (e, o) => (R(), D(T, null, [
+      w.value ? $("", !0) : U(e.$slots, "activator", F(H({ key: 0 }, {
+        props: { ref: A },
+        anchorProps: { ref: E },
+        open: a.value,
+        color: e.modelValue,
+        disabled: e.disabled
+      }))),
+      g(q, {
+        modelValue: a.value,
+        "onUpdate:modelValue": o[1] || (o[1] = (l) => a.value = l),
+        anchor: B.value,
+        "aria-label": I(v)("colorInput.dialogLabel").value,
+        "arrow-padding": e.arrowPadding,
+        boundary: e.boundary,
+        class: "bb-color-palette__popover",
+        dialog: "",
+        eager: e.eager,
+        flip: e.flip,
+        "hide-arrow": !e.showArrow,
+        offset: e.offset,
+        padding: e.padding,
+        placement: e.placement,
+        "transition-duration": e.transitionDuration
+      }, {
+        default: M(() => [
+          g(S, {
+            ref_key: "paletteRef",
+            ref: b,
+            alpha: e.alpha,
+            inert: !a.value,
+            "model-value": e.modelValue,
+            picker: e.picker,
+            swatches: e.swatches,
+            "onUpdate:modelValue": o[0] || (o[0] = (l) => f("update:modelValue", l))
+          }, null, 8, ["alpha", "inert", "model-value", "picker", "swatches"])
+        ]),
+        _: 1
+      }, 8, ["modelValue", "anchor", "aria-label", "arrow-padding", "boundary", "eager", "flip", "hide-arrow", "offset", "padding", "placement", "transition-duration"])
+    ], 64));
+  }
+});
+export {
+  W as default
+};