bitboss-ui 2.1.128 → 2.1.130

package/dist/index260.js

@@ -1,160 +1,54 @@
-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"
-		]));
-	}
+import { defineComponent as b, computed as c, createElementBlock as l, openBlock as a, createElementVNode as h, Fragment as p, renderList as k, createBlock as f, normalizeClass as y, withCtx as M, createTextVNode as x, toDisplayString as B } from "vue";
+import C from "./index14.js";
+/* empty css        */
+const v = {
+  "aria-label": "Month selector",
+  class: "bb-base-date-picker__button-menu bb-base-date-picker__month-selector",
+  role: "listbox"
+}, g = { class: "content" }, N = /* @__PURE__ */ b({
+  __name: "BaseDatePickerMonthSelector",
+  props: {
+    cursor: {},
+    disabled: { type: Boolean }
+  },
+  emits: ["update:month"],
+  setup(d, { emit: i }) {
+    const o = d, m = i, u = c(() => o.cursor.month()), _ = c(() => {
+      const t = o.cursor.clone().startOf("year"), n = u.value;
+      return Array.from({ length: 12 }, (e, r) => {
+        const s = t.add(r, "month");
+        return {
+          text: s.format("MMMM"),
+          key: s.unix(),
+          selected: r === n,
+          handler: () => m("update:month", r)
+        };
+      });
+    });
+    return (t, n) => (a(), l("div", v, [
+      h("div", g, [
+        (a(!0), l(p, null, k(_.value, (e) => (a(), f(C, {
+          key: e.key,
+          "aria-label": e.text,
+          "aria-selected": e.selected,
+          class: y({
+            content__btn: !0,
+            "content__btn--selected": e.selected
+          }),
+          disabled: t.disabled,
+          role: "option",
+          type: "button",
+          onClick: e.handler
+        }, {
+          default: M(() => [
+            x(B(e.text), 1)
+          ]),
+          _: 2
+        }, 1032, ["aria-label", "aria-selected", "class", "disabled", "onClick"]))), 128))
+      ])
+    ]));
+  }
 });
-//#endregion
-export { p as default };
+export {
+  N as default
+};

package/dist/index261.js

@@ -0,0 +1,34 @@
+import { defineComponent as c, createBlock as l, openBlock as m, Transition as u, withCtx as f, renderSlot as d } from "vue";
+const y = /* @__PURE__ */ c({
+  __name: "ScaleFade",
+  props: {
+    duration: { default: 200 },
+    scaleFrom: { default: 0.97 }
+  },
+  setup(n) {
+    const t = n, a = (s) => {
+      const e = s;
+      e.style.opacity = "0", e.style.transform = `scale(${t.scaleFrom})`, e.style.transformOrigin = "center top";
+    }, r = (s, e) => {
+      const o = s;
+      o.style.transition = `opacity ${t.duration}ms ease-out, transform ${t.duration}ms cubic-bezier(0.34, 1.56, 0.64, 1)`, o.offsetHeight, o.style.opacity = "1", o.style.transform = "scale(1)", setTimeout(e, t.duration);
+    }, i = (s, e) => {
+      const o = s;
+      o.style.transition = `opacity ${t.duration}ms ease-in, transform ${t.duration}ms ease-in`, o.style.opacity = "0", o.style.transform = `scale(${t.scaleFrom})`, setTimeout(e, t.duration);
+    };
+    return (s, e) => (m(), l(u, {
+      css: !1,
+      onBeforeEnter: a,
+      onEnter: r,
+      onLeave: i
+    }, {
+      default: f(() => [
+        d(s.$slots, "default")
+      ]),
+      _: 3
+    }));
+  }
+});
+export {
+  y as default
+};

package/dist/index262.js

@@ -1,6 +1,62 @@
-import e from "./index260.js";
-/* empty css         */
-//#region src/components/BbDatePickerInput/BbDatePickerInput.vue
-var t = e;
-//#endregion
-export { t as default };
+import { defineComponent as g, ref as i, computed as d, onMounted as h, createElementBlock as m, openBlock as u, createElementVNode as y, Fragment as x, renderList as B, createBlock as C, normalizeClass as S, withCtx as T, createTextVNode as E, toDisplayString as w } from "vue";
+import { range as H } from "./index355.js";
+import M from "./index14.js";
+/* empty css        */
+const n = 10, l = 3, V = /* @__PURE__ */ g({
+  __name: "BaseDatePickerYearSelector",
+  props: {
+    cursor: {},
+    disabled: { type: Boolean }
+  },
+  emits: ["update:year"],
+  setup(p, { emit: _ }) {
+    const f = p, b = _, o = i(), r = d(() => f.cursor.year()), c = i(r.value - n * l), s = i(r.value + n * l), v = d(
+      () => H(c.value, s.value).map((e) => ({
+        text: e,
+        key: e,
+        selected: e === r.value,
+        handler: () => b("update:year", e)
+      }))
+    ), k = (e) => {
+      const t = e.target;
+      t.scrollTop <= 100 ? c.value = Math.max(
+        c.value - n * l,
+        r.value - 200
+      ) : t.scrollHeight - t.scrollTop === t.clientHeight && (s.value = Math.min(s.value + n * l, 2101));
+    };
+    return h(() => {
+      if (!o.value) return;
+      const e = o.value.querySelector(
+        ".content__btn--selected"
+      );
+      e && (e.parentElement.scrollTop = e.offsetTop - e.parentElement.clientHeight / 2 + 16);
+    }), (e, t) => (u(), m("div", {
+      ref_key: "container",
+      ref: o,
+      class: "bb-base-date-picker__button-menu bb-base-date-picker__year-selector scrollbar-border"
+    }, [
+      y("div", {
+        class: "content",
+        onScrollPassive: k
+      }, [
+        (u(!0), m(x, null, B(v.value, (a) => (u(), C(M, {
+          key: a.key,
+          class: S({
+            content__btn: !0,
+            "content__btn--selected": a.selected
+          }),
+          disabled: e.disabled,
+          onClick: a.handler
+        }, {
+          default: T(() => [
+            E(w(a.text), 1)
+          ]),
+          _: 2
+        }, 1032, ["class", "disabled", "onClick"]))), 128))
+      ], 32)
+    ], 512));
+  }
+});
+export {
+  V as default
+};

package/dist/index263.js

@@ -1,60 +1,6 @@
-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 };
+function e(n) {
+  return n ? n instanceof HTMLElement ? n : typeof n == "object" && "$el" in n && n.$el instanceof HTMLElement ? n.$el : typeof n == "object" && "el" in n && n.el instanceof HTMLElement ? n.el : null : null;
+}
+export {
+  e as extractDomContainer
+};