bitboss-ui 2.1.119 → 2.1.121

package/dist/index26.js

@@ -1,184 +1,4 @@
-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 "./index281.js";
-import { useId as D } from "./index8.js";
-import { useLocale as j } from "./index228.js";
-import { useMobile as G } from "./index9.js";
-import { useUntil as J } from "./index249.js";
-import { wait as w } from "./index145.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
-};
+//#region src/utilities/functions/isNotNil.ts
+var e = (e) => e != null;
+//#endregion
+export { e as isNotNil };

package/dist/index260.js

@@ -1,5 +1,160 @@
-import { isNil as r } from "./index239.js";
-const e = (t) => r(t) ? !0 : Array.isArray(t) || typeof t == "string" ? t.length === 0 : t instanceof Map || t instanceof Set ? t.size === 0 : typeof t == "number" ? Number.isNaN(t) : typeof t == "boolean" || typeof t == "function" ? !1 : typeof t == "object" ? "length" in t && typeof t.length == "number" ? t.length === 0 : Object.keys(t).length === 0 : !1;
-export {
-  e as isEmpty
-};
+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 };

package/dist/index262.js

@@ -1,7 +1,6 @@
-import { getDefaultExportFromCjs as r } from "./index344.js";
-import { __require as o } from "./index312.js";
-var t = o();
-const s = /* @__PURE__ */ r(t);
-export {
-  s as default
-};
+import e from "./index260.js";
+/* empty css         */
+//#region src/components/BbDatePickerInput/BbDatePickerInput.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/index263.js

@@ -1,7 +1,60 @@
-import { getDefaultExportFromCjs as r } from "./index344.js";
-import { __require as e } from "./index314.js";
-var t = e();
-const m = /* @__PURE__ */ r(t);
-export {
-  m as default
-};
+import e from "./index139.js";
+import { createBlock as t, defineComponent as n, guardReactiveProps as r, mergeModels as i, mergeProps as a, normalizeProps as o, openBlock as s, renderSlot as c, toHandlers as l, useModel as u, withCtx as d } from "vue";
+//#region src/components/BbDialog/BbDialog.vue?vue&type=script&setup=true&lang.ts
+var f = /* @__PURE__ */ n({
+	__name: "BbDialog",
+	props: /* @__PURE__ */ i({
+		closeLabel: {},
+		compact: { type: Boolean },
+		description: {},
+		disabled: { type: Boolean },
+		eager: { type: Boolean },
+		focusTarget: {},
+		fullscreen: { type: [Boolean, String] },
+		hideHeader: { type: Boolean },
+		overlayClasses: {},
+		panelClasses: {},
+		persistent: { type: Boolean },
+		showClose: {
+			type: Boolean,
+			default: !0
+		},
+		size: {},
+		title: {},
+		transitionDuration: {}
+	}, {
+		modelValue: {
+			type: Boolean,
+			default: !1
+		},
+		modelModifiers: {}
+	}),
+	emits: /* @__PURE__ */ i([
+		"show",
+		"hide",
+		"shown",
+		"hidden"
+	], ["update:modelValue"]),
+	setup(n, { emit: i }) {
+		let f = n, p = i, m = {
+			hide: () => p("hide"),
+			hidden: () => p("hidden"),
+			show: () => p("show"),
+			shown: () => p("shown")
+		}, h = u(n, "modelValue");
+		return (n, i) => (s(), t(e, a(f, {
+			modelValue: h.value,
+			"onUpdate:modelValue": i[0] ||= (e) => h.value = e
+		}, l(m)), {
+			close: d((e) => [c(n.$slots, "close", o(r(e)))]),
+			default: d((e) => [c(n.$slots, "default", o(r(e)))]),
+			description: d((e) => [c(n.$slots, "description", o(r(e)))]),
+			footer: d((e) => [c(n.$slots, "footer", o(r(e)))]),
+			header: d((e) => [c(n.$slots, "header", o(r(e)))]),
+			title: d((e) => [c(n.$slots, "title", o(r(e)))]),
+			_: 3
+		}, 16, ["modelValue"]));
+	}
+});
+//#endregion
+export { f as default };

package/dist/index265.js

@@ -1,7 +1,6 @@
-import { getDefaultExportFromCjs as e } from "./index344.js";
-import { __require as r } from "./index318.js";
-var o = r();
-const f = /* @__PURE__ */ e(o);
-export {
-  f as default
-};
+import e from "./index263.js";
+/* empty css         */
+//#region src/components/BbDialog/BbDialog.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/index266.js

@@ -1,8 +1,134 @@
-function e(t, r) {
-  if (!/\d{4}-\d{2}-\d{2}/.test(t))
-    throw new Error(`${r} must be in the format YYYY-MM-DD`);
-  return t;
-}
-export {
-  e as validateDateFormat
-};
+import e from "./index36.js";
+import { useLocale as t } from "./index42.js";
+import n from "./index219.js";
+import r from "./index234.js";
+import i from "./index254.js";
+import { computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createSlots as u, createVNode as d, defineComponent as f, guardReactiveProps as p, mergeProps as m, normalizeProps as h, openBlock as g, ref as _, renderList as v, renderSlot as y, toDisplayString as b, unref as x, withCtx as S } from "vue";
+//#region src/components/BbDropdownButton/BbDropdownButton.vue?vue&type=script&setup=true&lang.ts
+var C = { class: "bb-dropdown-button__content" }, w = {
+	key: 1,
+	class: "bb-dropdown-button__loading-label sr-only"
+}, T = { class: "bb-dropdown-button__dropdown-label sr-only" }, E = /* @__PURE__ */ f({
+	__name: "BbDropdownButton",
+	props: {
+		arrowPadding: {},
+		disabled: { type: Boolean },
+		eager: { type: Boolean },
+		id: {},
+		items: {},
+		offset: {},
+		padding: {},
+		placement: {},
+		theme: { default: "default" },
+		transitionDuration: {},
+		width: {},
+		autoLoading: {
+			type: Boolean,
+			default: !0
+		},
+		"append:icon": {},
+		block: { type: Boolean },
+		disabledWhileLoading: {
+			type: Boolean,
+			default: !0
+		},
+		loading: { type: Boolean },
+		"prepend:icon": {},
+		size: {}
+	},
+	setup(f) {
+		let E = f, { t: D } = t(), O = _(0), k = a(() => E.loading || !!O.value && E.autoLoading), A = (e) => async (...t) => {
+			k.value && E.disabledWhileLoading || (O.value++, await e(...t), O.value--);
+		}, j = a(() => E.items.map((e) => e.onClick ? {
+			...e,
+			key: e.key.split(/\W+/g).join("_").toLowerCase(),
+			onClick: A(e.onClick)
+		} : {
+			...e,
+			key: e.key.split(/\W+/g).join("_").toLowerCase()
+		})), M = a(() => {
+			let e = { ...j.value[0] };
+			return e.disabled = e.disabled || E.disabled, e;
+		}), N = typeof E.size == "string" ? { default: E.size } : {
+			default: "md",
+			...E.size
+		}, P = Object.entries(N).reduce((e, [t, n]) => (t === "default" ? e[`data-${n}`] = "" : e[`data-${t}:${n}`] = "", e), {});
+		return (t, a) => (g(), c("span", m({ class: ["bb-dropdown-button", {
+			"bb-dropdown-button--block": t.block,
+			"bb-dropdown-button--loading": k.value,
+			[`bb-dropdown-button--${t.theme}`]: !0
+		}] }, x(P)), [d(e, m(M.value, { class: "bb-dropdown-button__main-btn" }), {
+			default: S(() => [
+				d(x(i), { class: "bb-dropdown-button__spinner" }),
+				E["prepend:icon"] ? (g(), o(x(n), {
+					key: 0,
+					class: "bb-dropdown-button__prepend-icon",
+					type: E["prepend:icon"]
+				}, null, 8, ["type"])) : s("", !0),
+				l("span", C, b(M.value.text), 1),
+				k.value ? (g(), c("span", w, b(x(D)("common.loadingText").value), 1)) : s("", !0),
+				E["append:icon"] ? (g(), o(x(n), {
+					key: 2,
+					class: "bb-dropdown-button__append-icon",
+					type: E["append:icon"]
+				}, null, 8, ["type"])) : s("", !0)
+			]),
+			_: 1
+		}, 16), d(r, {
+			id: t.id,
+			"arrow-padding": t.arrowPadding,
+			disabled: t.disabled,
+			eager: t.eager,
+			items: j.value,
+			offset: t.offset,
+			padding: t.padding,
+			placement: t.placement,
+			theme: t.theme,
+			"transition-duration": t.transitionDuration,
+			width: t.width
+		}, u({
+			activator: S(({ props: n, open: r, disabled: i, placement: o }) => [y(t.$slots, "activator", {
+				disabled: i,
+				open: r,
+				placement: o,
+				props: n
+			}, () => [d(e, m(n, { class: "bb-dropdown-button__dropdown-btn" }), {
+				default: S(() => [l("span", T, b(r ? x(D)("dropdownButton.close").value : x(D)("dropdownButton.open").value), 1), y(t.$slots, "right-btn", {
+					disabled: i,
+					open: r,
+					placement: o
+				}, () => [a[0] ||= l("svg", {
+					class: "bb-dropdown-button__dropdown-chevron",
+					viewBox: "0 0 24 24",
+					xmlns: "http://www.w3.org/2000/svg"
+				}, [l("path", {
+					d: "M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6l-6 6l1.41 1.41Z",
+					fill: "currentColor"
+				})], -1)])]),
+				_: 2
+			}, 1040)])]),
+			prepend: S((e) => [y(t.$slots, "prepend", h(p(e)))]),
+			"item:prepend": S((e) => [y(t.$slots, "item:prepend", h(p(e)))]),
+			"item:append": S((e) => [y(t.$slots, "item:append", h(p(e)))]),
+			append: S((e) => [y(t.$slots, "append", h(p(e)))]),
+			_: 2
+		}, [v(j.value, (e) => ({
+			name: e.key,
+			fn: S((n) => [y(t.$slots, e.key, h(p(n)))])
+		}))]), 1032, [
+			"id",
+			"arrow-padding",
+			"disabled",
+			"eager",
+			"items",
+			"offset",
+			"padding",
+			"placement",
+			"theme",
+			"transition-duration",
+			"width"
+		])], 16));
+	}
+});
+//#endregion
+export { E as default };