bitboss-ui 2.1.129 → 2.1.131

package/dist/index26.js

@@ -1,4 +1,184 @@
-//#region src/utilities/functions/isNotNil.ts
-var e = (e) => e != null;
-//#endregion
-export { e as isNotNil };
+import { defineComponent as I, mergeModels as M, useModel as W, computed as h, ref as g, watch as N, onMounted as P, createElementBlock as n, openBlock as r, withModifiers as F, normalizeStyle as O, normalizeClass as q, unref as y, createCommentVNode as f, Fragment as A, createElementVNode as a, renderSlot as s, createTextVNode as K, toDisplayString as T, nextTick as R } from "vue";
+import { parseSize as U } from "./index277.js";
+import { useId as D } from "./index8.js";
+import { useLocale as j } from "./index230.js";
+import { useMobile as G } from "./index9.js";
+import { useUntil as J } from "./index267.js";
+import { wait as w } from "./index147.js";
+import { _config as Q } from "./index4.js";
+const X = ["aria-describedby", "aria-labelledby", "aria-live", "inert"], Y = {
+  key: 0,
+  ref: "header",
+  class: "bb-base-dialog__header"
+}, Z = { class: "bb-base-dialog__close" }, x = ["aria-label", "disabled"], ee = {
+  ref: "body",
+  class: "bb-base-dialog__body scrollbar-border"
+}, oe = { class: "bb-base-dialog__body-content" }, te = {
+  ref: "footer",
+  class: "bb-base-dialog__footer"
+}, ce = /* @__PURE__ */ I({
+  __name: "BaseDialog",
+  props: /* @__PURE__ */ M({
+    closeLabel: {},
+    compact: { type: Boolean },
+    description: {},
+    disabled: { type: Boolean },
+    eager: { type: Boolean },
+    focusTarget: {},
+    fullscreen: { type: [Boolean, String] },
+    hideHeader: { type: Boolean },
+    overlayClasses: { default: () => [] },
+    panelClasses: { default: () => [] },
+    persistent: { type: Boolean },
+    showClose: { type: Boolean, default: !0 },
+    size: { default: "sm" },
+    title: {},
+    transitionDuration: { default: 300 }
+  }, {
+    modelValue: { type: Boolean, default: !1 },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ M(["show", "hide", "shown", "hidden"], ["update:modelValue"]),
+  setup(k, { emit: $ }) {
+    const o = k, d = $, t = W(k, "modelValue"), { t: E } = j(), S = h(
+      () => o.closeLabel || E("dialog.closeLabel").value
+    ), u = g(null), m = J(
+      () => t.value || o.eager,
+      {
+        initialValue: t.value || o.eager
+      }
+    ), c = `title_${D().id.value}`, p = `description_${D().id.value}`, _ = (e) => {
+      if (e.key === "Escape" && (e.stopImmediatePropagation(), o.disabled || o.persistent))
+        return e.preventDefault(), i.value = !0, w(200).then(() => {
+          i.value = !1;
+        }), !1;
+    }, v = g(0), C = async (e) => {
+      if (e) {
+        if (d("show"), v.value++, window.globalThis?.document && !document.documentElement.style.getPropertyValue("--scrollbar-width") && document.documentElement.style.setProperty(
+          "--scrollbar-width",
+          `${z()}px`
+        ), document.addEventListener("keydown", _, { capture: !0 }), await R(), u.value?.showModal(), o.focusTarget) {
+          const l = u.value?.querySelector(o.focusTarget);
+          l && l instanceof HTMLElement && l.focus();
+        }
+        d("shown");
+      } else {
+        d("hide");
+        const l = v.value;
+        if (await w(o.transitionDuration), l !== v.value) return;
+        window.globalThis?.document && document.removeEventListener("keydown", _, { capture: !0 }), u.value?.close(), d("hidden");
+      }
+    };
+    N(t, C), P(() => {
+      t.value && C(!0);
+    });
+    const V = h(() => L.value ? "100%" : U(o.size, Q.dialogDefaultSizes)), B = (e) => {
+      if (e.preventDefault(), o.disabled || o.persistent)
+        return i.value = !0, w(300).then(() => {
+          i.value = !1;
+        }), !1;
+      b();
+    }, b = () => {
+      t.value = !1;
+    }, i = g(!1), z = () => globalThis.document ? window.innerWidth - document.documentElement.clientWidth : 0, { isMobile: H } = G(), L = h(
+      () => o.fullscreen === !0 || o.fullscreen === "mobile" && H.value
+    );
+    return (e, l) => (r(), n("dialog", {
+      ref_key: "dialog",
+      ref: u,
+      "aria-describedby": y(m) && e.description ? p : void 0,
+      "aria-labelledby": y(m) && e.title && !e.hideHeader ? c : void 0,
+      "aria-live": t.value ? "polite" : "off",
+      class: q([
+        "bb-base-dialog",
+        [
+          {
+            "bb-base-dialog--open": t.value,
+            "bb-base-dialog--fullscreen": L.value,
+            "bb-base-dialog--compact": e.compact,
+            "bb-base-dialog--deny-close": i.value
+          },
+          e.overlayClasses,
+          e.panelClasses
+        ].flat()
+      ]),
+      inert: !t.value,
+      style: O({
+        "--max-width": V.value,
+        "--transition-duration": `${o.transitionDuration}ms`
+      }),
+      onCancel: B,
+      onClick: F(B, ["self"])
+    }, [
+      y(m) ? (r(), n(A, { key: 0 }, [
+        e.hideHeader ? f("", !0) : (r(), n("div", Y, [
+          s(e.$slots, "header", {
+            close: b,
+            title: e.title,
+            titleId: c
+          }, () => [
+            a("span", {
+              id: c,
+              class: "bb-base-dialog__title"
+            }, [
+              s(e.$slots, "title", { text: e.title }, () => [
+                K(T(e.title), 1)
+              ])
+            ]),
+            a("span", Z, [
+              e.showClose ? (r(), n("button", {
+                key: 0,
+                "aria-label": S.value,
+                disabled: o.disabled,
+                type: "button",
+                onClick: b
+              }, [
+                s(e.$slots, "close", {}, () => [
+                  l[0] || (l[0] = a("span", { class: "bb-base-dialog__close-icon" }, [
+                    a("svg", {
+                      "aria-hidden": "true",
+                      fill: "none",
+                      viewBox: "0 0 24 24",
+                      xmlns: "http://www.w3.org/2000/svg"
+                    }, [
+                      a("path", {
+                        d: "M23 23L1 1M23 1L1 23",
+                        stroke: "currentColor",
+                        "stroke-linecap": "round",
+                        "stroke-width": "3"
+                      })
+                    ])
+                  ], -1))
+                ])
+              ], 8, x)) : f("", !0)
+            ])
+          ])
+        ], 512)),
+        a("div", ee, [
+          a("div", oe, [
+            s(e.$slots, "description", {
+              descriptionId: p,
+              text: e.description
+            }, () => [
+              e.description ? (r(), n("div", {
+                key: 0,
+                id: p,
+                class: "bb-base-dialog__description sr-only"
+              }, T(e.description), 1)) : f("", !0)
+            ]),
+            s(e.$slots, "default", {
+              close: b,
+              titleId: c
+            })
+          ])
+        ], 512),
+        a("div", te, [
+          s(e.$slots, "footer")
+        ], 512)
+      ], 64)) : f("", !0)
+    ], 46, X));
+  }
+});
+export {
+  ce as default
+};

package/dist/index260.js

@@ -1,160 +1,20 @@
-import e from "./index135.js";
-import t from "./index145.js";
-import { computed as n, createBlock as r, createVNode as i, defineComponent as a, guardReactiveProps as o, mergeProps as s, normalizeProps as c, openBlock as l, ref as u, renderSlot as d, withCtx as f } from "vue";
-//#region src/components/BbDatePickerInput/BbDatePickerInput.vue?vue&type=script&setup=true&lang.ts
-var p = /* @__PURE__ */ a({
-	__name: "BbDatePickerInput",
-	props: {
-		allowWriting: {
-			type: [Boolean, String],
-			default: !0
-		},
-		"append:icon": {},
-		autocomplete: {},
-		autofocus: {},
-		clearable: { type: Boolean },
-		compact: { type: Boolean },
-		direction: {},
-		disabled: { type: Boolean },
-		errors: {},
-		firstDayOfWeek: {},
-		floating: { type: Boolean },
-		hasErrors: { type: Boolean },
-		hidePopover: { type: [Boolean, String] },
-		hideLabel: { type: Boolean },
-		hint: {},
-		id: {},
-		label: {},
-		labelPosition: {},
-		loading: { type: Boolean },
-		max: {},
-		min: {},
-		modelValue: {},
-		name: {},
-		persistentHint: { type: Boolean },
-		placeholder: {},
-		"prepend:icon": {},
-		range: { type: Boolean },
-		readonly: { type: Boolean },
-		required: { type: Boolean },
-		reverse: { type: Boolean },
-		selectable: {},
-		width: {}
-	},
-	emits: [
-		"active",
-		"error",
-		"focus",
-		"inactive",
-		"update:modelValue"
-	],
-	setup(a, { emit: p }) {
-		let m = a, h = p, g = u(!1), _ = n(() => m.persistentHint || g.value), v = {
-			onError: (e) => h("error", e),
-			onFocus: (e) => h("focus", e),
-			onActive: () => {
-				g.value = !0, h("active");
-			},
-			onInactive: () => {
-				g.value = !1, h("inactive");
-			},
-			"onUpdate:modelValue": (e) => h("update:modelValue", e)
-		};
-		return (n, a) => (l(), r(t, {
-			id: n.id,
-			class: "bb-date-picker-input",
-			compact: n.compact,
-			direction: n.direction,
-			errors: n.errors,
-			"has-errors": n.hasErrors,
-			"hide-label": n.hideLabel,
-			hint: n.hint,
-			label: n.label,
-			"label-position": n.labelPosition,
-			"model-value": n.modelValue,
-			name: n.name,
-			reverse: n.reverse,
-			"show-hint": _.value
-		}, {
-			label: f((e) => [d(n.$slots, "label", c(o(e)))]),
-			input: f(({ id: t, hasErrors: r, ariaDescribedby: a }) => [i(e, s({
-				id: t,
-				"allow-writing": n.allowWriting,
-				"append:icon": n.$props["append:icon"],
-				"aria-describedby": a,
-				autocomplete: n.autocomplete,
-				autofocus: n.autofocus,
-				clearable: n.clearable,
-				compact: n.compact,
-				disabled: n.disabled,
-				"first-day-of-week": n.firstDayOfWeek,
-				floating: n.floating,
-				"has-errors": r,
-				"hide-popover": n.hidePopover,
-				loading: n.loading,
-				max: n.max,
-				min: n.min,
-				"model-value": n.modelValue,
-				name: n.name,
-				placeholder: n.placeholder,
-				"prepend:icon": n.$props["prepend:icon"],
-				range: n.range,
-				readonly: n.readonly,
-				required: n.required,
-				selectable: n.selectable,
-				width: n.width
-			}, v), {
-				"prepend-outer": f(() => [d(n.$slots, "prepend-outer")]),
-				prepend: f(() => [d(n.$slots, "prepend")]),
-				prefix: f(() => [d(n.$slots, "prefix")]),
-				suffix: f(() => [d(n.$slots, "suffix")]),
-				append: f(() => [d(n.$slots, "append")]),
-				"append-outer": f(() => [d(n.$slots, "append-outer")]),
-				_: 2
-			}, 1040, [
-				"id",
-				"allow-writing",
-				"append:icon",
-				"aria-describedby",
-				"autocomplete",
-				"autofocus",
-				"clearable",
-				"compact",
-				"disabled",
-				"first-day-of-week",
-				"floating",
-				"has-errors",
-				"hide-popover",
-				"loading",
-				"max",
-				"min",
-				"model-value",
-				"name",
-				"placeholder",
-				"prepend:icon",
-				"range",
-				"readonly",
-				"required",
-				"selectable",
-				"width"
-			])]),
-			_: 3
-		}, 8, [
-			"id",
-			"compact",
-			"direction",
-			"errors",
-			"has-errors",
-			"hide-label",
-			"hint",
-			"label",
-			"label-position",
-			"model-value",
-			"name",
-			"reverse",
-			"show-hint"
-		]));
-	}
-});
-//#endregion
-export { p as default };
+import { isNotNil as v } from "./index152.js";
+import { computed as t, toValue as h, ref as u, onServerPrefetch as m, onBeforeMount as p } from "vue";
+const g = ({
+  fn: i,
+  trigger: n = !1,
+  multiple: s,
+  currentValue: r
+}) => {
+  const f = t(() => s ? !!r?.length : v(r)), o = t(
+    () => !!h(n) || f.value
+  ), l = u(!1), e = u(!1), c = t(() => o.value || e.value), a = async () => {
+    l.value || e.value || (l.value = !0, await i(!0), l.value = !1, e.value = !0);
+  };
+  return o.value && (m(a), p(async () => {
+    e.value || await a();
+  })), { isPrefilling: l, hasPrefilled: e, canLoad: c, prefill: a };
+};
+export {
+  g as usePrefill
+};

package/dist/index261.js

@@ -0,0 +1,6 @@
+import { curry as e } from "./index333.js";
+const t = (n, o, r) => n(r) ? o(r) : r, s = e(t);
+export {
+  t as baseWhen,
+  s as when
+};

package/dist/index262.js

@@ -1,6 +1,108 @@
-import e from "./index260.js";
-/* empty css         */
-//#region src/components/BbDatePickerInput/BbDatePickerInput.vue
-var t = e;
-//#endregion
-export { t as default };
+import { defineComponent as y, ref as F, computed as H, watch as N, createElementBlock as L, openBlock as p, Fragment as S, renderList as V, createBlock as A, withModifiers as O, normalizeClass as P, withCtx as $, createTextVNode as z, toDisplayString as D } from "vue";
+import { hash as d } from "./index252.js";
+import { isNil as l } from "./index238.js";
+import E from "./index68.js";
+/* empty css        */
+const K = /* @__PURE__ */ y({
+  __name: "ChipsBox",
+  props: {
+    options: {}
+  },
+  emits: ["option:unselected"],
+  setup(f, { expose: v, emit: h }) {
+    const t = f, u = h, n = F(null), i = H(() => t.options.some((e) => !e.disabled)), a = (e = 1) => {
+      const s = l(n.value) ? -1 : n.value;
+      let o = (s + e) % t.options.length;
+      for (; t.options[o].disabled && o !== s; )
+        o = a(e + 1);
+      return o;
+    }, x = () => {
+      if (!i.value) return;
+      const e = a();
+      n.value = e;
+    }, c = (e = 1) => {
+      const s = l(n.value) ? 0 : n.value;
+      let o = (s - e + t.options.length) % t.options.length;
+      for (; t.options[o].disabled && o !== s; )
+        o = c(e + 1);
+      return o;
+    }, m = async () => {
+      if (!i.value) return;
+      const e = c();
+      n.value = e;
+    }, w = () => {
+      if (!i.value) return;
+      let e = 0;
+      for (; t.options[e].disabled; )
+        e++;
+      n.value = e;
+    }, b = () => {
+      if (!i.value) return;
+      let e = t.options.length - 1;
+      for (; t.options[e].disabled && e !== 0; )
+        e--;
+      n.value = e;
+    }, I = () => {
+      if (!i.value) return;
+      let e = 0;
+      for (; !t.options[e].selected && t.options.length !== e; )
+        e++;
+      n.value = e;
+    }, g = () => {
+      if (!i.value) return;
+      let e = t.options.length - 1;
+      for (; t.options[e].selected && e !== 0; )
+        e--;
+      n.value = e;
+    }, _ = (e) => {
+      if (!i.value) return;
+      const s = t.options.findIndex(
+        (o) => o.valueHash === e
+      );
+      s >= 0 && (n.value = s);
+    }, r = () => {
+      n.value = null;
+    }, k = () => {
+      if (l(n.value)) return;
+      const e = t.options[n.value];
+      e.selected && u("option:unselected", e);
+    }, C = () => l(n.value) ? void 0 : t.options[n.value];
+    return N(
+      () => t.options,
+      (e, s) => {
+        d(e) !== d(s) && r();
+      },
+      {
+        flush: "post"
+      }
+    ), v({
+      focusNext: x,
+      focusPrevious: m,
+      focusFirst: w,
+      focusFirstSelected: I,
+      focusLast: b,
+      focusLastSelected: g,
+      blur: r,
+      confirmOption: k,
+      focusByHash: _,
+      getHighlighted: C
+    }), (e, s) => (p(!0), L(S, null, V(e.options, (o, B) => (p(), A(E, {
+      key: o.valueHash,
+      class: P({
+        "bb-chipsbox-item": !0,
+        "bb-chipsbox-item--focused": B === n.value
+      }),
+      clearable: !0,
+      text: o.text,
+      "onClick:clear": O((M) => u("option:unselected", o), ["stop"])
+    }, {
+      default: $(() => [
+        z(D(o.text), 1)
+      ]),
+      _: 2
+    }, 1032, ["class", "text", "onClick:clear"]))), 128));
+  }
+});
+export {
+  K as default
+};

package/dist/index264.js

@@ -0,0 +1,102 @@
+import { defineComponent as F, ref as H, computed as L, watch as N, createElementBlock as d, openBlock as v, Fragment as S, renderList as A, withModifiers as O, normalizeClass as P, toDisplayString as V } from "vue";
+import { hash as f } from "./index252.js";
+import { isNil as i } from "./index238.js";
+const z = ["text", "onClick:clear"], j = /* @__PURE__ */ F({
+  __name: "CommaBox",
+  props: {
+    options: {}
+  },
+  emits: ["option:unselected"],
+  setup(m, { expose: h, emit: x }) {
+    const t = m, a = x, n = H(null), l = L(() => t.options.some((e) => !e.disabled)), u = (e = 1) => {
+      const s = i(n.value) ? -1 : n.value;
+      let o = (s + e) % t.options.length;
+      for (; t.options[o].disabled && o !== s; )
+        o = u(e + 1);
+      return o;
+    }, b = () => {
+      if (!l.value) return;
+      const e = u();
+      n.value = e;
+    }, c = (e = 1) => {
+      const s = i(n.value) ? 0 : n.value;
+      let o = (s - e + t.options.length) % t.options.length;
+      for (; t.options[o].disabled && o !== s; )
+        o = c(e + 1);
+      return o;
+    }, w = async () => {
+      if (!l.value) return;
+      const e = c();
+      n.value = e;
+    }, I = () => {
+      if (!l.value) return;
+      let e = 0;
+      for (; t.options[e].disabled; )
+        e++;
+      n.value = e;
+    }, g = () => {
+      if (!l.value) return;
+      let e = t.options.length - 1;
+      for (; t.options[e].disabled && e !== 0; )
+        e--;
+      n.value = e;
+    }, k = () => {
+      if (!l.value) return;
+      let e = 0;
+      for (; !t.options[e].selected && t.options.length !== e; )
+        e++;
+      n.value = e;
+    }, _ = () => {
+      if (!l.value) return;
+      let e = t.options.length - 1;
+      for (; t.options[e].selected && e !== 0; )
+        e--;
+      n.value = e;
+    }, C = (e) => {
+      if (!l.value) return;
+      const s = t.options.findIndex(
+        (o) => o.valueHash === e
+      );
+      s >= 0 && (n.value = s);
+    }, r = () => {
+      n.value = null;
+    }, y = () => {
+      if (i(n.value)) return;
+      const e = t.options[n.value];
+      e.selected && a("option:unselected", e);
+    }, B = () => i(n.value) ? void 0 : t.options[n.value];
+    return N(
+      () => t.options,
+      (e, s) => {
+        f(e) !== f(s) && r();
+      },
+      {
+        flush: "post"
+      }
+    ), h({
+      focusNext: b,
+      focusPrevious: w,
+      focusFirst: I,
+      focusFirstSelected: k,
+      focusLast: g,
+      focusLastSelected: _,
+      blur: r,
+      confirmOption: y,
+      focusByHash: C,
+      getHighlighted: B
+    }), (e, s) => (v(!0), d(S, null, A(e.options, (o, p) => (v(), d("span", {
+      key: o.valueHash,
+      class: P({
+        "bb-commabox-item": !0,
+        "bb-commabox-item--focused": p === n.value,
+        "bb-commabox-item--has-comma": p !== e.options.length - 1
+      }),
+      clearable: !0,
+      text: o.text,
+      "onClick:clear": O((D) => a("option:unselected", o), ["stop"])
+    }, V(o.text), 43, z))), 128));
+  }
+});
+export {
+  j as default
+};