@7pmlabs/design-system 1.0.9 → 1.0.11

package/dist/design-system148.js

@@ -1,310 +1,7 @@
-import e from "./design-system27.js";
-import { Fragment as t, computed as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createVNode as o, defineComponent as s, normalizeClass as c, openBlock as l, ref as u, renderList as d, toDisplayString as f, unref as p, watch as m } from "vue";
-//#region src/components/BPagination/BPagination.vue?vue&type=script&setup=true&lang.ts
-var h = ["aria-label"], g = {
-	key: 0,
-	class: "b-pagination__total"
-}, _ = [
-	"disabled",
-	"aria-disabled",
-	"title"
-], v = { class: "b-pagination__simple-pager" }, y = [
-	"value",
-	"disabled",
-	"aria-label"
-], b = {
-	key: 1,
-	class: "b-pagination__simple-current",
-	"aria-current": "page"
-}, x = { class: "b-pagination__simple-total" }, S = [
-	"disabled",
-	"aria-disabled",
-	"title"
-], C = [
-	"disabled",
-	"aria-disabled",
-	"title"
-], w = [
-	"disabled",
-	"title",
-	"aria-label",
-	"onClick"
-], ee = [
-	"disabled",
-	"aria-current",
-	"aria-label",
-	"title",
-	"onClick"
-], T = [
-	"disabled",
-	"aria-disabled",
-	"title"
-], E = ["value", "disabled"], D = ["value"], O = {
-	key: 4,
-	class: "b-pagination__quick-jumper"
-}, k = ["value", "disabled"], A = /* @__PURE__ */ s({
-	__name: "BPagination",
-	props: {
-		current: {},
-		defaultCurrent: { default: 1 },
-		defaultPageSize: { default: 10 },
-		pageSize: {},
-		pageSizeOptions: { default: () => [
-			10,
-			20,
-			50,
-			100
-		] },
-		total: { default: 0 },
-		disabled: {
-			type: Boolean,
-			default: !1
-		},
-		hideOnSinglePage: {
-			type: Boolean,
-			default: !1
-		},
-		showLessItems: {
-			type: Boolean,
-			default: !1
-		},
-		showQuickJumper: {
-			type: [Boolean, Object],
-			default: !1
-		},
-		showSizeChanger: {
-			type: Boolean,
-			default: void 0
-		},
-		showTitle: {
-			type: Boolean,
-			default: !0
-		},
-		showTotal: {},
-		simple: {
-			type: [Boolean, Object],
-			default: !1
-		},
-		size: { default: "default" },
-		align: { default: "start" },
-		totalBoundaryShowSizeChanger: { default: 50 },
-		ariaLabel: { default: "Pagination" }
-	},
-	emits: [
-		"change",
-		"showSizeChange",
-		"update:current",
-		"update:pageSize"
-	],
-	setup(s, { emit: A }) {
-		let j = s, M = A, N = u(j.current ?? j.defaultCurrent), P = u(j.pageSize ?? j.defaultPageSize), F = n(() => j.current !== void 0), I = n(() => j.pageSize !== void 0);
-		m(() => j.current, (e) => {
-			e !== void 0 && (N.value = e);
-		}), m(() => j.pageSize, (e) => {
-			e !== void 0 && (P.value = e);
-		});
-		let L = n(() => F.value ? j.current : N.value), R = n(() => I.value ? j.pageSize : P.value), z = n(() => j.total <= 0 || R.value <= 0 ? 0 : Math.ceil(j.total / R.value)), B = n(() => j.hideOnSinglePage && z.value <= 1), V = n(() => j.showSizeChanger === void 0 ? j.total > j.totalBoundaryShowSizeChanger : j.showSizeChanger), H = n(() => !!j.simple), U = n(() => typeof j.simple == "object" && j.simple.readOnly === !0), W = n(() => {
-			if (!j.showTotal) return "";
-			let e = (L.value - 1) * R.value + 1, t = Math.min(L.value * R.value, j.total);
-			return j.showTotal(j.total, [e, t]);
-		}), G = n(() => {
-			let e = z.value;
-			if (e <= 0) return [];
-			let t = j.showLessItems ? 1 : 2, n = L.value, r = [];
-			if (r.push({
-				type: "page",
-				page: 1
-			}), e <= (j.showLessItems ? 4 : 6) + 2) {
-				for (let t = 2; t <= e; t++) r.push({
-					type: "page",
-					page: t
-				});
-				return r;
-			}
-			let i = Math.max(2, n - t), a = Math.min(e - 1, n + t);
-			i > 2 && r.push({
-				type: "prev-ellipsis",
-				page: Math.max(1, n - (j.showLessItems ? 3 : 5))
-			});
-			for (let e = i; e <= a; e++) r.push({
-				type: "page",
-				page: e
-			});
-			return a < e - 1 && r.push({
-				type: "next-ellipsis",
-				page: Math.min(e, n + (j.showLessItems ? 3 : 5))
-			}), e > 1 && r.push({
-				type: "page",
-				page: e
-			}), r;
-		});
-		function K(e) {
-			if (j.disabled) return;
-			let t = Math.max(1, Math.min(e, z.value));
-			t !== L.value && (F.value || (N.value = t), M("update:current", t), M("change", t, R.value));
-		}
-		function q(e) {
-			if (j.disabled || e === R.value) return;
-			let t = Math.ceil(j.total / e), n = Math.min(L.value, t) || 1;
-			I.value || (P.value = e), F.value || (N.value = n), M("update:pageSize", e), M("update:current", n), M("showSizeChange", n, e), M("change", n, e);
-		}
-		function J() {
-			K(L.value - 1);
-		}
-		function Y() {
-			K(L.value + 1);
-		}
-		let X = u("");
-		function Z(e) {
-			e.key === "Enter" && Q();
-		}
-		function Q() {
-			let e = parseInt(X.value, 10);
-			!isNaN(e) && e >= 1 && e <= z.value && K(e), X.value = "";
-		}
-		let $ = u(String(L.value));
-		m(L, (e) => {
-			$.value = String(e);
-		});
-		function te(e) {
-			if (e.key === "Enter") {
-				let e = parseInt($.value, 10);
-				isNaN(e) ? $.value = String(L.value) : K(e);
-			}
-		}
-		function ne() {
-			let e = parseInt($.value, 10);
-			!isNaN(e) && e >= 1 && e <= z.value ? K(e) : $.value = String(L.value);
-		}
-		let re = n(() => ["b-pagination", {
-			"b-pagination--disabled": j.disabled,
-			"b-pagination--simple": H.value,
-			"b-pagination--small": j.size === "small",
-			"b-pagination--large": j.size === "large",
-			"b-pagination--align-start": j.align === "start",
-			"b-pagination--align-center": j.align === "center",
-			"b-pagination--align-end": j.align === "end"
-		}]);
-		return (n, u) => B.value ? r("", !0) : (l(), i("nav", {
-			key: 0,
-			class: c(re.value),
-			role: "navigation",
-			"aria-label": j.ariaLabel
-		}, [
-			j.showTotal ? (l(), i("span", g, f(W.value), 1)) : r("", !0),
-			H.value ? (l(), i(t, { key: 1 }, [
-				a("button", {
-					class: "b-pagination__item b-pagination__prev",
-					type: "button",
-					disabled: j.disabled || L.value <= 1,
-					"aria-disabled": j.disabled || L.value <= 1 ? "true" : void 0,
-					title: j.showTitle ? "Previous Page" : void 0,
-					"aria-label": "Previous Page",
-					onClick: J
-				}, [o(p(e), {
-					icon: "chevron-left",
-					"aria-hidden": "true"
-				})], 8, _),
-				a("span", v, [
-					U.value ? (l(), i("span", b, f(L.value), 1)) : (l(), i("input", {
-						key: 0,
-						class: "b-pagination__simple-input",
-						type: "text",
-						inputmode: "numeric",
-						value: $.value,
-						disabled: j.disabled,
-						"aria-label": `Page ${L.value} of ${z.value}`,
-						onInput: u[0] ||= (e) => $.value = e.target.value,
-						onKeydown: te,
-						onBlur: ne
-					}, null, 40, y)),
-					u[3] ||= a("span", {
-						class: "b-pagination__simple-separator",
-						"aria-hidden": "true"
-					}, "/", -1),
-					a("span", x, f(z.value), 1)
-				]),
-				a("button", {
-					class: "b-pagination__item b-pagination__next",
-					type: "button",
-					disabled: j.disabled || L.value >= z.value,
-					"aria-disabled": j.disabled || L.value >= z.value ? "true" : void 0,
-					title: j.showTitle ? "Next Page" : void 0,
-					"aria-label": "Next Page",
-					onClick: Y
-				}, [o(p(e), {
-					icon: "chevron-right",
-					"aria-hidden": "true"
-				})], 8, S)
-			], 64)) : (l(), i(t, { key: 2 }, [
-				a("button", {
-					class: "b-pagination__item b-pagination__prev",
-					type: "button",
-					disabled: j.disabled || L.value <= 1,
-					"aria-disabled": j.disabled || L.value <= 1 ? "true" : void 0,
-					title: j.showTitle ? "Previous Page" : void 0,
-					"aria-label": "Previous Page",
-					onClick: J
-				}, [o(p(e), {
-					icon: "chevron-left",
-					"aria-hidden": "true"
-				})], 8, C),
-				(l(!0), i(t, null, d(G.value, (e) => (l(), i(t, { key: `${e.type}-${e.page}` }, [e.type === "prev-ellipsis" || e.type === "next-ellipsis" ? (l(), i("button", {
-					key: 0,
-					class: "b-pagination__item b-pagination__ellipsis",
-					type: "button",
-					disabled: j.disabled,
-					title: j.showTitle ? e.type === "prev-ellipsis" ? "Previous 5 Pages" : "Next 5 Pages" : void 0,
-					"aria-label": e.type === "prev-ellipsis" ? "Previous 5 Pages" : "Next 5 Pages",
-					onClick: (t) => K(e.page)
-				}, [...u[4] ||= [a("span", { "aria-hidden": "true" }, "•••", -1)]], 8, w)) : (l(), i("button", {
-					key: 1,
-					class: c(["b-pagination__item b-pagination__page", { "b-pagination__page--active": e.page === L.value }]),
-					type: "button",
-					disabled: j.disabled,
-					"aria-current": e.page === L.value ? "page" : void 0,
-					"aria-label": `Page ${e.page}`,
-					title: j.showTitle ? `${e.page}` : void 0,
-					onClick: (t) => K(e.page)
-				}, f(e.page), 11, ee))], 64))), 128)),
-				a("button", {
-					class: "b-pagination__item b-pagination__next",
-					type: "button",
-					disabled: j.disabled || L.value >= z.value,
-					"aria-disabled": j.disabled || L.value >= z.value ? "true" : void 0,
-					title: j.showTitle ? "Next Page" : void 0,
-					"aria-label": "Next Page",
-					onClick: Y
-				}, [o(p(e), {
-					icon: "chevron-right",
-					"aria-hidden": "true"
-				})], 8, T)
-			], 64)),
-			V.value && !H.value ? (l(), i("select", {
-				key: 3,
-				class: "b-pagination__size-changer",
-				value: R.value,
-				disabled: j.disabled,
-				"aria-label": "Items per page",
-				onChange: u[1] ||= (e) => q(Number(e.target.value))
-			}, [(l(!0), i(t, null, d(s.pageSizeOptions, (e) => (l(), i("option", {
-				key: e,
-				value: e
-			}, f(e) + " / page", 9, D))), 128))], 40, E)) : r("", !0),
-			j.showQuickJumper && !H.value ? (l(), i("span", O, [u[5] ||= a("span", null, "Go to", -1), a("input", {
-				class: "b-pagination__jumper-input",
-				type: "text",
-				inputmode: "numeric",
-				value: X.value,
-				disabled: j.disabled,
-				"aria-label": "Go to page",
-				onInput: u[2] ||= (e) => X.value = e.target.value,
-				onKeydown: Z
-			}, null, 40, k)])) : r("", !0)
-		], 10, h));
-	}
-});
+import e from "./design-system147.js";
+//#region src/components/BModal/BModalFooter.vue
+var t = e;
 //#endregion
-export { A as default };
+export { t as default };
 
 //# sourceMappingURL=design-system148.js.map

package/dist/design-system148.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system148.js","names":[],"sources":["../src/components/BPagination/BPagination.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { toDisplayString as _toDisplayString, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, unref as _unref, createVNode as _createVNode, createElementVNode as _createElementVNode, Fragment as _Fragment, renderList as _renderList, normalizeClass as _normalizeClass } from \"vue\"\n\nconst _hoisted_1 = [\"aria-label\"]\nconst _hoisted_2 = {\n  key: 0,\n  class: \"b-pagination__total\"\n}\nconst _hoisted_3 = [\"disabled\", \"aria-disabled\", \"title\"]\nconst _hoisted_4 = { class: \"b-pagination__simple-pager\" }\nconst _hoisted_5 = [\"value\", \"disabled\", \"aria-label\"]\nconst _hoisted_6 = {\n  key: 1,\n  class: \"b-pagination__simple-current\",\n  \"aria-current\": \"page\"\n}\nconst _hoisted_7 = { class: \"b-pagination__simple-total\" }\nconst _hoisted_8 = [\"disabled\", \"aria-disabled\", \"title\"]\nconst _hoisted_9 = [\"disabled\", \"aria-disabled\", \"title\"]\nconst _hoisted_10 = [\"disabled\", \"title\", \"aria-label\", \"onClick\"]\nconst _hoisted_11 = [\"disabled\", \"aria-current\", \"aria-label\", \"title\", \"onClick\"]\nconst _hoisted_12 = [\"disabled\", \"aria-disabled\", \"title\"]\nconst _hoisted_13 = [\"value\", \"disabled\"]\nconst _hoisted_14 = [\"value\"]\nconst _hoisted_15 = {\n  key: 4,\n  class: \"b-pagination__quick-jumper\"\n}\nconst _hoisted_16 = [\"value\", \"disabled\"]\n\nimport { BIcon } from '@/components';\nimport { computed, ref, watch } from 'vue';\n\nimport type {\n  BPaginationAlign,\n  BPaginationQuickJumper,\n  BPaginationShowTotal,\n  BPaginationSimple,\n  BPaginationSize,\n} from './types';\n\n// ─────────────────────────────────────────────\n// Props\n// ─────────────────────────────────────────────\n\nexport default /*@__PURE__*/_defineComponent({\n  __name: 'BPagination',\n  props: {\n    current: {},\n    defaultCurrent: { default: 1 },\n    defaultPageSize: { default: 10 },\n    pageSize: {},\n    pageSizeOptions: { default: () => [10, 20, 50, 100] },\n    total: { default: 0 },\n    disabled: { type: Boolean, default: false },\n    hideOnSinglePage: { type: Boolean, default: false },\n    showLessItems: { type: Boolean, default: false },\n    showQuickJumper: { type: [Boolean, Object], default: false },\n    showSizeChanger: { type: Boolean, default: undefined },\n    showTitle: { type: Boolean, default: true },\n    showTotal: {},\n    simple: { type: [Boolean, Object], default: false },\n    size: { default: 'default' },\n    align: { default: 'start' },\n    totalBoundaryShowSizeChanger: { default: 50 },\n    ariaLabel: { default: 'Pagination' }\n  },\n  emits: [\"change\", \"showSizeChange\", \"update:current\", \"update:pageSize\"],\n  setup(__props: any, { emit: __emit }) {\n\nconst props = __props;\n\n// ─────────────────────────────────────────────\n// Emits\n// ─────────────────────────────────────────────\nconst emit = __emit;\n\n// ─────────────────────────────────────────────\n// Internal state\n// ─────────────────────────────────────────────\nconst internalCurrent = ref(props.current ?? props.defaultCurrent);\nconst internalPageSize = ref(props.pageSize ?? props.defaultPageSize);\n\nconst isCurrentControlled = computed(() => props.current !== undefined);\nconst isPageSizeControlled = computed(() => props.pageSize !== undefined);\n\nwatch(\n  () => props.current,\n  (val) => {\n    if (val !== undefined) internalCurrent.value = val;\n  },\n);\n\nwatch(\n  () => props.pageSize,\n  (val) => {\n    if (val !== undefined) internalPageSize.value = val;\n  },\n);\n\nconst activePage = computed(() =>\n  isCurrentControlled.value ? props.current! : internalCurrent.value,\n);\nconst activePageSize = computed(() =>\n  isPageSizeControlled.value ? props.pageSize! : internalPageSize.value,\n);\n\n// ─────────────────────────────────────────────\n// Derived\n// ─────────────────────────────────────────────\nconst totalPages = computed(() => {\n  if (props.total <= 0 || activePageSize.value <= 0) return 0;\n  return Math.ceil(props.total / activePageSize.value);\n});\n\nconst shouldHide = computed(() => props.hideOnSinglePage && totalPages.value <= 1);\n\nconst computedShowSizeChanger = computed(() => {\n  if (props.showSizeChanger !== undefined) return props.showSizeChanger;\n  return props.total > props.totalBoundaryShowSizeChanger;\n});\n\nconst isSimple = computed(() => !!props.simple);\nconst isSimpleReadOnly = computed(\n  () => typeof props.simple === 'object' && props.simple.readOnly === true,\n);\n\nconst totalRangeText = computed(() => {\n  if (!props.showTotal) return '';\n  const start = (activePage.value - 1) * activePageSize.value + 1;\n  const end = Math.min(activePage.value * activePageSize.value, props.total);\n  return props.showTotal(props.total, [start, end]);\n});\n\n// ─────────────────────────────────────────────\n// Page list computation\n// ─────────────────────────────────────────────\nconst pageList = computed(() => {\n  const tp = totalPages.value;\n  if (tp <= 0) return [];\n\n  const siblingCount = props.showLessItems ? 1 : 2;\n  const cur = activePage.value;\n\n  const items: Array<{ type: 'page' | 'prev-ellipsis' | 'next-ellipsis'; page: number }> = [];\n\n  items.push({ type: 'page', page: 1 });\n\n  if (tp <= (props.showLessItems ? 4 : 6) + 2) {\n    for (let i = 2; i <= tp; i++) {\n      items.push({ type: 'page', page: i });\n    }\n    return items;\n  }\n\n  const left = Math.max(2, cur - siblingCount);\n  const right = Math.min(tp - 1, cur + siblingCount);\n\n  if (left > 2) {\n    items.push({ type: 'prev-ellipsis', page: Math.max(1, cur - (props.showLessItems ? 3 : 5)) });\n  }\n\n  for (let i = left; i <= right; i++) {\n    items.push({ type: 'page', page: i });\n  }\n\n  if (right < tp - 1) {\n    items.push({\n      type: 'next-ellipsis',\n      page: Math.min(tp, cur + (props.showLessItems ? 3 : 5)),\n    });\n  }\n\n  if (tp > 1) {\n    items.push({ type: 'page', page: tp });\n  }\n\n  return items;\n});\n\n// ─────────────────────────────────────────────\n// Actions\n// ─────────────────────────────────────────────\nfunction setPage(page: number) {\n  if (props.disabled) return;\n  const clamped = Math.max(1, Math.min(page, totalPages.value));\n  if (clamped === activePage.value) return;\n\n  if (!isCurrentControlled.value) {\n    internalCurrent.value = clamped;\n  }\n  emit('update:current', clamped);\n  emit('change', clamped, activePageSize.value);\n}\n\nfunction setPageSize(newSize: number) {\n  if (props.disabled) return;\n  if (newSize === activePageSize.value) return;\n\n  const newTotalPages = Math.ceil(props.total / newSize);\n  const newCurrent = Math.min(activePage.value, newTotalPages) || 1;\n\n  if (!isPageSizeControlled.value) {\n    internalPageSize.value = newSize;\n  }\n  if (!isCurrentControlled.value) {\n    internalCurrent.value = newCurrent;\n  }\n\n  emit('update:pageSize', newSize);\n  emit('update:current', newCurrent);\n  emit('showSizeChange', newCurrent, newSize);\n  emit('change', newCurrent, newSize);\n}\n\nfunction goPrev() {\n  setPage(activePage.value - 1);\n}\n\nfunction goNext() {\n  setPage(activePage.value + 1);\n}\n\n// ─────────────────────────────────────────────\n// Quick jumper\n// ─────────────────────────────────────────────\nconst jumperValue = ref('');\n\nfunction handleJumperKeydown(event: KeyboardEvent) {\n  if (event.key === 'Enter') {\n    submitJumper();\n  }\n}\n\nfunction submitJumper() {\n  const val = parseInt(jumperValue.value, 10);\n  if (!isNaN(val) && val >= 1 && val <= totalPages.value) {\n    setPage(val);\n  }\n  jumperValue.value = '';\n}\n\n// ─────────────────────────────────────────────\n// Simple mode input\n// ─────────────────────────────────────────────\nconst simpleInputValue = ref(String(activePage.value));\n\nwatch(activePage, (val) => {\n  simpleInputValue.value = String(val);\n});\n\nfunction handleSimpleInputKeydown(event: KeyboardEvent) {\n  if (event.key === 'Enter') {\n    const val = parseInt(simpleInputValue.value, 10);\n    if (!isNaN(val)) {\n      setPage(val);\n    } else {\n      simpleInputValue.value = String(activePage.value);\n    }\n  }\n}\n\nfunction handleSimpleInputBlur() {\n  const val = parseInt(simpleInputValue.value, 10);\n  if (!isNaN(val) && val >= 1 && val <= totalPages.value) {\n    setPage(val);\n  } else {\n    simpleInputValue.value = String(activePage.value);\n  }\n}\n\n// ─────────────────────────────────────────────\n// Classes\n// ─────────────────────────────────────────────\nconst rootClasses = computed(() => [\n  'b-pagination',\n  {\n    'b-pagination--disabled': props.disabled,\n    'b-pagination--simple': isSimple.value,\n    'b-pagination--small': props.size === 'small',\n    'b-pagination--large': props.size === 'large',\n    'b-pagination--align-start': props.align === 'start',\n    'b-pagination--align-center': props.align === 'center',\n    'b-pagination--align-end': props.align === 'end',\n  },\n]);\n\nreturn (_ctx: any,_cache: any) => {\n  return (!shouldHide.value)\n    ? (_openBlock(), _createElementBlock(\"nav\", {\n        key: 0,\n        class: _normalizeClass(rootClasses.value),\n        role: \"navigation\",\n        \"aria-label\": props.ariaLabel\n      }, [\n        (props.showTotal)\n          ? (_openBlock(), _createElementBlock(\"span\", _hoisted_2, _toDisplayString(totalRangeText.value), 1))\n          : _createCommentVNode(\"\", true),\n        (isSimple.value)\n          ? (_openBlock(), _createElementBlock(_Fragment, { key: 1 }, [\n              _createElementVNode(\"button\", {\n                class: \"b-pagination__item b-pagination__prev\",\n                type: \"button\",\n                disabled: props.disabled || activePage.value <= 1,\n                \"aria-disabled\": props.disabled || activePage.value <= 1 ? 'true' : undefined,\n                title: props.showTitle ? 'Previous Page' : undefined,\n                \"aria-label\": \"Previous Page\",\n                onClick: goPrev\n              }, [\n                _createVNode(_unref(BIcon), {\n                  icon: \"chevron-left\",\n                  \"aria-hidden\": \"true\"\n                })\n              ], 8, _hoisted_3),\n              _createElementVNode(\"span\", _hoisted_4, [\n                (!isSimpleReadOnly.value)\n                  ? (_openBlock(), _createElementBlock(\"input\", {\n                      key: 0,\n                      class: \"b-pagination__simple-input\",\n                      type: \"text\",\n                      inputmode: \"numeric\",\n                      value: simpleInputValue.value,\n                      disabled: props.disabled,\n                      \"aria-label\": `Page ${activePage.value} of ${totalPages.value}`,\n                      onInput: _cache[0] || (_cache[0] = ($event: any) => (simpleInputValue.value = ($event.target as HTMLInputElement).value)),\n                      onKeydown: handleSimpleInputKeydown,\n                      onBlur: handleSimpleInputBlur\n                    }, null, 40, _hoisted_5))\n                  : (_openBlock(), _createElementBlock(\"span\", _hoisted_6, _toDisplayString(activePage.value), 1)),\n                _cache[3] || (_cache[3] = _createElementVNode(\"span\", {\n                  class: \"b-pagination__simple-separator\",\n                  \"aria-hidden\": \"true\"\n                }, \"/\", -1)),\n                _createElementVNode(\"span\", _hoisted_7, _toDisplayString(totalPages.value), 1)\n              ]),\n              _createElementVNode(\"button\", {\n                class: \"b-pagination__item b-pagination__next\",\n                type: \"button\",\n                disabled: props.disabled || activePage.value >= totalPages.value,\n                \"aria-disabled\": props.disabled || activePage.value >= totalPages.value ? 'true' : undefined,\n                title: props.showTitle ? 'Next Page' : undefined,\n                \"aria-label\": \"Next Page\",\n                onClick: goNext\n              }, [\n                _createVNode(_unref(BIcon), {\n                  icon: \"chevron-right\",\n                  \"aria-hidden\": \"true\"\n                })\n              ], 8, _hoisted_8)\n            ], 64))\n          : (_openBlock(), _createElementBlock(_Fragment, { key: 2 }, [\n              _createElementVNode(\"button\", {\n                class: \"b-pagination__item b-pagination__prev\",\n                type: \"button\",\n                disabled: props.disabled || activePage.value <= 1,\n                \"aria-disabled\": props.disabled || activePage.value <= 1 ? 'true' : undefined,\n                title: props.showTitle ? 'Previous Page' : undefined,\n                \"aria-label\": \"Previous Page\",\n                onClick: goPrev\n              }, [\n                _createVNode(_unref(BIcon), {\n                  icon: \"chevron-left\",\n                  \"aria-hidden\": \"true\"\n                })\n              ], 8, _hoisted_9),\n              (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(pageList.value, (item) => {\n                return (_openBlock(), _createElementBlock(_Fragment, {\n                  key: `${item.type}-${item.page}`\n                }, [\n                  (item.type === 'prev-ellipsis' || item.type === 'next-ellipsis')\n                    ? (_openBlock(), _createElementBlock(\"button\", {\n                        key: 0,\n                        class: \"b-pagination__item b-pagination__ellipsis\",\n                        type: \"button\",\n                        disabled: props.disabled,\n                        title: \n            props.showTitle\n              ? item.type === 'prev-ellipsis'\n                ? 'Previous 5 Pages'\n                : 'Next 5 Pages'\n              : undefined\n          ,\n                        \"aria-label\": item.type === 'prev-ellipsis' ? 'Previous 5 Pages' : 'Next 5 Pages',\n                        onClick: ($event: any) => (setPage(item.page))\n                      }, [...(_cache[4] || (_cache[4] = [\n                        _createElementVNode(\"span\", { \"aria-hidden\": \"true\" }, \"•••\", -1)\n                      ]))], 8, _hoisted_10))\n                    : (_openBlock(), _createElementBlock(\"button\", {\n                        key: 1,\n                        class: _normalizeClass([\"b-pagination__item b-pagination__page\", { 'b-pagination__page--active': item.page === activePage.value }]),\n                        type: \"button\",\n                        disabled: props.disabled,\n                        \"aria-current\": item.page === activePage.value ? 'page' : undefined,\n                        \"aria-label\": `Page ${item.page}`,\n                        title: props.showTitle ? `${item.page}` : undefined,\n                        onClick: ($event: any) => (setPage(item.page))\n                      }, _toDisplayString(item.page), 11, _hoisted_11))\n                ], 64))\n              }), 128)),\n              _createElementVNode(\"button\", {\n                class: \"b-pagination__item b-pagination__next\",\n                type: \"button\",\n                disabled: props.disabled || activePage.value >= totalPages.value,\n                \"aria-disabled\": props.disabled || activePage.value >= totalPages.value ? 'true' : undefined,\n                title: props.showTitle ? 'Next Page' : undefined,\n                \"aria-label\": \"Next Page\",\n                onClick: goNext\n              }, [\n                _createVNode(_unref(BIcon), {\n                  icon: \"chevron-right\",\n                  \"aria-hidden\": \"true\"\n                })\n              ], 8, _hoisted_12)\n            ], 64)),\n        (computedShowSizeChanger.value && !isSimple.value)\n          ? (_openBlock(), _createElementBlock(\"select\", {\n              key: 3,\n              class: \"b-pagination__size-changer\",\n              value: activePageSize.value,\n              disabled: props.disabled,\n              \"aria-label\": \"Items per page\",\n              onChange: _cache[1] || (_cache[1] = ($event: any) => (setPageSize(Number(($event.target as HTMLSelectElement).value))))\n            }, [\n              (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(__props.pageSizeOptions, (opt) => {\n                return (_openBlock(), _createElementBlock(\"option\", {\n                  key: opt,\n                  value: opt\n                }, _toDisplayString(opt) + \" / page\", 9, _hoisted_14))\n              }), 128))\n            ], 40, _hoisted_13))\n          : _createCommentVNode(\"\", true),\n        (props.showQuickJumper && !isSimple.value)\n          ? (_openBlock(), _createElementBlock(\"span\", _hoisted_15, [\n              _cache[5] || (_cache[5] = _createElementVNode(\"span\", null, \"Go to\", -1)),\n              _createElementVNode(\"input\", {\n                class: \"b-pagination__jumper-input\",\n                type: \"text\",\n                inputmode: \"numeric\",\n                value: jumperValue.value,\n                disabled: props.disabled,\n                \"aria-label\": \"Go to page\",\n                onInput: _cache[2] || (_cache[2] = ($event: any) => (jumperValue.value = ($event.target as HTMLInputElement).value)),\n                onKeydown: handleJumperKeydown\n              }, null, 40, _hoisted_16)\n            ]))\n          : _createCommentVNode(\"\", true)\n      ], 10, _hoisted_1))\n    : _createCommentVNode(\"\", true)\n}\n}\n\n})"],"mappings":"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"}
+{"version":3,"file":"design-system148.js","names":[],"sources":["../src/components/BModal/BModalFooter.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { BButton } from '@/components';\n\nconst { cancelText = 'Cancel', okText = 'OK' } = defineProps<{\n  /**\n   * Text to display on the cancel button.\n   */\n  cancelText?: string;\n  /**\n   * If true, the cancel button will not be displayed.\n   */\n  hideCancel?: boolean;\n  /**\n   * If true, the cancel button will be disabled.\n   */\n  cancelDisabled?: boolean;\n  /**\n   * Text to display on the OK button.\n   */\n  okText?: string;\n  /**\n   * If true, the OK button will not be displayed.\n   */\n  hideOk?: boolean;\n  /**\n   * If true, the OK button will be disabled.\n   */\n  okDisabled?: boolean;\n}>();\n\nconst emit = defineEmits<{\n  /**\n   * Emitted when the cancel button is clicked.\n   */\n  cancel: [];\n  /**\n   * Emitted when the OK button is clicked.\n   */\n  ok: [];\n}>();\n</script>\n\n<template>\n  <div class=\"b:mt-2 b:flex b:items-center b:bg-white\">\n    <slot name=\"left\">\n      <div class=\"b:flex-auto\"></div>\n    </slot>\n\n    <slot name=\"right\">\n      <div class=\"b:flex b:flex-initial b:gap-x-2\">\n        <BButton\n          v-if=\"!hideCancel\"\n          variant=\"outlined\"\n          color=\"secondary\"\n          autofocus\n          :disabled=\"cancelDisabled\"\n          @click=\"emit('cancel')\"\n        >\n          {{ cancelText }}\n        </BButton>\n        <BButton v-if=\"!hideOk\" :disabled=\"okDisabled\" @click=\"emit('ok')\">\n          {{ okText }}\n        </BButton>\n      </div>\n    </slot>\n  </div>\n</template>\n"],"mappings":""}

package/dist/design-system149.js

@@ -0,0 +1,24 @@
+import e from "./design-system29.js";
+import { createElementBlock as t, createElementVNode as n, createVNode as r, defineComponent as i, getCurrentInstance as a, openBlock as o, renderSlot as s, toDisplayString as c, unref as l } from "vue";
+//#region src/components/BModal/BModalHeader.vue?vue&type=script&setup=true&lang.ts
+var u = { class: "b:mb-2 b:flex b:items-center b:bg-white" }, d = { class: "b:flex-auto b:font-semibold" }, f = /* @__PURE__ */ i({
+	__name: "BModalHeader",
+	props: { title: {} },
+	setup(i) {
+		let f = a(), p = () => {
+			f?.parent?.emit("update:modelValue", !1);
+		};
+		return (a, f) => (o(), t("div", u, [s(a.$slots, "title", {}, () => [n("h2", d, c(i.title), 1)]), s(a.$slots, "icon", {}, () => [r(l(e), {
+			variant: "text",
+			color: "secondary",
+			"prepend-icon": "xmark",
+			"prepend-icon-size": "md",
+			autofocus: "",
+			onClick: p
+		})])]));
+	}
+});
+//#endregion
+export { f as default };
+
+//# sourceMappingURL=design-system149.js.map

package/dist/{design-system144.js.map → design-system149.js.map}

@@ -1 +1 @@
-{"version":3,"file":"design-system144.js","names":[],"sources":["../src/components/BModal/BModalHeader.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { BButton } from '@/components';\nimport { getCurrentInstance } from 'vue';\n\nconst { title } = defineProps<{\n  title?: string;\n}>();\n\nconst instance = getCurrentInstance();\n\nconst close = () => {\n  instance?.parent?.emit('update:modelValue', false);\n};\n</script>\n\n<template>\n  <div class=\"b:mb-2 b:flex b:items-center b:bg-white\">\n    <slot name=\"title\">\n      <h2 class=\"b:flex-auto b:font-semibold\">\n        {{ title }}\n      </h2>\n    </slot>\n    <slot name=\"icon\">\n      <BButton\n        variant=\"text\"\n        color=\"secondary\"\n        prepend-icon=\"xmark\"\n        prepend-icon-size=\"md\"\n        autofocus\n        @click=\"close\"\n      />\n    </slot>\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"design-system149.js","names":[],"sources":["../src/components/BModal/BModalHeader.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { BButton } from '@/components';\nimport { getCurrentInstance } from 'vue';\n\nconst { title } = defineProps<{\n  title?: string;\n}>();\n\nconst instance = getCurrentInstance();\n\nconst close = () => {\n  instance?.parent?.emit('update:modelValue', false);\n};\n</script>\n\n<template>\n  <div class=\"b:mb-2 b:flex b:items-center b:bg-white\">\n    <slot name=\"title\">\n      <h2 class=\"b:flex-auto b:font-semibold\">\n        {{ title }}\n      </h2>\n    </slot>\n    <slot name=\"icon\">\n      <BButton\n        variant=\"text\"\n        color=\"secondary\"\n        prepend-icon=\"xmark\"\n        prepend-icon-size=\"md\"\n        autofocus\n        @click=\"close\"\n      />\n    </slot>\n  </div>\n</template>\n"],"mappings":";;;;;;;EAQA,IAAM,IAAW,GAAoB,EAE/B,UAAc;AAClB,MAAU,QAAQ,KAAK,qBAAqB,GAAM;;yBAKlD,EAgBM,OAhBN,GAgBM,CAfJ,EAIO,EAAA,QAAA,SAAA,EAAA,QAAA,CAHL,EAEK,MAFL,GAEK,EADA,EAAA,MAAK,EAAA,EAAA,CAAA,CAAA,EAGZ,EASO,EAAA,QAAA,QAAA,EAAA,QAAA,CARL,EAOE,EAAA,EAAA,EAAA;GANA,SAAQ;GACR,OAAM;GACN,gBAAa;GACb,qBAAkB;GAClB,WAAA;GACC,SAAO"}

package/dist/design-system150.js

@@ -1,6 +1,5 @@
-import e from "./design-system148.js";
-/* empty css                 */
-//#region src/components/BPagination/BPagination.vue
+import e from "./design-system149.js";
+//#region src/components/BModal/BModalHeader.vue
 var t = e;
 //#endregion
 export { t as default };

package/dist/design-system150.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system150.js","names":[],"sources":["../src/components/BPagination/BPagination.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { BIcon } from '@/components';\nimport { computed, ref, watch } from 'vue';\n\nimport type {\n  BPaginationAlign,\n  BPaginationQuickJumper,\n  BPaginationShowTotal,\n  BPaginationSimple,\n  BPaginationSize,\n} from './types';\n\n// ─────────────────────────────────────────────\n// Props\n// ─────────────────────────────────────────────\nconst props = withDefaults(\n  defineProps<{\n    /** Current page number (controlled). */\n    current?: number;\n    /** Default initial page number (uncontrolled). @default 1 */\n    defaultCurrent?: number;\n    /** Default number of items per page. @default 10 */\n    defaultPageSize?: number;\n    /** Number of items per page (controlled). */\n    pageSize?: number;\n    /** Available page size options. @default [10, 20, 50, 100] */\n    pageSizeOptions?: number[];\n    /** Total number of data items. @default 0 */\n    total?: number;\n    /** Disable pagination. @default false */\n    disabled?: boolean;\n    /** Hide on single page. @default false */\n    hideOnSinglePage?: boolean;\n    /** Show less page items. @default false */\n    showLessItems?: boolean;\n    /** Show quick jumper input. @default false */\n    showQuickJumper?: BPaginationQuickJumper;\n    /** Show page size changer. Auto-shown when total > totalBoundaryShowSizeChanger. */\n    showSizeChanger?: boolean;\n    /** Show title attribute on page items. @default true */\n    showTitle?: boolean;\n    /** Show total number and range. */\n    showTotal?: BPaginationShowTotal;\n    /** Simple mode. @default false */\n    simple?: BPaginationSimple;\n    /** Size of the pagination. @default 'default' */\n    size?: BPaginationSize;\n    /** Alignment of pagination within container. @default 'start' */\n    align?: BPaginationAlign;\n    /** When total exceeds this value, showSizeChanger defaults to true. @default 50 */\n    totalBoundaryShowSizeChanger?: number;\n    /** Custom aria-label for the nav element. @default 'Pagination' */\n    ariaLabel?: string;\n  }>(),\n  {\n    defaultCurrent: 1,\n    defaultPageSize: 10,\n    pageSizeOptions: () => [10, 20, 50, 100],\n    total: 0,\n    disabled: false,\n    hideOnSinglePage: false,\n    showLessItems: false,\n    showQuickJumper: false,\n    showSizeChanger: undefined,\n    showTitle: true,\n    simple: false,\n    size: 'default',\n    align: 'start',\n    totalBoundaryShowSizeChanger: 50,\n    ariaLabel: 'Pagination',\n  },\n);\n\n// ─────────────────────────────────────────────\n// Emits\n// ─────────────────────────────────────────────\nconst emit = defineEmits<{\n  /** Fires when page number or page size changes. */\n  (e: 'change', page: number, pageSize: number): void;\n  /** Fires when page size changes. */\n  (e: 'showSizeChange', current: number, size: number): void;\n  /** v-model:current binding. */\n  (e: 'update:current', page: number): void;\n  /** v-model:pageSize binding. */\n  (e: 'update:pageSize', size: number): void;\n}>();\n\n// ─────────────────────────────────────────────\n// Internal state\n// ─────────────────────────────────────────────\nconst internalCurrent = ref(props.current ?? props.defaultCurrent);\nconst internalPageSize = ref(props.pageSize ?? props.defaultPageSize);\n\nconst isCurrentControlled = computed(() => props.current !== undefined);\nconst isPageSizeControlled = computed(() => props.pageSize !== undefined);\n\nwatch(\n  () => props.current,\n  (val) => {\n    if (val !== undefined) internalCurrent.value = val;\n  },\n);\n\nwatch(\n  () => props.pageSize,\n  (val) => {\n    if (val !== undefined) internalPageSize.value = val;\n  },\n);\n\nconst activePage = computed(() =>\n  isCurrentControlled.value ? props.current! : internalCurrent.value,\n);\nconst activePageSize = computed(() =>\n  isPageSizeControlled.value ? props.pageSize! : internalPageSize.value,\n);\n\n// ─────────────────────────────────────────────\n// Derived\n// ─────────────────────────────────────────────\nconst totalPages = computed(() => {\n  if (props.total <= 0 || activePageSize.value <= 0) return 0;\n  return Math.ceil(props.total / activePageSize.value);\n});\n\nconst shouldHide = computed(() => props.hideOnSinglePage && totalPages.value <= 1);\n\nconst computedShowSizeChanger = computed(() => {\n  if (props.showSizeChanger !== undefined) return props.showSizeChanger;\n  return props.total > props.totalBoundaryShowSizeChanger;\n});\n\nconst isSimple = computed(() => !!props.simple);\nconst isSimpleReadOnly = computed(\n  () => typeof props.simple === 'object' && props.simple.readOnly === true,\n);\n\nconst totalRangeText = computed(() => {\n  if (!props.showTotal) return '';\n  const start = (activePage.value - 1) * activePageSize.value + 1;\n  const end = Math.min(activePage.value * activePageSize.value, props.total);\n  return props.showTotal(props.total, [start, end]);\n});\n\n// ─────────────────────────────────────────────\n// Page list computation\n// ─────────────────────────────────────────────\nconst pageList = computed(() => {\n  const tp = totalPages.value;\n  if (tp <= 0) return [];\n\n  const siblingCount = props.showLessItems ? 1 : 2;\n  const cur = activePage.value;\n\n  const items: Array<{ type: 'page' | 'prev-ellipsis' | 'next-ellipsis'; page: number }> = [];\n\n  items.push({ type: 'page', page: 1 });\n\n  if (tp <= (props.showLessItems ? 4 : 6) + 2) {\n    for (let i = 2; i <= tp; i++) {\n      items.push({ type: 'page', page: i });\n    }\n    return items;\n  }\n\n  const left = Math.max(2, cur - siblingCount);\n  const right = Math.min(tp - 1, cur + siblingCount);\n\n  if (left > 2) {\n    items.push({ type: 'prev-ellipsis', page: Math.max(1, cur - (props.showLessItems ? 3 : 5)) });\n  }\n\n  for (let i = left; i <= right; i++) {\n    items.push({ type: 'page', page: i });\n  }\n\n  if (right < tp - 1) {\n    items.push({\n      type: 'next-ellipsis',\n      page: Math.min(tp, cur + (props.showLessItems ? 3 : 5)),\n    });\n  }\n\n  if (tp > 1) {\n    items.push({ type: 'page', page: tp });\n  }\n\n  return items;\n});\n\n// ─────────────────────────────────────────────\n// Actions\n// ─────────────────────────────────────────────\nfunction setPage(page: number) {\n  if (props.disabled) return;\n  const clamped = Math.max(1, Math.min(page, totalPages.value));\n  if (clamped === activePage.value) return;\n\n  if (!isCurrentControlled.value) {\n    internalCurrent.value = clamped;\n  }\n  emit('update:current', clamped);\n  emit('change', clamped, activePageSize.value);\n}\n\nfunction setPageSize(newSize: number) {\n  if (props.disabled) return;\n  if (newSize === activePageSize.value) return;\n\n  const newTotalPages = Math.ceil(props.total / newSize);\n  const newCurrent = Math.min(activePage.value, newTotalPages) || 1;\n\n  if (!isPageSizeControlled.value) {\n    internalPageSize.value = newSize;\n  }\n  if (!isCurrentControlled.value) {\n    internalCurrent.value = newCurrent;\n  }\n\n  emit('update:pageSize', newSize);\n  emit('update:current', newCurrent);\n  emit('showSizeChange', newCurrent, newSize);\n  emit('change', newCurrent, newSize);\n}\n\nfunction goPrev() {\n  setPage(activePage.value - 1);\n}\n\nfunction goNext() {\n  setPage(activePage.value + 1);\n}\n\n// ─────────────────────────────────────────────\n// Quick jumper\n// ─────────────────────────────────────────────\nconst jumperValue = ref('');\n\nfunction handleJumperKeydown(event: KeyboardEvent) {\n  if (event.key === 'Enter') {\n    submitJumper();\n  }\n}\n\nfunction submitJumper() {\n  const val = parseInt(jumperValue.value, 10);\n  if (!isNaN(val) && val >= 1 && val <= totalPages.value) {\n    setPage(val);\n  }\n  jumperValue.value = '';\n}\n\n// ─────────────────────────────────────────────\n// Simple mode input\n// ─────────────────────────────────────────────\nconst simpleInputValue = ref(String(activePage.value));\n\nwatch(activePage, (val) => {\n  simpleInputValue.value = String(val);\n});\n\nfunction handleSimpleInputKeydown(event: KeyboardEvent) {\n  if (event.key === 'Enter') {\n    const val = parseInt(simpleInputValue.value, 10);\n    if (!isNaN(val)) {\n      setPage(val);\n    } else {\n      simpleInputValue.value = String(activePage.value);\n    }\n  }\n}\n\nfunction handleSimpleInputBlur() {\n  const val = parseInt(simpleInputValue.value, 10);\n  if (!isNaN(val) && val >= 1 && val <= totalPages.value) {\n    setPage(val);\n  } else {\n    simpleInputValue.value = String(activePage.value);\n  }\n}\n\n// ─────────────────────────────────────────────\n// Classes\n// ─────────────────────────────────────────────\nconst rootClasses = computed(() => [\n  'b-pagination',\n  {\n    'b-pagination--disabled': props.disabled,\n    'b-pagination--simple': isSimple.value,\n    'b-pagination--small': props.size === 'small',\n    'b-pagination--large': props.size === 'large',\n    'b-pagination--align-start': props.align === 'start',\n    'b-pagination--align-center': props.align === 'center',\n    'b-pagination--align-end': props.align === 'end',\n  },\n]);\n</script>\n\n<template>\n  <nav v-if=\"!shouldHide\" :class=\"rootClasses\" role=\"navigation\" :aria-label=\"props.ariaLabel\">\n    <!-- Total display -->\n    <span v-if=\"props.showTotal\" class=\"b-pagination__total\">\n      {{ totalRangeText }}\n    </span>\n\n    <!-- Simple mode -->\n    <template v-if=\"isSimple\">\n      <!-- Prev -->\n      <button\n        class=\"b-pagination__item b-pagination__prev\"\n        type=\"button\"\n        :disabled=\"props.disabled || activePage <= 1\"\n        :aria-disabled=\"props.disabled || activePage <= 1 ? 'true' : undefined\"\n        :title=\"props.showTitle ? 'Previous Page' : undefined\"\n        aria-label=\"Previous Page\"\n        @click=\"goPrev\"\n      >\n        <BIcon icon=\"chevron-left\" aria-hidden=\"true\" />\n      </button>\n\n      <!-- Simple input -->\n      <span class=\"b-pagination__simple-pager\">\n        <input\n          v-if=\"!isSimpleReadOnly\"\n          class=\"b-pagination__simple-input\"\n          type=\"text\"\n          inputmode=\"numeric\"\n          :value=\"simpleInputValue\"\n          :disabled=\"props.disabled\"\n          :aria-label=\"`Page ${activePage} of ${totalPages}`\"\n          @input=\"simpleInputValue = ($event.target as HTMLInputElement).value\"\n          @keydown=\"handleSimpleInputKeydown\"\n          @blur=\"handleSimpleInputBlur\"\n        />\n        <span v-else class=\"b-pagination__simple-current\" aria-current=\"page\">\n          {{ activePage }}\n        </span>\n        <span class=\"b-pagination__simple-separator\" aria-hidden=\"true\">/</span>\n        <span class=\"b-pagination__simple-total\">{{ totalPages }}</span>\n      </span>\n\n      <!-- Next -->\n      <button\n        class=\"b-pagination__item b-pagination__next\"\n        type=\"button\"\n        :disabled=\"props.disabled || activePage >= totalPages\"\n        :aria-disabled=\"props.disabled || activePage >= totalPages ? 'true' : undefined\"\n        :title=\"props.showTitle ? 'Next Page' : undefined\"\n        aria-label=\"Next Page\"\n        @click=\"goNext\"\n      >\n        <BIcon icon=\"chevron-right\" aria-hidden=\"true\" />\n      </button>\n    </template>\n\n    <!-- Normal mode -->\n    <template v-else>\n      <!-- Prev -->\n      <button\n        class=\"b-pagination__item b-pagination__prev\"\n        type=\"button\"\n        :disabled=\"props.disabled || activePage <= 1\"\n        :aria-disabled=\"props.disabled || activePage <= 1 ? 'true' : undefined\"\n        :title=\"props.showTitle ? 'Previous Page' : undefined\"\n        aria-label=\"Previous Page\"\n        @click=\"goPrev\"\n      >\n        <BIcon icon=\"chevron-left\" aria-hidden=\"true\" />\n      </button>\n\n      <!-- Page items -->\n      <template v-for=\"item in pageList\" :key=\"`${item.type}-${item.page}`\">\n        <!-- Ellipsis -->\n        <button\n          v-if=\"item.type === 'prev-ellipsis' || item.type === 'next-ellipsis'\"\n          class=\"b-pagination__item b-pagination__ellipsis\"\n          type=\"button\"\n          :disabled=\"props.disabled\"\n          :title=\"\n            props.showTitle\n              ? item.type === 'prev-ellipsis'\n                ? 'Previous 5 Pages'\n                : 'Next 5 Pages'\n              : undefined\n          \"\n          :aria-label=\"item.type === 'prev-ellipsis' ? 'Previous 5 Pages' : 'Next 5 Pages'\"\n          @click=\"setPage(item.page)\"\n        >\n          <span aria-hidden=\"true\">•••</span>\n        </button>\n\n        <!-- Page number -->\n        <button\n          v-else\n          class=\"b-pagination__item b-pagination__page\"\n          :class=\"{ 'b-pagination__page--active': item.page === activePage }\"\n          type=\"button\"\n          :disabled=\"props.disabled\"\n          :aria-current=\"item.page === activePage ? 'page' : undefined\"\n          :aria-label=\"`Page ${item.page}`\"\n          :title=\"props.showTitle ? `${item.page}` : undefined\"\n          @click=\"setPage(item.page)\"\n        >\n          {{ item.page }}\n        </button>\n      </template>\n\n      <!-- Next -->\n      <button\n        class=\"b-pagination__item b-pagination__next\"\n        type=\"button\"\n        :disabled=\"props.disabled || activePage >= totalPages\"\n        :aria-disabled=\"props.disabled || activePage >= totalPages ? 'true' : undefined\"\n        :title=\"props.showTitle ? 'Next Page' : undefined\"\n        aria-label=\"Next Page\"\n        @click=\"goNext\"\n      >\n        <BIcon icon=\"chevron-right\" aria-hidden=\"true\" />\n      </button>\n    </template>\n\n    <!-- Size changer -->\n    <select\n      v-if=\"computedShowSizeChanger && !isSimple\"\n      class=\"b-pagination__size-changer\"\n      :value=\"activePageSize\"\n      :disabled=\"props.disabled\"\n      aria-label=\"Items per page\"\n      @change=\"setPageSize(Number(($event.target as HTMLSelectElement).value))\"\n    >\n      <option v-for=\"opt in pageSizeOptions\" :key=\"opt\" :value=\"opt\">{{ opt }} / page</option>\n    </select>\n\n    <!-- Quick jumper -->\n    <span v-if=\"props.showQuickJumper && !isSimple\" class=\"b-pagination__quick-jumper\">\n      <span>Go to</span>\n      <input\n        class=\"b-pagination__jumper-input\"\n        type=\"text\"\n        inputmode=\"numeric\"\n        :value=\"jumperValue\"\n        :disabled=\"props.disabled\"\n        aria-label=\"Go to page\"\n        @input=\"jumperValue = ($event.target as HTMLInputElement).value\"\n        @keydown=\"handleJumperKeydown\"\n      />\n    </span>\n  </nav>\n</template>\n\n<style>\n/* ─────────────────────────────────────────────\n   BPagination - CSS custom properties\n   ───────────────────────────────────────────── */\n.b-pagination {\n  /* Item */\n  --b-pagination-item-bg: #ffffff;\n  --b-pagination-item-bg-hover: rgba(0, 0, 0, 0.04);\n  --b-pagination-item-size: 32px;\n  --b-pagination-item-size-sm: 24px;\n  --b-pagination-item-size-lg: 40px;\n  --b-pagination-item-border-radius: 6px;\n  --b-pagination-item-font-size: 14px;\n\n  /* Active */\n  --b-pagination-item-active-bg: #ffffff;\n  --b-pagination-item-active-color: #0958d9;\n  --b-pagination-item-active-border-color: #0958d9;\n  --b-pagination-item-active-color-hover: #1677ff;\n  --b-pagination-item-active-border-color-hover: #1677ff;\n\n  /* Disabled */\n  --b-pagination-item-active-bg-disabled: rgba(0, 0, 0, 0.15);\n  --b-pagination-item-active-color-disabled: rgba(0, 0, 0, 0.25);\n  --b-pagination-item-color-disabled: rgba(0, 0, 0, 0.25);\n\n  /* Input */\n  --b-pagination-item-input-bg: #ffffff;\n\n  /* Link */\n  --b-pagination-item-link-bg: #ffffff;\n\n  /* Layout */\n  --b-pagination-gap: 8px;\n  --b-pagination-color: rgba(0, 0, 0, 0.88);\n  --b-pagination-font-family: inherit;\n  --b-pagination-mini-options-size-changer-top: 0px;\n\n  /* Focus */\n  --b-pagination-focus-ring: 0 0 0 2px rgba(22, 119, 255, 0.2);\n\n  /* ── Layout ── */\n  display: flex;\n  align-items: center;\n  gap: var(--b-pagination-gap);\n  font-family: var(--b-pagination-font-family);\n  font-size: var(--b-pagination-item-font-size);\n  color: var(--b-pagination-color);\n  flex-wrap: wrap;\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n\n/* ── Alignment ── */\n.b-pagination--align-start {\n  justify-content: flex-start;\n}\n\n.b-pagination--align-center {\n  justify-content: center;\n}\n\n.b-pagination--align-end {\n  justify-content: flex-end;\n}\n\n/* ── Size variants ── */\n.b-pagination--small {\n  --b-pagination-item-size: var(--b-pagination-item-size-sm);\n  --b-pagination-item-font-size: 12px;\n  --b-pagination-gap: 4px;\n}\n\n.b-pagination--large {\n  --b-pagination-item-size: var(--b-pagination-item-size-lg);\n  --b-pagination-item-font-size: 16px;\n  --b-pagination-gap: 10px;\n}\n\n/* ── Item (shared styles for page, prev, next, ellipsis) ── */\n.b-pagination__item {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: var(--b-pagination-item-size);\n  height: var(--b-pagination-item-size);\n  padding: 0 6px;\n  border: 1px solid transparent;\n  border-radius: var(--b-pagination-item-border-radius);\n  background: var(--b-pagination-item-bg);\n  color: var(--b-pagination-color);\n  font-size: var(--b-pagination-item-font-size);\n  font-family: inherit;\n  line-height: 1;\n  text-align: center;\n  cursor: pointer;\n  user-select: none;\n  transition:\n    color 200ms,\n    border-color 200ms,\n    background 200ms;\n  outline: none;\n  box-sizing: border-box;\n}\n\n.b-pagination__item:hover:not(:disabled):not(.b-pagination__page--active) {\n  background: var(--b-pagination-item-bg-hover);\n  color: var(--b-pagination-item-active-color);\n}\n\n.b-pagination__item:focus-visible {\n  box-shadow: var(--b-pagination-focus-ring);\n}\n\n.b-pagination__item:disabled {\n  color: var(--b-pagination-item-color-disabled);\n  cursor: not-allowed;\n  background: transparent;\n}\n\n/* ── Active page ── */\n.b-pagination__page--active {\n  background: var(--b-pagination-item-active-bg);\n  color: var(--b-pagination-item-active-color);\n  border-color: var(--b-pagination-item-active-border-color);\n  font-weight: 500;\n  cursor: default;\n}\n\n.b-pagination__page--active:hover:not(:disabled) {\n  color: var(--b-pagination-item-active-color-hover);\n  border-color: var(--b-pagination-item-active-border-color-hover);\n  background: var(--b-pagination-item-active-bg);\n}\n\n.b-pagination__page--active:disabled {\n  background: var(--b-pagination-item-active-bg-disabled);\n  color: var(--b-pagination-item-active-color-disabled);\n  border-color: transparent;\n}\n\n/* ── Ellipsis ── */\n.b-pagination__ellipsis {\n  border-color: transparent;\n  letter-spacing: 1px;\n  color: rgba(0, 0, 0, 0.25);\n}\n\n.b-pagination__ellipsis:hover:not(:disabled) {\n  color: var(--b-pagination-item-active-color);\n  background: transparent;\n}\n\n/* ── Prev/Next arrows ── */\n.b-pagination__prev,\n.b-pagination__next {\n  background: var(--b-pagination-item-link-bg);\n}\n\n/* ── Total ── */\n.b-pagination__total {\n  white-space: nowrap;\n  font-size: var(--b-pagination-item-font-size);\n}\n\n/* ── Simple mode ── */\n.b-pagination--simple .b-pagination__simple-pager {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.b-pagination__simple-input {\n  width: 48px;\n  height: var(--b-pagination-item-size);\n  padding: 0 6px;\n  border: 1px solid #d9d9d9;\n  border-radius: var(--b-pagination-item-border-radius);\n  background: var(--b-pagination-item-input-bg);\n  color: var(--b-pagination-color);\n  font-size: var(--b-pagination-item-font-size);\n  text-align: center;\n  outline: none;\n  box-sizing: border-box;\n  transition: border-color 200ms;\n}\n\n.b-pagination__simple-input:focus {\n  border-color: var(--b-pagination-item-active-border-color);\n  box-shadow: var(--b-pagination-focus-ring);\n}\n\n.b-pagination__simple-input:disabled {\n  background: rgba(0, 0, 0, 0.04);\n  color: var(--b-pagination-item-color-disabled);\n  cursor: not-allowed;\n}\n\n.b-pagination__simple-separator {\n  color: rgba(0, 0, 0, 0.25);\n  padding: 0 2px;\n}\n\n.b-pagination__simple-current {\n  font-weight: 500;\n  color: var(--b-pagination-item-active-color);\n}\n\n/* ── Size changer ── */\n.b-pagination__size-changer {\n  height: var(--b-pagination-item-size);\n  padding: 0 8px;\n  border: 1px solid #d9d9d9;\n  border-radius: var(--b-pagination-item-border-radius);\n  background: var(--b-pagination-item-input-bg);\n  color: var(--b-pagination-color);\n  font-size: var(--b-pagination-item-font-size);\n  font-family: inherit;\n  cursor: pointer;\n  outline: none;\n  box-sizing: border-box;\n  margin-top: var(--b-pagination-mini-options-size-changer-top);\n  transition: border-color 200ms;\n}\n\n.b-pagination__size-changer:focus {\n  border-color: var(--b-pagination-item-active-border-color);\n  box-shadow: var(--b-pagination-focus-ring);\n}\n\n.b-pagination__size-changer:disabled {\n  background: rgba(0, 0, 0, 0.04);\n  color: var(--b-pagination-item-color-disabled);\n  cursor: not-allowed;\n}\n\n/* ── Quick jumper ── */\n.b-pagination__quick-jumper {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: var(--b-pagination-item-font-size);\n  white-space: nowrap;\n}\n\n.b-pagination__jumper-input {\n  width: 50px;\n  height: var(--b-pagination-item-size);\n  padding: 0 6px;\n  border: 1px solid #d9d9d9;\n  border-radius: var(--b-pagination-item-border-radius);\n  background: var(--b-pagination-item-input-bg);\n  color: var(--b-pagination-color);\n  font-size: var(--b-pagination-item-font-size);\n  text-align: center;\n  outline: none;\n  box-sizing: border-box;\n  transition: border-color 200ms;\n}\n\n.b-pagination__jumper-input:focus {\n  border-color: var(--b-pagination-item-active-border-color);\n  box-shadow: var(--b-pagination-focus-ring);\n}\n\n.b-pagination__jumper-input:disabled {\n  background: rgba(0, 0, 0, 0.04);\n  color: var(--b-pagination-item-color-disabled);\n  cursor: not-allowed;\n}\n\n/* ── Disabled state (entire control) ── */\n.b-pagination--disabled {\n  opacity: 0.65;\n  pointer-events: none;\n}\n\n/* ── Dark mode ── */\n[data-prefers-color='dark'] .b-pagination {\n  --b-pagination-item-bg: #1d1d1d;\n  --b-pagination-item-bg-hover: rgba(255, 255, 255, 0.08);\n  --b-pagination-item-active-bg: #1d1d1d;\n  --b-pagination-item-active-color: #4096ff;\n  --b-pagination-item-active-border-color: #4096ff;\n  --b-pagination-item-active-color-hover: #69b1ff;\n  --b-pagination-item-active-border-color-hover: #69b1ff;\n  --b-pagination-item-active-bg-disabled: rgba(255, 255, 255, 0.08);\n  --b-pagination-item-active-color-disabled: rgba(255, 255, 255, 0.3);\n  --b-pagination-item-color-disabled: rgba(255, 255, 255, 0.3);\n  --b-pagination-item-input-bg: #1d1d1d;\n  --b-pagination-item-link-bg: #1d1d1d;\n  --b-pagination-color: rgba(255, 255, 255, 0.88);\n  --b-pagination-focus-ring: 0 0 0 2px rgba(64, 150, 255, 0.25);\n}\n\n@media (prefers-color-scheme: dark) {\n  [data-prefers-color='system'] .b-pagination {\n    --b-pagination-item-bg: #1d1d1d;\n    --b-pagination-item-bg-hover: rgba(255, 255, 255, 0.08);\n    --b-pagination-item-active-bg: #1d1d1d;\n    --b-pagination-item-active-color: #4096ff;\n    --b-pagination-item-active-border-color: #4096ff;\n    --b-pagination-item-active-color-hover: #69b1ff;\n    --b-pagination-item-active-border-color-hover: #69b1ff;\n    --b-pagination-item-active-bg-disabled: rgba(255, 255, 255, 0.08);\n    --b-pagination-item-active-color-disabled: rgba(255, 255, 255, 0.3);\n    --b-pagination-item-color-disabled: rgba(255, 255, 255, 0.3);\n    --b-pagination-item-input-bg: #1d1d1d;\n    --b-pagination-item-link-bg: #1d1d1d;\n    --b-pagination-color: rgba(255, 255, 255, 0.88);\n    --b-pagination-focus-ring: 0 0 0 2px rgba(64, 150, 255, 0.25);\n  }\n}\n\n/* ── Reduced motion ── */\n@media (prefers-reduced-motion: reduce) {\n  .b-pagination__item,\n  .b-pagination__simple-input,\n  .b-pagination__size-changer,\n  .b-pagination__jumper-input {\n    transition: none;\n  }\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"design-system150.js","names":[],"sources":["../src/components/BModal/BModalHeader.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { BButton } from '@/components';\nimport { getCurrentInstance } from 'vue';\n\nconst { title } = defineProps<{\n  title?: string;\n}>();\n\nconst instance = getCurrentInstance();\n\nconst close = () => {\n  instance?.parent?.emit('update:modelValue', false);\n};\n</script>\n\n<template>\n  <div class=\"b:mb-2 b:flex b:items-center b:bg-white\">\n    <slot name=\"title\">\n      <h2 class=\"b:flex-auto b:font-semibold\">\n        {{ title }}\n      </h2>\n    </slot>\n    <slot name=\"icon\">\n      <BButton\n        variant=\"text\"\n        color=\"secondary\"\n        prepend-icon=\"xmark\"\n        prepend-icon-size=\"md\"\n        autofocus\n        @click=\"close\"\n      />\n    </slot>\n  </div>\n</template>\n"],"mappings":""}