bitboss-ui 2.1.119 → 2.1.121

package/dist/index118.js

@@ -1,40 +1,5 @@
-import { defineComponent as p, computed as s, createElementBlock as b, openBlock as _, mergeProps as a, createStaticVNode as x } from "vue";
-import { isCssColor as m } from "./index227.js";
-const d = /* @__PURE__ */ p({
-  __name: "BbSpinner",
-  props: {
-    color: {},
-    size: { default: "md" }
-  },
-  setup(n) {
-    const c = n, o = {
-      xs: 12,
-      sm: 16,
-      md: 24,
-      lg: 28,
-      xl: 36,
-      xxl: 40
-    }, t = s(() => {
-      const e = {
-        "bb-spinner": !0
-      };
-      let l = { "--size": s(() => {
-        let i;
-        return typeof c.size == "string" ? i = o[c.size] ?? parseInt(c.size, 10) : i = c.size, i + "px";
-      }).value };
-      return c.color && (m(c.color) ? l.color = c.color : e[`bb-spinner--${c.color}`] = !0), {
-        class: e,
-        style: l
-      };
-    });
-    return (e, r) => (_(), b("svg", a({
-      viewBox: "0 0 24 24",
-      xmlns: "http://www.w3.org/2000/svg"
-    }, t.value), r[0] || (r[0] = [
-      x('<circle class="bb-spinner__circle" cx="12" cy="3" r="0"></circle><circle class="bb-spinner__circle circle--1" cx="16.50" cy="4.21" r="0"></circle><circle class="bb-spinner__circle circle--2" cx="7.50" cy="4.21" r="0"></circle><circle class="bb-spinner__circle circle--3" cx="19.79" cy="7.50" r="0"></circle><circle class="bb-spinner__circle circle--4" cx="4.21" cy="7.50" r="0"></circle><circle class="bb-spinner__circle circle--5" cx="21.00" cy="12.00" r="0"></circle><circle class="bb-spinner__circle circle--6" cx="3.00" cy="12.00" r="0"></circle><circle class="bb-spinner__circle circle--7" cx="19.79" cy="16.50" r="0"></circle><circle class="bb-spinner__circle circle--8" cx="4.21" cy="16.50" r="0"></circle><circle class="bb-spinner__circle circle--9" cx="16.50" cy="19.79" r="0"></circle><circle class="bb-spinner__circle circle--10" cx="7.50" cy="19.79" r="0"></circle><circle class="bb-spinner__circle circle--11" cx="12" cy="21" r="0"></circle>', 12)
-    ]), 16));
-  }
-});
-export {
-  d as default
-};
+import e from "./index117.js";
+//#region src/components/BaseDatePicker/BaseDatePickerHeader.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/index119.js

@@ -0,0 +1,53 @@
+import e from "./index36.js";
+import { Fragment as t, computed as n, createBlock as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, defineComponent as s, normalizeClass as c, openBlock as l, renderList as u, toDisplayString as d, withCtx as f } from "vue";
+//#region src/components/BaseDatePicker/BaseDatePickerMonthSelector.vue?vue&type=script&setup=true&lang.ts
+var p = {
+	"aria-label": "Month selector",
+	class: "bb-base-date-picker__button-menu bb-base-date-picker__month-selector",
+	role: "listbox"
+}, m = { class: "content" }, h = /* @__PURE__ */ s({
+	__name: "BaseDatePickerMonthSelector",
+	props: {
+		cursor: {},
+		disabled: { type: Boolean }
+	},
+	emits: ["update:month"],
+	setup(s, { emit: h }) {
+		let g = s, _ = h, v = n(() => g.cursor.month()), y = n(() => {
+			let e = g.cursor.clone().startOf("year"), t = v.value;
+			return Array.from({ length: 12 }, (n, r) => {
+				let i = e.add(r, "month");
+				return {
+					text: i.format("MMMM"),
+					key: i.unix(),
+					selected: r === t,
+					handler: () => _("update:month", r)
+				};
+			});
+		});
+		return (n, s) => (l(), i("div", p, [a("div", m, [(l(!0), i(t, null, u(y.value, (t) => (l(), r(e, {
+			key: t.key,
+			"aria-label": t.text,
+			"aria-selected": t.selected,
+			class: c({
+				content__btn: !0,
+				"content__btn--selected": t.selected
+			}),
+			disabled: n.disabled,
+			role: "option",
+			type: "button",
+			onClick: t.handler
+		}, {
+			default: f(() => [o(d(t.text), 1)]),
+			_: 2
+		}, 1032, [
+			"aria-label",
+			"aria-selected",
+			"class",
+			"disabled",
+			"onClick"
+		]))), 128))])]));
+	}
+});
+//#endregion
+export { h as default };

package/dist/index12.js

@@ -1,42 +1,11 @@
-import { nanoid as p } from "./index148.js";
-import { reactive as d } from "vue";
-import { wait as h } from "./index145.js";
-const i = d({
-  stack: []
-}), b = () => {
-  const n = (t) => i.stack = i.stack.filter((o) => o.id !== t);
-  return {
-    toast: (t) => {
-      const o = p();
-      let c, e, l, s, f;
-      const u = 6e3;
-      if (typeof t == "string")
-        e = t;
-      else {
-        if (typeof t.timeout == "number" && t.timeout <= 0)
-          throw new Error("Toast messages cannot have a zero or less timeout");
-        l = t.icon, f = t.showClose, e = t.text, s = t.theme, c = t.title;
-      }
-      if (i.stack = i.stack.concat({
-        icon: l,
-        id: o,
-        showClose: f,
-        text: e,
-        theme: s,
-        title: c
-      }), typeof t == "object" && !t.persistent || typeof t == "string") {
-        let r;
-        typeof t == "object" && t.timeout ? r = t.timeout : r = u, h(r).then(() => {
-          n(o);
-        });
-      }
-      return o;
-    },
-    dismiss: n,
-    dismissAll: () => i.stack = []
-  };
-};
-export {
-  i as state,
-  b as useToast
+import { ref as e, useId as t } from "vue";
+//#region src/composables/useId.ts
+var n = () => "bb-ui-" + t(), r = () => {
+	let t = e(n());
+	return {
+		id: t,
+		refresh: () => t.value = n()
+	};
 };
+//#endregion
+export { r as useId };

package/dist/index120.js

@@ -1,100 +1,5 @@
-import { defineComponent as c, ref as f, computed as y, createBlock as v, openBlock as w, withCtx as n, createVNode as B, mergeProps as r, renderSlot as i, normalizeProps as k, guardReactiveProps as V } from "vue";
-import g from "./index28.js";
-/* empty css        */
-import P from "./index42.js";
-/* empty css        */
-const S = /* @__PURE__ */ c({
-  __name: "BbSwitch",
-  props: {
-    autofocus: {},
-    checked: { type: [Boolean, String] },
-    color: {},
-    direction: { default: "auto" },
-    disabled: { type: Boolean },
-    errors: {},
-    falseValue: {},
-    hasErrors: { type: Boolean },
-    hideLabel: { type: Boolean },
-    hint: {},
-    id: {},
-    indeterminate: {},
-    inputPosition: {},
-    label: {},
-    labelPosition: {},
-    modelValue: {},
-    name: {},
-    persistentHint: { type: Boolean },
-    readonly: { type: Boolean },
-    required: { type: Boolean },
-    reverse: { type: Boolean, default: !0 },
-    submitWhenFalse: { type: Boolean },
-    trueValue: {}
-  },
-  emits: ["blur", "change", "click", "focus", "input", "keydown", "mousedown", "mouseup", "update:modelValue"],
-  setup(s, { emit: t }) {
-    const u = s, o = t, a = f(!1), d = y(() => u.persistentHint || a.value), p = {
-      onBlur: (e) => {
-        a.value = !1, o("blur", e);
-      },
-      onChange: (e) => o("change", e),
-      onClick: (e) => o("click", e),
-      onFocus: (e) => {
-        a.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, q) => (w(), v(g, {
-      id: e.id,
-      class: "bb-switch",
-      direction: e.direction,
-      errors: e.errors,
-      "has-errors": e.hasErrors,
-      "hide-label": e.hideLabel,
-      hint: e.hint,
-      "input-position": e.inputPosition,
-      label: e.label,
-      "label-position": e.labelPosition,
-      "label-tag": "span",
-      name: e.name,
-      reverse: e.reverse,
-      "show-hint": d.value,
-      tag: "label"
-    }, {
-      label: n((l) => [
-        i(e.$slots, "label", k(V(l)))
-      ]),
-      input: n(({ id: l, hasErrors: m, ariaDescribedby: b }) => [
-        B(P, r({
-          id: l,
-          "aria-describedby": b,
-          autofocus: e.autofocus,
-          checked: e.checked,
-          color: e.color,
-          disabled: e.disabled,
-          "false-value": e.falseValue,
-          "has-errors": m,
-          indeterminate: e.indeterminate,
-          "model-value": e.modelValue,
-          name: e.name,
-          readonly: e.readonly,
-          required: e.required,
-          "submit-when-false": e.submitWhenFalse,
-          "true-value": e.trueValue
-        }, p), {
-          icon: n((h) => [
-            i(e.$slots, "icon", r(h, { text: e.label }))
-          ]),
-          _: 2
-        }, 1040, ["id", "aria-describedby", "autofocus", "checked", "color", "disabled", "false-value", "has-errors", "indeterminate", "model-value", "name", "readonly", "required", "submit-when-false", "true-value"])
-      ]),
-      _: 3
-    }, 8, ["id", "direction", "errors", "has-errors", "hide-label", "hint", "input-position", "label", "label-position", "name", "reverse", "show-hint"]));
-  }
-});
-export {
-  S as default
-};
+import e from "./index119.js";
+//#region src/components/BaseDatePicker/BaseDatePickerMonthSelector.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/index121.js

@@ -0,0 +1,32 @@
+import { Transition as e, createBlock as t, defineComponent as n, openBlock as r, renderSlot as i, withCtx as a } from "vue";
+//#region src/components/Transitions/ScaleFade.vue?vue&type=script&setup=true&lang.ts
+var o = /* @__PURE__ */ n({
+	__name: "ScaleFade",
+	props: {
+		duration: { default: 200 },
+		scaleFrom: { default: .97 }
+	},
+	setup(n) {
+		let o = n, s = (e) => {
+			let t = e;
+			t.style.opacity = "0", t.style.transform = `scale(${o.scaleFrom})`, t.style.transformOrigin = "center top";
+		}, c = (e, t) => {
+			let n = e;
+			n.style.transition = `opacity ${o.duration}ms ease-out, transform ${o.duration}ms cubic-bezier(0.34, 1.56, 0.64, 1)`, n.offsetHeight, n.style.opacity = "1", n.style.transform = "scale(1)", setTimeout(t, o.duration);
+		}, l = (e, t) => {
+			let n = e;
+			n.style.transition = `opacity ${o.duration}ms ease-in, transform ${o.duration}ms ease-in`, n.style.opacity = "0", n.style.transform = `scale(${o.scaleFrom})`, setTimeout(t, o.duration);
+		};
+		return (n, o) => (r(), t(e, {
+			css: !1,
+			onBeforeEnter: s,
+			onEnter: c,
+			onLeave: l
+		}, {
+			default: a(() => [i(n.$slots, "default")]),
+			_: 3
+		}));
+	}
+});
+//#endregion
+export { o as default };

package/dist/index122.js

@@ -1,137 +1,5 @@
-import { defineComponent as f, ref as g, computed as v, createBlock as y, openBlock as B, withCtx as i, createVNode as w, mergeProps as $, renderSlot as a, normalizeProps as l, guardReactiveProps as t } from "vue";
-import T from "./index28.js";
-/* empty css        */
-import V from "./index44.js";
-/* empty css        */
-const E = /* @__PURE__ */ f({
-  __name: "BbSwitchGroup",
-  props: {
-    autofocus: {},
-    color: {},
-    compact: { type: Boolean },
-    dependencies: {},
-    depsDebounceTime: {},
-    direction: {},
-    disabled: { type: Boolean },
-    enforceCoherence: { type: Boolean },
-    errors: {},
-    hasErrors: { type: Boolean },
-    hideLabel: { type: Boolean },
-    hideLegend: { type: Boolean },
-    hint: {},
-    id: {},
-    inputDirection: {},
-    inputPosition: { default: "left" },
-    items: {},
-    itemText: {},
-    itemValue: {},
-    labelPosition: {},
-    legend: {},
-    loadingText: {},
-    max: {},
-    modelValue: {},
-    multiple: { type: Boolean },
-    modelValueDebounceTime: {},
-    name: {},
-    noDataText: {},
-    persistentHint: { type: Boolean },
-    readonly: { type: Boolean },
-    reverse: { type: Boolean }
-  },
-  emits: ["blur", "change", "click", "focus", "inactive", "input", "keydown", "mousedown", "mouseup", "update:modelValue"],
-  setup(d, { emit: p }) {
-    const u = d, n = p, s = g(!1), m = v(() => u.persistentHint || s.value), c = {
-      onBlur: (e) => n("blur", e),
-      onChange: (e) => n("change", e),
-      onClick: (e) => n("click", e),
-      onFocus: (e) => {
-        s.value = !0, n("focus", e);
-      },
-      onInactive: () => {
-        s.value = !1, n("inactive");
-      },
-      onInput: (e) => n("input", e),
-      onKeydown: (e) => n("keydown", e),
-      onMousedown: (e) => n("mousedown", e),
-      onMouseup: (e) => n("mouseup", e),
-      "onUpdate:modelValue": (e) => n("update:modelValue", e)
-    };
-    return (e, D) => (B(), y(T, {
-      id: e.id,
-      class: "bb-switch-group",
-      compact: e.compact,
-      direction: e.direction,
-      errors: e.errors,
-      "has-errors": e.hasErrors,
-      "hide-label": e.hideLegend,
-      hint: e.hint,
-      "input-position": e.inputPosition,
-      label: e.legend,
-      "label-position": e.labelPosition,
-      "label-tag": "legend",
-      name: e.name,
-      reverse: e.reverse,
-      "show-hint": m.value,
-      tag: "fieldset"
-    }, {
-      label: i((r) => [
-        a(e.$slots, "legend", l(t(r)))
-      ]),
-      input: i(({ id: r, hasErrors: b, ariaDescribedby: h }) => [
-        w(V, $({
-          id: r,
-          "aria-describedby": h,
-          autofocus: e.autofocus,
-          color: e.color,
-          dependencies: e.dependencies,
-          "deps-debounce-time": e.depsDebounceTime,
-          direction: e.inputDirection,
-          disabled: e.disabled,
-          "enforce-coherence": e.enforceCoherence,
-          "has-errors": b,
-          "hide-label": e.hideLabel,
-          "item-text": e.itemText,
-          "item-value": e.itemValue,
-          items: e.items,
-          "loading-text": e.loadingText,
-          max: e.max,
-          "model-value": e.modelValue,
-          "model-value-debounce-time": e.modelValueDebounceTime,
-          name: e.name,
-          "no-data-text": e.noDataText,
-          readonly: e.readonly
-        }, c), {
-          prepend: i((o) => [
-            a(e.$slots, "prepend", l(t(o)))
-          ]),
-          loading: i((o) => [
-            a(e.$slots, "loading", l(t(o)))
-          ]),
-          "no-data": i((o) => [
-            a(e.$slots, "no-data", l(t(o)))
-          ]),
-          "option:prepend": i((o) => [
-            a(e.$slots, "option:prepend", l(t(o)))
-          ]),
-          icon: i((o) => [
-            a(e.$slots, "icon", l(t(o)))
-          ]),
-          label: i((o) => [
-            a(e.$slots, "label", l(t(o)))
-          ]),
-          "option:append": i((o) => [
-            a(e.$slots, "option:append", l(t(o)))
-          ]),
-          append: i((o) => [
-            a(e.$slots, "append", l(t(o)))
-          ]),
-          _: 2
-        }, 1040, ["id", "aria-describedby", "autofocus", "color", "dependencies", "deps-debounce-time", "direction", "disabled", "enforce-coherence", "has-errors", "hide-label", "item-text", "item-value", "items", "loading-text", "max", "model-value", "model-value-debounce-time", "name", "no-data-text", "readonly"])
-      ]),
-      _: 3
-    }, 8, ["id", "compact", "direction", "errors", "has-errors", "hide-label", "hint", "input-position", "label", "label-position", "name", "reverse", "show-hint"]));
-  }
-});
-export {
-  E as default
-};
+import e from "./index121.js";
+//#region src/components/Transitions/ScaleFade.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/index123.js

@@ -0,0 +1,8 @@
+//#region src/utilities/functions/range.ts
+function e(e, t, n = 1) {
+	let r = Math.max(Math.ceil((t - e) / n), 0), i = Array(r);
+	for (let t = 0; t < r; t++, e += n) i[t] = e;
+	return i;
+}
+//#endregion
+export { e as range };