bitboss-ui 2.1.129 → 2.1.130

package/dist/index112.js

@@ -1,25 +1,191 @@
-import { Transition as e, computed as t, createBlock as n, defineComponent as r, normalizeStyle as i, openBlock as a, renderSlot as o, withCtx as s } from "vue";
-//#region src/components/Transitions/Slide.vue?vue&type=script&setup=true&lang.ts
-var c = /* @__PURE__ */ r({
-	__name: "Slide",
-	props: {
-		direction: { default: "right" },
-		duration: { default: 500 },
-		gap: { default: 0 }
-	},
-	setup(r) {
-		let c = r, l = t(() => `bb-slide-in-${c.direction}`);
-		return (t, r) => (a(), n(e, {
-			name: l.value,
-			style: i({
-				"--transition-duration": `${t.duration}ms`,
-				"--gap": `${t.gap}px`
-			})
-		}, {
-			default: s(() => [o(t.$slots, "default", {}, void 0, !0)]),
-			_: 3
-		}, 8, ["name", "style"]));
-	}
+import { defineComponent as f, ref as y, computed as g, createBlock as v, openBlock as B, withCtx as a, createVNode as $, mergeProps as w, renderSlot as n, normalizeProps as l, guardReactiveProps as i } from "vue";
+import T from "./index28.js";
+/* empty css        */
+import V from "./index38.js";
+/* empty css        */
+const F = /* @__PURE__ */ f({
+  __name: "BbSelect",
+  props: {
+    allowWriting: { type: [Boolean, String], default: !0 },
+    "append:icon": {},
+    autocomplete: {},
+    autofocus: {},
+    clearable: { type: Boolean },
+    comma: { type: Boolean },
+    compact: { type: Boolean },
+    dependencies: {},
+    depsDebounceTime: {},
+    direction: {},
+    disabled: { type: Boolean },
+    enforceCoherence: { type: Boolean },
+    errors: {},
+    filterBy: { type: [String, Array, Boolean, Function, null], default: () => [] },
+    groupBy: {},
+    hasErrors: { type: Boolean },
+    hideLabel: { type: Boolean },
+    hint: {},
+    id: {},
+    items: {},
+    headerHeight: {},
+    itemHeight: {},
+    itemText: {},
+    itemValue: {},
+    label: {},
+    labelPosition: {},
+    loading: { type: Boolean },
+    loadingText: {},
+    max: {},
+    maxSelectedLabels: {},
+    modelValue: {},
+    modelValueDebounceTime: {},
+    multiple: { type: Boolean },
+    name: {},
+    noDataText: {},
+    persistentHint: { type: Boolean },
+    placeholder: {},
+    prefill: { type: [Boolean, String], default: "focus" },
+    "prepend:icon": {},
+    required: { type: Boolean },
+    queryDebounceTime: {},
+    readonly: { type: Boolean },
+    reverse: { type: Boolean },
+    selectedLabelsFn: {},
+    showChevron: { type: Boolean, default: !0 },
+    stash: { type: Boolean },
+    transitionDuration: {},
+    updateOnAnimationFrame: { type: Boolean }
+  },
+  emits: ["blur", "change", "click", "focus", "inactive", "input", "update:modelValue", "option:add"],
+  setup(d, { emit: u }) {
+    const r = d, t = u, s = y(!1), m = g(() => r.persistentHint || s.value), h = {
+      onBlur: (e) => t("blur", e),
+      onChange: (e) => t("change", e),
+      onClick: (e) => t("click", e),
+      "onOption:add": (e) => t("option:add", e),
+      onFocus: (e) => {
+        s.value = !0, t("focus", e);
+      },
+      onInactive: () => {
+        s.value = !1, t("inactive");
+      },
+      onInput: (e) => t("input", e),
+      "onUpdate:modelValue": (e) => t("update:modelValue", e)
+    };
+    return (e, D) => (B(), v(T, {
+      id: e.id,
+      class: "bb-select",
+      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": m.value
+    }, {
+      label: a((p) => [
+        n(e.$slots, "label", l(i(p)))
+      ]),
+      input: a(({ id: p, hasErrors: c, ariaDescribedby: b }) => [
+        $(V, w({
+          id: p,
+          "allow-writing": e.allowWriting,
+          "append:icon": r["append:icon"],
+          "aria-describedby": b,
+          autocomplete: e.autocomplete,
+          autofocus: e.autofocus,
+          clearable: e.clearable,
+          comma: e.comma,
+          compact: e.compact,
+          dependencies: e.dependencies,
+          "deps-debounce-time": e.depsDebounceTime,
+          disabled: e.disabled,
+          "enforce-coherence": e.enforceCoherence,
+          "filter-by": e.filterBy,
+          "group-by": e.groupBy,
+          "has-errors": c,
+          "header-height": e.headerHeight,
+          "item-height": e.itemHeight,
+          "item-text": e.itemText,
+          "item-value": e.itemValue,
+          items: e.items,
+          loading: e.loading,
+          "loading-text": e.loadingText,
+          max: e.max,
+          "max-selected-labels": e.maxSelectedLabels,
+          "model-value": e.modelValue,
+          "model-value-debounce-time": e.modelValueDebounceTime,
+          multiple: e.multiple,
+          name: e.name,
+          "no-data-text": e.noDataText,
+          placeholder: e.placeholder,
+          prefill: e.prefill,
+          "prepend:icon": r["prepend:icon"],
+          "query-debounce-time": e.queryDebounceTime,
+          readonly: e.readonly,
+          required: e.required,
+          "selected-labels-fn": e.selectedLabelsFn,
+          "show-chevron": e.showChevron,
+          stash: e.stash,
+          "transition-duration": e.transitionDuration,
+          "update-on-animation-frame": e.updateOnAnimationFrame
+        }, h), {
+          "append-outer": a((o) => [
+            n(e.$slots, "append-outer", l(i(o)))
+          ]),
+          append: a((o) => [
+            n(e.$slots, "append", l(i(o)))
+          ]),
+          prefix: a((o) => [
+            n(e.$slots, "prefix", l(i(o)))
+          ]),
+          chevron: a((o) => [
+            n(e.$slots, "chevron", l(i(o)))
+          ]),
+          loading: a((o) => [
+            n(e.$slots, "loading", l(i(o)))
+          ]),
+          "no-data": a((o) => [
+            n(e.$slots, "no-data", l(i(o)))
+          ]),
+          option: a((o) => [
+            n(e.$slots, "option", l(i(o)))
+          ]),
+          group: a((o) => [
+            n(e.$slots, "group", l(i(o)))
+          ]),
+          "options:append": a((o) => [
+            n(e.$slots, "options:append", l(i(o)))
+          ]),
+          "options:append:outer": a((o) => [
+            n(e.$slots, "options:append:outer", l(i(o)))
+          ]),
+          "options:prepend": a((o) => [
+            n(e.$slots, "options:prepend", l(i(o)))
+          ]),
+          "options:prepend:outer": a((o) => [
+            n(e.$slots, "options:prepend:outer", l(i(o)))
+          ]),
+          "prepend-outer": a((o) => [
+            n(e.$slots, "prepend-outer", l(i(o)))
+          ]),
+          prepend: a((o) => [
+            n(e.$slots, "prepend", l(i(o)))
+          ]),
+          suffix: a((o) => [
+            n(e.$slots, "suffix", l(i(o)))
+          ]),
+          _: 2
+        }, 1040, ["id", "allow-writing", "append:icon", "aria-describedby", "autocomplete", "autofocus", "clearable", "comma", "compact", "dependencies", "deps-debounce-time", "disabled", "enforce-coherence", "filter-by", "group-by", "has-errors", "header-height", "item-height", "item-text", "item-value", "items", "loading", "loading-text", "max", "max-selected-labels", "model-value", "model-value-debounce-time", "multiple", "name", "no-data-text", "placeholder", "prefill", "prepend:icon", "query-debounce-time", "readonly", "required", "selected-labels-fn", "show-chevron", "stash", "transition-duration", "update-on-animation-frame"])
+      ]),
+      _: 3
+    }, 8, ["id", "compact", "direction", "errors", "has-errors", "hide-label", "hint", "label", "label-position", "model-value", "name", "reverse", "show-hint"]));
+  }
 });
-//#endregion
-export { c as default };
+export {
+  F as default
+};

package/dist/index114.js

@@ -1,7 +1,116 @@
-import e from "./index64.js";
-import t from "./index112.js";
-/* empty css         */
-//#region src/components/Transitions/Slide.vue
-var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-0df1a438"]]);
-//#endregion
-export { n as default };
+import { defineComponent as v, ref as y, computed as f, createBlock as B, openBlock as k, withCtx as a, createVNode as w, mergeProps as $, renderSlot as n, normalizeProps as i, guardReactiveProps as l } from "vue";
+import g from "./index28.js";
+/* empty css        */
+import P from "./index40.js";
+/* empty css        */
+const S = /* @__PURE__ */ v({
+  __name: "BbSlider",
+  props: {
+    autofocus: {},
+    color: {},
+    compact: { type: Boolean },
+    direction: {},
+    disabled: { type: Boolean },
+    errors: {},
+    hasErrors: { type: Boolean },
+    hideLabel: { type: Boolean },
+    hint: {},
+    id: {},
+    label: {},
+    labelPosition: {},
+    max: {},
+    min: {},
+    modelValue: {},
+    name: {},
+    persistentHint: { type: Boolean },
+    range: { type: Boolean },
+    readonly: { type: Boolean },
+    required: { type: Boolean },
+    reverse: { type: Boolean },
+    step: {},
+    thumbTranslate: { type: Boolean, default: !0 },
+    ticks: { type: Boolean }
+  },
+  emits: ["active", "inactive", "click", "focus", "keydown", "pointerdown", "pointermove", "pointerup", "update:modelValue"],
+  setup(d, { emit: m }) {
+    const p = d, r = m, s = y(!1), u = f(() => p.persistentHint || s.value), b = {
+      onActive: () => {
+        s.value = !0, r("active");
+      },
+      onClick: (e) => r("click", e),
+      onFocus: (e) => r("focus", e),
+      onInactive: () => {
+        s.value = !1, r("inactive");
+      },
+      onKeydown: (e) => r("keydown", e),
+      onPointerdown: (e) => r("pointerdown", e),
+      onPointermove: (e) => r("pointermove", e),
+      onPointerup: (e) => r("pointerup", e),
+      "onUpdate:modelValue": (e) => r("update:modelValue", e)
+    };
+    return (e, V) => (k(), B(g, {
+      id: e.id,
+      class: "bb-slider",
+      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": u.value
+    }, {
+      label: a((t) => [
+        n(e.$slots, "label", i(l(t)))
+      ]),
+      input: a(({ id: t, hasErrors: h, ariaDescribedby: c }) => [
+        w(P, $({
+          id: t,
+          "aria-describedby": c,
+          autofocus: e.autofocus,
+          color: e.color,
+          disabled: e.disabled,
+          "has-errors": h,
+          max: e.max,
+          min: e.min,
+          "model-value": e.modelValue,
+          name: e.name,
+          range: e.range,
+          readonly: e.readonly,
+          required: e.required,
+          step: e.step,
+          "thumb-translate": e.thumbTranslate,
+          ticks: e.ticks
+        }, b), {
+          append: a((o) => [
+            n(e.$slots, "append", i(l(o)))
+          ]),
+          prepend: a((o) => [
+            n(e.$slots, "prepend", i(l(o)))
+          ]),
+          thumb: a((o) => [
+            n(e.$slots, "thumb", i(l(o)))
+          ]),
+          "thumb:lower": a((o) => [
+            n(e.$slots, "thumb:lower", i(l(o)))
+          ]),
+          "thumb:higher": a((o) => [
+            n(e.$slots, "thumb:higher", i(l(o)))
+          ]),
+          tick: a((o) => [
+            n(e.$slots, "tick", i(l(o)))
+          ]),
+          _: 2
+        }, 1040, ["id", "aria-describedby", "autofocus", "color", "disabled", "has-errors", "max", "min", "model-value", "name", "range", "readonly", "required", "step", "thumb-translate", "ticks"])
+      ]),
+      _: 3
+    }, 8, ["id", "compact", "direction", "errors", "has-errors", "hide-label", "hint", "label", "label-position", "model-value", "name", "reverse", "show-hint"]));
+  }
+});
+export {
+  S as default
+};

package/dist/index116.js

@@ -1,5 +1,58 @@
-import e from "./index115.js";
-//#region src/components/BaseDatePicker/BaseDatePickerInputDaySelector.vue
-var t = e;
-//#endregion
-export { t as default };
+import { defineComponent as y, ref as s, onMounted as b, onBeforeUnmount as z, createBlock as c, openBlock as v, resolveDynamicComponent as m, normalizeStyle as O, withCtx as d, renderSlot as _ } from "vue";
+const k = /* @__PURE__ */ y({
+  __name: "BbSmoothHeight",
+  props: {
+    mutationOptions: { default: () => ({ childList: !0 }) },
+    resizeOptions: {},
+    strategy: { default: "resize" },
+    tag: { default: "div" },
+    transitionDuration: { default: 200 }
+  },
+  setup(h) {
+    const n = h, u = s(null), e = s(null), l = s(null);
+    let o = null, i = null, a = null;
+    function r(t) {
+      u.value && (u.value.style.height = `${t}px`);
+    }
+    function f(t) {
+      a = t, o === null && (o = requestAnimationFrame(() => {
+        a !== null && (r(a), a = null), o = null;
+      })), i !== null && clearTimeout(i), i = setTimeout(() => {
+        e.value && r(e.value.scrollHeight), i = null;
+      }, n.transitionDuration);
+    }
+    function p(t) {
+      t.length > 0 && f(t[0].contentRect.height);
+    }
+    function g() {
+      e.value && f(e.value.scrollHeight);
+    }
+    return globalThis.ResizeObserver && (b(() => {
+      n.strategy === "resize" ? e.value && (l.value = new ResizeObserver(p), l.value.observe(e.value, n.resizeOptions)) : n.strategy === "mutation" && e.value && (l.value = new MutationObserver(g), l.value.observe(e.value, n.mutationOptions)), e.value && r(e.value.scrollHeight);
+    }), z(() => {
+      l.value && l.value.disconnect(), o !== null && cancelAnimationFrame(o), i !== null && clearTimeout(i);
+    })), (t, H) => (v(), c(m(t.tag), {
+      ref_key: "container",
+      ref: u,
+      class: "bb-smooth-height",
+      style: O({ "transition-duration": n.transitionDuration / 1e3 + "s" })
+    }, {
+      default: d(() => [
+        (v(), c(m(t.tag), {
+          ref_key: "content",
+          ref: e,
+          class: "content"
+        }, {
+          default: d(() => [
+            _(t.$slots, "default")
+          ]),
+          _: 3
+        }, 512))
+      ]),
+      _: 3
+    }, 8, ["style"]));
+  }
+});
+export {
+  k as default
+};

package/dist/index118.js

@@ -1,5 +1,40 @@
-import e from "./index117.js";
-//#region src/components/BaseDatePicker/BaseDatePickerHeader.vue
-var t = e;
-//#endregion
-export { t as default };
+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 "./index234.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
+};

package/dist/index12.js

@@ -1,11 +1,42 @@
-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()
-	};
+import { nanoid as p } from "./index150.js";
+import { reactive as d } from "vue";
+import { wait as h } from "./index147.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
 };
-//#endregion
-export { r as useId };

package/dist/index120.js

@@ -1,5 +1,100 @@
-import e from "./index119.js";
-//#region src/components/BaseDatePicker/BaseDatePickerMonthSelector.vue
-var t = e;
-//#endregion
-export { t as default };
+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
+};