@7pmlabs/design-system 1.0.10 → 1.0.11

package/dist/design-system223.js

@@ -1,286 +1,9 @@
-import { BTabsContextKey as e } from "./design-system220.js";
-import { Fragment as t, KeepAlive as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, defineComponent as l, h as ee, nextTick as u, normalizeClass as d, normalizeStyle as f, onMounted as p, openBlock as m, provide as h, ref as g, renderList as _, renderSlot as v, resolveDynamicComponent as y, toDisplayString as b, useId as x, vShow as S, watch as C, withDirectives as w, withModifiers as te } from "vue";
-//#region src/components/BTabs/BTabs.vue?vue&type=script&setup=true&lang.ts
-var ne = { class: "b-tabs__header" }, re = {
-	key: 0,
-	class: "b-tabs__extra b-tabs__extra--left"
-}, ie = ["aria-orientation"], ae = [
-	"data-tab-key",
-	"aria-selected",
-	"aria-disabled",
-	"aria-controls",
-	"id",
-	"tabindex",
-	"onClick"
-], T = { class: "b-tabs__tab-label" }, oe = ["onClick"], se = {
-	key: 2,
-	class: "b-tabs__extra b-tabs__extra--right"
-}, ce = {
-	key: 0,
-	"aria-hidden": "true",
-	style: { display: "none" }
-}, E = { class: "b-tabs__content" }, D = [
-	"id",
-	"aria-labelledby",
-	"tabindex",
-	"aria-hidden"
-], O = [
-	"id",
-	"aria-labelledby",
-	"tabindex",
-	"aria-hidden"
-], k = /* @__PURE__ */ l({
-	__name: "BTabs",
-	props: {
-		activeKey: {},
-		defaultActiveKey: {},
-		items: { default: () => [] },
-		type: { default: "line" },
-		placement: { default: "top" },
-		size: { default: "middle" },
-		centered: {
-			type: Boolean,
-			default: !1
-		},
-		animated: {
-			type: Boolean,
-			default: !0
-		},
-		hideAdd: {
-			type: Boolean,
-			default: !1
-		},
-		destroyOnHidden: {
-			type: Boolean,
-			default: !1
-		},
-		keepAlive: {
-			type: Boolean,
-			default: !1
-		},
-		tabBarGutter: {}
-	},
-	emits: [
-		"update:activeKey",
-		"change",
-		"tabClick",
-		"edit"
-	],
-	setup(k, { emit: A }) {
-		let j = A, M = x(), N = (e) => `${M}-tab-${e}`, P = (e) => `${M}-tabpanel-${e}`, F = g(/* @__PURE__ */ new Map()), I = g([]);
-		function L(e) {
-			F.value.set(e.key, e), I.value.includes(e.key) || (I.value = [...I.value, e.key]);
-		}
-		function R(e) {
-			F.value.delete(e), I.value = I.value.filter((t) => t !== e);
-		}
-		function z(e, t) {
-			F.value.set(e, t);
-		}
-		let B = r(() => k.items && k.items.length > 0), V = r(() => B.value ? k.items : I.value.map((e) => F.value.get(e)).filter((e) => e !== void 0).map((e) => ({
-			key: e.key,
-			label: e.label,
-			disabled: e.disabled,
-			closable: e.closable,
-			destroyOnHidden: e.destroyOnHidden,
-			forceRender: e.forceRender,
-			keepAlive: e.keepAlive
-		}))), H = r(() => k.activeKey !== void 0), U = r(() => V.value.find((e) => !e.disabled)?.key ?? V.value[0]?.key ?? ""), W = g(k.activeKey ?? k.defaultActiveKey ?? U.value);
-		C(() => k.activeKey, (e) => {
-			e !== void 0 && (W.value = e);
-		}), C(V, () => {
-			(W.value === void 0 || !V.value.find((e) => e.key === W.value)) && (W.value = U.value);
-		});
-		let G = r(() => H.value ? k.activeKey : W.value);
-		h(e, {
-			activeKey: G,
-			type: r(() => k.type),
-			size: r(() => k.size),
-			placement: r(() => k.placement),
-			keepAlive: r(() => k.keepAlive),
-			destroyOnHidden: r(() => k.destroyOnHidden),
-			register: L,
-			unregister: R,
-			update: z
-		});
-		function K(e, t) {
-			let n = V.value.find((t) => t.key === e);
-			!n || n.disabled || (t && j("tabClick", e, t), e !== G.value && (H.value || (W.value = e), j("update:activeKey", e), j("change", e)));
-		}
-		function le() {
-			j("edit", null, "add");
-		}
-		function ue(e, t) {
-			t.stopPropagation(), j("edit", e, "remove");
-		}
-		let q = g(null), J = g({});
-		function Y() {
-			if (!q.value || k.type !== "line") return;
-			let e = q.value.querySelector(".b-tabs__tab--active");
-			e && (k.placement === "left" || k.placement === "right" ? J.value = {
-				top: `${e.offsetTop}px`,
-				height: `${e.offsetHeight}px`
-			} : J.value = {
-				left: `${e.offsetLeft}px`,
-				width: `${e.offsetWidth}px`
-			});
-		}
-		C(G, async () => {
-			await u(), Y();
-		}), p(() => {
-			Y();
-		});
-		function de(e) {
-			let t = k.placement === "left" || k.placement === "right", n = t ? ["ArrowDown"] : ["ArrowRight"], r = t ? ["ArrowUp"] : ["ArrowLeft"];
-			if (e.key === "Delete" && k.type === "editable-card") {
-				let t = V.value.find((e) => e.key === G.value);
-				t && t.closable !== !1 && (e.preventDefault(), j("edit", G.value, "remove"));
-				return;
-			}
-			if ([
-				...n,
-				...r,
-				"Home",
-				"End"
-			].includes(e.key)) {
-				e.preventDefault();
-				let t = V.value.filter((e) => !e.disabled);
-				if (t.length === 0) return;
-				let i = t.findIndex((e) => e.key === G.value), a;
-				a = n.includes(e.key) ? (i + 1) % t.length : r.includes(e.key) ? (i - 1 + t.length) % t.length : e.key === "Home" ? 0 : t.length - 1;
-				let o = t[a].key;
-				K(o), u(() => {
-					q.value && q.value.querySelector(`[data-tab-key="${o}"]`)?.focus();
-				});
-			}
-		}
-		let X = g(new Set([G.value]));
-		C(G, (e) => {
-			X.value.add(e);
-		});
-		function Z(e) {
-			return e.destroyOnHidden ? !1 : e.keepAlive === void 0 ? k.destroyOnHidden ? !1 : k.keepAlive : e.keepAlive;
-		}
-		function fe(e) {
-			return e.forceRender || Z(e) ? !0 : e.destroyOnHidden ?? k.destroyOnHidden ? e.key === G.value : X.value.has(e.key);
-		}
-		let Q = r(() => {
-			let e = {};
-			for (let t of V.value) Z(t) && (e[t.key] = l({
-				name: `BTabPanel_${t.key}`,
-				setup() {
-					return () => {
-						let e = F.value.get(t.key);
-						return e ? e.renderContent() : null;
-					};
-				}
-			}));
-			return e;
-		});
-		function pe(e) {
-			return F.value.get(e)?.renderContent() ?? [];
-		}
-		function $(e) {
-			return F.value.get(e)?.renderLabel?.();
-		}
-		let me = r(() => [
-			"b-tabs",
-			`b-tabs--${k.type}`,
-			`b-tabs--${k.placement}`,
-			`b-tabs--${k.size}`,
-			{ "b-tabs--centered": k.centered }
-		]), he = r(() => k.tabBarGutter === void 0 ? void 0 : { gap: `${k.tabBarGutter}px` });
-		return (e, r) => (m(), o("div", { class: d(me.value) }, [
-			s("div", ne, [
-				e.$slots.leftExtra ? (m(), o("div", re, [v(e.$slots, "leftExtra")])) : a("", !0),
-				s("div", {
-					ref_key: "tabListRef",
-					ref: q,
-					class: "b-tabs__list",
-					role: "tablist",
-					"aria-orientation": k.placement === "left" || k.placement === "right" ? "vertical" : "horizontal",
-					style: f(he.value)
-				}, [(m(!0), o(t, null, _(V.value, (n) => (m(), o("div", {
-					key: n.key,
-					"data-tab-key": n.key,
-					class: d(["b-tabs__tab", {
-						"b-tabs__tab--active": n.key === G.value,
-						"b-tabs__tab--disabled": n.disabled
-					}]),
-					role: "tab",
-					"aria-selected": n.key === G.value,
-					"aria-disabled": n.disabled || void 0,
-					"aria-controls": P(n.key),
-					id: N(n.key),
-					tabindex: n.key === G.value ? 0 : -1,
-					onClick: (e) => !n.disabled && K(n.key, e),
-					onKeydown: de
-				}, [s("span", T, [B.value ? v(e.$slots, "label", {
-					key: 0,
-					item: n,
-					active: n.key === G.value
-				}, () => [c(b(n.label), 1)]) : (m(), o(t, { key: 1 }, [$(n.key) ? (m(), i(y(() => ee("span", $(n.key))), { key: 0 })) : (m(), o(t, { key: 1 }, [c(b(n.label), 1)], 64))], 64))]), k.type === "editable-card" && n.closable !== !1 ? (m(), o("span", {
-					key: 0,
-					class: "b-tabs__tab-remove",
-					"aria-hidden": "true",
-					onClick: te((e) => ue(n.key, e), ["stop"])
-				}, [v(e.$slots, "removeIcon", { item: n }, () => [r[0] ||= s("svg", {
-					viewBox: "0 0 16 16",
-					fill: "currentColor",
-					class: "b-tabs__close-icon"
-				}, [s("path", { d: "M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z" })], -1)])], 8, oe)) : a("", !0)], 42, ae))), 128)), k.type === "line" ? (m(), o("div", {
-					key: 0,
-					class: "b-tabs__ink-bar",
-					"aria-hidden": "true",
-					style: f(J.value)
-				}, null, 4)) : a("", !0)], 12, ie),
-				k.type === "editable-card" && !k.hideAdd ? (m(), o("button", {
-					key: 1,
-					class: "b-tabs__add",
-					"aria-label": "Add tab",
-					onClick: le
-				}, [v(e.$slots, "addIcon", {}, () => [r[1] ||= s("svg", {
-					viewBox: "0 0 16 16",
-					fill: "currentColor",
-					"aria-hidden": "true",
-					class: "b-tabs__add-icon"
-				}, [s("path", { d: "M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z" })], -1)])])) : a("", !0),
-				e.$slots.rightExtra ? (m(), o("div", se, [v(e.$slots, "rightExtra")])) : a("", !0)
-			]),
-			B.value ? a("", !0) : w((m(), o("div", ce, [v(e.$slots, "default")], 512)), [[S, !1]]),
-			s("div", E, [(m(!0), o(t, null, _(V.value, (r) => (m(), o(t, { key: r.key }, [Z(r) ? w((m(), o("div", {
-				key: 0,
-				id: P(r.key),
-				class: d(["b-tabs__panel", {
-					"b-tabs__panel--active": r.key === G.value,
-					"b-tabs__panel--animated": k.animated
-				}]),
-				role: "tabpanel",
-				"aria-labelledby": N(r.key),
-				tabindex: r.key === G.value ? 0 : -1,
-				"aria-hidden": r.key !== G.value
-			}, [B.value ? a("", !0) : (m(), i(n, { key: 0 }, [r.key === G.value ? (m(), i(y(Q.value[r.key] ?? (() => null)), { key: r.key })) : a("", !0)], 1024)), B.value ? v(e.$slots, "default", {
-				key: 1,
-				item: r
-			}) : a("", !0)], 10, D)), [[S, r.key === G.value]]) : fe(r) ? w((m(), o("div", {
-				key: 1,
-				id: P(r.key),
-				class: d(["b-tabs__panel", {
-					"b-tabs__panel--active": r.key === G.value,
-					"b-tabs__panel--animated": k.animated
-				}]),
-				role: "tabpanel",
-				"aria-labelledby": N(r.key),
-				tabindex: r.key === G.value ? 0 : -1,
-				"aria-hidden": r.key !== G.value
-			}, [B.value ? v(e.$slots, "default", {
-				key: 0,
-				item: r
-			}) : (m(), i(y(() => pe(r.key)), { key: 1 }))], 10, O)), [[S, r.key === G.value]]) : a("", !0)], 64))), 128))])
-		], 2));
-	}
-});
+import e from "./design-system14.js";
+import t from "./design-system221.js";
+/* empty css                 */
+//#region src/components/BSwitch/BSwitch.vue
+var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-a13562bf"]]);
 //#endregion
-export { k as default };
+export { n as default };
 
 //# sourceMappingURL=design-system223.js.map

package/dist/design-system223.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system223.js","names":[],"sources":["../src/components/BTabs/BTabs.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, renderList as _renderList, Fragment as _Fragment, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, resolveDynamicComponent as _resolveDynamicComponent, createBlock as _createBlock, createElementVNode as _createElementVNode, withModifiers as _withModifiers, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, vShow as _vShow, withDirectives as _withDirectives, KeepAlive as _KeepAlive } from \"vue\"\n\nconst _hoisted_1 = { class: \"b-tabs__header\" }\nconst _hoisted_2 = {\n  key: 0,\n  class: \"b-tabs__extra b-tabs__extra--left\"\n}\nconst _hoisted_3 = [\"aria-orientation\"]\nconst _hoisted_4 = [\"data-tab-key\", \"aria-selected\", \"aria-disabled\", \"aria-controls\", \"id\", \"tabindex\", \"onClick\"]\nconst _hoisted_5 = { class: \"b-tabs__tab-label\" }\nconst _hoisted_6 = [\"onClick\"]\nconst _hoisted_7 = {\n  key: 2,\n  class: \"b-tabs__extra b-tabs__extra--right\"\n}\nconst _hoisted_8 = {\n  key: 0,\n  \"aria-hidden\": \"true\",\n  style: {\"display\":\"none\"}\n}\nconst _hoisted_9 = { class: \"b-tabs__content\" }\nconst _hoisted_10 = [\"id\", \"aria-labelledby\", \"tabindex\", \"aria-hidden\"]\nconst _hoisted_11 = [\"id\", \"aria-labelledby\", \"tabindex\", \"aria-hidden\"]\n\nimport type { Component, VNode } from 'vue';\nimport { computed, defineComponent, h, nextTick, onMounted, provide, ref, useId, watch } from 'vue';\n\nimport type {\n  BTabItem,\n  BTabPaneRegistration,\n  BTabsContext,\n  BTabsPlacement,\n  BTabsSize,\n  BTabsType,\n} from './types';\nimport { BTabsContextKey } from './types';\n\n// ─────────────────────────────────────────────\n// Props\n// ─────────────────────────────────────────────\n\nexport default /*@__PURE__*/_defineComponent({\n  __name: 'BTabs',\n  props: {\n    activeKey: {},\n    defaultActiveKey: {},\n    items: { default: () => ([]) },\n    type: { default: 'line' },\n    placement: { default: 'top' },\n    size: { default: 'middle' },\n    centered: { type: Boolean, default: false },\n    animated: { type: Boolean, default: true },\n    hideAdd: { type: Boolean, default: false },\n    destroyOnHidden: { type: Boolean, default: false },\n    keepAlive: { type: Boolean, default: false },\n    tabBarGutter: {}\n  },\n  emits: [\"update:activeKey\", \"change\", \"tabClick\", \"edit\"],\n  setup(__props: any, { emit: __emit }) {\n\n\n\n// ─────────────────────────────────────────────\n// Emits\n// ─────────────────────────────────────────────\nconst emit = __emit;\n\n// ─────────────────────────────────────────────\n// Slots\n// ─────────────────────────────────────────────\n\n\n// ─────────────────────────────────────────────\n// Instance-scoped ID prefix (prevents duplicate IDs when multiple BTabs on page)\n// ─────────────────────────────────────────────\nconst uid = useId();\nconst tabId = (key: string) => `${uid}-tab-${key}`;\nconst panelId = (key: string) => `${uid}-tabpanel-${key}`;\n\n// ─────────────────────────────────────────────\n// Pane registry (for BTabPane child component API)\n// ─────────────────────────────────────────────\nconst paneRegistry = ref(new Map<string, BTabPaneRegistration>());\nconst paneOrder = ref<string[]>([]);\n\nfunction registerPane(pane: BTabPaneRegistration) {\n  paneRegistry.value.set(pane.key, pane);\n  if (!paneOrder.value.includes(pane.key)) {\n    paneOrder.value = [...paneOrder.value, pane.key];\n  }\n}\n\nfunction unregisterPane(key: string) {\n  paneRegistry.value.delete(key);\n  paneOrder.value = paneOrder.value.filter((k) => k !== key);\n}\n\nfunction updatePane(key: string, pane: BTabPaneRegistration) {\n  paneRegistry.value.set(key, pane);\n}\n\n// ─────────────────────────────────────────────\n// Mode detection + effective items\n// ─────────────────────────────────────────────\nconst isItemsMode = computed(() => __props.items && __props.items.length > 0);\n\nconst effectiveItems = computed<BTabItem[]>(() => {\n  if (isItemsMode.value) return __props.items;\n  return paneOrder.value\n    .map((key) => paneRegistry.value.get(key))\n    .filter((p): p is BTabPaneRegistration => p !== undefined)\n    .map((pane) => ({\n      key: pane.key,\n      label: pane.label,\n      disabled: pane.disabled,\n      closable: pane.closable,\n      destroyOnHidden: pane.destroyOnHidden,\n      forceRender: pane.forceRender,\n      keepAlive: pane.keepAlive,\n    }));\n});\n\n// ─────────────────────────────────────────────\n// Internal state\n// ─────────────────────────────────────────────\nconst isControlled = computed(() => __props.activeKey !== undefined);\n\nconst firstEnabledKey = computed(\n  () => effectiveItems.value.find((i) => !i.disabled)?.key ?? effectiveItems.value[0]?.key ?? '',\n);\n\nconst internalKey = ref<string>(__props.activeKey ?? __props.defaultActiveKey ?? firstEnabledKey.value);\n\nwatch(\n  () => __props.activeKey,\n  (val) => {\n    if (val !== undefined) internalKey.value = val;\n  },\n);\n\nwatch(effectiveItems, () => {\n  if (\n    internalKey.value === undefined ||\n    !effectiveItems.value.find((i) => i.key === internalKey.value)\n  ) {\n    internalKey.value = firstEnabledKey.value;\n  }\n});\n\nconst currentKey = computed(() => (isControlled.value ? __props.activeKey! : internalKey.value));\n\n// ─────────────────────────────────────────────\n// Provide context to BTabPane children\n// ─────────────────────────────────────────────\nconst context: BTabsContext = {\n  activeKey: currentKey,\n  type: computed(() => __props.type),\n  size: computed(() => __props.size),\n  placement: computed(() => __props.placement),\n  keepAlive: computed(() => __props.keepAlive),\n  destroyOnHidden: computed(() => __props.destroyOnHidden),\n  register: registerPane,\n  unregister: unregisterPane,\n  update: updatePane,\n};\n\nprovide(BTabsContextKey, context);\n\n// ─────────────────────────────────────────────\n// Tab activation\n// ─────────────────────────────────────────────\nfunction activateTab(key: string, event?: MouseEvent) {\n  const item = effectiveItems.value.find((i) => i.key === key);\n  if (!item || item.disabled) return;\n\n  if (event) {\n    emit('tabClick', key, event);\n  }\n\n  if (key === currentKey.value) return;\n\n  if (!isControlled.value) {\n    internalKey.value = key;\n  }\n  emit('update:activeKey', key);\n  emit('change', key);\n}\n\n// ─────────────────────────────────────────────\n// Editable-card actions\n// ─────────────────────────────────────────────\nfunction onAdd() {\n  emit('edit', null, 'add');\n}\n\nfunction onRemove(key: string, event: MouseEvent) {\n  event.stopPropagation();\n  emit('edit', key, 'remove');\n}\n\n// ─────────────────────────────────────────────\n// Ink bar positioning\n// ─────────────────────────────────────────────\nconst tabListRef = ref<HTMLElement | null>(null);\nconst inkBarStyle = ref<Record<string, string>>({});\n\nfunction updateInkBar() {\n  if (!tabListRef.value || __props.type !== 'line') return;\n  const activeEl = tabListRef.value.querySelector<HTMLElement>('.b-tabs__tab--active');\n  if (!activeEl) return;\n\n  const isVertical = __props.placement === 'left' || __props.placement === 'right';\n\n  if (isVertical) {\n    inkBarStyle.value = {\n      top: `${activeEl.offsetTop}px`,\n      height: `${activeEl.offsetHeight}px`,\n    };\n  } else {\n    inkBarStyle.value = {\n      left: `${activeEl.offsetLeft}px`,\n      width: `${activeEl.offsetWidth}px`,\n    };\n  }\n}\n\nwatch(currentKey, async () => {\n  await nextTick();\n  updateInkBar();\n});\n\nonMounted(() => {\n  updateInkBar();\n});\n\n// ─────────────────────────────────────────────\n// Keyboard navigation (roving tabindex)\n// ─────────────────────────────────────────────\nfunction onKeydown(event: KeyboardEvent) {\n  const isVertical = __props.placement === 'left' || __props.placement === 'right';\n  const nextKeys = isVertical ? ['ArrowDown'] : ['ArrowRight'];\n  const prevKeys = isVertical ? ['ArrowUp'] : ['ArrowLeft'];\n\n  // Delete key closes the active tab in editable-card mode\n  if (event.key === 'Delete' && __props.type === 'editable-card') {\n    const item = effectiveItems.value.find((i) => i.key === currentKey.value);\n    if (item && item.closable !== false) {\n      event.preventDefault();\n      emit('edit', currentKey.value, 'remove');\n    }\n    return;\n  }\n\n  if ([...nextKeys, ...prevKeys, 'Home', 'End'].includes(event.key)) {\n    event.preventDefault();\n    const enabledItems = effectiveItems.value.filter((i) => !i.disabled);\n    if (enabledItems.length === 0) return;\n\n    const currentIdx = enabledItems.findIndex((i) => i.key === currentKey.value);\n\n    let targetIdx: number;\n    if (nextKeys.includes(event.key)) {\n      targetIdx = (currentIdx + 1) % enabledItems.length;\n    } else if (prevKeys.includes(event.key)) {\n      targetIdx = (currentIdx - 1 + enabledItems.length) % enabledItems.length;\n    } else if (event.key === 'Home') {\n      targetIdx = 0;\n    } else {\n      targetIdx = enabledItems.length - 1;\n    }\n\n    const targetKey = enabledItems[targetIdx].key;\n    activateTab(targetKey);\n\n    nextTick(() => {\n      if (!tabListRef.value) return;\n      const targetEl = tabListRef.value.querySelector<HTMLElement>(`[data-tab-key=\"${targetKey}\"]`);\n      targetEl?.focus();\n    });\n  }\n}\n\n// ─────────────────────────────────────────────\n// KeepAlive + content visibility\n// ─────────────────────────────────────────────\nconst renderedKeys = ref<Set<string>>(new Set([currentKey.value]));\n\nwatch(currentKey, (key) => {\n  renderedKeys.value.add(key);\n});\n\nfunction shouldUseKeepAlive(item: BTabItem): boolean {\n  if (item.destroyOnHidden) return false;\n  if (item.keepAlive !== undefined) return item.keepAlive;\n  if (__props.destroyOnHidden) return false;\n  return __props.keepAlive;\n}\n\nfunction shouldRender(item: BTabItem): boolean {\n  if (item.forceRender) return true;\n  if (shouldUseKeepAlive(item)) return true;\n  const itemDestroy = item.destroyOnHidden ?? __props.destroyOnHidden;\n  if (itemDestroy) return item.key === currentKey.value;\n  return renderedKeys.value.has(item.key);\n}\n\n// ─────────────────────────────────────────────\n// KeepAlive panel wrapper components\n// ─────────────────────────────────────────────\nconst panelWrappers = computed<Record<string, Component>>(() => {\n  const wrappers: Record<string, Component> = {};\n  for (const item of effectiveItems.value) {\n    if (!shouldUseKeepAlive(item)) continue;\n    wrappers[item.key] = defineComponent({\n      name: `BTabPanel_${item.key}`,\n      setup() {\n        return () => {\n          const pane = paneRegistry.value.get(item.key);\n          if (pane) {\n            return pane.renderContent();\n          }\n          return null;\n        };\n      },\n    });\n  }\n  return wrappers;\n});\n\nfunction getPaneContent(key: string): VNode[] {\n  const pane = paneRegistry.value.get(key);\n  return pane?.renderContent() ?? [];\n}\n\nfunction getPaneLabel(key: string): VNode[] | undefined {\n  const pane = paneRegistry.value.get(key);\n  return pane?.renderLabel?.();\n}\n\n// ─────────────────────────────────────────────\n// Computed classes\n// ─────────────────────────────────────────────\nconst rootClasses = computed(() => [\n  'b-tabs',\n  `b-tabs--${__props.type}`,\n  `b-tabs--${__props.placement}`,\n  `b-tabs--${__props.size}`,\n  { 'b-tabs--centered': __props.centered },\n]);\n\nconst tabBarGutterStyle = computed(() =>\n  __props.tabBarGutter !== undefined ? { gap: `${__props.tabBarGutter}px` } : undefined,\n);\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    class: _normalizeClass(rootClasses.value)\n  }, [\n    _createElementVNode(\"div\", _hoisted_1, [\n      (_ctx.$slots.leftExtra)\n        ? (_openBlock(), _createElementBlock(\"div\", _hoisted_2, [\n            _renderSlot(_ctx.$slots, \"leftExtra\")\n          ]))\n        : _createCommentVNode(\"\", true),\n      _createElementVNode(\"div\", {\n        ref_key: \"tabListRef\",\n        ref: tabListRef,\n        class: \"b-tabs__list\",\n        role: \"tablist\",\n        \"aria-orientation\": \n          __props.placement === 'left' || __props.placement === 'right' ? 'vertical' : 'horizontal'\n        ,\n        style: _normalizeStyle(tabBarGutterStyle.value)\n      }, [\n        (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(effectiveItems.value, (item) => {\n          return (_openBlock(), _createElementBlock(\"div\", {\n            key: item.key,\n            \"data-tab-key\": item.key,\n            class: _normalizeClass([\"b-tabs__tab\", {\n            'b-tabs__tab--active': item.key === currentKey.value,\n            'b-tabs__tab--disabled': item.disabled,\n          }]),\n            role: \"tab\",\n            \"aria-selected\": item.key === currentKey.value,\n            \"aria-disabled\": item.disabled || undefined,\n            \"aria-controls\": panelId(item.key),\n            id: tabId(item.key),\n            tabindex: item.key === currentKey.value ? 0 : -1,\n            onClick: ($event: any) => (!item.disabled && activateTab(item.key, $event)),\n            onKeydown: onKeydown\n          }, [\n            _createElementVNode(\"span\", _hoisted_5, [\n              (isItemsMode.value)\n                ? _renderSlot(_ctx.$slots, \"label\", {\n                    key: 0,\n                    item: item,\n                    active: item.key === currentKey.value\n                  }, () => [\n                    _createTextVNode(_toDisplayString(item.label), 1)\n                  ])\n                : (_openBlock(), _createElementBlock(_Fragment, { key: 1 }, [\n                    (getPaneLabel(item.key))\n                      ? (_openBlock(), _createBlock(_resolveDynamicComponent(() => h('span', getPaneLabel(item.key)!)), { key: 0 }))\n                      : (_openBlock(), _createElementBlock(_Fragment, { key: 1 }, [\n                          _createTextVNode(_toDisplayString(item.label), 1)\n                        ], 64))\n                  ], 64))\n            ]),\n            (__props.type === 'editable-card' && item.closable !== false)\n              ? (_openBlock(), _createElementBlock(\"span\", {\n                  key: 0,\n                  class: \"b-tabs__tab-remove\",\n                  \"aria-hidden\": \"true\",\n                  onClick: _withModifiers(($event: any) => (onRemove(item.key, $event)), [\"stop\"])\n                }, [\n                  _renderSlot(_ctx.$slots, \"removeIcon\", { item: item }, () => [\n                    _cache[0] || (_cache[0] = _createElementVNode(\"svg\", {\n                      viewBox: \"0 0 16 16\",\n                      fill: \"currentColor\",\n                      class: \"b-tabs__close-icon\"\n                    }, [\n                      _createElementVNode(\"path\", { d: \"M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z\" })\n                    ], -1))\n                  ])\n                ], 8, _hoisted_6))\n              : _createCommentVNode(\"\", true)\n          ], 42, _hoisted_4))\n        }), 128)),\n        (__props.type === 'line')\n          ? (_openBlock(), _createElementBlock(\"div\", {\n              key: 0,\n              class: \"b-tabs__ink-bar\",\n              \"aria-hidden\": \"true\",\n              style: _normalizeStyle(inkBarStyle.value)\n            }, null, 4))\n          : _createCommentVNode(\"\", true)\n      ], 12, _hoisted_3),\n      (__props.type === 'editable-card' && !__props.hideAdd)\n        ? (_openBlock(), _createElementBlock(\"button\", {\n            key: 1,\n            class: \"b-tabs__add\",\n            \"aria-label\": \"Add tab\",\n            onClick: onAdd\n          }, [\n            _renderSlot(_ctx.$slots, \"addIcon\", {}, () => [\n              _cache[1] || (_cache[1] = _createElementVNode(\"svg\", {\n                viewBox: \"0 0 16 16\",\n                fill: \"currentColor\",\n                \"aria-hidden\": \"true\",\n                class: \"b-tabs__add-icon\"\n              }, [\n                _createElementVNode(\"path\", { d: \"M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z\" })\n              ], -1))\n            ])\n          ]))\n        : _createCommentVNode(\"\", true),\n      (_ctx.$slots.rightExtra)\n        ? (_openBlock(), _createElementBlock(\"div\", _hoisted_7, [\n            _renderSlot(_ctx.$slots, \"rightExtra\")\n          ]))\n        : _createCommentVNode(\"\", true)\n    ]),\n    (!isItemsMode.value)\n      ? _withDirectives((_openBlock(), _createElementBlock(\"div\", _hoisted_8, [\n          _renderSlot(_ctx.$slots, \"default\")\n        ], 512)), [\n          [_vShow, false]\n        ])\n      : _createCommentVNode(\"\", true),\n    _createElementVNode(\"div\", _hoisted_9, [\n      (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(effectiveItems.value, (item) => {\n        return (_openBlock(), _createElementBlock(_Fragment, {\n          key: item.key\n        }, [\n          (shouldUseKeepAlive(item))\n            ? _withDirectives((_openBlock(), _createElementBlock(\"div\", {\n                key: 0,\n                id: panelId(item.key),\n                class: _normalizeClass([\"b-tabs__panel\", {\n            'b-tabs__panel--active': item.key === currentKey.value,\n            'b-tabs__panel--animated': __props.animated,\n          }]),\n                role: \"tabpanel\",\n                \"aria-labelledby\": tabId(item.key),\n                tabindex: item.key === currentKey.value ? 0 : -1,\n                \"aria-hidden\": item.key !== currentKey.value\n              }, [\n                (!isItemsMode.value)\n                  ? (_openBlock(), _createBlock(_KeepAlive, { key: 0 }, [\n                      (item.key === currentKey.value)\n                        ? (_openBlock(), _createBlock(_resolveDynamicComponent(panelWrappers.value[item.key] ?? (() => null)), {\n                            key: item.key\n                          }))\n                        : _createCommentVNode(\"\", true)\n                    ], 1024))\n                  : _createCommentVNode(\"\", true),\n                (isItemsMode.value)\n                  ? _renderSlot(_ctx.$slots, \"default\", {\n                      key: 1,\n                      item: item\n                    })\n                  : _createCommentVNode(\"\", true)\n              ], 10, _hoisted_10)), [\n                [_vShow, item.key === currentKey.value]\n              ])\n            : (shouldRender(item))\n              ? _withDirectives((_openBlock(), _createElementBlock(\"div\", {\n                  key: 1,\n                  id: panelId(item.key),\n                  class: _normalizeClass([\"b-tabs__panel\", {\n            'b-tabs__panel--active': item.key === currentKey.value,\n            'b-tabs__panel--animated': __props.animated,\n          }]),\n                  role: \"tabpanel\",\n                  \"aria-labelledby\": tabId(item.key),\n                  tabindex: item.key === currentKey.value ? 0 : -1,\n                  \"aria-hidden\": item.key !== currentKey.value\n                }, [\n                  (isItemsMode.value)\n                    ? _renderSlot(_ctx.$slots, \"default\", {\n                        key: 0,\n                        item: item\n                      })\n                    : (_openBlock(), _createBlock(_resolveDynamicComponent(() => getPaneContent(item.key)), { key: 1 }))\n                ], 10, _hoisted_11)), [\n                  [_vShow, item.key === currentKey.value]\n                ])\n              : _createCommentVNode(\"\", true)\n        ], 64))\n      }), 128))\n    ])\n  ], 2))\n}\n}\n\n})"],"mappings":";;;AAGA,IAAM,KAAa,EAAE,OAAO,kBAAkB,EACxC,KAAa;CACjB,KAAK;CACL,OAAO;CACR,EACK,KAAa,CAAC,mBAAmB,EACjC,KAAa;CAAC;CAAgB;CAAiB;CAAiB;CAAiB;CAAM;CAAY;CAAU,EAC7G,IAAa,EAAE,OAAO,qBAAqB,EAC3C,KAAa,CAAC,UAAU,EACxB,KAAa;CACjB,KAAK;CACL,OAAO;CACR,EACK,KAAa;CACjB,KAAK;CACL,eAAe;CACf,OAAO,EAAC,SAAU,QAAO;CAC1B,EACK,IAAa,EAAE,OAAO,mBAAmB,EACzC,IAAc;CAAC;CAAM;CAAmB;CAAY;CAAc,EAClE,IAAc;CAAC;CAAM;CAAmB;CAAY;CAAc,EAmBxE,IAA4B,kBAAiB;CAC3C,QAAQ;CACR,OAAO;EACL,WAAW,EAAE;EACb,kBAAkB,EAAE;EACpB,OAAO,EAAE,eAAgB,EAAE,EAAG;EAC9B,MAAM,EAAE,SAAS,QAAQ;EACzB,WAAW,EAAE,SAAS,OAAO;EAC7B,MAAM,EAAE,SAAS,UAAU;EAC3B,UAAU;GAAE,MAAM;GAAS,SAAS;GAAO;EAC3C,UAAU;GAAE,MAAM;GAAS,SAAS;GAAM;EAC1C,SAAS;GAAE,MAAM;GAAS,SAAS;GAAO;EAC1C,iBAAiB;GAAE,MAAM;GAAS,SAAS;GAAO;EAClD,WAAW;GAAE,MAAM;GAAS,SAAS;GAAO;EAC5C,cAAc,EAAE;EACjB;CACD,OAAO;EAAC;EAAoB;EAAU;EAAY;EAAO;CACzD,MAAM,GAAc,EAAE,MAAM,KAAU;EAOxC,IAAM,IAAO,GAUP,IAAM,GAAO,EACb,KAAS,MAAgB,GAAG,EAAI,OAAO,KACvC,KAAW,MAAgB,GAAG,EAAI,YAAY,KAK9C,IAAe,kBAAI,IAAI,KAAmC,CAAC,EAC3D,IAAY,EAAc,EAAE,CAAC;EAEnC,SAAS,EAAa,GAA4B;AAEhD,GADA,EAAa,MAAM,IAAI,EAAK,KAAK,EAAK,EACjC,EAAU,MAAM,SAAS,EAAK,IAAI,KACrC,EAAU,QAAQ,CAAC,GAAG,EAAU,OAAO,EAAK,IAAI;;EAIpD,SAAS,EAAe,GAAa;AAEnC,GADA,EAAa,MAAM,OAAO,EAAI,EAC9B,EAAU,QAAQ,EAAU,MAAM,QAAQ,MAAM,MAAM,EAAI;;EAG5D,SAAS,EAAW,GAAa,GAA4B;AAC3D,KAAa,MAAM,IAAI,GAAK,EAAK;;EAMnC,IAAM,IAAc,QAAe,EAAQ,SAAS,EAAQ,MAAM,SAAS,EAAE,EAEvE,IAAiB,QACjB,EAAY,QAAc,EAAQ,QAC/B,EAAU,MACd,KAAK,MAAQ,EAAa,MAAM,IAAI,EAAI,CAAC,CACzC,QAAQ,MAAiC,MAAM,KAAA,EAAU,CACzD,KAAK,OAAU;GACd,KAAK,EAAK;GACV,OAAO,EAAK;GACZ,UAAU,EAAK;GACf,UAAU,EAAK;GACf,iBAAiB,EAAK;GACtB,aAAa,EAAK;GAClB,WAAW,EAAK;GACjB,EAAE,CACL,EAKI,IAAe,QAAe,EAAQ,cAAc,KAAA,EAAU,EAE9D,IAAkB,QAChB,EAAe,MAAM,MAAM,MAAM,CAAC,EAAE,SAAS,EAAE,OAAO,EAAe,MAAM,IAAI,OAAO,GAC7F,EAEK,IAAc,EAAY,EAAQ,aAAa,EAAQ,oBAAoB,EAAgB,MAAM;AASvG,EAPA,QACQ,EAAQ,YACb,MAAQ;AACP,GAAI,MAAQ,KAAA,MAAW,EAAY,QAAQ;IAE9C,EAED,EAAM,SAAsB;AAC1B,IACE,EAAY,UAAU,KAAA,KACtB,CAAC,EAAe,MAAM,MAAM,MAAM,EAAE,QAAQ,EAAY,MAAM,MAE9D,EAAY,QAAQ,EAAgB;IAEtC;EAEF,IAAM,IAAa,QAAgB,EAAa,QAAQ,EAAQ,YAAa,EAAY,MAAO;AAiBhG,IAAQ,GAZsB;GAC5B,WAAW;GACX,MAAM,QAAe,EAAQ,KAAK;GAClC,MAAM,QAAe,EAAQ,KAAK;GAClC,WAAW,QAAe,EAAQ,UAAU;GAC5C,WAAW,QAAe,EAAQ,UAAU;GAC5C,iBAAiB,QAAe,EAAQ,gBAAgB;GACxD,UAAU;GACV,YAAY;GACZ,QAAQ;GACT,CAEgC;EAKjC,SAAS,EAAY,GAAa,GAAoB;GACpD,IAAM,IAAO,EAAe,MAAM,MAAM,MAAM,EAAE,QAAQ,EAAI;AACxD,IAAC,KAAQ,EAAK,aAEd,KACF,EAAK,YAAY,GAAK,EAAM,EAG1B,MAAQ,EAAW,UAElB,EAAa,UAChB,EAAY,QAAQ,IAEtB,EAAK,oBAAoB,EAAI,EAC7B,EAAK,UAAU,EAAI;;EAMrB,SAAS,KAAQ;AACf,KAAK,QAAQ,MAAM,MAAM;;EAG3B,SAAS,GAAS,GAAa,GAAmB;AAEhD,GADA,EAAM,iBAAiB,EACvB,EAAK,QAAQ,GAAK,SAAS;;EAM7B,IAAM,IAAa,EAAwB,KAAK,EAC1C,IAAc,EAA4B,EAAE,CAAC;EAEnD,SAAS,IAAe;AACtB,OAAI,CAAC,EAAW,SAAS,EAAQ,SAAS,OAAQ;GAClD,IAAM,IAAW,EAAW,MAAM,cAA2B,uBAAuB;AAC/E,SAEc,EAAQ,cAAc,UAAU,EAAQ,cAAc,UAGvE,EAAY,QAAQ;IAClB,KAAK,GAAG,EAAS,UAAU;IAC3B,QAAQ,GAAG,EAAS,aAAa;IAClC,GAED,EAAY,QAAQ;IAClB,MAAM,GAAG,EAAS,WAAW;IAC7B,OAAO,GAAG,EAAS,YAAY;IAChC;;AASL,EALA,EAAM,GAAY,YAAY;AAE5B,GADA,MAAM,GAAU,EAChB,GAAc;IACd,EAEF,QAAgB;AACd,MAAc;IACd;EAKF,SAAS,GAAU,GAAsB;GACvC,IAAM,IAAa,EAAQ,cAAc,UAAU,EAAQ,cAAc,SACnE,IAAW,IAAa,CAAC,YAAY,GAAG,CAAC,aAAa,EACtD,IAAW,IAAa,CAAC,UAAU,GAAG,CAAC,YAAY;AAGzD,OAAI,EAAM,QAAQ,YAAY,EAAQ,SAAS,iBAAiB;IAC9D,IAAM,IAAO,EAAe,MAAM,MAAM,MAAM,EAAE,QAAQ,EAAW,MAAM;AACzE,IAAI,KAAQ,EAAK,aAAa,OAC5B,EAAM,gBAAgB,EACtB,EAAK,QAAQ,EAAW,OAAO,SAAS;AAE1C;;AAGF,OAAI;IAAC,GAAG;IAAU,GAAG;IAAU;IAAQ;IAAM,CAAC,SAAS,EAAM,IAAI,EAAE;AACjE,MAAM,gBAAgB;IACtB,IAAM,IAAe,EAAe,MAAM,QAAQ,MAAM,CAAC,EAAE,SAAS;AACpE,QAAI,EAAa,WAAW,EAAG;IAE/B,IAAM,IAAa,EAAa,WAAW,MAAM,EAAE,QAAQ,EAAW,MAAM,EAExE;AACJ,IAOE,IAPE,EAAS,SAAS,EAAM,IAAI,IACjB,IAAa,KAAK,EAAa,SACnC,EAAS,SAAS,EAAM,IAAI,IACxB,IAAa,IAAI,EAAa,UAAU,EAAa,SACzD,EAAM,QAAQ,SACX,IAEA,EAAa,SAAS;IAGpC,IAAM,IAAY,EAAa,GAAW;AAG1C,IAFA,EAAY,EAAU,EAEtB,QAAe;AACR,OAAW,SACC,EAAW,MAAM,cAA2B,kBAAkB,EAAU,IAAI,EACnF,OAAO;MACjB;;;EAON,IAAM,IAAe,EAAiB,IAAI,IAAI,CAAC,EAAW,MAAM,CAAC,CAAC;AAElE,IAAM,IAAa,MAAQ;AACzB,KAAa,MAAM,IAAI,EAAI;IAC3B;EAEF,SAAS,EAAmB,GAAyB;AAInD,UAHI,EAAK,kBAAwB,KAC7B,EAAK,cAAc,KAAA,IACnB,EAAQ,kBAAwB,KAC7B,EAAQ,YAF0B,EAAK;;EAKhD,SAAS,GAAa,GAAyB;AAK7C,UAJI,EAAK,eACL,EAAmB,EAAK,GAAS,KACjB,EAAK,mBAAmB,EAAQ,kBAC5B,EAAK,QAAQ,EAAW,QACzC,EAAa,MAAM,IAAI,EAAK,IAAI;;EAMzC,IAAM,IAAgB,QAA0C;GAC9D,IAAM,IAAsC,EAAE;AAC9C,QAAK,IAAM,KAAQ,EAAe,MAC3B,GAAmB,EAAK,KAC7B,EAAS,EAAK,OAAO,EAAgB;IACnC,MAAM,aAAa,EAAK;IACxB,QAAQ;AACN,kBAAa;MACX,IAAM,IAAO,EAAa,MAAM,IAAI,EAAK,IAAI;AAI7C,aAHI,IACK,EAAK,eAAe,GAEtB;;;IAGZ,CAAC;AAEJ,UAAO;IACP;EAEF,SAAS,GAAe,GAAsB;AAE5C,UADa,EAAa,MAAM,IAAI,EAAI,EAC3B,eAAe,IAAI,EAAE;;EAGpC,SAAS,EAAa,GAAkC;AAEtD,UADa,EAAa,MAAM,IAAI,EAAI,EAC3B,eAAe;;EAM9B,IAAM,KAAc,QAAe;GACjC;GACA,WAAW,EAAQ;GACnB,WAAW,EAAQ;GACnB,WAAW,EAAQ;GACnB,EAAE,oBAAoB,EAAQ,UAAU;GACzC,CAAC,EAEI,KAAoB,QACxB,EAAQ,iBAAiB,KAAA,IAAmD,KAAA,IAAvC,EAAE,KAAK,GAAG,EAAQ,aAAa,KAAK,CAC1E;AAED,UAAQ,GAAU,OACR,GAAY,EAAE,EAAoB,OAAO,EAC/C,OAAO,EAAgB,GAAY,MAAM,EAC1C,EAAE;GACD,EAAoB,OAAO,IAAY;IACpC,EAAK,OAAO,aACR,GAAY,EAAE,EAAoB,OAAO,IAAY,CACpD,EAAY,EAAK,QAAQ,YAAY,CACtC,CAAC,IACF,EAAoB,IAAI,GAAK;IACjC,EAAoB,OAAO;KACzB,SAAS;KACT,KAAK;KACL,OAAO;KACP,MAAM;KACN,oBACE,EAAQ,cAAc,UAAU,EAAQ,cAAc,UAAU,aAAa;KAE/E,OAAO,EAAgB,GAAkB,MAAM;KAChD,EAAE,EACA,EAAW,GAAK,EAAE,EAAoB,GAAW,MAAM,EAAY,EAAe,QAAQ,OACjF,GAAY,EAAE,EAAoB,OAAO;KAC/C,KAAK,EAAK;KACV,gBAAgB,EAAK;KACrB,OAAO,EAAgB,CAAC,eAAe;MACvC,uBAAuB,EAAK,QAAQ,EAAW;MAC/C,yBAAyB,EAAK;MAC/B,CAAC,CAAC;KACD,MAAM;KACN,iBAAiB,EAAK,QAAQ,EAAW;KACzC,iBAAiB,EAAK,YAAY,KAAA;KAClC,iBAAiB,EAAQ,EAAK,IAAI;KAClC,IAAI,EAAM,EAAK,IAAI;KACnB,UAAU,EAAK,QAAQ,EAAW,QAAQ,IAAI;KAC9C,UAAU,MAAiB,CAAC,EAAK,YAAY,EAAY,EAAK,KAAK,EAAO;KAC/D;KACZ,EAAE,CACD,EAAoB,QAAQ,GAAY,CACrC,EAAY,QACT,EAAY,EAAK,QAAQ,SAAS;KAChC,KAAK;KACC;KACN,QAAQ,EAAK,QAAQ,EAAW;KACjC,QAAQ,CACP,EAAiB,EAAiB,EAAK,MAAM,EAAE,EAAE,CAClD,CAAC,IACD,GAAY,EAAE,EAAoB,GAAW,EAAE,KAAK,GAAG,EAAE,CACvD,EAAa,EAAK,IAAI,IAClB,GAAY,EAAE,EAAa,QAA+B,GAAE,QAAQ,EAAa,EAAK,IAAI,CAAE,CAAC,EAAE,EAAE,KAAK,GAAG,CAAC,KAC1G,GAAY,EAAE,EAAoB,GAAW,EAAE,KAAK,GAAG,EAAE,CACxD,EAAiB,EAAiB,EAAK,MAAM,EAAE,EAAE,CAClD,EAAE,GAAG,EACX,EAAE,GAAG,EACX,CAAC,EACD,EAAQ,SAAS,mBAAmB,EAAK,aAAa,MAClD,GAAY,EAAE,EAAoB,QAAQ;KACzC,KAAK;KACL,OAAO;KACP,eAAe;KACf,SAAS,IAAgB,MAAiB,GAAS,EAAK,KAAK,EAAO,EAAG,CAAC,OAAO,CAAC;KACjF,EAAE,CACD,EAAY,EAAK,QAAQ,cAAc,EAAQ,SAAM,QAAQ,CAC3D,AAAc,EAAO,OAAK,EAAoB,OAAO;KACnD,SAAS;KACT,MAAM;KACN,OAAO;KACR,EAAE,CACD,EAAoB,QAAQ,EAAE,GAAG,mMAAmM,CAAC,CACtO,EAAE,GAAG,CACP,CAAC,CACH,EAAE,GAAG,GAAW,IACjB,EAAoB,IAAI,GAAK,CAClC,EAAE,IAAI,GAAW,EAClB,EAAE,IAAI,GACP,EAAQ,SAAS,UACb,GAAY,EAAE,EAAoB,OAAO;KACxC,KAAK;KACL,OAAO;KACP,eAAe;KACf,OAAO,EAAgB,EAAY,MAAM;KAC1C,EAAE,MAAM,EAAE,IACX,EAAoB,IAAI,GAAK,CAClC,EAAE,IAAI,GAAW;IACjB,EAAQ,SAAS,mBAAmB,CAAC,EAAQ,WACzC,GAAY,EAAE,EAAoB,UAAU;KAC3C,KAAK;KACL,OAAO;KACP,cAAc;KACd,SAAS;KACV,EAAE,CACD,EAAY,EAAK,QAAQ,WAAW,EAAE,QAAQ,CAC5C,AAAc,EAAO,OAAK,EAAoB,OAAO;KACnD,SAAS;KACT,MAAM;KACN,eAAe;KACf,OAAO;KACR,EAAE,CACD,EAAoB,QAAQ,EAAE,GAAG,yGAAyG,CAAC,CAC5I,EAAE,GAAG,CACP,CAAC,CACH,CAAC,IACF,EAAoB,IAAI,GAAK;IAChC,EAAK,OAAO,cACR,GAAY,EAAE,EAAoB,OAAO,IAAY,CACpD,EAAY,EAAK,QAAQ,aAAa,CACvC,CAAC,IACF,EAAoB,IAAI,GAAK;IAClC,CAAC;GACA,EAAY,QAMV,EAAoB,IAAI,GAAK,GAL7B,GAAiB,GAAY,EAAE,EAAoB,OAAO,IAAY,CACpE,EAAY,EAAK,QAAQ,UAAU,CACpC,EAAE,IAAI,GAAG,CACR,CAAC,GAAQ,GAAM,CAChB,CAAC;GAEN,EAAoB,OAAO,GAAY,EACpC,EAAW,GAAK,EAAE,EAAoB,GAAW,MAAM,EAAY,EAAe,QAAQ,OACjF,GAAY,EAAE,EAAoB,GAAW,EACnD,KAAK,EAAK,KACX,EAAE,CACA,EAAmB,EAAK,GACrB,GAAiB,GAAY,EAAE,EAAoB,OAAO;IACxD,KAAK;IACL,IAAI,EAAQ,EAAK,IAAI;IACrB,OAAO,EAAgB,CAAC,iBAAiB;KAC7C,yBAAyB,EAAK,QAAQ,EAAW;KACjD,2BAA2B,EAAQ;KACpC,CAAC,CAAC;IACG,MAAM;IACN,mBAAmB,EAAM,EAAK,IAAI;IAClC,UAAU,EAAK,QAAQ,EAAW,QAAQ,IAAI;IAC9C,eAAe,EAAK,QAAQ,EAAW;IACxC,EAAE,CACC,EAAY,QAQV,EAAoB,IAAI,GAAK,IAP5B,GAAY,EAAE,EAAa,GAAY,EAAE,KAAK,GAAG,EAAE,CACjD,EAAK,QAAQ,EAAW,SACpB,GAAY,EAAE,EAAa,EAAyB,EAAc,MAAM,EAAK,eAAe,MAAM,EAAE,EACnG,KAAK,EAAK,KACX,CAAC,IACF,EAAoB,IAAI,GAAK,CAClC,EAAE,KAAK,GAEX,EAAY,QACT,EAAY,EAAK,QAAQ,WAAW;IAClC,KAAK;IACC;IACP,CAAC,GACF,EAAoB,IAAI,GAAK,CAClC,EAAE,IAAI,EAAY,GAAG,CACpB,CAAC,GAAQ,EAAK,QAAQ,EAAW,MAAM,CACxC,CAAC,GACD,GAAa,EAAK,GACjB,GAAiB,GAAY,EAAE,EAAoB,OAAO;IACxD,KAAK;IACL,IAAI,EAAQ,EAAK,IAAI;IACrB,OAAO,EAAgB,CAAC,iBAAiB;KAC/C,yBAAyB,EAAK,QAAQ,EAAW;KACjD,2BAA2B,EAAQ;KACpC,CAAC,CAAC;IACK,MAAM;IACN,mBAAmB,EAAM,EAAK,IAAI;IAClC,UAAU,EAAK,QAAQ,EAAW,QAAQ,IAAI;IAC9C,eAAe,EAAK,QAAQ,EAAW;IACxC,EAAE,CACA,EAAY,QACT,EAAY,EAAK,QAAQ,WAAW;IAClC,KAAK;IACC;IACP,CAAC,IACD,GAAY,EAAE,EAAa,QAA+B,GAAe,EAAK,IAAI,CAAC,EAAE,EAAE,KAAK,GAAG,CAAC,EACtG,EAAE,IAAI,EAAY,GAAG,CACpB,CAAC,GAAQ,EAAK,QAAQ,EAAW,MAAM,CACxC,CAAC,GACF,EAAoB,IAAI,GAAK,CACpC,EAAE,GAAG,EACN,EAAE,IAAI,EACT,CAAC;GACH,EAAE,EAAE;;CAIN,CAAA"}
+{"version":3,"file":"design-system223.js","names":[],"sources":["../src/components/BSwitch/BSwitch.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ref, computed, watch, onMounted } from 'vue';\n\n//#region Props\nconst {\n  defaultChecked = false,\n  disabled = false,\n  loading = false,\n  size = 'default',\n} = defineProps<{\n  /** Initial checked state for uncontrolled usage. */\n  defaultChecked?: boolean;\n  /** Whether the switch is disabled. */\n  disabled?: boolean;\n  /** Whether to show a loading spinner on the handle. */\n  loading?: boolean;\n  /** Size of the switch. */\n  size?: 'default' | 'small';\n}>();\n\n/**\n * The checked state of the switch.\n * Supports v-model for controlled usage.\n */\nconst model = defineModel<boolean>({ default: undefined });\n\nconst emit = defineEmits<{\n  change: [checked: boolean, event: Event];\n  click: [checked: boolean, event: MouseEvent];\n}>();\n//#endregion\n\n//#region Internal state\nconst internalChecked = ref(defaultChecked);\n\nconst isChecked = computed(() =>\n  model.value !== undefined ? model.value : internalChecked.value,\n);\n\nonMounted(() => {\n  if (model.value === undefined) {\n    internalChecked.value = defaultChecked;\n  }\n});\n\nwatch(\n  () => model.value,\n  (val) => {\n    if (val !== undefined) {\n      internalChecked.value = val;\n    }\n  },\n);\n//#endregion\n\n//#region Handlers\nfunction toggle(event: MouseEvent | KeyboardEvent) {\n  if (disabled || loading) return;\n\n  const newChecked = !isChecked.value;\n  internalChecked.value = newChecked;\n  model.value = newChecked;\n  emit('change', newChecked, event);\n\n  if (event instanceof MouseEvent) {\n    emit('click', newChecked, event);\n  }\n}\n\nfunction handleClick(event: MouseEvent) {\n  toggle(event);\n}\n\nfunction handleKeyDown(event: KeyboardEvent) {\n  if (event.key === 'Enter' || event.key === ' ') {\n    event.preventDefault();\n    toggle(event);\n  }\n}\n//#endregion\n\n//#region Expose\nconst rootRef = ref<HTMLButtonElement | null>(null);\n\nfunction focus() {\n  rootRef.value?.focus();\n}\n\nfunction blur() {\n  rootRef.value?.blur();\n}\n\ndefineExpose({ focus, blur });\n//#endregion\n</script>\n\n<template>\n  <button\n    ref=\"rootRef\"\n    type=\"button\"\n    role=\"switch\"\n    class=\"b-switch\"\n    :class=\"[\n      `b-switch--${size}`,\n      {\n        'b-switch--checked': isChecked,\n        'b-switch--disabled': disabled,\n        'b-switch--loading': loading,\n      },\n    ]\"\n    :aria-checked=\"isChecked\"\n    :aria-disabled=\"disabled || loading || undefined\"\n    :disabled=\"disabled\"\n    :tabindex=\"disabled ? -1 : 0\"\n    @click=\"handleClick\"\n    @keydown=\"handleKeyDown\"\n  >\n    <span class=\"b-switch__handle\" aria-hidden=\"true\">\n      <svg\n        v-if=\"loading\"\n        class=\"b-switch__loading-icon\"\n        viewBox=\"0 0 16 16\"\n        fill=\"none\"\n        aria-hidden=\"true\"\n      >\n        <circle\n          cx=\"8\"\n          cy=\"8\"\n          r=\"6\"\n          stroke=\"currentColor\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n          stroke-dasharray=\"28\"\n          stroke-dashoffset=\"8\"\n        />\n      </svg>\n    </span>\n    <span class=\"b-switch__inner\" aria-hidden=\"true\">\n      <span v-if=\"isChecked\" class=\"b-switch__inner-checked\">\n        <slot name=\"checked\" />\n      </span>\n      <span v-else class=\"b-switch__inner-unchecked\">\n        <slot name=\"unchecked\" />\n      </span>\n    </span>\n  </button>\n</template>\n\n<style scoped>\n.b-switch {\n  --b-switch-handle-bg: #fff;\n  --b-switch-handle-shadow: 0 2px 4px 0 rgba(0, 35, 11, 0.2);\n  --b-switch-handle-size: 18px;\n  --b-switch-track-height: 22px;\n  --b-switch-track-min-width: 44px;\n  --b-switch-track-padding: 2px;\n  --b-switch-inner-max-margin: 24px;\n  --b-switch-inner-min-margin: 9px;\n  --b-switch-track-bg: rgba(0, 0, 0, 0.25);\n  --b-switch-track-bg-checked: #1565d8;\n  --b-switch-track-bg-disabled: rgba(0, 0, 0, 0.04);\n  --b-switch-loading-color: #1565d8;\n\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  box-sizing: border-box;\n  min-width: var(--b-switch-track-min-width);\n  height: var(--b-switch-track-height);\n  padding: 0;\n  border: 0;\n  border-radius: calc(var(--b-switch-track-height) / 2);\n  background-color: var(--b-switch-track-bg);\n  cursor: pointer;\n  outline: none;\n  transition:\n    background-color 0.2s,\n    opacity 0.2s;\n  vertical-align: middle;\n  user-select: none;\n  line-height: 1;\n}\n\n.b-switch:focus-visible {\n  outline: 2px solid var(--b-switch-track-bg-checked);\n  outline-offset: 2px;\n}\n\n/* Checked state */\n.b-switch--checked {\n  background-color: var(--b-switch-track-bg-checked);\n}\n\n/* Disabled state */\n.b-switch--disabled {\n  cursor: not-allowed;\n  opacity: 0.65;\n}\n\n/* Loading state */\n.b-switch--loading {\n  cursor: default;\n  opacity: 0.85;\n}\n\n/* Handle */\n.b-switch__handle {\n  position: absolute;\n  top: var(--b-switch-track-padding);\n  inset-inline-start: var(--b-switch-track-padding);\n  width: var(--b-switch-handle-size);\n  height: var(--b-switch-handle-size);\n  border-radius: 50%;\n  background-color: var(--b-switch-handle-bg);\n  box-shadow: var(--b-switch-handle-shadow);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: inset-inline-start 0.2s ease-in-out;\n}\n\n.b-switch--checked .b-switch__handle {\n  inset-inline-start: calc(\n    100% - var(--b-switch-handle-size) - var(--b-switch-track-padding)\n  );\n}\n\n/* Loading icon */\n.b-switch__loading-icon {\n  width: calc(var(--b-switch-handle-size) * 0.6);\n  height: calc(var(--b-switch-handle-size) * 0.6);\n  color: var(--b-switch-loading-color);\n  animation: b-switch-spin 1s linear infinite;\n}\n\n.b-switch--checked .b-switch__loading-icon {\n  color: var(--b-switch-track-bg-checked);\n}\n\n@keyframes b-switch-spin {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n/* Inner content */\n.b-switch__inner {\n  display: flex;\n  align-items: center;\n  height: 100%;\n  font-size: 12px;\n  color: #fff;\n  overflow: hidden;\n  padding: 0;\n}\n\n.b-switch__inner-checked,\n.b-switch__inner-unchecked {\n  display: inline-flex;\n  align-items: center;\n  white-space: nowrap;\n}\n\n.b-switch__inner-checked {\n  margin-inline-start: calc(\n    var(--b-switch-track-padding) + var(--b-switch-inner-min-margin)\n  );\n  margin-inline-end: calc(\n    var(--b-switch-handle-size) + var(--b-switch-track-padding) +\n      var(--b-switch-inner-min-margin) - var(--b-switch-inner-max-margin) +\n      var(--b-switch-inner-max-margin)\n  );\n}\n\n.b-switch__inner-unchecked {\n  margin-inline-start: calc(\n    var(--b-switch-handle-size) + var(--b-switch-track-padding) +\n      var(--b-switch-inner-min-margin)\n  );\n  margin-inline-end: calc(\n    var(--b-switch-track-padding) + var(--b-switch-inner-min-margin)\n  );\n}\n\n/* Small size */\n.b-switch--small {\n  --b-switch-handle-size: 12px;\n  --b-switch-track-height: 16px;\n  --b-switch-track-min-width: 28px;\n  --b-switch-inner-max-margin: 18px;\n  --b-switch-inner-min-margin: 6px;\n}\n\n/* Dark mode */\n[data-prefers-color='dark'] .b-switch {\n  --b-switch-track-bg: rgba(255, 255, 255, 0.25);\n  --b-switch-track-bg-disabled: rgba(255, 255, 255, 0.08);\n  --b-switch-handle-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.4);\n}\n\n@media (prefers-color-scheme: dark) {\n  [data-prefers-color='system'] .b-switch {\n    --b-switch-track-bg: rgba(255, 255, 255, 0.25);\n    --b-switch-track-bg-disabled: rgba(255, 255, 255, 0.08);\n    --b-switch-handle-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.4);\n  }\n}\n\n/* Reduced motion */\n@media (prefers-reduced-motion: reduce) {\n  .b-switch__handle {\n    transition: none;\n  }\n\n  .b-switch {\n    transition: none;\n  }\n\n  .b-switch__loading-icon {\n    animation: none;\n  }\n}\n</style>\n"],"mappings":""}