bitboss-ui 2.1.129 → 2.1.130

package/dist/index48.js

@@ -1,6 +1,140 @@
-import e from "./index46.js";
-/* empty css        */
-//#region src/components/BaseColorInput/ColorPalette.vue
-var t = e;
-//#endregion
-export { t as default };
+import { defineComponent as h, ref as y, computed as u, onMounted as g, watch as B, nextTick as V, createBlock as $, openBlock as k, normalizeClass as T, withCtx as r, createVNode as i, unref as v, createElementVNode as x, mergeProps as C, renderSlot as t } from "vue";
+import E from "./index144.js";
+/* empty css         */
+import G from "./index142.js";
+/* empty css         */
+import M from "./index116.js";
+/* empty css         */
+import { isNotNil as q } from "./index152.js";
+const H = ["id", "aria-describedby", "autocomplete", "autofocus", "disabled", "name", "placeholder", "readonly", "required", "rows", "value"], I = /* @__PURE__ */ h({
+  __name: "BaseTextarea",
+  props: {
+    "append:icon": {},
+    ariaDescribedby: {},
+    autocomplete: {},
+    autoGrow: { type: Boolean },
+    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 },
+    rows: {}
+  },
+  emits: ["blur", "change", "click", "focus", "input", "keydown", "mousedown", "mouseup", "update:modelValue"],
+  setup(d, { emit: p }) {
+    const o = d, a = p;
+    if (o.rows && o.autoGrow)
+      throw new Error(
+        "Textarea: You cannot set rows and auto-grow attributes together. You either use rows and let the user resize or define a minimum height in CSS with auto-grow."
+      );
+    const l = y(null), c = u(() => ({
+      "bb-base-textarea": !0,
+      "bb-base-textarea--auto-grow": o.autoGrow,
+      "bb-base-textarea--disabled": o.disabled,
+      "bb-base-textarea--errors": o.hasErrors,
+      "bb-base-textarea--loading": o.loading,
+      "bb-base-textarea--readonly": o.readonly,
+      "bb-base-textarea--compact": o.compact
+    })), m = u(
+      () => o.modelValue ? o.modelValue : ""
+    );
+    g(() => {
+      o.autoGrow && o.modelValue && s();
+    }), B(
+      () => o.modelValue,
+      () => {
+        o.autoGrow && V(s);
+      }
+    );
+    function b(e) {
+      if (e.stopPropagation(), e.target instanceof HTMLTextAreaElement) {
+        let n = e.target.value;
+        a("input", e), a("update:modelValue", n || null);
+      }
+    }
+    function f(e) {
+      e.stopPropagation(), e.target instanceof HTMLTextAreaElement && a("keydown", e);
+    }
+    const w = {
+      onBlur: (e) => a("blur", e),
+      onChange: (e) => a("change", e),
+      onClick: (e) => a("click", e),
+      onFocus: (e) => a("focus", e),
+      onMousedown: (e) => a("mousedown", e),
+      onMouseup: (e) => a("mouseup", e)
+    };
+    function s() {
+      l.value && (l.value.style.height = "0px", l.value.style.height = `${l.value.scrollHeight}px`);
+    }
+    return (e, n) => (k(), $(E, {
+      class: T(c.value)
+    }, {
+      "prepend-outer": r(() => [
+        t(e.$slots, "prepend-outer")
+      ]),
+      "append-outer": r(() => [
+        t(e.$slots, "append-outer")
+      ]),
+      default: r(() => [
+        i(G, {
+          "append:icon": o["append:icon"],
+          clearable: e.clearable && v(q)(e.modelValue),
+          "prepend:icon": o["prepend:icon"],
+          "onClick:clear": n[0] || (n[0] = (N) => e.$emit("update:modelValue", null))
+        }, {
+          prepend: r(() => [
+            t(e.$slots, "prepend")
+          ]),
+          prefix: r(() => [
+            t(e.$slots, "prefix")
+          ]),
+          append: r(() => [
+            t(e.$slots, "append")
+          ]),
+          suffix: r(() => [
+            t(e.$slots, "suffix")
+          ]),
+          default: r(() => [
+            i(M, { tag: "span" }, {
+              default: r(() => [
+                x("textarea", C({
+                  id: e.id,
+                  ref_key: "textarea",
+                  ref: l,
+                  "aria-describedby": e.ariaDescribedby,
+                  autocomplete: e.autocomplete,
+                  autofocus: e.autofocus,
+                  class: "bb-base-textarea__input scrollbar-border",
+                  disabled: e.disabled,
+                  name: e.name,
+                  placeholder: e.placeholder,
+                  readonly: e.readonly,
+                  required: e.required,
+                  rows: e.rows,
+                  value: m.value
+                }, w, {
+                  onInput: b,
+                  onKeydown: f
+                }), null, 16, H)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 3
+        }, 8, ["append:icon", "clearable", "prepend:icon"])
+      ]),
+      _: 3
+    }, 8, ["class"]));
+  }
+});
+export {
+  I as default
+};

package/dist/index5.js

@@ -1,34 +1,41 @@
-import { reactive as e } from "vue";
-//#region src/composables/useBbConfig.ts
-var t = e({
-	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
-	}
-}), n = (e) => {
-	Object.keys(e).forEach((n) => {
-		let r = n, i = e[r];
-		r === "dialogDefaultSizes" ? t.dialogDefaultSizes = {
-			...t.dialogDefaultSizes,
-			...i
-		} : r === "offCanvasDefaultSizes" ? t.offCanvasDefaultSizes = {
-			...t.offCanvasDefaultSizes,
-			...i
-		} : t[r] = i;
-	});
-}, r = () => ({ setConfig: n });
-//#endregion
-export { t as _config, r as useBbConfig };
+import { ref as u, onBeforeUnmount as p } from "vue";
+const m = (i = "bitboss-ui") => {
+  let r = 0;
+  return { useBroadCastChannel: () => {
+    r++;
+    const l = u(!1), o = u(), s = {};
+    function f(e, n = void 0) {
+      o.value && o.value.postMessage({ type: e, params: n });
+    }
+    const d = () => {
+      r--, o.value && !r && o.value.close(), l.value = !0;
+    }, v = (e, n, a = {
+      removeonUnmount: !0
+    }) => {
+      s[e] === void 0 && (s[e] = []), s[e]?.push(n), a.removeonUnmount && s[e] && p(() => {
+        const t = s[e], c = t.indexOf(n);
+        c !== -1 && t.splice(c, 1);
+      });
+    };
+    try {
+      o.value = new BroadcastChannel(i), o.value.addEventListener(
+        "message",
+        (e) => {
+          const n = e.data, a = s[n.type] ?? [];
+          "params" in n ? a.forEach((t) => t(n.params)) : a.forEach((t) => t());
+        },
+        { passive: !0 }
+      );
+    } catch (e) {
+      console.error(e);
+    }
+    return {
+      on: v,
+      post: f,
+      close: d
+    };
+  } };
+};
+export {
+  m as useBroadcastChannelInstance
+};

package/dist/index50.js

@@ -1,12 +1,157 @@
-import { ref as e, toValue as t, watch as n } from "vue";
-//#region src/composables/useUntil.ts
-var r = (r, { initialValue: i = !1, nextValue: a = !0 } = {}) => {
-	let o = e(i);
-	if (i) return o;
-	let s = n(() => t(r), (e) => {
-		e && (o.value = a, s());
-	});
-	return o;
+import { defineComponent as V, ref as h, computed as v, onMounted as B, onBeforeUnmount as M, watch as g, createElementBlock as u, openBlock as s, Fragment as $, createVNode as m, createElementVNode as w, normalizeClass as E, withCtx as l, unref as q, mergeProps as b, renderSlot as t } from "vue";
+import C from "./index142.js";
+/* empty css         */
+import N from "./index144.js";
+/* empty css         */
+import { isNotNil as I } from "./index152.js";
+import { MaskInput as z } from "./index295.js";
+import { isNotEmpty as D } from "./index296.js";
+const F = ["id", "aria-describedby", "aria-invalid", "autocomplete", "autofocus", "disabled", "inputmode", "name", "placeholder", "readonly", "required", "type"], L = ["id", "aria-describedby", "aria-invalid", "autocomplete", "autofocus", "disabled", "inputmode", "name", "placeholder", "readonly", "required", "type", "value"], J = /* @__PURE__ */ V({
+  __name: "BaseTextInput",
+  props: {
+    "append:icon": {},
+    ariaDescribedby: {},
+    autocomplete: {},
+    autofocus: {},
+    clearable: { type: Boolean },
+    compact: { type: Boolean },
+    disabled: { type: Boolean },
+    emitMasked: { type: Boolean },
+    hasErrors: { type: Boolean },
+    id: {},
+    inputMode: {},
+    labelMode: {},
+    loading: { type: Boolean },
+    mask: {},
+    modelValue: {},
+    name: {},
+    placeholder: {},
+    "prepend:icon": {},
+    readonly: { type: Boolean },
+    required: { type: Boolean },
+    type: { default: "text" }
+  },
+  emits: ["blur", "change", "click", "focus", "input", "keydown", "mousedown", "mouseup", "update:modelValue"],
+  setup(c, { emit: f }) {
+    const a = c, o = f, d = h(), y = v(() => ({
+      "bb-base-text-input": !0,
+      "bb-base-text-input--disabled": a.disabled,
+      "bb-base-text-input--errors": a.hasErrors,
+      "bb-base-text-input--has-value": I(a.modelValue),
+      "bb-base-text-input--loading": a.loading,
+      "bb-base-text-input--readonly": a.readonly,
+      "bb-base-text-input--compact": a.compact
+    }));
+    let i;
+    const k = (e) => {
+      a.mask && (e.detail.unmasked ? a.emitMasked ? o("update:modelValue", e.detail.masked) : o("update:modelValue", e.detail.unmasked) : o("update:modelValue", null));
+    }, r = (e) => {
+      d.value.value = e ?? "", i.updateValue(d.value);
+    };
+    B(() => {
+      a.mask && (i = new z(d.value, a.mask), r(a.modelValue));
+    }), M(() => {
+      a.mask && i?.destroy();
+    }), g(
+      () => a.modelValue,
+      (e) => {
+        a.mask && r(e);
+      }
+    );
+    const p = {
+      onBlur: (e) => o("blur", e),
+      onChange: (e) => o("change", e),
+      onClick: (e) => o("click", e),
+      onFocus: (e) => o("focus", e),
+      onKeydown: (e) => o("keydown", e),
+      onInput: (e) => {
+        if (!a.mask && e.target instanceof HTMLInputElement) {
+          const n = e.target.value;
+          o("update:modelValue", n || null);
+        }
+        o("input", e);
+      },
+      onMousedown: (e) => o("mousedown", e),
+      onMouseup: (e) => o("mouseup", e)
+    };
+    return (e, n) => (s(), u($, null, [
+      m(N, {
+        class: E(y.value)
+      }, {
+        "prepend-outer": l(() => [
+          t(e.$slots, "prepend-outer")
+        ]),
+        "append-outer": l(() => [
+          t(e.$slots, "append-outer")
+        ]),
+        default: l(() => [
+          m(C, {
+            "append:icon": a["append:icon"],
+            clearable: a.clearable && q(D)(a.modelValue),
+            "prepend:icon": a["prepend:icon"],
+            "onClick:clear": n[0] || (n[0] = (T) => e.$emit("update:modelValue", null))
+          }, {
+            prepend: l(() => [
+              t(e.$slots, "prepend")
+            ]),
+            prefix: l(() => [
+              t(e.$slots, "prefix")
+            ]),
+            append: l(() => [
+              t(e.$slots, "append")
+            ]),
+            suffix: l(() => [
+              t(e.$slots, "suffix")
+            ]),
+            default: l(() => [
+              e.mask ? (s(), u("input", b({
+                key: 0,
+                id: e.id,
+                ref_key: "input",
+                ref: d,
+                "aria-describedby": e.ariaDescribedby,
+                "aria-invalid": e.hasErrors ? !0 : void 0,
+                autocomplete: e.autocomplete,
+                autofocus: e.autofocus,
+                class: "bb-base-text-input__input",
+                disabled: e.disabled,
+                inputmode: e.inputMode,
+                name: e.name,
+                placeholder: e.placeholder,
+                readonly: e.readonly,
+                required: e.required,
+                size: "1",
+                type: e.type
+              }, p, { onMaska: k }), null, 16, F)) : (s(), u("input", b({
+                key: 1,
+                id: e.id,
+                ref_key: "input",
+                ref: d,
+                "aria-describedby": e.ariaDescribedby,
+                "aria-invalid": e.hasErrors ? !0 : void 0,
+                autocomplete: e.autocomplete,
+                autofocus: e.autofocus,
+                class: "bb-base-text-input__input",
+                disabled: e.disabled,
+                inputmode: e.inputMode,
+                name: e.name,
+                placeholder: e.placeholder,
+                readonly: e.readonly,
+                required: e.required,
+                size: "1",
+                type: e.type,
+                value: e.modelValue
+              }, p), null, 16, L))
+            ]),
+            _: 3
+          }, 8, ["append:icon", "clearable", "prepend:icon"])
+        ]),
+        _: 3
+      }, 8, ["class"]),
+      n[1] || (n[1] = w("span", null, null, -1))
+    ], 64));
+  }
+});
+export {
+  J as default
 };
-//#endregion
-export { r as useUntil };

package/dist/index52.js

@@ -1,106 +1,65 @@
-//#region node_modules/@floating-ui/utils/dist/floating-ui.utils.mjs
-var e = [
-	"top",
-	"right",
-	"bottom",
-	"left"
-], t = Math.min, n = Math.max, r = Math.round, i = Math.floor, a = (e) => ({
-	x: e,
-	y: e
-}), o = {
-	left: "right",
-	right: "left",
-	bottom: "top",
-	top: "bottom"
+import { defineComponent as f, ref as _, watch as v, createElementBlock as b, openBlock as h, createVNode as n, withModifiers as V, normalizeClass as d, unref as i, withCtx as s, renderSlot as u } from "vue";
+import { useId as g } from "./index8.js";
+import $ from "./index14.js";
+/* empty css        */
+import B from "./index70.js";
+/* empty css        */
+const y = { class: "bb-accordion" }, A = /* @__PURE__ */ f({
+  __name: "BbAccordion",
+  props: {
+    eager: { type: Boolean },
+    transitionDuration: { default: 250 },
+    modelValue: { type: Boolean },
+    id: {}
+  },
+  emits: ["update:modelValue"],
+  setup(m, { emit: c }) {
+    const p = c, o = m, l = o.id || `bba_${g().id.value}`, e = _(o.modelValue);
+    v(
+      () => o.modelValue,
+      (a, r) => {
+        a !== r && a !== e.value && (e.value = a);
+      }
+    );
+    const t = () => {
+      e.value = !e.value, p("update:modelValue", !o.modelValue);
+    };
+    return (a, r) => (h(), b("div", y, [
+      n($, {
+        id: `${i(l)}_header`,
+        "aria-controls": i(l),
+        "aria-expanded": e.value,
+        class: d("bb-accordion__header"),
+        onClick: V(t, ["self"])
+      }, {
+        default: s(() => [
+          u(a.$slots, "header", {
+            toggle: t,
+            value: e.value
+          })
+        ]),
+        _: 3
+      }, 8, ["id", "aria-controls", "aria-expanded"]),
+      n(B, {
+        id: i(l),
+        "aria-labelledby": `${i(l)}_header`,
+        class: d("bb-accordion__content"),
+        eager: a.eager,
+        "model-value": e.value,
+        role: "region",
+        "transition-duration": a.transitionDuration
+      }, {
+        default: s(() => [
+          u(a.$slots, "default", {
+            toggle: t,
+            value: e.value
+          })
+        ]),
+        _: 3
+      }, 8, ["id", "aria-labelledby", "eager", "model-value", "transition-duration"])
+    ]));
+  }
+});
+export {
+  A as default
 };
-function s(e, r, i) {
-	return n(e, t(r, i));
-}
-function c(e, t) {
-	return typeof e == "function" ? e(t) : e;
-}
-function l(e) {
-	return e.split("-")[0];
-}
-function u(e) {
-	return e.split("-")[1];
-}
-function d(e) {
-	return e === "x" ? "y" : "x";
-}
-function f(e) {
-	return e === "y" ? "height" : "width";
-}
-function p(e) {
-	let t = e[0];
-	return t === "t" || t === "b" ? "y" : "x";
-}
-function m(e) {
-	return d(p(e));
-}
-function h(e, t, n) {
-	n === void 0 && (n = !1);
-	let r = u(e), i = m(e), a = f(i), o = i === "x" ? r === (n ? "end" : "start") ? "right" : "left" : r === "start" ? "bottom" : "top";
-	return t.reference[a] > t.floating[a] && (o = w(o)), [o, w(o)];
-}
-function g(e) {
-	let t = w(e);
-	return [
-		_(e),
-		t,
-		_(t)
-	];
-}
-function _(e) {
-	return e.includes("start") ? e.replace("start", "end") : e.replace("end", "start");
-}
-var v = ["left", "right"], y = ["right", "left"], b = ["top", "bottom"], x = ["bottom", "top"];
-function S(e, t, n) {
-	switch (e) {
-		case "top":
-		case "bottom": return n ? t ? y : v : t ? v : y;
-		case "left":
-		case "right": return t ? b : x;
-		default: return [];
-	}
-}
-function C(e, t, n, r) {
-	let i = u(e), a = S(l(e), n === "start", r);
-	return i && (a = a.map((e) => e + "-" + i), t && (a = a.concat(a.map(_)))), a;
-}
-function w(e) {
-	let t = l(e);
-	return o[t] + e.slice(t.length);
-}
-function T(e) {
-	return {
-		top: 0,
-		right: 0,
-		bottom: 0,
-		left: 0,
-		...e
-	};
-}
-function E(e) {
-	return typeof e == "number" ? {
-		top: e,
-		right: e,
-		bottom: e,
-		left: e
-	} : T(e);
-}
-function D(e) {
-	let { x: t, y: n, width: r, height: i } = e;
-	return {
-		width: r,
-		height: i,
-		top: n,
-		left: t,
-		right: t + r,
-		bottom: n + i,
-		x: t,
-		y: n
-	};
-}
-//#endregion
-export { s as clamp, a as createCoords, c as evaluate, i as floor, u as getAlignment, m as getAlignmentAxis, h as getAlignmentSides, f as getAxisLength, g as getExpandedPlacements, d as getOppositeAxis, C as getOppositeAxisPlacements, w as getOppositePlacement, E as getPaddingObject, l as getSide, p as getSideAxis, n as max, t as min, D as rectToClientRect, r as round, e as sides };