bitboss-ui 2.1.119 → 2.1.121

package/dist/index7.js

@@ -1,64 +1,58 @@
-import { getAsPercentage as p } from "./index144.js";
-import { wait as w } from "./index145.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
-};
+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 };

package/dist/index71.js

@@ -0,0 +1,6 @@
+import e from "./index69.js";
+/* empty css        */
+//#region src/components/CommonInputInnerContainer/CommonInputInnerContainer.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/index72.js

@@ -1,121 +1,14 @@
-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"]));
-  }
+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")
+		]));
+	}
 });
-export {
-  E as default
-};
+//#endregion
+export { a as default };

package/dist/index74.js

@@ -1,125 +1,6 @@
-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 "./index235.js";
-import { useLocale as N } from "./index228.js";
-import S from "./index287.js";
-/* empty css         */
-import q from "./index250.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
-};
+import e from "./index72.js";
+/* empty css        */
+//#region src/components/CommonInputOuterContainer/CommonInputOuterContainer.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/index75.js

@@ -1,85 +1,159 @@
-import { defineComponent as k, computed as o, createBlock as n, openBlock as s, unref as t, normalizeClass as B, createSlots as x, withCtx as r, createElementVNode as d, createElementBlock as C, createCommentVNode as l, withDirectives as w, toDisplayString as a, vShow as z, createTextVNode as m } from "vue";
-import { confirmState as e, processMessage as i } from "./index6.js";
-import T from "./index26.js";
-/* empty css        */
-import N from "./index118.js";
-/* empty css         */
-import f from "./index62.js";
-/* empty css        */
-const S = { class: "bb-confirm__content" }, V = {
-  key: 1,
-  class: "bb-confirm__text"
-}, $ = { class: "bb-confirm__teleport" }, G = /* @__PURE__ */ k({
-  __name: "BbConfirm",
-  setup(D) {
-    const c = o(
-      () => e.value.yesBusy || e.value.noBusy || e.value.loading
-    ), _ = o(() => !!e.value.current?.text), v = o(
-      () => e.value.current && !e.value.current.text && !e.value.loading
-    ), p = o(
-      () => e.value.current?.actions !== !1 && !e.value.loading
-    ), b = o(() => [
-      "bb-confirm",
-      `bb-confirm--${e.value.current?.theme ?? "default"}`
-    ]), y = (u) => {
-      u || i(!1);
-    }, h = () => i(!0), g = () => i(!1, !0);
-    return (u, E) => (s(), n(T, {
-      class: B(b.value),
-      "hide-header": t(e).current?.hideHeader,
-      "model-value": t(e).processing,
-      persistent: c.value,
-      "show-close": !c.value,
-      size: t(e).current?.size,
-      title: t(e).current?.title,
-      "onUpdate:modelValue": y
-    }, x({
-      default: r(() => [
-        d("div", S, [
-          t(e).loading ? (s(), n(N, {
-            key: 0,
-            size: "36"
-          })) : _.value ? (s(), C("div", V, a(t(e).current?.text), 1)) : l("", !0),
-          w(d("div", $, null, 512), [
-            [z, v.value]
-          ])
-        ])
-      ]),
-      _: 2
-    }, [
-      p.value ? {
-        name: "footer",
-        fn: r(() => [
-          t(e).current?.no !== !1 ? (s(), n(f, {
-            key: 0,
-            loading: t(e).noBusy,
-            class: "bb-confirm__no",
-            disabled: t(e).yesBusy,
-            onClick: g
-          }, {
-            default: r(() => [
-              m(a(t(e).current?.noText), 1)
-            ]),
-            _: 1
-          }, 8, ["loading", "disabled"])) : l("", !0),
-          t(e).current?.yes !== !1 ? (s(), n(f, {
-            key: 1,
-            loading: t(e).yesBusy,
-            class: "bb-confirm__yes",
-            disabled: t(e).noBusy,
-            onClick: h
-          }, {
-            default: r(() => [
-              m(a(t(e).current?.yesText), 1)
-            ]),
-            _: 1
-          }, 8, ["loading", "disabled"])) : l("", !0)
-        ]),
-        key: "0"
-      } : void 0
-    ]), 1032, ["class", "hide-header", "model-value", "persistent", "show-close", "size", "title"]));
-  }
+import { useId as e } from "./index12.js";
+import { isNotNil as t } from "./index26.js";
+import { isHex as n } from "./index37.js";
+import { useLocale as r } from "./index42.js";
+import { k as i } from "./index44.js";
+import a from "./index62.js";
+import o from "./index71.js";
+import s from "./index74.js";
+import { computed as c, createBlock as l, createElementVNode as u, createVNode as d, defineComponent as f, mergeProps as p, normalizeClass as m, openBlock as h, ref as g, renderSlot as _, unref as v, withCtx as y, withDirectives as b } from "vue";
+//#region src/components/BaseColorInput/BaseColorInput.vue?vue&type=script&setup=true&lang.ts
+var x = [
+	"id",
+	"aria-describedby",
+	"aria-invalid",
+	"autocomplete",
+	"autofocus",
+	"disabled",
+	"name",
+	"placeholder",
+	"readonly",
+	"required",
+	"value"
+], S = ["disabled"], C = { class: "bb-common-input-inner-container__suffix" }, w = /* @__PURE__ */ f({
+	__name: "BaseColorInput",
+	props: {
+		alpha: {
+			type: Boolean,
+			default: !1
+		},
+		"append:icon": {},
+		ariaDescribedby: {},
+		autocomplete: { default: "off" },
+		autofocus: {},
+		clearable: { type: Boolean },
+		compact: { type: Boolean },
+		disabled: { type: Boolean },
+		hasErrors: { type: Boolean },
+		id: {},
+		loading: { type: Boolean },
+		modelValue: {},
+		name: {},
+		placeholder: {},
+		"prepend:icon": {},
+		readonly: { type: Boolean },
+		required: { type: Boolean },
+		picker: { type: Boolean },
+		swatches: { type: [Boolean, Array] },
+		transitionDuration: { default: 250 }
+	},
+	emits: [
+		"blur",
+		"change",
+		"click",
+		"focus",
+		"input",
+		"keydown",
+		"mousedown",
+		"mouseup",
+		"update:modelValue"
+	],
+	setup(f, { emit: w }) {
+		let T = f, E = w, D = g(null), O = g(null), k = T.id ?? `bb_${e().id.value}`, { t: A } = r(), j = c(() => T.modelValue ? A("colorInput.openPickerSelected", T.modelValue).value : A("colorInput.openPicker").value), M = c(() => ({
+			"bb-base-color-input": !0,
+			"bb-base-color-input--disabled": T.disabled,
+			"bb-base-color-input--errors": T.hasErrors,
+			"bb-base-color-input--loading": T.loading,
+			"bb-base-color-input--readonly": T.readonly,
+			"bb-base-color-input--compact": T.compact,
+			"bb-base-color-input--active": F.value
+		})), N = {
+			onBlur: (e) => E("blur", e),
+			onChange: (e) => E("change", e),
+			onClick: (e) => E("click", e),
+			onFocus: (e) => E("focus", e),
+			onInput: (e) => E("input", e),
+			onKeydown: (e) => E("keydown", e),
+			onMaska: (e) => {
+				let t = e.detail;
+				n(t.masked) ? E("update:modelValue", t.masked) : t.masked === "" && E("update:modelValue", null);
+			},
+			onMousedown: (e) => E("mousedown", e),
+			onMouseup: (e) => E("mouseup", e)
+		}, P = c(() => ({
+			mask: T.alpha ? "!#HHHHHHHH" : "!#HHHHHH",
+			tokens: { H: { pattern: /[0-9a-fA-F]/ } },
+			eager: !0
+		})), F = g(!1);
+		return (e, n) => (h(), l(s, {
+			ref_key: "wrapper",
+			ref: D,
+			class: m(M.value)
+		}, {
+			"prepend-outer": y(() => [_(e.$slots, "prepend-outer")]),
+			"append-outer": y(() => [_(e.$slots, "append-outer")]),
+			default: y(() => [d(o, {
+				ref_key: "innerContainer",
+				ref: O,
+				"append:icon": T["append:icon"],
+				clearable: e.clearable && v(t)(e.modelValue) && !e.readonly && !e.disabled,
+				"prepend:icon": T["prepend:icon"],
+				"onClick:clear": n[2] ||= (t) => e.$emit("update:modelValue", null)
+			}, {
+				prepend: y(() => [_(e.$slots, "prepend")]),
+				prefix: y(() => [_(e.$slots, "prefix")]),
+				append: y(() => [d(a, {
+					alpha: e.alpha,
+					anchor: O.value,
+					disabled: e.disabled || e.readonly,
+					label: j.value,
+					"model-value": e.modelValue,
+					picker: e.picker,
+					swatches: e.swatches,
+					"onUpdate:modelValue": n[0] ||= (e) => E("update:modelValue", e),
+					"onUpdate:open": n[1] ||= (e) => F.value = e
+				}, {
+					activator: y(({ props: t }) => [u("button", p(t, {
+						class: "bb-base-color-input__indicator",
+						disabled: e.disabled || e.readonly,
+						style: { backgroundColor: T.modelValue ?? void 0 },
+						type: "button"
+					}), null, 16, S)]),
+					_: 1
+				}, 8, [
+					"alpha",
+					"anchor",
+					"disabled",
+					"label",
+					"model-value",
+					"picker",
+					"swatches"
+				]), _(e.$slots, "append", {}, () => [u("span", C, [_(e.$slots, "suffix")])])]),
+				default: y(() => [b(u("input", p(N, {
+					id: v(k),
+					"aria-describedby": e.ariaDescribedby,
+					"aria-invalid": e.hasErrors ? !0 : void 0,
+					autocomplete: e.autocomplete,
+					autofocus: e.autofocus,
+					class: "bb-base-color-input__input",
+					disabled: e.disabled,
+					name: e.name,
+					placeholder: e.placeholder,
+					readonly: e.readonly,
+					required: e.required,
+					size: "1",
+					type: "text",
+					value: e.modelValue
+				}), null, 16, x), [[v(i), P.value]])]),
+				_: 3
+			}, 8, [
+				"append:icon",
+				"clearable",
+				"prepend:icon"
+			])]),
+			_: 3
+		}, 8, ["class"]));
+	}
 });
-export {
-  G as default
-};
+//#endregion
+export { w as default };