@7pmlabs/design-system 1.0.8 → 1.0.10

package/dist/design-system.js

@@ -34,8 +34,8 @@ import { BFloatButtonGroupPlacement as ve, BFloatButtonShape as ye, BFloatButton
 import Se from "./design-system85.js";
 import Ce from "./design-system88.js";
 import we from "./design-system91.js";
-import { PIKey as Te, useValidationField as Ee, useValidationForm as $ } from "./design-system92.js";
-import { BFormLabelAlign as De, BFormLayout as Oe, BFormRequiredMark as ke, BFormValidateStatus as Ae, BFormValidateTrigger as je } from "./design-system94.js";
+import { PIKey as Te, useValidationField as Ee, useValidationForm as De } from "./design-system92.js";
+import { BFormLabelAlign as Oe, BFormLayout as ke, BFormRequiredMark as Ae, BFormValidateStatus as $, BFormValidateTrigger as je } from "./design-system94.js";
 import Me from "./design-system97.js";
 import Ne from "./design-system100.js";
 import Pe from "./design-system103.js";
@@ -72,17 +72,25 @@ import gt from "./design-system182.js";
 import _t from "./design-system185.js";
 import vt from "./design-system188.js";
 import yt from "./design-system191.js";
-import { BTimePickerPlacement as bt, BTimePickerSize as xt, BTimePickerStatus as St, BTimePickerVariant as Ct } from "./design-system192.js";
-import wt from "./design-system195.js";
-import Tt from "./design-system198.js";
-import Et from "./design-system201.js";
-import Dt from "./design-system204.js";
-import Ot from "./design-system207.js";
-import kt from "./design-system209.js";
-import At from "./design-system212.js";
-import { BTourPlacement as jt, BTourType as Mt } from "./design-system213.js";
-import Nt from "./design-system216.js";
-import Pt from "./design-system219.js";
-import { BUploadFileStatus as Ft, BUploadListType as It } from "./design-system220.js";
-import Lt from "./design-system223.js";
-export { D as BAlert, ee as BAlertType, O as BAnchor, j as BAutoComplete, k as BAutoCompleteStatus, A as BAutoCompleteVariant, M as BAvatar, te as BAvatarShape, e as BAvatarSize, N as BBadge, t as BBadgeSize, n as BBadgeStatus, P as BBreadcrumb, I as BButton, r as BButtonVariant, L as BCard, R as BCardGrid, z as BCardMeta, i as BCardSize, a as BCardType, W as BCascader, B as BCascaderExpandTrigger, V as BCascaderPlacement, H as BCascaderSize, U as BCascaderStatus, K as BCheckbox, q as BCheckboxGroup, J as BCollapse, J as BCollapseGroup, Y as BCollapsePanel, re as BColorPicker, X as BColorPickerFormat, Z as BColorPickerPlacement, Q as BColorPickerSize, ne as BColorPickerTrigger, o as BCommonColor, s as BCommonSize, le as BDatePicker, ie as BDatePickerPlacement, ae as BDatePickerSize, oe as BDatePickerStatus, se as BDatePickerType, ce as BDatePickerVariant, ue as BDescriptions, de as BDescriptionsItem, fe as BDivider, pe as BDrawer, c as BDrawerPlacement, l as BDrawerSize, ge as BDropdown, me as BDropdownPlacement, he as BDropdownTrigger, _e as BEmpty, u as BEmptyImage, Se as BFloatButton, Ce as BFloatButtonBackTop, we as BFloatButtonGroup, ve as BFloatButtonGroupPlacement, ye as BFloatButtonShape, be as BFloatButtonTrigger, xe as BFloatButtonType, Me as BForm, Ne as BFormItem, De as BFormLabelAlign, Oe as BFormLayout, ke as BFormRequiredMark, Ae as BFormValidateStatus, je as BFormValidateTrigger, F as BIcon, d as BIconSize, f as BIconVariant, Pe as BImage, Le as BInput, Re as BInputNumber, Fe as BInputStatus, Ie as BInputVariant, ze as BMasonry, Ue as BMentions, Be as BMentionsPlacement, Ve as BMentionsStatus, He as BMentionsVariant, Je as BMenu, We as BMenuDivider, Ge as BMenuItem, Ke as BMenuItemGroup, qe as BMenuSubMenu, Ye as BMessage, p as BMessageType, Xe as BModal, Ze as BModalBody, Qe as BModalFooter, $e as BModalHeader, et as BNotification, m as BNotificationPlacement, h as BNotificationType, tt as BPagination, nt as BPopconfirm, g as BPopconfirmPlacement, _ as BPopconfirmTrigger, rt as BPopover, v as BPopoverPlacement, y as BPopoverTrigger, at as BRadio, ot as BRadioButton, st as BRadioGroup, ct as BRate, lt as BSegmented, mt as BSelect, ut as BSelectMode, dt as BSelectPlacement, ft as BSelectStatus, pt as BSelectVariant, ht as BSlider, gt as BSpin, b as BSpinSize, _t as BSteps, x as BStepsDirection, S as BStepsLabelPlacement, C as BStepsStatus, w as BStepsType, vt as BSwitch, Tt as BTabPane, yt as BTable, Et as BTabs, Dt as BTag, wt as BTimePicker, bt as BTimePickerPlacement, xt as BTimePickerSize, St as BTimePickerStatus, Ct as BTimePickerVariant, Ot as BTimeline, kt as BTimelineItem, At as BTooltip, T as BTooltipPlacement, E as BTooltipTrigger, Nt as BTour, jt as BTourPlacement, Mt as BTourType, Pt as BTree, Lt as BUpload, Ft as BUploadFileStatus, It as BUploadListType, G as B_CHECKBOX_GROUP_KEY, it as B_RADIO_GROUP_KEY, Te as PIKey, Ee as useValidationField, $ as useValidationForm };
+import bt from "./design-system194.js";
+import xt from "./design-system197.js";
+import St from "./design-system200.js";
+import Ct from "./design-system202.js";
+import wt from "./design-system206.js";
+import Tt from "./design-system209.js";
+import Et from "./design-system212.js";
+import Dt from "./design-system215.js";
+import { BTimePickerPlacement as Ot, BTimePickerSize as kt, BTimePickerStatus as At, BTimePickerVariant as jt } from "./design-system216.js";
+import Mt from "./design-system219.js";
+import Nt from "./design-system222.js";
+import Pt from "./design-system225.js";
+import Ft from "./design-system228.js";
+import It from "./design-system231.js";
+import Lt from "./design-system233.js";
+import Rt from "./design-system236.js";
+import { BTourPlacement as zt, BTourType as Bt } from "./design-system237.js";
+import Vt from "./design-system240.js";
+import Ht from "./design-system243.js";
+import { BUploadFileStatus as Ut, BUploadListType as Wt } from "./design-system244.js";
+import Gt from "./design-system247.js";
+export { D as BAlert, ee as BAlertType, O as BAnchor, j as BAutoComplete, k as BAutoCompleteStatus, A as BAutoCompleteVariant, M as BAvatar, te as BAvatarShape, e as BAvatarSize, N as BBadge, t as BBadgeSize, n as BBadgeStatus, P as BBreadcrumb, I as BButton, r as BButtonVariant, L as BCard, R as BCardGrid, z as BCardMeta, i as BCardSize, a as BCardType, W as BCascader, B as BCascaderExpandTrigger, V as BCascaderPlacement, H as BCascaderSize, U as BCascaderStatus, K as BCheckbox, q as BCheckboxGroup, J as BCollapse, J as BCollapseGroup, Y as BCollapsePanel, re as BColorPicker, X as BColorPickerFormat, Z as BColorPickerPlacement, Q as BColorPickerSize, ne as BColorPickerTrigger, o as BCommonColor, s as BCommonSize, le as BDatePicker, ie as BDatePickerPlacement, ae as BDatePickerSize, oe as BDatePickerStatus, se as BDatePickerType, ce as BDatePickerVariant, ue as BDescriptions, de as BDescriptionsItem, fe as BDivider, pe as BDrawer, c as BDrawerPlacement, l as BDrawerSize, ge as BDropdown, me as BDropdownPlacement, he as BDropdownTrigger, _e as BEmpty, u as BEmptyImage, Se as BFloatButton, Ce as BFloatButtonBackTop, we as BFloatButtonGroup, ve as BFloatButtonGroupPlacement, ye as BFloatButtonShape, be as BFloatButtonTrigger, xe as BFloatButtonType, Me as BForm, Ne as BFormItem, Oe as BFormLabelAlign, ke as BFormLayout, Ae as BFormRequiredMark, $ as BFormValidateStatus, je as BFormValidateTrigger, F as BIcon, d as BIconSize, f as BIconVariant, Pe as BImage, Le as BInput, Re as BInputNumber, Fe as BInputStatus, Ie as BInputVariant, ze as BMasonry, Ue as BMentions, Be as BMentionsPlacement, Ve as BMentionsStatus, He as BMentionsVariant, Je as BMenu, We as BMenuDivider, Ge as BMenuItem, Ke as BMenuItemGroup, qe as BMenuSubMenu, Ye as BMessage, p as BMessageType, Xe as BModal, Ze as BModalBody, Qe as BModalFooter, $e as BModalHeader, et as BNotification, m as BNotificationPlacement, h as BNotificationType, tt as BPagination, nt as BPopconfirm, g as BPopconfirmPlacement, _ as BPopconfirmTrigger, rt as BPopover, v as BPopoverPlacement, y as BPopoverTrigger, at as BRadio, ot as BRadioButton, st as BRadioGroup, ct as BRate, lt as BSegmented, mt as BSelect, ut as BSelectMode, dt as BSelectPlacement, ft as BSelectStatus, pt as BSelectVariant, gt as BSkeleton, ht as BSkeletonAvatar, _t as BSkeletonButton, vt as BSkeletonImage, yt as BSkeletonInput, bt as BSkeletonNode, xt as BSlider, St as BSpin, b as BSpinSize, wt as BSplitter, Ct as BSplitterPanel, Tt as BSteps, x as BStepsDirection, S as BStepsLabelPlacement, C as BStepsStatus, w as BStepsType, Et as BSwitch, Nt as BTabPane, Dt as BTable, Pt as BTabs, Ft as BTag, Mt as BTimePicker, Ot as BTimePickerPlacement, kt as BTimePickerSize, At as BTimePickerStatus, jt as BTimePickerVariant, It as BTimeline, Lt as BTimelineItem, Rt as BTooltip, T as BTooltipPlacement, E as BTooltipTrigger, Vt as BTour, zt as BTourPlacement, Bt as BTourType, Ht as BTree, Gt as BUpload, Ut as BUploadFileStatus, Wt as BUploadListType, G as B_CHECKBOX_GROUP_KEY, it as B_RADIO_GROUP_KEY, Te as PIKey, Ee as useValidationField, De as useValidationForm };

package/dist/design-system177.js

@@ -1,335 +1,38 @@
-import { Fragment as e, computed as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, defineComponent as a, mergeModels as o, normalizeClass as s, normalizeStyle as c, onBeforeUnmount as l, openBlock as u, ref as d, renderList as f, toDisplayString as p, unref as m, useAttrs as h, useModel as ee, withModifiers as te } from "vue";
-//#region src/components/BSlider/BSlider.vue?vue&type=script&setup=true&lang.ts
-var ne = [
-	"tabindex",
-	"aria-valuemin",
-	"aria-valuemax",
-	"aria-valuenow",
-	"aria-disabled",
-	"aria-orientation",
-	"aria-label"
-], re = [
-	"tabindex",
-	"aria-valuemin",
-	"aria-valuemax",
-	"aria-valuenow",
-	"aria-disabled",
-	"aria-orientation",
-	"aria-label"
-], g = {
-	key: 0,
-	class: "b-slider__marks"
-}, _ = /* @__PURE__ */ a({
-	inheritAttrs: !1,
-	__name: "BSlider",
-	props: /* @__PURE__ */ o({
-		disabled: {
+import { computed as e, createElementBlock as t, defineComponent as n, normalizeClass as r, normalizeStyle as i, openBlock as a } from "vue";
+//#region src/components/BSkeleton/BSkeletonAvatar.vue?vue&type=script&setup=true&lang.ts
+var o = /* @__PURE__ */ n({
+	__name: "BSkeletonAvatar",
+	props: {
+		active: {
 			type: Boolean,
 			default: !1
 		},
-		dots: {
-			type: Boolean,
-			default: !1
-		},
-		included: {
-			type: Boolean,
-			default: !0
-		},
-		keyboard: {
-			type: Boolean,
-			default: !0
-		},
-		max: { default: 100 },
-		min: { default: 0 },
-		range: {
-			type: [Boolean, Object],
-			default: !1
-		},
-		reverse: {
-			type: Boolean,
-			default: !1
-		},
-		step: { default: 1 },
-		vertical: {
-			type: Boolean,
-			default: !1
-		},
-		tooltip: { default: () => ({}) },
-		marks: {}
-	}, {
-		modelValue: { default: 0 },
-		modelModifiers: {}
-	}),
-	emits: /* @__PURE__ */ o(["change", "changeComplete"], ["update:modelValue"]),
-	setup(a, { expose: o, emit: _ }) {
-		let v = h(), y = ee(a, "modelValue"), b = _, x = d(null), S = d(null), C = d(null), w = d(!1), T = d(null), E = d({
-			lower: !1,
-			upper: !1
-		}), D = d(null), O = d(0), k = t(() => a.range !== !1), A = t(() => typeof a.range == "object" && a.range.draggableTrack), j = t(() => k.value ? y.value[0] : a.min), M = t(() => k.value ? y.value[1] : y.value);
-		function N(e) {
-			return a.max === a.min ? 0 : (e - a.min) / (a.max - a.min) * 100;
-		}
-		function P(e) {
-			return F(a.min + e / 100 * (a.max - a.min));
-		}
-		function F(e) {
-			if (a.step === null) {
-				if (!a.marks) return I(e);
-				let t = Object.keys(a.marks).map(Number), n = t[0] ?? a.min, r = Math.abs(e - n);
-				for (let i of t) {
-					let t = Math.abs(e - i);
-					t < r && (n = i, r = t);
-				}
-				return I(n);
-			}
-			return I(Math.round((e - a.min) / a.step) * a.step + a.min);
-		}
-		function I(e) {
-			return Math.min(a.max, Math.max(a.min, e));
-		}
-		let L = t(() => N(j.value)), R = t(() => N(M.value)), z = t(() => {
-			let e = k.value ? L.value : 0, t = k.value ? R.value - L.value : R.value;
-			return a.vertical ? a.reverse ? {
-				top: `${100 - e - t}%`,
-				height: `${t}%`
-			} : {
-				bottom: `${100 - e - t}%`,
-				height: `${t}%`
-			} : a.reverse ? {
-				right: `${e}%`,
-				width: `${t}%`
-			} : {
-				left: `${e}%`,
-				width: `${t}%`
-			};
-		}), ie = t(() => {
-			let e = L.value;
-			return a.vertical ? a.reverse ? { top: `${100 - e}%` } : { bottom: `${100 - e}%` } : a.reverse ? { right: `${e}%` } : { left: `${e}%` };
-		}), ae = t(() => {
-			let e = R.value;
-			return a.vertical ? a.reverse ? { top: `${100 - e}%` } : { bottom: `${100 - e}%` } : a.reverse ? { right: `${e}%` } : { left: `${e}%` };
-		}), B = t(() => a.marks ? Object.entries(a.marks).map(([e, t]) => {
-			let n = Number(e);
-			return {
-				value: n,
-				percent: N(n),
-				isActive: a.included && (k.value ? n >= j.value && n <= M.value : n <= M.value),
-				label: typeof t == "string" ? t : t.label,
-				style: typeof t == "object" ? t.style : void 0
+		shape: { default: "circle" },
+		size: { default: "default" }
+	},
+	setup(n) {
+		let o = e(() => {
+			if (typeof n.size == "number") return {
+				width: `${n.size}px`,
+				height: `${n.size}px`,
+				lineHeight: `${n.size}px`
 			};
-		}) : []), oe = t(() => {
-			if (!a.dots || a.step === null) return [];
-			let e = [];
-			for (let t = a.min; t <= a.max; t += a.step) {
-				let n = N(t), r = a.included && (k.value ? t >= j.value && t <= M.value : t <= M.value);
-				e.push({
-					value: t,
-					percent: n,
-					isActive: r
-				});
-			}
-			return e;
-		});
-		function V(e) {
-			return a.tooltip.formatter === null ? null : a.tooltip.formatter ? a.tooltip.formatter(e) : String(e);
-		}
-		let H = t(() => V(j.value)), U = t(() => V(M.value)), se = t(() => a.tooltip.formatter === null ? !1 : a.tooltip.open === void 0 ? E.value.lower || C.value === "lower" || C.value === "track" : a.tooltip.open), ce = t(() => a.tooltip.formatter === null ? !1 : a.tooltip.open === void 0 ? E.value.upper || C.value === "upper" || C.value === "track" : a.tooltip.open);
-		function W(e) {
-			if (!x.value) return 0;
-			let t = x.value.getBoundingClientRect(), n, r;
-			if (n = "touches" in e ? a.vertical ? e.touches[0].clientY : e.touches[0].clientX : a.vertical ? e.clientY : e.clientX, a.vertical) {
-				r = t.height;
-				let e = n - t.top;
-				return a.reverse ? e / r * 100 : (r - e) / r * 100;
-			} else {
-				r = t.width;
-				let e = n - t.left;
-				return a.reverse ? (r - e) / r * 100 : e / r * 100;
-			}
-		}
-		function le(e) {
-			if (!k.value) return "upper";
-			let t = Math.abs(e - L.value), n = Math.abs(e - R.value);
-			return t < n ? "lower" : n < t ? "upper" : e < L.value ? "lower" : "upper";
-		}
-		function G(e, t) {
-			if (k.value) {
-				let n = y.value, r;
-				r = e === "lower" ? [Math.min(t, n[1]), n[1]] : [n[0], Math.max(t, n[0])], y.value = r, b("change", r);
-			} else y.value = t, b("change", t);
-		}
-		function ue(e) {
-			if (a.disabled || e.target.closest(".b-slider__handle")) return;
-			let t = W(e), n = P(t), r = le(t);
-			if (A.value && k.value) {
-				let e = L.value, n = R.value;
-				if (t >= e && t <= n) return;
-			}
-			G(r, n), b("changeComplete", (k.value, y.value));
-		}
-		function K(e, t) {
-			a.disabled || (t.preventDefault(), C.value = e, e === "track" && k.value && (D.value = [...y.value], O.value = W(t)), document.addEventListener("mousemove", q), document.addEventListener("mouseup", J), document.addEventListener("touchmove", q), document.addEventListener("touchend", J));
-		}
-		function q(e) {
-			if (!C.value || a.disabled) return;
-			let t = W(e);
-			if (C.value === "track" && D.value) {
-				let e = t - O.value, n = D.value[0], r = D.value[1], i = N(n) + e, o = N(r) + e, s = P(i), c = P(o);
-				s >= a.min && c <= a.max && (y.value = [s, c], b("change", [s, c]));
-				return;
-			}
-			let n = P(t);
-			G(C.value, n);
-		}
-		function J() {
-			C.value && b("changeComplete", (k.value, y.value)), C.value = null, D.value = null, document.removeEventListener("mousemove", q), document.removeEventListener("mouseup", J), document.removeEventListener("touchmove", q), document.removeEventListener("touchend", J);
-		}
-		function Y(e, t) {
-			if (a.disabled || !a.keyboard) return;
-			let n = a.step ?? 1, r = 0;
-			switch (e.key) {
-				case "ArrowRight":
-				case "ArrowUp":
-					r = n;
-					break;
-				case "ArrowLeft":
-				case "ArrowDown":
-					r = -n;
-					break;
-				case "Home":
-					r = a.min - (t === "lower" ? j.value : M.value);
-					break;
-				case "End":
-					r = a.max - (t === "lower" ? j.value : M.value);
-					break;
-				default: return;
-			}
-			e.preventDefault(), G(t, F((t === "lower" ? j.value : M.value) + r)), b("changeComplete", (k.value, y.value));
-		}
-		function X(e) {
-			T.value = e, E.value[e] = !0;
-		}
-		function Z(e) {
-			T.value = null, E.value[e] = !1;
-		}
-		function Q(e) {
-			E.value[e] = !0;
-		}
-		function $(e) {
-			T.value !== e && C.value !== e && (E.value[e] = !1);
-		}
-		function de() {
-			w.value = !0;
-		}
-		function fe() {
-			w.value = !1;
-		}
-		function pe(e) {
-			a.disabled || !A.value || K("track", e);
-		}
-		function me() {
-			(S.value?.querySelector(".b-slider__handle"))?.focus();
-		}
-		function he() {
-			(S.value?.querySelector(".b-slider__handle:focus"))?.blur();
-		}
-		return o({
-			focus: me,
-			blur: he
-		}), l(() => {
-			document.removeEventListener("mousemove", q), document.removeEventListener("mouseup", J), document.removeEventListener("touchmove", q), document.removeEventListener("touchend", J);
-		}), (t, o) => (u(), r("div", {
-			ref_key: "rootRef",
-			ref: S,
-			class: s(["b-slider", [{
-				"b-slider--vertical": a.vertical,
-				"b-slider--disabled": a.disabled,
-				"b-slider--with-marks": !!a.marks,
-				"b-slider--reverse": a.reverse,
-				"b-slider--hovered": w.value
-			}]]),
-			onMouseenter: de,
-			onMouseleave: fe
-		}, [i("div", {
-			ref_key: "railRef",
-			ref: x,
-			class: "b-slider__rail",
-			onMousedown: ue
-		}, [
-			a.included ? (u(), r("div", {
-				key: 0,
-				class: "b-slider__track",
-				style: c(z.value),
-				onMousedown: te(pe, ["stop"])
-			}, null, 36)) : n("", !0),
-			(u(!0), r(e, null, f(oe.value, (e) => (u(), r("span", {
-				key: `dot-${e.value}`,
-				class: s(["b-slider__dot", { "b-slider__dot--active": e.isActive }]),
-				style: c(a.vertical ? a.reverse ? { top: `${100 - e.percent}%` } : { bottom: `${100 - e.percent}%` } : a.reverse ? { right: `${e.percent}%` } : { left: `${e.percent}%` })
-			}, null, 6))), 128)),
-			(u(!0), r(e, null, f(B.value, (e) => (u(), r("span", {
-				key: `mark-dot-${e.value}`,
-				class: s(["b-slider__dot", { "b-slider__dot--active": e.isActive }]),
-				style: c(a.vertical ? a.reverse ? { top: `${100 - e.percent}%` } : { bottom: `${100 - e.percent}%` } : a.reverse ? { right: `${e.percent}%` } : { left: `${e.percent}%` })
-			}, null, 6))), 128)),
-			k.value ? (u(), r("div", {
-				key: 1,
-				class: s(["b-slider__handle", { "b-slider__handle--active": C.value === "lower" || T.value === "lower" }]),
-				style: c(ie.value),
-				role: "slider",
-				tabindex: a.disabled ? -1 : 0,
-				"aria-valuemin": a.min,
-				"aria-valuemax": M.value,
-				"aria-valuenow": j.value,
-				"aria-disabled": a.disabled || void 0,
-				"aria-orientation": a.vertical ? "vertical" : "horizontal",
-				"aria-label": m(v)["aria-label"] ? `${m(v)["aria-label"]} - minimum` : "Minimum",
-				onMousedown: o[0] ||= (e) => K("lower", e),
-				onTouchstart: o[1] ||= (e) => K("lower", e),
-				onKeydown: o[2] ||= (e) => Y(e, "lower"),
-				onFocus: o[3] ||= (e) => X("lower"),
-				onBlur: o[4] ||= (e) => Z("lower"),
-				onMouseenter: o[5] ||= (e) => Q("lower"),
-				onMouseleave: o[6] ||= (e) => $("lower")
-			}, [H.value === null ? n("", !0) : (u(), r("div", {
-				key: 0,
-				class: s(["b-slider__tooltip", { "b-slider__tooltip--visible": se.value }]),
-				role: "tooltip"
-			}, p(H.value), 3))], 46, ne)) : n("", !0),
-			i("div", {
-				class: s(["b-slider__handle", { "b-slider__handle--active": C.value === "upper" || T.value === "upper" }]),
-				style: c(ae.value),
-				role: "slider",
-				tabindex: a.disabled ? -1 : 0,
-				"aria-valuemin": k.value ? j.value : a.min,
-				"aria-valuemax": a.max,
-				"aria-valuenow": M.value,
-				"aria-disabled": a.disabled || void 0,
-				"aria-orientation": a.vertical ? "vertical" : "horizontal",
-				"aria-label": m(v)["aria-label"] || (k.value ? "Maximum" : "Slider"),
-				onMousedown: o[7] ||= (e) => K("upper", e),
-				onTouchstart: o[8] ||= (e) => K("upper", e),
-				onKeydown: o[9] ||= (e) => Y(e, "upper"),
-				onFocus: o[10] ||= (e) => X("upper"),
-				onBlur: o[11] ||= (e) => Z("upper"),
-				onMouseenter: o[12] ||= (e) => Q("upper"),
-				onMouseleave: o[13] ||= (e) => $("upper")
-			}, [U.value === null ? n("", !0) : (u(), r("div", {
-				key: 0,
-				class: s(["b-slider__tooltip", { "b-slider__tooltip--visible": ce.value }]),
-				role: "tooltip"
-			}, p(U.value), 3))], 46, re)
-		], 544), a.marks ? (u(), r("div", g, [(u(!0), r(e, null, f(B.value, (e) => (u(), r("span", {
-			key: `mark-label-${e.value}`,
-			class: s(["b-slider__mark-text", { "b-slider__mark-text--active": e.isActive }]),
-			style: c({
-				...a.vertical ? a.reverse ? { top: `${100 - e.percent}%` } : { bottom: `${100 - e.percent}%` } : a.reverse ? { right: `${e.percent}%` } : { left: `${e.percent}%` },
-				...e.style
-			})
-		}, p(e.label), 7))), 128))])) : n("", !0)], 34));
+		}), s = e(() => [
+			"b-skeleton-element",
+			"b-skeleton-avatar",
+			`b-skeleton-avatar--${n.shape}`,
+			typeof n.size == "string" ? `b-skeleton-avatar--${n.size}` : null,
+			{ "b-skeleton-element--active": n.active }
+		]);
+		return (e, n) => (a(), t("span", {
+			class: r(s.value),
+			style: i(o.value),
+			role: "presentation",
+			"aria-hidden": "true"
+		}, null, 6));
 	}
 });
 //#endregion
-export { _ as default };
+export { o as default };
 
 //# sourceMappingURL=design-system177.js.map

package/dist/design-system177.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system177.js","names":[],"sources":["../src/components/BSlider/BSlider.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { useModel as _useModel, mergeModels as _mergeModels, defineComponent as _defineComponent } from 'vue'\nimport { withModifiers as _withModifiers, normalizeStyle as _normalizeStyle, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, renderList as _renderList, Fragment as _Fragment, normalizeClass as _normalizeClass, unref as _unref, toDisplayString as _toDisplayString, createElementVNode as _createElementVNode } from \"vue\"\n\nconst _hoisted_1 = [\"tabindex\", \"aria-valuemin\", \"aria-valuemax\", \"aria-valuenow\", \"aria-disabled\", \"aria-orientation\", \"aria-label\"]\nconst _hoisted_2 = [\"tabindex\", \"aria-valuemin\", \"aria-valuemax\", \"aria-valuenow\", \"aria-disabled\", \"aria-orientation\", \"aria-label\"]\nconst _hoisted_3 = {\n  key: 0,\n  class: \"b-slider__marks\"\n}\n\nimport { computed, onBeforeUnmount, ref, useAttrs } from 'vue';\nimport type { BSliderMarks, BSliderRange, BSliderTooltip } from './types.ts';\n\n\nexport default /*@__PURE__*/_defineComponent({\n  ...{ inheritAttrs: false },\n  __name: 'BSlider',\n  props: /*@__PURE__*/_mergeModels({\n    disabled: { type: Boolean, default: false },\n    dots: { type: Boolean, default: false },\n    included: { type: Boolean, default: true },\n    keyboard: { type: Boolean, default: true },\n    max: { default: 100 },\n    min: { default: 0 },\n    range: { type: [Boolean, Object], default: false },\n    reverse: { type: Boolean, default: false },\n    step: { default: 1 },\n    vertical: { type: Boolean, default: false },\n    tooltip: { default: () => ({}) },\n    marks: {}\n  }, {\n    \"modelValue\": { default: 0 },\n    \"modelModifiers\": {},\n  }),\n  emits: /*@__PURE__*/_mergeModels([\"change\", \"changeComplete\"], [\"update:modelValue\"]),\n  setup(__props: any, { expose: __expose, emit: __emit }) {\n\n\n\nconst attrs = useAttrs();\n\n//#region Props\n\n\nconst model = _useModel<number | [number, number]>(__props, \"modelValue\");\n\nconst emit = __emit;\n//#endregion\n\n//#region Internal state\nconst railRef = ref<HTMLElement | null>(null);\nconst rootRef = ref<HTMLElement | null>(null);\n\nconst dragging = ref<null | 'lower' | 'upper' | 'track'>(null);\nconst hovered = ref(false);\nconst focusedHandle = ref<'lower' | 'upper' | null>(null);\nconst tooltipVisible = ref<{ lower: boolean; upper: boolean }>({ lower: false, upper: false });\n\nconst trackDragStartValue = ref<[number, number] | null>(null);\nconst trackDragStartPos = ref(0);\n//#endregion\n\n//#region Computed values\nconst isRange = computed(() => __props.range !== false);\nconst draggableTrack = computed(() => typeof __props.range === 'object' && __props.range.draggableTrack);\n\nconst lowerValue = computed(() => {\n  if (isRange.value) {\n    const v = model.value as [number, number];\n    return v[0];\n  }\n  return __props.min;\n});\n\nconst upperValue = computed(() => {\n  if (isRange.value) {\n    const v = model.value as [number, number];\n    return v[1];\n  }\n  return model.value as number;\n});\n\nfunction valueToPercent(value: number): number {\n  if (__props.max === __props.min) return 0;\n  return ((value - __props.min) / (__props.max - __props.min)) * 100;\n}\n\nfunction percentToValue(percent: number): number {\n  const raw = __props.min + (percent / 100) * (__props.max - __props.min);\n  return snapToStep(raw);\n}\n\nfunction snapToStep(value: number): number {\n  if (__props.step === null) {\n    if (!__props.marks) return clamp(value);\n    const markValues = Object.keys(__props.marks).map(Number);\n    let closest = markValues[0] ?? __props.min;\n    let closestDist = Math.abs(value - closest);\n    for (const mv of markValues) {\n      const dist = Math.abs(value - mv);\n      if (dist < closestDist) {\n        closest = mv;\n        closestDist = dist;\n      }\n    }\n    return clamp(closest);\n  }\n  const stepped = Math.round((value - __props.min) / __props.step) * __props.step + __props.min;\n  return clamp(stepped);\n}\n\nfunction clamp(value: number): number {\n  return Math.min(__props.max, Math.max(__props.min, value));\n}\n\nconst lowerPercent = computed(() => valueToPercent(lowerValue.value));\nconst upperPercent = computed(() => valueToPercent(upperValue.value));\n\nconst trackStyle = computed(() => {\n  const start = isRange.value ? lowerPercent.value : 0;\n  const length = isRange.value\n    ? upperPercent.value - lowerPercent.value\n    : upperPercent.value;\n\n  if (__props.vertical) {\n    return __props.reverse\n      ? { top: `${100 - start - length}%`, height: `${length}%` }\n      : { bottom: `${100 - start - length}%`, height: `${length}%` };\n  }\n  return __props.reverse\n    ? { right: `${start}%`, width: `${length}%` }\n    : { left: `${start}%`, width: `${length}%` };\n});\n\nconst lowerHandleStyle = computed(() => {\n  const pct = lowerPercent.value;\n  if (__props.vertical) {\n    return __props.reverse ? { top: `${100 - pct}%` } : { bottom: `${100 - pct}%` };\n  }\n  return __props.reverse ? { right: `${pct}%` } : { left: `${pct}%` };\n});\n\nconst upperHandleStyle = computed(() => {\n  const pct = upperPercent.value;\n  if (__props.vertical) {\n    return __props.reverse ? { top: `${100 - pct}%` } : { bottom: `${100 - pct}%` };\n  }\n  return __props.reverse ? { right: `${pct}%` } : { left: `${pct}%` };\n});\n\nconst markList = computed(() => {\n  if (!__props.marks) return [];\n  return Object.entries(__props.marks).map(([key, val]) => {\n    const numKey = Number(key);\n    const percent = valueToPercent(numKey);\n    const isActive =\n      __props.included &&\n      (isRange.value\n        ? numKey >= lowerValue.value && numKey <= upperValue.value\n        : numKey <= upperValue.value);\n    const label = typeof val === 'string' ? val : val.label;\n    const style = typeof val === 'object' ? val.style : undefined;\n    return { value: numKey, percent, isActive, label, style };\n  });\n});\n\nconst dotList = computed(() => {\n  if (!__props.dots || __props.step === null) return [];\n  const result: { value: number; percent: number; isActive: boolean }[] = [];\n  for (let v = __props.min; v <= __props.max; v += __props.step) {\n    const percent = valueToPercent(v);\n    const isActive =\n      __props.included &&\n      (isRange.value\n        ? v >= lowerValue.value && v <= upperValue.value\n        : v <= upperValue.value);\n    result.push({ value: v, percent, isActive });\n  }\n  return result;\n});\n\nfunction formatTooltip(value: number): string | null {\n  if (__props.tooltip.formatter === null) return null;\n  if (__props.tooltip.formatter) return __props.tooltip.formatter(value);\n  return String(value);\n}\n\nconst lowerTooltipText = computed(() => formatTooltip(lowerValue.value));\nconst upperTooltipText = computed(() => formatTooltip(upperValue.value));\n\nconst showLowerTooltip = computed(() => {\n  if (__props.tooltip.formatter === null) return false;\n  if (__props.tooltip.open !== undefined) return __props.tooltip.open;\n  return tooltipVisible.value.lower || dragging.value === 'lower' || dragging.value === 'track';\n});\n\nconst showUpperTooltip = computed(() => {\n  if (__props.tooltip.formatter === null) return false;\n  if (__props.tooltip.open !== undefined) return __props.tooltip.open;\n  return tooltipVisible.value.upper || dragging.value === 'upper' || dragging.value === 'track';\n});\n//#endregion\n\n//#region Event handlers\nfunction getPercentFromEvent(event: MouseEvent | TouchEvent): number {\n  if (!railRef.value) return 0;\n  const rect = railRef.value.getBoundingClientRect();\n  let clientPos: number;\n  let size: number;\n\n  if ('touches' in event) {\n    clientPos = __props.vertical ? event.touches[0].clientY : event.touches[0].clientX;\n  } else {\n    clientPos = __props.vertical ? event.clientY : event.clientX;\n  }\n\n  if (__props.vertical) {\n    size = rect.height;\n    const offset = clientPos - rect.top;\n    return __props.reverse ? (offset / size) * 100 : ((size - offset) / size) * 100;\n  } else {\n    size = rect.width;\n    const offset = clientPos - rect.left;\n    return __props.reverse ? ((size - offset) / size) * 100 : (offset / size) * 100;\n  }\n}\n\nfunction getCloserHandle(percent: number): 'lower' | 'upper' {\n  if (!isRange.value) return 'upper';\n  const distToLower = Math.abs(percent - lowerPercent.value);\n  const distToUpper = Math.abs(percent - upperPercent.value);\n  if (distToLower < distToUpper) return 'lower';\n  if (distToUpper < distToLower) return 'upper';\n  return percent < lowerPercent.value ? 'lower' : 'upper';\n}\n\nfunction updateValue(handle: 'lower' | 'upper', newValue: number) {\n  if (isRange.value) {\n    const current = model.value as [number, number];\n    let updated: [number, number];\n    if (handle === 'lower') {\n      updated = [Math.min(newValue, current[1]), current[1]];\n    } else {\n      updated = [current[0], Math.max(newValue, current[0])];\n    }\n    model.value = updated;\n    emit('change', updated);\n  } else {\n    model.value = newValue;\n    emit('change', newValue);\n  }\n}\n\nfunction handleRailClick(event: MouseEvent) {\n  if (__props.disabled) return;\n  if ((event.target as HTMLElement).closest('.b-slider__handle')) return;\n\n  const percent = getPercentFromEvent(event);\n  const value = percentToValue(percent);\n  const handle = getCloserHandle(percent);\n\n  if (draggableTrack.value && isRange.value) {\n    const lp = lowerPercent.value;\n    const up = upperPercent.value;\n    if (percent >= lp && percent <= up) return;\n  }\n\n  updateValue(handle, value);\n  emit('changeComplete', isRange.value ? (model.value as [number, number]) : (model.value as number));\n}\n\nfunction handleDragStart(handle: 'lower' | 'upper' | 'track', event: MouseEvent | TouchEvent) {\n  if (__props.disabled) return;\n  event.preventDefault();\n  dragging.value = handle;\n\n  if (handle === 'track' && isRange.value) {\n    trackDragStartValue.value = [...(model.value as [number, number])] as [number, number];\n    trackDragStartPos.value = getPercentFromEvent(event);\n  }\n\n  document.addEventListener('mousemove', handleDragMove);\n  document.addEventListener('mouseup', handleDragEnd);\n  document.addEventListener('touchmove', handleDragMove);\n  document.addEventListener('touchend', handleDragEnd);\n}\n\nfunction handleDragMove(event: MouseEvent | TouchEvent) {\n  if (!dragging.value || __props.disabled) return;\n  const percent = getPercentFromEvent(event);\n\n  if (dragging.value === 'track' && trackDragStartValue.value) {\n    const delta = percent - trackDragStartPos.value;\n    const startLower = trackDragStartValue.value[0];\n    const startUpper = trackDragStartValue.value[1];\n    const lowerPct = valueToPercent(startLower) + delta;\n    const upperPct = valueToPercent(startUpper) + delta;\n\n    const newLower = percentToValue(lowerPct);\n    const newUpper = percentToValue(upperPct);\n\n    if (newLower >= __props.min && newUpper <= __props.max) {\n      model.value = [newLower, newUpper];\n      emit('change', [newLower, newUpper]);\n    }\n    return;\n  }\n\n  const value = percentToValue(percent);\n  updateValue(dragging.value as 'lower' | 'upper', value);\n}\n\nfunction handleDragEnd() {\n  if (dragging.value) {\n    emit('changeComplete', isRange.value ? (model.value as [number, number]) : (model.value as number));\n  }\n  dragging.value = null;\n  trackDragStartValue.value = null;\n  document.removeEventListener('mousemove', handleDragMove);\n  document.removeEventListener('mouseup', handleDragEnd);\n  document.removeEventListener('touchmove', handleDragMove);\n  document.removeEventListener('touchend', handleDragEnd);\n}\n\nfunction handleKeyDown(event: KeyboardEvent, handle: 'lower' | 'upper') {\n  if (__props.disabled || !__props.keyboard) return;\n  const effectiveStep = __props.step ?? 1;\n  let delta = 0;\n\n  switch (event.key) {\n    case 'ArrowRight':\n    case 'ArrowUp':\n      delta = effectiveStep;\n      break;\n    case 'ArrowLeft':\n    case 'ArrowDown':\n      delta = -effectiveStep;\n      break;\n    case 'Home':\n      delta = __props.min - (handle === 'lower' ? lowerValue.value : upperValue.value);\n      break;\n    case 'End':\n      delta = __props.max - (handle === 'lower' ? lowerValue.value : upperValue.value);\n      break;\n    default:\n      return;\n  }\n\n  event.preventDefault();\n  const currentVal = handle === 'lower' ? lowerValue.value : upperValue.value;\n  const newValue = snapToStep(currentVal + delta);\n  updateValue(handle, newValue);\n  emit('changeComplete', isRange.value ? (model.value as [number, number]) : (model.value as number));\n}\n\nfunction handleHandleFocus(handle: 'lower' | 'upper') {\n  focusedHandle.value = handle;\n  tooltipVisible.value[handle] = true;\n}\n\nfunction handleHandleBlur(handle: 'lower' | 'upper') {\n  focusedHandle.value = null;\n  tooltipVisible.value[handle] = false;\n}\n\nfunction handleHandleMouseEnter(handle: 'lower' | 'upper') {\n  tooltipVisible.value[handle] = true;\n}\n\nfunction handleHandleMouseLeave(handle: 'lower' | 'upper') {\n  if (focusedHandle.value !== handle && dragging.value !== handle) {\n    tooltipVisible.value[handle] = false;\n  }\n}\n\nfunction handleMouseEnter() {\n  hovered.value = true;\n}\n\nfunction handleMouseLeave() {\n  hovered.value = false;\n}\n\nfunction handleTrackMouseDown(event: MouseEvent) {\n  if (__props.disabled || !draggableTrack.value) return;\n  handleDragStart('track', event);\n}\n//#endregion\n\n//#region Expose\nfunction focus() {\n  const el = rootRef.value?.querySelector('.b-slider__handle') as HTMLElement | null;\n  el?.focus();\n}\n\nfunction blur() {\n  const el = rootRef.value?.querySelector('.b-slider__handle:focus') as HTMLElement | null;\n  el?.blur();\n}\n\n__expose({ focus, blur });\n//#endregion\n\n//#region Cleanup\nonBeforeUnmount(() => {\n  document.removeEventListener('mousemove', handleDragMove);\n  document.removeEventListener('mouseup', handleDragEnd);\n  document.removeEventListener('touchmove', handleDragMove);\n  document.removeEventListener('touchend', handleDragEnd);\n});\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    ref_key: \"rootRef\",\n    ref: rootRef,\n    class: _normalizeClass([\"b-slider\", [\n      {\n        'b-slider--vertical': __props.vertical,\n        'b-slider--disabled': __props.disabled,\n        'b-slider--with-marks': !!__props.marks,\n        'b-slider--reverse': __props.reverse,\n        'b-slider--hovered': hovered.value,\n      },\n    ]]),\n    onMouseenter: handleMouseEnter,\n    onMouseleave: handleMouseLeave\n  }, [\n    _createElementVNode(\"div\", {\n      ref_key: \"railRef\",\n      ref: railRef,\n      class: \"b-slider__rail\",\n      onMousedown: handleRailClick\n    }, [\n      (__props.included)\n        ? (_openBlock(), _createElementBlock(\"div\", {\n            key: 0,\n            class: \"b-slider__track\",\n            style: _normalizeStyle(trackStyle.value),\n            onMousedown: _withModifiers(handleTrackMouseDown, [\"stop\"])\n          }, null, 36))\n        : _createCommentVNode(\"\", true),\n      (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(dotList.value, (dot) => {\n        return (_openBlock(), _createElementBlock(\"span\", {\n          key: `dot-${dot.value}`,\n          class: _normalizeClass([\"b-slider__dot\", { 'b-slider__dot--active': dot.isActive }]),\n          style: _normalizeStyle(__props.vertical\n          ? (__props.reverse ? { top: `${100 - dot.percent}%` } : { bottom: `${100 - dot.percent}%` })\n          : (__props.reverse ? { right: `${dot.percent}%` } : { left: `${dot.percent}%` })\n        )\n        }, null, 6))\n      }), 128)),\n      (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(markList.value, (mark) => {\n        return (_openBlock(), _createElementBlock(\"span\", {\n          key: `mark-dot-${mark.value}`,\n          class: _normalizeClass([\"b-slider__dot\", { 'b-slider__dot--active': mark.isActive }]),\n          style: _normalizeStyle(__props.vertical\n          ? (__props.reverse ? { top: `${100 - mark.percent}%` } : { bottom: `${100 - mark.percent}%` })\n          : (__props.reverse ? { right: `${mark.percent}%` } : { left: `${mark.percent}%` })\n        )\n        }, null, 6))\n      }), 128)),\n      (isRange.value)\n        ? (_openBlock(), _createElementBlock(\"div\", {\n            key: 1,\n            class: _normalizeClass([\"b-slider__handle\", {\n          'b-slider__handle--active': dragging.value === 'lower' || focusedHandle.value === 'lower',\n        }]),\n            style: _normalizeStyle(lowerHandleStyle.value),\n            role: \"slider\",\n            tabindex: __props.disabled ? -1 : 0,\n            \"aria-valuemin\": __props.min,\n            \"aria-valuemax\": upperValue.value,\n            \"aria-valuenow\": lowerValue.value,\n            \"aria-disabled\": __props.disabled || undefined,\n            \"aria-orientation\": __props.vertical ? 'vertical' : 'horizontal',\n            \"aria-label\": (_unref(attrs)['aria-label'] as string) ? `${_unref(attrs)['aria-label']} - minimum` : 'Minimum',\n            onMousedown: _cache[0] || (_cache[0] = (e) => handleDragStart('lower', e)),\n            onTouchstart: _cache[1] || (_cache[1] = (e) => handleDragStart('lower', e)),\n            onKeydown: _cache[2] || (_cache[2] = (e) => handleKeyDown(e, 'lower')),\n            onFocus: _cache[3] || (_cache[3] = ($event: any) => (handleHandleFocus('lower'))),\n            onBlur: _cache[4] || (_cache[4] = ($event: any) => (handleHandleBlur('lower'))),\n            onMouseenter: _cache[5] || (_cache[5] = ($event: any) => (handleHandleMouseEnter('lower'))),\n            onMouseleave: _cache[6] || (_cache[6] = ($event: any) => (handleHandleMouseLeave('lower')))\n          }, [\n            (lowerTooltipText.value !== null)\n              ? (_openBlock(), _createElementBlock(\"div\", {\n                  key: 0,\n                  class: _normalizeClass([\"b-slider__tooltip\", { 'b-slider__tooltip--visible': showLowerTooltip.value }]),\n                  role: \"tooltip\"\n                }, _toDisplayString(lowerTooltipText.value), 3))\n              : _createCommentVNode(\"\", true)\n          ], 46, _hoisted_1))\n        : _createCommentVNode(\"\", true),\n      _createElementVNode(\"div\", {\n        class: _normalizeClass([\"b-slider__handle\", {\n          'b-slider__handle--active': dragging.value === 'upper' || focusedHandle.value === 'upper',\n        }]),\n        style: _normalizeStyle(upperHandleStyle.value),\n        role: \"slider\",\n        tabindex: __props.disabled ? -1 : 0,\n        \"aria-valuemin\": isRange.value ? lowerValue.value : __props.min,\n        \"aria-valuemax\": __props.max,\n        \"aria-valuenow\": upperValue.value,\n        \"aria-disabled\": __props.disabled || undefined,\n        \"aria-orientation\": __props.vertical ? 'vertical' : 'horizontal',\n        \"aria-label\": (_unref(attrs)['aria-label'] as string) || (isRange.value ? 'Maximum' : 'Slider'),\n        onMousedown: _cache[7] || (_cache[7] = (e) => handleDragStart('upper', e)),\n        onTouchstart: _cache[8] || (_cache[8] = (e) => handleDragStart('upper', e)),\n        onKeydown: _cache[9] || (_cache[9] = (e) => handleKeyDown(e, 'upper')),\n        onFocus: _cache[10] || (_cache[10] = ($event: any) => (handleHandleFocus('upper'))),\n        onBlur: _cache[11] || (_cache[11] = ($event: any) => (handleHandleBlur('upper'))),\n        onMouseenter: _cache[12] || (_cache[12] = ($event: any) => (handleHandleMouseEnter('upper'))),\n        onMouseleave: _cache[13] || (_cache[13] = ($event: any) => (handleHandleMouseLeave('upper')))\n      }, [\n        (upperTooltipText.value !== null)\n          ? (_openBlock(), _createElementBlock(\"div\", {\n              key: 0,\n              class: _normalizeClass([\"b-slider__tooltip\", { 'b-slider__tooltip--visible': showUpperTooltip.value }]),\n              role: \"tooltip\"\n            }, _toDisplayString(upperTooltipText.value), 3))\n          : _createCommentVNode(\"\", true)\n      ], 46, _hoisted_2)\n    ], 544),\n    (__props.marks)\n      ? (_openBlock(), _createElementBlock(\"div\", _hoisted_3, [\n          (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(markList.value, (mark) => {\n            return (_openBlock(), _createElementBlock(\"span\", {\n              key: `mark-label-${mark.value}`,\n              class: _normalizeClass([\"b-slider__mark-text\", { 'b-slider__mark-text--active': mark.isActive }]),\n              style: _normalizeStyle({\n          ...(__props.vertical\n            ? (__props.reverse ? { top: `${100 - mark.percent}%` } : { bottom: `${100 - mark.percent}%` })\n            : (__props.reverse ? { right: `${mark.percent}%` } : { left: `${mark.percent}%` })\n          ),\n          ...mark.style,\n        })\n            }, _toDisplayString(mark.label), 7))\n          }), 128))\n        ]))\n      : _createCommentVNode(\"\", true)\n  ], 34))\n}\n}\n\n})"],"mappings":"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"}
+{"version":3,"file":"design-system177.js","names":[],"sources":["../src/components/BSkeleton/BSkeletonAvatar.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nimport { computed } from 'vue';\nimport type { BSkeletonAvatarShape, BSkeletonAvatarSize } from './types';\n\n\nexport default /*@__PURE__*/_defineComponent({\n  __name: 'BSkeletonAvatar',\n  props: {\n    active: { type: Boolean, default: false },\n    shape: { default: 'circle' },\n    size: { default: 'default' }\n  },\n  setup(__props: any) {\n\n\n\nconst sizeStyle = computed<Record<string, string> | undefined>(() => {\n  if (typeof __props.size === 'number') {\n    return { width: `${__props.size}px`, height: `${__props.size}px`, lineHeight: `${__props.size}px` };\n  }\n  return undefined;\n});\n\nconst classes = computed(() => [\n  'b-skeleton-element',\n  'b-skeleton-avatar',\n  `b-skeleton-avatar--${__props.shape}`,\n  typeof __props.size === 'string' ? `b-skeleton-avatar--${__props.size}` : null,\n  { 'b-skeleton-element--active': __props.active },\n]);\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"span\", {\n    class: _normalizeClass(classes.value),\n    style: _normalizeStyle(sizeStyle.value),\n    role: \"presentation\",\n    \"aria-hidden\": \"true\"\n  }, null, 6))\n}\n}\n\n})"],"mappings":";;AAOA,IAAA,IAA4B,kBAAiB;CAC3C,QAAQ;CACR,OAAO;EACL,QAAQ;GAAE,MAAM;GAAS,SAAS;GAAO;EACzC,OAAO,EAAE,SAAS,UAAU;EAC5B,MAAM,EAAE,SAAS,WAAW;EAC7B;CACD,MAAM,GAAc;EAItB,IAAM,IAAY,QAAmD;AACnE,OAAI,OAAO,EAAQ,QAAS,SAC1B,QAAO;IAAE,OAAO,GAAG,EAAQ,KAAK;IAAK,QAAQ,GAAG,EAAQ,KAAK;IAAK,YAAY,GAAG,EAAQ,KAAK;IAAK;IAGrG,EAEI,IAAU,QAAe;GAC7B;GACA;GACA,sBAAsB,EAAQ;GAC9B,OAAO,EAAQ,QAAS,WAAW,sBAAsB,EAAQ,SAAS;GAC1E,EAAE,8BAA8B,EAAQ,QAAQ;GACjD,CAAC;AAEF,UAAQ,GAAU,OACR,GAAY,EAAE,EAAoB,QAAQ;GAChD,OAAO,EAAgB,EAAQ,MAAM;GACrC,OAAO,EAAgB,EAAU,MAAM;GACvC,MAAM;GACN,eAAe;GAChB,EAAE,MAAM,EAAE;;CAIZ,CAAA"}

package/dist/design-system179.js

@@ -1,6 +1,6 @@
 import e from "./design-system177.js";
 /* empty css                 */
-//#region src/components/BSlider/BSlider.vue
+//#region src/components/BSkeleton/BSkeletonAvatar.vue
 var t = e;
 //#endregion
 export { t as default };

package/dist/design-system179.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system179.js","names":[],"sources":["../src/components/BSlider/BSlider.vue"],"sourcesContent":["<script lang=\"ts\" setup>\ndefineOptions({ inheritAttrs: false });\n\nimport { computed, onBeforeUnmount, ref, useAttrs } from 'vue';\nimport type { BSliderMarks, BSliderRange, BSliderTooltip } from './types.ts';\n\nconst attrs = useAttrs();\n\n//#region Props\nconst {\n  disabled = false,\n  dots = false,\n  included = true,\n  keyboard = true,\n  max = 100,\n  min = 0,\n  range = false,\n  reverse = false,\n  step = 1,\n  vertical = false,\n  tooltip = {},\n  marks,\n} = defineProps<{\n  /** Whether the slider is disabled. */\n  disabled?: boolean;\n  /** Whether only dots can be selected (step snap). */\n  dots?: boolean;\n  /** Whether the track between handles is filled. */\n  included?: boolean;\n  /** Whether keyboard navigation is enabled. */\n  keyboard?: boolean;\n  /** Maximum value. */\n  max?: number;\n  /** Minimum value. */\n  min?: number;\n  /** Whether range mode is enabled (dual handles). Can also be an object with draggableTrack. */\n  range?: boolean | BSliderRange;\n  /** Whether the slider is reversed. */\n  reverse?: boolean;\n  /** Step granularity. null means only marks are selectable. */\n  step?: number | null;\n  /** Whether the slider is vertical. */\n  vertical?: boolean;\n  /** Tooltip configuration. */\n  tooltip?: BSliderTooltip;\n  /** Tick marks on the slider. Keys are percentages (0–100 mapped to min–max). */\n  marks?: BSliderMarks;\n}>();\n\nconst model = defineModel<number | [number, number]>({ default: 0 });\n\nconst emit = defineEmits<{\n  change: [value: number | [number, number]];\n  changeComplete: [value: number | [number, number]];\n}>();\n//#endregion\n\n//#region Internal state\nconst railRef = ref<HTMLElement | null>(null);\nconst rootRef = ref<HTMLElement | null>(null);\n\nconst dragging = ref<null | 'lower' | 'upper' | 'track'>(null);\nconst hovered = ref(false);\nconst focusedHandle = ref<'lower' | 'upper' | null>(null);\nconst tooltipVisible = ref<{ lower: boolean; upper: boolean }>({ lower: false, upper: false });\n\nconst trackDragStartValue = ref<[number, number] | null>(null);\nconst trackDragStartPos = ref(0);\n//#endregion\n\n//#region Computed values\nconst isRange = computed(() => range !== false);\nconst draggableTrack = computed(() => typeof range === 'object' && range.draggableTrack);\n\nconst lowerValue = computed(() => {\n  if (isRange.value) {\n    const v = model.value as [number, number];\n    return v[0];\n  }\n  return min;\n});\n\nconst upperValue = computed(() => {\n  if (isRange.value) {\n    const v = model.value as [number, number];\n    return v[1];\n  }\n  return model.value as number;\n});\n\nfunction valueToPercent(value: number): number {\n  if (max === min) return 0;\n  return ((value - min) / (max - min)) * 100;\n}\n\nfunction percentToValue(percent: number): number {\n  const raw = min + (percent / 100) * (max - min);\n  return snapToStep(raw);\n}\n\nfunction snapToStep(value: number): number {\n  if (step === null) {\n    if (!marks) return clamp(value);\n    const markValues = Object.keys(marks).map(Number);\n    let closest = markValues[0] ?? min;\n    let closestDist = Math.abs(value - closest);\n    for (const mv of markValues) {\n      const dist = Math.abs(value - mv);\n      if (dist < closestDist) {\n        closest = mv;\n        closestDist = dist;\n      }\n    }\n    return clamp(closest);\n  }\n  const stepped = Math.round((value - min) / step) * step + min;\n  return clamp(stepped);\n}\n\nfunction clamp(value: number): number {\n  return Math.min(max, Math.max(min, value));\n}\n\nconst lowerPercent = computed(() => valueToPercent(lowerValue.value));\nconst upperPercent = computed(() => valueToPercent(upperValue.value));\n\nconst trackStyle = computed(() => {\n  const start = isRange.value ? lowerPercent.value : 0;\n  const length = isRange.value\n    ? upperPercent.value - lowerPercent.value\n    : upperPercent.value;\n\n  if (vertical) {\n    return reverse\n      ? { top: `${100 - start - length}%`, height: `${length}%` }\n      : { bottom: `${100 - start - length}%`, height: `${length}%` };\n  }\n  return reverse\n    ? { right: `${start}%`, width: `${length}%` }\n    : { left: `${start}%`, width: `${length}%` };\n});\n\nconst lowerHandleStyle = computed(() => {\n  const pct = lowerPercent.value;\n  if (vertical) {\n    return reverse ? { top: `${100 - pct}%` } : { bottom: `${100 - pct}%` };\n  }\n  return reverse ? { right: `${pct}%` } : { left: `${pct}%` };\n});\n\nconst upperHandleStyle = computed(() => {\n  const pct = upperPercent.value;\n  if (vertical) {\n    return reverse ? { top: `${100 - pct}%` } : { bottom: `${100 - pct}%` };\n  }\n  return reverse ? { right: `${pct}%` } : { left: `${pct}%` };\n});\n\nconst markList = computed(() => {\n  if (!marks) return [];\n  return Object.entries(marks).map(([key, val]) => {\n    const numKey = Number(key);\n    const percent = valueToPercent(numKey);\n    const isActive =\n      included &&\n      (isRange.value\n        ? numKey >= lowerValue.value && numKey <= upperValue.value\n        : numKey <= upperValue.value);\n    const label = typeof val === 'string' ? val : val.label;\n    const style = typeof val === 'object' ? val.style : undefined;\n    return { value: numKey, percent, isActive, label, style };\n  });\n});\n\nconst dotList = computed(() => {\n  if (!dots || step === null) return [];\n  const result: { value: number; percent: number; isActive: boolean }[] = [];\n  for (let v = min; v <= max; v += step) {\n    const percent = valueToPercent(v);\n    const isActive =\n      included &&\n      (isRange.value\n        ? v >= lowerValue.value && v <= upperValue.value\n        : v <= upperValue.value);\n    result.push({ value: v, percent, isActive });\n  }\n  return result;\n});\n\nfunction formatTooltip(value: number): string | null {\n  if (tooltip.formatter === null) return null;\n  if (tooltip.formatter) return tooltip.formatter(value);\n  return String(value);\n}\n\nconst lowerTooltipText = computed(() => formatTooltip(lowerValue.value));\nconst upperTooltipText = computed(() => formatTooltip(upperValue.value));\n\nconst showLowerTooltip = computed(() => {\n  if (tooltip.formatter === null) return false;\n  if (tooltip.open !== undefined) return tooltip.open;\n  return tooltipVisible.value.lower || dragging.value === 'lower' || dragging.value === 'track';\n});\n\nconst showUpperTooltip = computed(() => {\n  if (tooltip.formatter === null) return false;\n  if (tooltip.open !== undefined) return tooltip.open;\n  return tooltipVisible.value.upper || dragging.value === 'upper' || dragging.value === 'track';\n});\n//#endregion\n\n//#region Event handlers\nfunction getPercentFromEvent(event: MouseEvent | TouchEvent): number {\n  if (!railRef.value) return 0;\n  const rect = railRef.value.getBoundingClientRect();\n  let clientPos: number;\n  let size: number;\n\n  if ('touches' in event) {\n    clientPos = vertical ? event.touches[0].clientY : event.touches[0].clientX;\n  } else {\n    clientPos = vertical ? event.clientY : event.clientX;\n  }\n\n  if (vertical) {\n    size = rect.height;\n    const offset = clientPos - rect.top;\n    return reverse ? (offset / size) * 100 : ((size - offset) / size) * 100;\n  } else {\n    size = rect.width;\n    const offset = clientPos - rect.left;\n    return reverse ? ((size - offset) / size) * 100 : (offset / size) * 100;\n  }\n}\n\nfunction getCloserHandle(percent: number): 'lower' | 'upper' {\n  if (!isRange.value) return 'upper';\n  const distToLower = Math.abs(percent - lowerPercent.value);\n  const distToUpper = Math.abs(percent - upperPercent.value);\n  if (distToLower < distToUpper) return 'lower';\n  if (distToUpper < distToLower) return 'upper';\n  return percent < lowerPercent.value ? 'lower' : 'upper';\n}\n\nfunction updateValue(handle: 'lower' | 'upper', newValue: number) {\n  if (isRange.value) {\n    const current = model.value as [number, number];\n    let updated: [number, number];\n    if (handle === 'lower') {\n      updated = [Math.min(newValue, current[1]), current[1]];\n    } else {\n      updated = [current[0], Math.max(newValue, current[0])];\n    }\n    model.value = updated;\n    emit('change', updated);\n  } else {\n    model.value = newValue;\n    emit('change', newValue);\n  }\n}\n\nfunction handleRailClick(event: MouseEvent) {\n  if (disabled) return;\n  if ((event.target as HTMLElement).closest('.b-slider__handle')) return;\n\n  const percent = getPercentFromEvent(event);\n  const value = percentToValue(percent);\n  const handle = getCloserHandle(percent);\n\n  if (draggableTrack.value && isRange.value) {\n    const lp = lowerPercent.value;\n    const up = upperPercent.value;\n    if (percent >= lp && percent <= up) return;\n  }\n\n  updateValue(handle, value);\n  emit('changeComplete', isRange.value ? (model.value as [number, number]) : (model.value as number));\n}\n\nfunction handleDragStart(handle: 'lower' | 'upper' | 'track', event: MouseEvent | TouchEvent) {\n  if (disabled) return;\n  event.preventDefault();\n  dragging.value = handle;\n\n  if (handle === 'track' && isRange.value) {\n    trackDragStartValue.value = [...(model.value as [number, number])] as [number, number];\n    trackDragStartPos.value = getPercentFromEvent(event);\n  }\n\n  document.addEventListener('mousemove', handleDragMove);\n  document.addEventListener('mouseup', handleDragEnd);\n  document.addEventListener('touchmove', handleDragMove);\n  document.addEventListener('touchend', handleDragEnd);\n}\n\nfunction handleDragMove(event: MouseEvent | TouchEvent) {\n  if (!dragging.value || disabled) return;\n  const percent = getPercentFromEvent(event);\n\n  if (dragging.value === 'track' && trackDragStartValue.value) {\n    const delta = percent - trackDragStartPos.value;\n    const startLower = trackDragStartValue.value[0];\n    const startUpper = trackDragStartValue.value[1];\n    const lowerPct = valueToPercent(startLower) + delta;\n    const upperPct = valueToPercent(startUpper) + delta;\n\n    const newLower = percentToValue(lowerPct);\n    const newUpper = percentToValue(upperPct);\n\n    if (newLower >= min && newUpper <= max) {\n      model.value = [newLower, newUpper];\n      emit('change', [newLower, newUpper]);\n    }\n    return;\n  }\n\n  const value = percentToValue(percent);\n  updateValue(dragging.value as 'lower' | 'upper', value);\n}\n\nfunction handleDragEnd() {\n  if (dragging.value) {\n    emit('changeComplete', isRange.value ? (model.value as [number, number]) : (model.value as number));\n  }\n  dragging.value = null;\n  trackDragStartValue.value = null;\n  document.removeEventListener('mousemove', handleDragMove);\n  document.removeEventListener('mouseup', handleDragEnd);\n  document.removeEventListener('touchmove', handleDragMove);\n  document.removeEventListener('touchend', handleDragEnd);\n}\n\nfunction handleKeyDown(event: KeyboardEvent, handle: 'lower' | 'upper') {\n  if (disabled || !keyboard) return;\n  const effectiveStep = step ?? 1;\n  let delta = 0;\n\n  switch (event.key) {\n    case 'ArrowRight':\n    case 'ArrowUp':\n      delta = effectiveStep;\n      break;\n    case 'ArrowLeft':\n    case 'ArrowDown':\n      delta = -effectiveStep;\n      break;\n    case 'Home':\n      delta = min - (handle === 'lower' ? lowerValue.value : upperValue.value);\n      break;\n    case 'End':\n      delta = max - (handle === 'lower' ? lowerValue.value : upperValue.value);\n      break;\n    default:\n      return;\n  }\n\n  event.preventDefault();\n  const currentVal = handle === 'lower' ? lowerValue.value : upperValue.value;\n  const newValue = snapToStep(currentVal + delta);\n  updateValue(handle, newValue);\n  emit('changeComplete', isRange.value ? (model.value as [number, number]) : (model.value as number));\n}\n\nfunction handleHandleFocus(handle: 'lower' | 'upper') {\n  focusedHandle.value = handle;\n  tooltipVisible.value[handle] = true;\n}\n\nfunction handleHandleBlur(handle: 'lower' | 'upper') {\n  focusedHandle.value = null;\n  tooltipVisible.value[handle] = false;\n}\n\nfunction handleHandleMouseEnter(handle: 'lower' | 'upper') {\n  tooltipVisible.value[handle] = true;\n}\n\nfunction handleHandleMouseLeave(handle: 'lower' | 'upper') {\n  if (focusedHandle.value !== handle && dragging.value !== handle) {\n    tooltipVisible.value[handle] = false;\n  }\n}\n\nfunction handleMouseEnter() {\n  hovered.value = true;\n}\n\nfunction handleMouseLeave() {\n  hovered.value = false;\n}\n\nfunction handleTrackMouseDown(event: MouseEvent) {\n  if (disabled || !draggableTrack.value) return;\n  handleDragStart('track', event);\n}\n//#endregion\n\n//#region Expose\nfunction focus() {\n  const el = rootRef.value?.querySelector('.b-slider__handle') as HTMLElement | null;\n  el?.focus();\n}\n\nfunction blur() {\n  const el = rootRef.value?.querySelector('.b-slider__handle:focus') as HTMLElement | null;\n  el?.blur();\n}\n\ndefineExpose({ focus, blur });\n//#endregion\n\n//#region Cleanup\nonBeforeUnmount(() => {\n  document.removeEventListener('mousemove', handleDragMove);\n  document.removeEventListener('mouseup', handleDragEnd);\n  document.removeEventListener('touchmove', handleDragMove);\n  document.removeEventListener('touchend', handleDragEnd);\n});\n//#endregion\n</script>\n\n<template>\n  <div\n    ref=\"rootRef\"\n    class=\"b-slider\"\n    :class=\"[\n      {\n        'b-slider--vertical': vertical,\n        'b-slider--disabled': disabled,\n        'b-slider--with-marks': !!marks,\n        'b-slider--reverse': reverse,\n        'b-slider--hovered': hovered,\n      },\n    ]\"\n    @mouseenter=\"handleMouseEnter\"\n    @mouseleave=\"handleMouseLeave\"\n  >\n    <!-- Rail -->\n    <div\n      ref=\"railRef\"\n      class=\"b-slider__rail\"\n      @mousedown=\"handleRailClick\"\n    >\n      <!-- Track -->\n      <div\n        v-if=\"included\"\n        class=\"b-slider__track\"\n        :style=\"trackStyle\"\n        @mousedown.stop=\"handleTrackMouseDown\"\n      />\n\n      <!-- Dots -->\n      <span\n        v-for=\"dot in dotList\"\n        :key=\"`dot-${dot.value}`\"\n        class=\"b-slider__dot\"\n        :class=\"{ 'b-slider__dot--active': dot.isActive }\"\n        :style=\"vertical\n          ? (reverse ? { top: `${100 - dot.percent}%` } : { bottom: `${100 - dot.percent}%` })\n          : (reverse ? { right: `${dot.percent}%` } : { left: `${dot.percent}%` })\n        \"\n      />\n\n      <!-- Marks -->\n      <span\n        v-for=\"mark in markList\"\n        :key=\"`mark-dot-${mark.value}`\"\n        class=\"b-slider__dot\"\n        :class=\"{ 'b-slider__dot--active': mark.isActive }\"\n        :style=\"vertical\n          ? (reverse ? { top: `${100 - mark.percent}%` } : { bottom: `${100 - mark.percent}%` })\n          : (reverse ? { right: `${mark.percent}%` } : { left: `${mark.percent}%` })\n        \"\n      />\n\n      <!-- Lower handle (range only) -->\n      <div\n        v-if=\"isRange\"\n        class=\"b-slider__handle\"\n        :class=\"{\n          'b-slider__handle--active': dragging === 'lower' || focusedHandle === 'lower',\n        }\"\n        :style=\"lowerHandleStyle\"\n        role=\"slider\"\n        :tabindex=\"disabled ? -1 : 0\"\n        :aria-valuemin=\"min\"\n        :aria-valuemax=\"upperValue\"\n        :aria-valuenow=\"lowerValue\"\n        :aria-disabled=\"disabled || undefined\"\n        :aria-orientation=\"vertical ? 'vertical' : 'horizontal'\"\n        :aria-label=\"(attrs['aria-label'] as string) ? `${attrs['aria-label']} - minimum` : 'Minimum'\"\n        @mousedown=\"(e) => handleDragStart('lower', e)\"\n        @touchstart=\"(e) => handleDragStart('lower', e)\"\n        @keydown=\"(e) => handleKeyDown(e, 'lower')\"\n        @focus=\"handleHandleFocus('lower')\"\n        @blur=\"handleHandleBlur('lower')\"\n        @mouseenter=\"handleHandleMouseEnter('lower')\"\n        @mouseleave=\"handleHandleMouseLeave('lower')\"\n      >\n        <div\n          v-if=\"lowerTooltipText !== null\"\n          class=\"b-slider__tooltip\"\n          :class=\"{ 'b-slider__tooltip--visible': showLowerTooltip }\"\n          role=\"tooltip\"\n        >\n          {{ lowerTooltipText }}\n        </div>\n      </div>\n\n      <!-- Upper handle (always) -->\n      <div\n        class=\"b-slider__handle\"\n        :class=\"{\n          'b-slider__handle--active': dragging === 'upper' || focusedHandle === 'upper',\n        }\"\n        :style=\"upperHandleStyle\"\n        role=\"slider\"\n        :tabindex=\"disabled ? -1 : 0\"\n        :aria-valuemin=\"isRange ? lowerValue : min\"\n        :aria-valuemax=\"max\"\n        :aria-valuenow=\"upperValue\"\n        :aria-disabled=\"disabled || undefined\"\n        :aria-orientation=\"vertical ? 'vertical' : 'horizontal'\"\n        :aria-label=\"(attrs['aria-label'] as string) || (isRange ? 'Maximum' : 'Slider')\"\n        @mousedown=\"(e) => handleDragStart('upper', e)\"\n        @touchstart=\"(e) => handleDragStart('upper', e)\"\n        @keydown=\"(e) => handleKeyDown(e, 'upper')\"\n        @focus=\"handleHandleFocus('upper')\"\n        @blur=\"handleHandleBlur('upper')\"\n        @mouseenter=\"handleHandleMouseEnter('upper')\"\n        @mouseleave=\"handleHandleMouseLeave('upper')\"\n      >\n        <div\n          v-if=\"upperTooltipText !== null\"\n          class=\"b-slider__tooltip\"\n          :class=\"{ 'b-slider__tooltip--visible': showUpperTooltip }\"\n          role=\"tooltip\"\n        >\n          {{ upperTooltipText }}\n        </div>\n      </div>\n    </div>\n\n    <!-- Mark labels -->\n    <div v-if=\"marks\" class=\"b-slider__marks\">\n      <span\n        v-for=\"mark in markList\"\n        :key=\"`mark-label-${mark.value}`\"\n        class=\"b-slider__mark-text\"\n        :class=\"{ 'b-slider__mark-text--active': mark.isActive }\"\n        :style=\"{\n          ...(vertical\n            ? (reverse ? { top: `${100 - mark.percent}%` } : { bottom: `${100 - mark.percent}%` })\n            : (reverse ? { right: `${mark.percent}%` } : { left: `${mark.percent}%` })\n          ),\n          ...mark.style,\n        }\"\n      >\n        {{ mark.label }}\n      </span>\n    </div>\n  </div>\n</template>\n\n<style>\n.b-slider {\n  --b-slider-rail-bg: rgba(0, 0, 0, 0.04);\n  --b-slider-rail-hover-bg: rgba(0, 0, 0, 0.06);\n  --b-slider-rail-size: 4px;\n  --b-slider-track-bg: #91caff;\n  --b-slider-track-bg-disabled: rgba(0, 0, 0, 0.04);\n  --b-slider-track-hover-bg: #69b1ff;\n  --b-slider-handle-color: #91caff;\n  --b-slider-handle-color-disabled: #bfbfbf;\n  --b-slider-handle-active-color: #1677ff;\n  --b-slider-handle-active-outline-color: rgba(22, 119, 255, 0.2);\n  --b-slider-handle-line-width: 2px;\n  --b-slider-handle-line-width-hover: 2.5px;\n  --b-slider-handle-size: 10px;\n  --b-slider-handle-size-hover: 12px;\n  --b-slider-dot-border-color: #f0f0f0;\n  --b-slider-dot-active-border-color: #91caff;\n  --b-slider-dot-size: 8px;\n  --b-slider-control-size: 10px;\n\n  position: relative;\n  box-sizing: border-box;\n  padding: 4px 0;\n  cursor: pointer;\n  touch-action: none;\n}\n\n.b-slider--vertical {\n  display: inline-block;\n  height: 100%;\n  min-height: 200px;\n  padding: 0 4px;\n}\n\n.b-slider--disabled {\n  cursor: not-allowed;\n}\n\n/* Rail */\n.b-slider__rail {\n  position: relative;\n  width: 100%;\n  height: var(--b-slider-rail-size);\n  background-color: var(--b-slider-rail-bg);\n  border-radius: calc(var(--b-slider-rail-size) / 2);\n  transition: background-color 0.2s;\n}\n\n.b-slider--hovered:not(.b-slider--disabled) .b-slider__rail {\n  background-color: var(--b-slider-rail-hover-bg);\n}\n\n.b-slider--vertical .b-slider__rail {\n  width: var(--b-slider-rail-size);\n  height: 100%;\n}\n\n/* Track */\n.b-slider__track {\n  position: absolute;\n  height: 100%;\n  background-color: var(--b-slider-track-bg);\n  border-radius: calc(var(--b-slider-rail-size) / 2);\n  transition: background-color 0.2s;\n}\n\n.b-slider--hovered:not(.b-slider--disabled) .b-slider__track {\n  background-color: var(--b-slider-track-hover-bg);\n}\n\n.b-slider--disabled .b-slider__track {\n  background-color: var(--b-slider-track-bg-disabled);\n}\n\n.b-slider--vertical .b-slider__track {\n  width: 100%;\n  height: auto;\n}\n\n/* Handle */\n.b-slider__handle {\n  position: absolute;\n  top: 50%;\n  width: var(--b-slider-handle-size);\n  height: var(--b-slider-handle-size);\n  background-color: #fff;\n  border: var(--b-slider-handle-line-width) solid var(--b-slider-handle-color);\n  border-radius: 50%;\n  transform: translate(-50%, -50%);\n  cursor: grab;\n  outline: none;\n  transition:\n    width 0.2s,\n    height 0.2s,\n    border-color 0.2s,\n    border-width 0.2s,\n    box-shadow 0.2s;\n  touch-action: none;\n  z-index: 1;\n}\n\n.b-slider--vertical .b-slider__handle {\n  top: auto;\n  left: 50%;\n  transform: translate(-50%, 50%);\n}\n\n.b-slider__handle:hover,\n.b-slider__handle:focus-visible {\n  width: var(--b-slider-handle-size-hover);\n  height: var(--b-slider-handle-size-hover);\n  border-width: var(--b-slider-handle-line-width-hover);\n  border-color: var(--b-slider-handle-active-color);\n}\n\n.b-slider__handle--active {\n  width: var(--b-slider-handle-size-hover);\n  height: var(--b-slider-handle-size-hover);\n  border-width: var(--b-slider-handle-line-width-hover);\n  border-color: var(--b-slider-handle-active-color);\n  box-shadow: 0 0 0 4px var(--b-slider-handle-active-outline-color);\n  cursor: grabbing;\n}\n\n.b-slider__handle:focus-visible {\n  box-shadow: 0 0 0 4px var(--b-slider-handle-active-outline-color);\n}\n\n.b-slider--disabled .b-slider__handle {\n  border-color: var(--b-slider-handle-color-disabled);\n  cursor: not-allowed;\n  box-shadow: none;\n}\n\n.b-slider--disabled .b-slider__handle:hover,\n.b-slider--disabled .b-slider__handle:focus-visible {\n  width: var(--b-slider-handle-size);\n  height: var(--b-slider-handle-size);\n  border-width: var(--b-slider-handle-line-width);\n  border-color: var(--b-slider-handle-color-disabled);\n  box-shadow: none;\n}\n\n/* Tooltip */\n.b-slider__tooltip {\n  position: absolute;\n  bottom: calc(100% + 8px);\n  left: 50%;\n  transform: translateX(-50%) scale(0.8);\n  padding: 4px 8px;\n  background-color: rgba(0, 0, 0, 0.85);\n  color: #fff;\n  font-size: 12px;\n  line-height: 1.4;\n  border-radius: 4px;\n  white-space: nowrap;\n  pointer-events: none;\n  opacity: 0;\n  transition:\n    opacity 0.2s,\n    transform 0.2s;\n}\n\n.b-slider__tooltip--visible {\n  opacity: 1;\n  transform: translateX(-50%) scale(1);\n}\n\n.b-slider--vertical .b-slider__tooltip {\n  bottom: auto;\n  left: calc(100% + 8px);\n  top: 50%;\n  transform: translateY(-50%) scale(0.8);\n}\n\n.b-slider--vertical .b-slider__tooltip--visible {\n  transform: translateY(-50%) scale(1);\n}\n\n/* Dots */\n.b-slider__dot {\n  position: absolute;\n  top: 50%;\n  width: var(--b-slider-dot-size);\n  height: var(--b-slider-dot-size);\n  background-color: #fff;\n  border: 2px solid var(--b-slider-dot-border-color);\n  border-radius: 50%;\n  transform: translate(-50%, -50%);\n}\n\n.b-slider--vertical .b-slider__dot {\n  top: auto;\n  left: 50%;\n  transform: translate(-50%, 50%);\n}\n\n.b-slider__dot--active {\n  border-color: var(--b-slider-dot-active-border-color);\n}\n\n/* Marks */\n.b-slider__marks {\n  position: relative;\n}\n\n.b-slider--vertical .b-slider__marks {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 3;\n  pointer-events: none;\n}\n\n.b-slider__mark-text {\n  position: absolute;\n  top: 8px;\n  transform: translateX(-50%);\n  font-size: 12px;\n  color: rgba(0, 0, 0, 0.65);\n  white-space: nowrap;\n  user-select: none;\n}\n\n.b-slider--vertical .b-slider__mark-text {\n  top: auto;\n  left: 20px;\n  transform: translateY(50%);\n}\n\n.b-slider__mark-text--active {\n  color: rgba(0, 0, 0, 0.88);\n}\n\n/* Dark mode */\n[data-prefers-color='dark'] .b-slider {\n  --b-slider-rail-bg: rgba(255, 255, 255, 0.08);\n  --b-slider-rail-hover-bg: rgba(255, 255, 255, 0.12);\n  --b-slider-track-bg: #177ddc;\n  --b-slider-track-bg-disabled: rgba(255, 255, 255, 0.08);\n  --b-slider-track-hover-bg: #3c9ae8;\n  --b-slider-handle-color: #177ddc;\n  --b-slider-handle-color-disabled: rgba(255, 255, 255, 0.3);\n  --b-slider-handle-active-color: #3c9ae8;\n  --b-slider-handle-active-outline-color: rgba(23, 125, 220, 0.2);\n  --b-slider-dot-border-color: rgba(255, 255, 255, 0.12);\n  --b-slider-dot-active-border-color: #177ddc;\n}\n\n[data-prefers-color='dark'] .b-slider__tooltip {\n  background-color: rgba(255, 255, 255, 0.9);\n  color: #141414;\n}\n\n[data-prefers-color='dark'] .b-slider__handle {\n  background-color: #141414;\n}\n\n[data-prefers-color='dark'] .b-slider__mark-text {\n  color: rgba(255, 255, 255, 0.65);\n}\n\n[data-prefers-color='dark'] .b-slider__mark-text--active {\n  color: rgba(255, 255, 255, 0.88);\n}\n\n@media (prefers-color-scheme: dark) {\n  [data-prefers-color='system'] .b-slider {\n    --b-slider-rail-bg: rgba(255, 255, 255, 0.08);\n    --b-slider-rail-hover-bg: rgba(255, 255, 255, 0.12);\n    --b-slider-track-bg: #177ddc;\n    --b-slider-track-bg-disabled: rgba(255, 255, 255, 0.08);\n    --b-slider-track-hover-bg: #3c9ae8;\n    --b-slider-handle-color: #177ddc;\n    --b-slider-handle-color-disabled: rgba(255, 255, 255, 0.3);\n    --b-slider-handle-active-color: #3c9ae8;\n    --b-slider-handle-active-outline-color: rgba(23, 125, 220, 0.2);\n    --b-slider-dot-border-color: rgba(255, 255, 255, 0.12);\n    --b-slider-dot-active-border-color: #177ddc;\n  }\n  [data-prefers-color='system'] .b-slider__tooltip {\n    background-color: rgba(255, 255, 255, 0.9);\n    color: #141414;\n  }\n  [data-prefers-color='system'] .b-slider__handle {\n    background-color: #141414;\n  }\n  [data-prefers-color='system'] .b-slider__mark-text {\n    color: rgba(255, 255, 255, 0.65);\n  }\n  [data-prefers-color='system'] .b-slider__mark-text--active {\n    color: rgba(255, 255, 255, 0.88);\n  }\n}\n\n/* Reduced motion */\n@media (prefers-reduced-motion: reduce) {\n  .b-slider__handle,\n  .b-slider__track,\n  .b-slider__rail,\n  .b-slider__tooltip {\n    transition: none;\n  }\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"design-system179.js","names":[],"sources":["../src/components/BSkeleton/BSkeletonAvatar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport type { BSkeletonAvatarShape, BSkeletonAvatarSize } from './types';\n\nconst {\n  active = false,\n  shape = 'circle',\n  size = 'default',\n} = defineProps<{\n  /** Animated shimmer effect. @default false */\n  active?: boolean;\n  /** Avatar shape. @default 'circle' */\n  shape?: BSkeletonAvatarShape;\n  /** Avatar size: preset string or pixel number. @default 'default' */\n  size?: BSkeletonAvatarSize;\n}>();\n\nconst sizeStyle = computed<Record<string, string> | undefined>(() => {\n  if (typeof size === 'number') {\n    return { width: `${size}px`, height: `${size}px`, lineHeight: `${size}px` };\n  }\n  return undefined;\n});\n\nconst classes = computed(() => [\n  'b-skeleton-element',\n  'b-skeleton-avatar',\n  `b-skeleton-avatar--${shape}`,\n  typeof size === 'string' ? `b-skeleton-avatar--${size}` : null,\n  { 'b-skeleton-element--active': active },\n]);\n</script>\n\n<template>\n  <span :class=\"classes\" :style=\"sizeStyle\" role=\"presentation\" aria-hidden=\"true\" />\n</template>\n\n<style>\n.b-skeleton-avatar {\n  display: inline-block;\n  vertical-align: top;\n  width: var(--b-skeleton-avatar-size-default);\n  height: var(--b-skeleton-avatar-size-default);\n  background: var(--b-skeleton-gradient-from-color);\n}\n\n.b-skeleton-avatar--small {\n  width: var(--b-skeleton-avatar-size-small);\n  height: var(--b-skeleton-avatar-size-small);\n}\n\n.b-skeleton-avatar--large {\n  width: var(--b-skeleton-avatar-size-large);\n  height: var(--b-skeleton-avatar-size-large);\n}\n\n.b-skeleton-avatar--circle {\n  border-radius: 50%;\n}\n\n.b-skeleton-avatar--square {\n  border-radius: var(--b-skeleton-border-radius);\n}\n</style>\n"],"mappings":""}