@7pmlabs/design-system 1.0.10 → 1.0.11

package/dist/design-system111.js

@@ -1,166 +0,0 @@
-import { Fragment as e, computed as t, createElementBlock as n, defineComponent as r, normalizeClass as i, normalizeStyle as a, onBeforeUnmount as o, onMounted as s, openBlock as c, ref as l, renderList as u, renderSlot as d, watch as f } from "vue";
-//#region src/components/BMasonry/BMasonry.vue?vue&type=script&setup=true&lang.ts
-var p = ["data-masonry-key"], m = /* @__PURE__ */ r({
-	__name: "BMasonry",
-	props: {
-		columns: { default: 3 },
-		gutter: { default: 0 },
-		items: { default: () => [] },
-		fresh: {
-			type: Boolean,
-			default: !1
-		},
-		classNames: { type: [Object, Function] },
-		styles: { type: [Object, Function] }
-	},
-	emits: ["layoutChange"],
-	setup(r, { emit: m }) {
-		let h = m, g = {
-			xs: 0,
-			sm: 576,
-			md: 768,
-			lg: 992,
-			xl: 1200,
-			xxl: 1600
-		};
-		function _(e, t) {
-			if (typeof e == "number") return Math.max(1, e);
-			let n = Object.keys(g).sort((e, t) => g[t] - g[e]);
-			for (let r of n) if (t >= g[r] && e[r] !== void 0) return Math.max(1, e[r]);
-			let r = Object.keys(e).sort((e, t) => g[e] - g[t])[0];
-			return r ? Math.max(1, e[r]) : 1;
-		}
-		let v = l(null), y = l(0), b = null;
-		function x() {
-			v.value && (y.value = v.value.offsetWidth);
-		}
-		let S = l({}), C = null, w = l(/* @__PURE__ */ new Map());
-		function T(e, t) {
-			if (t) w.value.set(e, t), r.fresh && C && C.observe(t);
-			else {
-				let t = w.value.get(e);
-				t && C && C.unobserve(t), w.value.delete(e);
-				let n = { ...S.value };
-				delete n[e], S.value = n;
-			}
-		}
-		function E() {
-			!r.fresh || typeof ResizeObserver > "u" || (C = new ResizeObserver((e) => {
-				for (let t of e) {
-					let e = t.target.dataset.masonryKey;
-					if (e !== void 0) {
-						let n = t.contentRect.height;
-						S.value[e] !== n && (S.value = {
-							...S.value,
-							[e]: n
-						});
-					}
-				}
-			}), w.value.forEach((e) => C.observe(e)));
-		}
-		let D = t(() => _(r.columns, y.value)), O = t(() => {
-			let e = r.gutter;
-			if (Array.isArray(e)) return [_(e[0], y.value), _(e[1], y.value)];
-			let t = _(e, y.value);
-			return [t, t];
-		}), k = t(() => {
-			let e = D.value, t = Array.from({ length: e }, () => []), n = Array(e).fill(0), [, i] = O.value;
-			for (let a = 0; a < r.items.length; a++) {
-				let o = r.items[a], s;
-				s = o.column === void 0 ? n.indexOf(Math.min(...n)) : Math.max(0, Math.min(e - 1, o.column - 1)), t[s].push({
-					item: o,
-					originalIndex: a
-				});
-				let c = S.value[o.key] ?? o.height ?? 0;
-				n[s] += c + (t[s].length > 1 ? i : 0);
-			}
-			return t;
-		});
-		f(t(() => {
-			let e = D.value, t = {};
-			for (let e = 0; e < r.items.length; e++) {
-				let n = r.items[e], i = k.value.findIndex((e) => e.some((e) => e.item.key === n.key));
-				i >= 0 && (t[n.key] = i);
-			}
-			return {
-				columns: e,
-				columnMap: t
-			};
-		}), (e) => {
-			h("layoutChange", e);
-		}, { immediate: !0 });
-		function A(e, t) {
-			let n = ["b-masonry__item"];
-			if (!r.classNames) return n;
-			if (typeof r.classNames == "function") {
-				let i = r.classNames(e, t);
-				i && n.push(...Array.isArray(i) ? i : [i]);
-			} else if (typeof r.classNames.item == "function") {
-				let i = r.classNames.item(e, t);
-				i && n.push(...Array.isArray(i) ? i : [i]);
-			} else typeof r.classNames.item == "string" && n.push(r.classNames.item);
-			return n;
-		}
-		function j(e, t) {
-			return r.styles ? typeof r.styles == "function" ? r.styles(e, t) ?? {} : typeof r.styles.item == "function" ? r.styles.item(e, t) ?? {} : r.styles.item && typeof r.styles.item == "object" ? r.styles.item : {} : {};
-		}
-		function M(e) {
-			let t = ["b-masonry__column"];
-			return !r.classNames || typeof r.classNames == "function" || r.classNames.column && t.push(r.classNames.column), t;
-		}
-		function N(e) {
-			return !r.styles || typeof r.styles == "function" ? {} : r.styles.column ?? {};
-		}
-		let P = t(() => {
-			let e = ["b-masonry"];
-			return !r.classNames || typeof r.classNames == "function" || r.classNames.root && e.push(r.classNames.root), e;
-		}), F = t(() => {
-			let e = {
-				"--b-masonry-columns": String(D.value),
-				"--b-masonry-col-gap": `${O.value[0]}px`,
-				"--b-masonry-row-gap": `${O.value[1]}px`
-			};
-			if (r.styles && typeof r.styles == "object" && "root" in r.styles) {
-				let t = r.styles;
-				t.root && Object.assign(e, t.root);
-			}
-			return e;
-		});
-		return s(() => {
-			x(), typeof ResizeObserver < "u" ? (b = new ResizeObserver(() => x()), v.value && b.observe(v.value)) : window.addEventListener("resize", x), r.fresh && E();
-		}), f(() => r.fresh, (e) => {
-			e ? E() : (C?.disconnect(), C = null, S.value = {});
-		}), o(() => {
-			b?.disconnect(), C?.disconnect(), window.removeEventListener("resize", x);
-		}), (t, r) => (c(), n("div", {
-			ref_key: "rootEl",
-			ref: v,
-			class: i(P.value),
-			style: a(F.value),
-			role: "list",
-			"aria-label": "Masonry layout"
-		}, [(c(!0), n(e, null, u(k.value, (r, o) => (c(), n("div", {
-			key: o,
-			class: i(M(o)),
-			style: a(N(o)),
-			role: "presentation"
-		}, [(c(!0), n(e, null, u(r, ({ item: e, originalIndex: r }) => (c(), n("div", {
-			key: e.key,
-			ref_for: !0,
-			ref: (t) => T(e.key, t),
-			"data-masonry-key": e.key,
-			class: i(A(e, o)),
-			style: a(j(e, o)),
-			role: "listitem"
-		}, [t.$slots.item ? d(t.$slots, "item", {
-			key: 0,
-			item: e,
-			index: r,
-			column: o
-		}) : d(t.$slots, "default", { key: 1 })], 14, p))), 128))], 6))), 128))], 6));
-	}
-});
-//#endregion
-export { m as default };
-
-//# sourceMappingURL=design-system111.js.map

package/dist/design-system111.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"design-system111.js","names":[],"sources":["../src/components/BMasonry/BMasonry.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, renderSlot as _renderSlot, createCommentVNode as _createCommentVNode, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle } from \"vue\"\n\nconst _hoisted_1 = [\"data-masonry-key\"]\n\nimport { computed, onBeforeUnmount, onMounted, ref, watch } from 'vue';\nimport type {\n  BMasonryBreakpoint,\n  BMasonryClassNames,\n  BMasonryItem,\n  BMasonryLayoutChangePayload,\n  BMasonryResponsive,\n  BMasonryStyles,\n} from './types';\n\n// ─── Props ────────────────────────────────────────────────────────────────────\n\n\nexport default /*@__PURE__*/_defineComponent({\n  __name: 'BMasonry',\n  props: {\n    columns: { default: 3 },\n    gutter: { default: 0 },\n    items: { default: () => ([]) },\n    fresh: { type: Boolean, default: false },\n    classNames: { type: [Object, Function] },\n    styles: { type: [Object, Function] }\n  },\n  emits: [\"layoutChange\"],\n  setup(__props: any, { emit: __emit }) {\n\n\n\n// ─── Emits ────────────────────────────────────────────────────────────────────\n\nconst emit = __emit;\n\n// ─── Slots ────────────────────────────────────────────────────────────────────\n\n\n\n// ─── Responsive helpers ───────────────────────────────────────────────────────\n\nconst BREAKPOINTS: Record<BMasonryBreakpoint, number> = {\n  xs: 0,\n  sm: 576,\n  md: 768,\n  lg: 992,\n  xl: 1200,\n  xxl: 1600,\n};\n\nfunction resolveResponsive(value: BMasonryResponsive, width: number): number {\n  if (typeof value === 'number') return Math.max(1, value);\n\n  // Breakpoint map — pick the largest breakpoint that still fits\n  const keys = (Object.keys(BREAKPOINTS) as BMasonryBreakpoint[]).sort(\n    (a, b) => BREAKPOINTS[b] - BREAKPOINTS[a],\n  );\n\n  for (const bp of keys) {\n    if (width >= BREAKPOINTS[bp] && value[bp] !== undefined) {\n      return Math.max(1, value[bp]!);\n    }\n  }\n  // Fallback to smallest defined value\n  const smallest = (Object.keys(value) as BMasonryBreakpoint[]).sort(\n    (a, b) => BREAKPOINTS[a] - BREAKPOINTS[b],\n  )[0];\n  return smallest ? Math.max(1, value[smallest]!) : 1;\n}\n\n// ─── Container width tracking ─────────────────────────────────────────────────\n\nconst rootEl = ref<HTMLElement | null>(null);\nconst containerWidth = ref(0);\n\nlet containerObserver: ResizeObserver | null = null;\n\nfunction updateWidth() {\n  if (rootEl.value) {\n    containerWidth.value = rootEl.value.offsetWidth;\n  }\n}\n\n// ─── Item height tracking (fresh mode) ────────────────────────────────────────\n\nconst itemHeights = ref<Record<string | number, number>>({});\nlet itemObserver: ResizeObserver | null = null;\nconst itemEls = ref<Map<string | number, Element>>(new Map());\n\nfunction registerItemEl(key: string | number, el: Element | null) {\n  if (el) {\n    itemEls.value.set(key, el);\n    if (__props.fresh && itemObserver) {\n      itemObserver.observe(el);\n    }\n  } else {\n    const old = itemEls.value.get(key);\n    if (old && itemObserver) itemObserver.unobserve(old);\n    itemEls.value.delete(key);\n    const next = { ...itemHeights.value };\n    delete next[key];\n    itemHeights.value = next;\n  }\n}\n\nfunction setupItemObserver() {\n  if (!__props.fresh || typeof ResizeObserver === 'undefined') return;\n  itemObserver = new ResizeObserver((entries) => {\n    let changed = false;\n    for (const entry of entries) {\n      const el = entry.target as HTMLElement;\n      const key = el.dataset.masonryKey;\n      if (key !== undefined) {\n        const h = entry.contentRect.height;\n        if (itemHeights.value[key] !== h) {\n          itemHeights.value = { ...itemHeights.value, [key]: h };\n          changed = true;\n        }\n      }\n    }\n    if (changed) {\n      // trigger layout recompute (handled reactively via computed)\n    }\n  });\n  // Observe any already-mounted elements\n  itemEls.value.forEach((el) => itemObserver!.observe(el));\n}\n\n// ─── Core layout algorithm ────────────────────────────────────────────────────\n\nconst resolvedColumns = computed(() => resolveResponsive(__props.columns, containerWidth.value));\n\nconst resolvedGutter = computed<[number, number]>(() => {\n  const g = __props.gutter;\n  if (Array.isArray(g)) {\n    const colGap = resolveResponsive(g[0] as BMasonryResponsive, containerWidth.value);\n    const rowGap = resolveResponsive(g[1] as BMasonryResponsive, containerWidth.value);\n    return [colGap, rowGap];\n  }\n  const v = resolveResponsive(g as BMasonryResponsive, containerWidth.value);\n  return [v, v];\n});\n\n/** Distribute items across columns using the \"shortest column first\" strategy. */\nconst columnBuckets = computed<{ item: BMasonryItem; originalIndex: number }[][]>(() => {\n  const cols = resolvedColumns.value;\n  const buckets: { item: BMasonryItem; originalIndex: number }[][] = Array.from(\n    { length: cols },\n    () => [],\n  );\n  const heights = Array<number>(cols).fill(0);\n  const [, rowGap] = resolvedGutter.value;\n\n  for (let i = 0; i < __props.items.length; i++) {\n    const item = __props.items[i];\n    let targetCol: number;\n\n    if (item.column !== undefined) {\n      // Pinned column (1-based → 0-based, clamped)\n      targetCol = Math.max(0, Math.min(cols - 1, item.column - 1));\n    } else {\n      // Shortest column\n      targetCol = heights.indexOf(Math.min(...heights));\n    }\n\n    buckets[targetCol].push({ item, originalIndex: i });\n    const h = itemHeights.value[item.key] ?? item.height ?? 0;\n    heights[targetCol] += h + (buckets[targetCol].length > 1 ? rowGap : 0);\n  }\n\n  return buckets;\n});\n\nconst layoutColumnMap = computed(() => {\n  const cols = resolvedColumns.value;\n  const map: Record<string | number, number> = {};\n  for (let i = 0; i < __props.items.length; i++) {\n    const item = __props.items[i];\n    const bucket = columnBuckets.value.findIndex((b) =>\n      b.some((entry) => entry.item.key === item.key),\n    );\n    if (bucket >= 0) map[item.key] = bucket;\n  }\n  return { columns: cols, columnMap: map };\n});\n\nwatch(layoutColumnMap, (val) => {\n  emit('layoutChange', val);\n}, { immediate: true });\n\n// ─── CSS class/style helpers ──────────────────────────────────────────────────\n\nfunction getItemClasses(item: BMasonryItem, columnIndex: number) {\n  const base = ['b-masonry__item'];\n  if (!__props.classNames) return base;\n\n  if (typeof __props.classNames === 'function') {\n    const extra = __props.classNames(item, columnIndex);\n    if (extra) base.push(...(Array.isArray(extra) ? extra : [extra as string]));\n  } else if (typeof __props.classNames.item === 'function') {\n    const extra = __props.classNames.item(item, columnIndex);\n    if (extra) base.push(...(Array.isArray(extra) ? extra : [extra as string]));\n  } else if (typeof __props.classNames.item === 'string') {\n    base.push(__props.classNames.item);\n  }\n  return base;\n}\n\nfunction getItemStyles(item: BMasonryItem, columnIndex: number): Record<string, string> {\n  if (!__props.styles) return {};\n  if (typeof __props.styles === 'function') return __props.styles(item, columnIndex) ?? {};\n  if (typeof __props.styles.item === 'function') return __props.styles.item(item, columnIndex) ?? {};\n  if (__props.styles.item && typeof __props.styles.item === 'object') return __props.styles.item as Record<string, string>;\n  return {};\n}\n\nfunction getColumnClasses(_colIndex: number): string[] {\n  const base = ['b-masonry__column'];\n  if (!__props.classNames || typeof __props.classNames === 'function') return base;\n  if (__props.classNames.column) base.push(__props.classNames.column);\n  return base;\n}\n\nfunction getColumnStyles(_colIndex: number): Record<string, string> {\n  if (!__props.styles || typeof __props.styles === 'function') return {};\n  return (__props.styles.column as Record<string, string>) ?? {};\n}\n\nconst rootClasses = computed(() => {\n  const base = ['b-masonry'];\n  if (!__props.classNames || typeof __props.classNames === 'function') return base;\n  if (__props.classNames.root) base.push(__props.classNames.root);\n  return base;\n});\n\nconst rootStyles = computed(() => {\n  const base: Record<string, string> = {\n    '--b-masonry-columns': String(resolvedColumns.value),\n    '--b-masonry-col-gap': `${resolvedGutter.value[0]}px`,\n    '--b-masonry-row-gap': `${resolvedGutter.value[1]}px`,\n  };\n  if (__props.styles && typeof __props.styles === 'object' && !('root' in __props.styles) === false) {\n    const s = __props.styles as { root?: Record<string, string> };\n    if (s.root) Object.assign(base, s.root);\n  }\n  return base;\n});\n\n// ─── Lifecycle ────────────────────────────────────────────────────────────────\n\nonMounted(() => {\n  updateWidth();\n\n  if (typeof ResizeObserver !== 'undefined') {\n    containerObserver = new ResizeObserver(() => updateWidth());\n    if (rootEl.value) containerObserver.observe(rootEl.value);\n  } else {\n    // SSR / no ResizeObserver: listen to window resize\n    window.addEventListener('resize', updateWidth);\n  }\n\n  if (__props.fresh) setupItemObserver();\n});\n\nwatch(\n  () => __props.fresh,\n  (enabled) => {\n    if (enabled) {\n      setupItemObserver();\n    } else {\n      itemObserver?.disconnect();\n      itemObserver = null;\n      itemHeights.value = {};\n    }\n  },\n);\n\nonBeforeUnmount(() => {\n  containerObserver?.disconnect();\n  itemObserver?.disconnect();\n  window.removeEventListener('resize', updateWidth);\n});\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    ref_key: \"rootEl\",\n    ref: rootEl,\n    class: _normalizeClass(rootClasses.value),\n    style: _normalizeStyle(rootStyles.value),\n    role: \"list\",\n    \"aria-label\": \"Masonry layout\"\n  }, [\n    (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(columnBuckets.value, (bucket, colIdx) => {\n      return (_openBlock(), _createElementBlock(\"div\", {\n        key: colIdx,\n        class: _normalizeClass(getColumnClasses(colIdx)),\n        style: _normalizeStyle(getColumnStyles(colIdx)),\n        role: \"presentation\"\n      }, [\n        (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(bucket, ({ item, originalIndex }) => {\n          return (_openBlock(), _createElementBlock(\"div\", {\n            key: item.key,\n            ref_for: true,\n            ref: (el) => registerItemEl(item.key, el as Element | null),\n            \"data-masonry-key\": item.key,\n            class: _normalizeClass(getItemClasses(item, colIdx)),\n            style: _normalizeStyle(getItemStyles(item, colIdx)),\n            role: \"listitem\"\n          }, [\n            (_ctx.$slots.item)\n              ? _renderSlot(_ctx.$slots, \"item\", {\n                  key: 0,\n                  item: item,\n                  index: originalIndex,\n                  column: colIdx\n                })\n              : _renderSlot(_ctx.$slots, \"default\", { key: 1 })\n          ], 14, _hoisted_1))\n        }), 128))\n      ], 6))\n    }), 128))\n  ], 6))\n}\n}\n\n})"],"mappings":";;AAGA,IAAM,IAAa,CAAC,mBAAmB,EAevC,IAA4B,kBAAiB;CAC3C,QAAQ;CACR,OAAO;EACL,SAAS,EAAE,SAAS,GAAG;EACvB,QAAQ,EAAE,SAAS,GAAG;EACtB,OAAO,EAAE,eAAgB,EAAE,EAAG;EAC9B,OAAO;GAAE,MAAM;GAAS,SAAS;GAAO;EACxC,YAAY,EAAE,MAAM,CAAC,QAAQ,SAAS,EAAE;EACxC,QAAQ,EAAE,MAAM,CAAC,QAAQ,SAAS,EAAE;EACrC;CACD,OAAO,CAAC,eAAe;CACvB,MAAM,GAAc,EAAE,MAAM,KAAU;EAMxC,IAAM,IAAO,GAQP,IAAkD;GACtD,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,KAAK;GACN;EAED,SAAS,EAAkB,GAA2B,GAAuB;AAC3E,OAAI,OAAO,KAAU,SAAU,QAAO,KAAK,IAAI,GAAG,EAAM;GAGxD,IAAM,IAAQ,OAAO,KAAK,EAAY,CAA0B,MAC7D,GAAG,MAAM,EAAY,KAAK,EAAY,GACxC;AAED,QAAK,IAAM,KAAM,EACf,KAAI,KAAS,EAAY,MAAO,EAAM,OAAQ,KAAA,EAC5C,QAAO,KAAK,IAAI,GAAG,EAAM,GAAK;GAIlC,IAAM,IAAY,OAAO,KAAK,EAAM,CAA0B,MAC3D,GAAG,MAAM,EAAY,KAAK,EAAY,GACxC,CAAC;AACF,UAAO,IAAW,KAAK,IAAI,GAAG,EAAM,GAAW,GAAG;;EAKpD,IAAM,IAAS,EAAwB,KAAK,EACtC,IAAiB,EAAI,EAAE,EAEzB,IAA2C;EAE/C,SAAS,IAAc;AACrB,GAAI,EAAO,UACT,EAAe,QAAQ,EAAO,MAAM;;EAMxC,IAAM,IAAc,EAAqC,EAAE,CAAC,EACxD,IAAsC,MACpC,IAAU,kBAAmC,IAAI,KAAK,CAAC;EAE7D,SAAS,EAAe,GAAsB,GAAoB;AAChE,OAAI,EAEF,CADA,EAAQ,MAAM,IAAI,GAAK,EAAG,EACtB,EAAQ,SAAS,KACnB,EAAa,QAAQ,EAAG;QAErB;IACL,IAAM,IAAM,EAAQ,MAAM,IAAI,EAAI;AAElC,IADI,KAAO,KAAc,EAAa,UAAU,EAAI,EACpD,EAAQ,MAAM,OAAO,EAAI;IACzB,IAAM,IAAO,EAAE,GAAG,EAAY,OAAO;AAErC,IADA,OAAO,EAAK,IACZ,EAAY,QAAQ;;;EAIxB,SAAS,IAAoB;AACvB,IAAC,EAAQ,SAAS,OAAO,iBAAmB,QAChD,IAAe,IAAI,gBAAgB,MAAY;AAE7C,SAAK,IAAM,KAAS,GAAS;KAE3B,IAAM,IADK,EAAM,OACF,QAAQ;AACvB,SAAI,MAAQ,KAAA,GAAW;MACrB,IAAM,IAAI,EAAM,YAAY;AAC5B,MAAI,EAAY,MAAM,OAAS,MAC7B,EAAY,QAAQ;OAAE,GAAG,EAAY;QAAQ,IAAM;OAAG;;;KAQ5D,EAEF,EAAQ,MAAM,SAAS,MAAO,EAAc,QAAQ,EAAG,CAAC;;EAK1D,IAAM,IAAkB,QAAe,EAAkB,EAAQ,SAAS,EAAe,MAAM,CAAC,EAE1F,IAAiB,QAAiC;GACtD,IAAM,IAAI,EAAQ;AAClB,OAAI,MAAM,QAAQ,EAAE,CAGlB,QAAO,CAFQ,EAAkB,EAAE,IAA0B,EAAe,MAAM,EACnE,EAAkB,EAAE,IAA0B,EAAe,MAAM,CAC3D;GAEzB,IAAM,IAAI,EAAkB,GAAyB,EAAe,MAAM;AAC1E,UAAO,CAAC,GAAG,EAAE;IACb,EAGI,IAAgB,QAAkE;GACtF,IAAM,IAAO,EAAgB,OACvB,IAA6D,MAAM,KACvE,EAAE,QAAQ,GAAM,QACV,EAAE,CACT,EACK,IAAU,MAAc,EAAK,CAAC,KAAK,EAAE,EACrC,GAAG,KAAU,EAAe;AAElC,QAAK,IAAI,IAAI,GAAG,IAAI,EAAQ,MAAM,QAAQ,KAAK;IAC7C,IAAM,IAAO,EAAQ,MAAM,IACvB;AAUJ,IARA,AAEE,IAFE,EAAK,WAAW,KAAA,IAKN,EAAQ,QAAQ,KAAK,IAAI,GAAG,EAAQ,CAAC,GAHrC,KAAK,IAAI,GAAG,KAAK,IAAI,IAAO,GAAG,EAAK,SAAS,EAAE,CAAC,EAM9D,EAAQ,GAAW,KAAK;KAAE;KAAM,eAAe;KAAG,CAAC;IACnD,IAAM,IAAI,EAAY,MAAM,EAAK,QAAQ,EAAK,UAAU;AACxD,MAAQ,MAAc,KAAK,EAAQ,GAAW,SAAS,IAAI,IAAS;;AAGtE,UAAO;IACP;AAeF,IAbwB,QAAe;GACrC,IAAM,IAAO,EAAgB,OACvB,IAAuC,EAAE;AAC/C,QAAK,IAAI,IAAI,GAAG,IAAI,EAAQ,MAAM,QAAQ,KAAK;IAC7C,IAAM,IAAO,EAAQ,MAAM,IACrB,IAAS,EAAc,MAAM,WAAW,MAC5C,EAAE,MAAM,MAAU,EAAM,KAAK,QAAQ,EAAK,IAAI,CAC/C;AACD,IAAI,KAAU,MAAG,EAAI,EAAK,OAAO;;AAEnC,UAAO;IAAE,SAAS;IAAM,WAAW;IAAK;IACxC,GAEsB,MAAQ;AAC9B,KAAK,gBAAgB,EAAI;KACxB,EAAE,WAAW,IAAM,CAAC;EAIvB,SAAS,EAAe,GAAoB,GAAqB;GAC/D,IAAM,IAAO,CAAC,kBAAkB;AAChC,OAAI,CAAC,EAAQ,WAAY,QAAO;AAEhC,OAAI,OAAO,EAAQ,cAAe,YAAY;IAC5C,IAAM,IAAQ,EAAQ,WAAW,GAAM,EAAY;AACnD,IAAI,KAAO,EAAK,KAAK,GAAI,MAAM,QAAQ,EAAM,GAAG,IAAQ,CAAC,EAAgB,CAAE;cAClE,OAAO,EAAQ,WAAW,QAAS,YAAY;IACxD,IAAM,IAAQ,EAAQ,WAAW,KAAK,GAAM,EAAY;AACxD,IAAI,KAAO,EAAK,KAAK,GAAI,MAAM,QAAQ,EAAM,GAAG,IAAQ,CAAC,EAAgB,CAAE;UAClE,OAAO,EAAQ,WAAW,QAAS,YAC5C,EAAK,KAAK,EAAQ,WAAW,KAAK;AAEpC,UAAO;;EAGT,SAAS,EAAc,GAAoB,GAA6C;AAKtF,UAJK,EAAQ,SACT,OAAO,EAAQ,UAAW,aAAmB,EAAQ,OAAO,GAAM,EAAY,IAAI,EAAE,GACpF,OAAO,EAAQ,OAAO,QAAS,aAAmB,EAAQ,OAAO,KAAK,GAAM,EAAY,IAAI,EAAE,GAC9F,EAAQ,OAAO,QAAQ,OAAO,EAAQ,OAAO,QAAS,WAAiB,EAAQ,OAAO,OACnF,EAAE,GAJmB,EAAE;;EAOhC,SAAS,EAAiB,GAA6B;GACrD,IAAM,IAAO,CAAC,oBAAoB;AAGlC,UAFI,CAAC,EAAQ,cAAc,OAAO,EAAQ,cAAe,cACrD,EAAQ,WAAW,UAAQ,EAAK,KAAK,EAAQ,WAAW,OAAO,EADS;;EAK9E,SAAS,EAAgB,GAA2C;AAElE,UADI,CAAC,EAAQ,UAAU,OAAO,EAAQ,UAAW,aAAmB,EAAE,GAC9D,EAAQ,OAAO,UAAqC,EAAE;;EAGhE,IAAM,IAAc,QAAe;GACjC,IAAM,IAAO,CAAC,YAAY;AAG1B,UAFI,CAAC,EAAQ,cAAc,OAAO,EAAQ,cAAe,cACrD,EAAQ,WAAW,QAAM,EAAK,KAAK,EAAQ,WAAW,KAAK,EADa;IAG5E,EAEI,IAAa,QAAe;GAChC,IAAM,IAA+B;IACnC,uBAAuB,OAAO,EAAgB,MAAM;IACpD,uBAAuB,GAAG,EAAe,MAAM,GAAG;IAClD,uBAAuB,GAAG,EAAe,MAAM,GAAG;IACnD;AACD,OAAI,EAAQ,UAAU,OAAO,EAAQ,UAAW,YAAc,UAAU,EAAQ,QAAmB;IACjG,IAAM,IAAI,EAAQ;AAClB,IAAI,EAAE,QAAM,OAAO,OAAO,GAAM,EAAE,KAAK;;AAEzC,UAAO;IACP;AAqCF,SAjCA,QAAgB;AAWd,GAVA,GAAa,EAET,OAAO,iBAAmB,OAC5B,IAAoB,IAAI,qBAAqB,GAAa,CAAC,EACvD,EAAO,SAAO,EAAkB,QAAQ,EAAO,MAAM,IAGzD,OAAO,iBAAiB,UAAU,EAAY,EAG5C,EAAQ,SAAO,GAAmB;IACtC,EAEF,QACQ,EAAQ,QACb,MAAY;AACX,GAAI,IACF,GAAmB,IAEnB,GAAc,YAAY,EAC1B,IAAe,MACf,EAAY,QAAQ,EAAE;IAG3B,EAED,QAAsB;AAGpB,GAFA,GAAmB,YAAY,EAC/B,GAAc,YAAY,EAC1B,OAAO,oBAAoB,UAAU,EAAY;IACjD,GAEM,GAAU,OACR,GAAY,EAAE,EAAoB,OAAO;GAC/C,SAAS;GACT,KAAK;GACL,OAAO,EAAgB,EAAY,MAAM;GACzC,OAAO,EAAgB,EAAW,MAAM;GACxC,MAAM;GACN,cAAc;GACf,EAAE,EACA,EAAW,GAAK,EAAE,EAAoB,GAAW,MAAM,EAAY,EAAc,QAAQ,GAAQ,OACxF,GAAY,EAAE,EAAoB,OAAO;GAC/C,KAAK;GACL,OAAO,EAAgB,EAAiB,EAAO,CAAC;GAChD,OAAO,EAAgB,EAAgB,EAAO,CAAC;GAC/C,MAAM;GACP,EAAE,EACA,EAAW,GAAK,EAAE,EAAoB,GAAW,MAAM,EAAY,IAAS,EAAE,SAAM,wBAC3E,GAAY,EAAE,EAAoB,OAAO;GAC/C,KAAK,EAAK;GACV,SAAS;GACT,MAAM,MAAO,EAAe,EAAK,KAAK,EAAqB;GAC3D,oBAAoB,EAAK;GACzB,OAAO,EAAgB,EAAe,GAAM,EAAO,CAAC;GACpD,OAAO,EAAgB,EAAc,GAAM,EAAO,CAAC;GACnD,MAAM;GACP,EAAE,CACA,EAAK,OAAO,OACT,EAAY,EAAK,QAAQ,QAAQ;GAC/B,KAAK;GACC;GACN,OAAO;GACP,QAAQ;GACT,CAAC,GACF,EAAY,EAAK,QAAQ,WAAW,EAAE,KAAK,GAAG,CAAC,CACpD,EAAE,IAAI,EAAW,EAClB,EAAE,IAAI,EACT,EAAE,EAAE,EACL,EAAE,IAAI,EACT,EAAE,EAAE;;CAIN,CAAA"}

package/dist/design-system115.js

@@ -1,277 +0,0 @@
-import { BCommonSize as e } from "./design-system3.js";
-import { useComponentId as t } from "./design-system10.js";
-import { BMentionsStatus as n, BMentionsVariant as r } from "./design-system114.js";
-import { Fragment as i, computed as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, defineComponent as u, mergeModels as d, mergeProps as f, nextTick as p, normalizeClass as m, openBlock as h, ref as g, renderList as _, renderSlot as v, toDisplayString as y, unref as b, useAttrs as ee, useCssVars as x, useModel as te, watch as S, withModifiers as C } from "vue";
-//#region src/components/BMentions/BMentions.vue?vue&type=script&setup=true&lang.ts
-var w = [
-	"aria-label",
-	"aria-expanded",
-	"aria-controls"
-], T = [
-	"value",
-	"placeholder",
-	"disabled",
-	"readonly",
-	"rows",
-	"aria-label",
-	"aria-activedescendant"
-], E = ["id", "aria-label"], D = {
-	key: 0,
-	class: "b-mentions__options"
-}, O = [
-	"id",
-	"data-active",
-	"aria-selected",
-	"aria-disabled",
-	"onMousedown",
-	"onMouseenter"
-], k = {
-	key: 1,
-	class: "b-mentions__not-found"
-}, A = /* @__PURE__ */ u({
-	inheritAttrs: !1,
-	__name: "BMentions",
-	props: /* @__PURE__ */ d({
-		options: { default: () => [] },
-		size: { default: () => e.Medium },
-		variant: { default: () => r.Outlined },
-		placement: {},
-		prefix: { default: "@" },
-		split: { default: " " },
-		autoSize: {
-			type: [Boolean, Object],
-			default: !1
-		},
-		allowClear: {
-			type: Boolean,
-			default: !1
-		},
-		filterOption: {
-			type: [Boolean, Function],
-			default: !0
-		},
-		notFoundContent: { default: "Not Found" },
-		disabled: { type: Boolean },
-		readOnly: { type: Boolean },
-		status: {},
-		placeholder: {},
-		rows: { default: 3 }
-	}, {
-		modelValue: { default: "" },
-		modelModifiers: {}
-	}),
-	emits: /* @__PURE__ */ d([
-		"change",
-		"select",
-		"search",
-		"focus",
-		"blur",
-		"clear",
-		"resize",
-		"popupScroll"
-	], ["update:modelValue"]),
-	setup(e, { expose: r, emit: u }) {
-		x((e) => ({ v21fd39a6: N.value }));
-		let d = ee(), A = u, j = te(e, "modelValue"), { componentUID: M } = t(), N = a(() => `--b-mentions-anchor-${M.value}`), P = a(() => `b-mentions-listbox-${M.value}`), F = g(null), I = g(null), L = g(!1), R = g(!1), z = g(-1), B = g(!1), V = g(""), H = g(""), U = g(0), W = a(() => Array.isArray(e.prefix) ? e.prefix : [e.prefix]), G = a(() => {
-			let t = H.value.toLowerCase();
-			return e.filterOption ? typeof e.filterOption == "function" ? e.options.filter((n) => e.filterOption(t, n)) : t ? e.options.filter((e) => (e.label ?? e.value).toLowerCase().includes(t)) : e.options : e.options;
-		}), K = a(() => !B.value || G.value.length === 0 && e.notFoundContent === null ? !1 : R.value), q = (e) => e.label ?? e.value;
-		function J() {
-			R.value || I.value?.showPopover();
-		}
-		function Y() {
-			R.value && I.value?.hidePopover();
-		}
-		function X({ newState: e }) {
-			let t = e === "open";
-			R.value = t, t && G.value.length > 0 ? z.value = 0 : t || (z.value = -1, B.value = !1);
-		}
-		function Z(t, n) {
-			for (let r of W.value) {
-				let i = t.slice(0, n), a = i.lastIndexOf(r);
-				if (a < 0) continue;
-				let o = i.slice(a + r.length);
-				if (!/\s/.test(o) && (a === 0 || t[a - 1] === e.split || /\s/.test(t[a - 1]))) return {
-					start: a,
-					prefix: r
-				};
-			}
-			return null;
-		}
-		function ne(e, t) {
-			let n = Z(e, t);
-			n ? (B.value = !0, V.value = n.prefix, U.value = n.start, H.value = e.slice(n.start + n.prefix.length, t), A("search", H.value, n.prefix), p(() => J())) : Q();
-		}
-		function Q() {
-			Y(), B.value = !1, H.value = "", V.value = "", U.value = 0;
-		}
-		function $(t) {
-			if (t.disabled) return;
-			let n = F.value;
-			if (!n) return;
-			let r = j.value ?? "", i = n.selectionStart, a = r.slice(0, U.value), o = r.slice(i), s = `${V.value}${t.value}`, c = o && !o.startsWith(e.split) && e.split, l = `${a}${s}${c ? e.split : ""}${o}`;
-			j.value = l, A("change", l), A("select", t, V.value), Q();
-			let u = a.length + s.length + (c ? e.split.length : 0);
-			p(() => {
-				n.focus(), n.setSelectionRange(u, u);
-			});
-		}
-		function re(e) {
-			let t = e.target, n = t.value;
-			j.value = n, A("change", n);
-			let r = t.selectionStart;
-			ne(n, r), le();
-		}
-		function ie(e) {
-			L.value = !0, A("focus", e);
-		}
-		function ae(e) {
-			let t = e.relatedTarget;
-			I.value?.contains(t) || (L.value = !1, A("blur", e), Q());
-		}
-		function oe(e) {
-			if (K.value) switch (e.key) {
-				case "ArrowDown": {
-					e.preventDefault();
-					let t = G.value;
-					if (t.length === 0) return;
-					let n = z.value + 1;
-					for (let e = 0; e < t.length; e++) {
-						let r = (n + e) % t.length;
-						if (!t[r].disabled) {
-							z.value = r;
-							break;
-						}
-					}
-					break;
-				}
-				case "ArrowUp": {
-					e.preventDefault();
-					let t = G.value;
-					if (t.length === 0) return;
-					let n = z.value - 1;
-					for (let e = 0; e < t.length; e++) {
-						let r = ((n - e) % t.length + t.length) % t.length;
-						if (!t[r].disabled) {
-							z.value = r;
-							break;
-						}
-					}
-					break;
-				}
-				case "Enter":
-					if (e.preventDefault(), z.value >= 0) {
-						let e = G.value[z.value];
-						e && !e.disabled && $(e);
-					}
-					break;
-				case "Escape":
-					e.preventDefault(), Q();
-					break;
-			}
-		}
-		function se() {
-			j.value = "", A("change", ""), A("clear"), Q(), F.value?.focus();
-		}
-		function ce(e) {
-			A("popupScroll", e);
-		}
-		function le() {
-			if (!e.autoSize || !F.value) return;
-			let t = F.value;
-			t.style.height = "auto";
-			let n = typeof e.autoSize == "object" ? e.autoSize : {}, r = parseFloat(getComputedStyle(t).lineHeight) || 20, i = t.scrollHeight;
-			n.minRows && (i = Math.max(i, n.minRows * r)), n.maxRows && (i = Math.min(i, n.maxRows * r)), t.style.height = `${i}px`, A("resize", {
-				width: t.offsetWidth,
-				height: i
-			});
-		}
-		return S(z, () => {
-			p(() => {
-				(I.value?.querySelector("[data-active=\"true\"]"))?.scrollIntoView({ block: "nearest" });
-			});
-		}), S(j, (e) => {
-			F.value && F.value.value !== e && (F.value.value = e ?? "");
-		}), r({
-			focus: () => F.value?.focus(),
-			blur: () => F.value?.blur()
-		}), (t, r) => (h(), s("div", {
-			class: m(["b-mentions", [
-				`b-mentions--${e.size}`,
-				`b-mentions--${e.variant}`,
-				{
-					"b-mentions--focused": L.value,
-					"b-mentions--disabled": e.disabled,
-					"b-mentions--error": e.status === b(n).Error,
-					"b-mentions--warning": e.status === b(n).Warning,
-					"b-mentions--has-clear": e.allowClear
-				}
-			]]),
-			role: "combobox",
-			"aria-label": e.placeholder || "Mentions input",
-			"aria-expanded": K.value,
-			"aria-haspopup": "listbox",
-			"aria-controls": K.value ? P.value : void 0
-		}, [
-			c("textarea", f({
-				ref_key: "textareaRef",
-				ref: F
-			}, b(d), {
-				value: j.value,
-				class: "b-mentions__textarea",
-				placeholder: e.placeholder,
-				disabled: e.disabled,
-				readonly: e.readOnly,
-				rows: e.autoSize ? void 0 : e.rows,
-				"aria-label": e.placeholder || "Mentions input",
-				autocomplete: "off",
-				"aria-activedescendant": z.value >= 0 ? `${P.value}-option-${z.value}` : void 0,
-				"aria-autocomplete": "list",
-				onInput: re,
-				onFocus: ie,
-				onBlur: ae,
-				onKeydown: oe
-			}), null, 16, T),
-			e.allowClear && j.value && !e.disabled ? (h(), s("button", {
-				key: 0,
-				type: "button",
-				class: "b-mentions__clear",
-				"aria-label": "Clear input",
-				tabindex: "-1",
-				onMousedown: C(se, ["prevent"])
-			}, null, 32)) : o("", !0),
-			B.value || R.value ? (h(), s("div", {
-				key: 1,
-				ref_key: "menuRef",
-				ref: I,
-				id: P.value,
-				class: "b-mentions__dropdown",
-				popover: "manual",
-				role: "listbox",
-				"aria-label": `Mention suggestions for ${V.value}`,
-				onToggle: X,
-				onScroll: ce
-			}, [G.value.length > 0 ? (h(), s("ul", D, [(h(!0), s(i, null, _(G.value, (e, n) => (h(), s("li", {
-				key: e.value,
-				id: `${P.value}-option-${n}`,
-				class: m(["b-mentions__option", {
-					"b-mentions__option--active": n === z.value && !e.disabled,
-					"b-mentions__option--disabled": e.disabled
-				}]),
-				"data-active": n === z.value,
-				"aria-selected": n === z.value,
-				"aria-disabled": e.disabled ?? !1,
-				role: "option",
-				onMousedown: C((t) => $(e), ["prevent"]),
-				onMouseenter: (e) => z.value = n
-			}, [v(t.$slots, "option", {
-				option: e,
-				index: n
-			}, () => [l(y(q(e)), 1)], !0)], 42, O))), 128))])) : e.notFoundContent ? (h(), s("div", k, [v(t.$slots, "notFoundContent", {}, () => [l(y(e.notFoundContent), 1)], !0)])) : o("", !0)], 40, E)) : o("", !0)
-		], 10, w));
-	}
-});
-//#endregion
-export { A as default };
-
-//# sourceMappingURL=design-system115.js.map

package/dist/design-system115.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"design-system115.js","names":[],"sources":["../src/components/BMentions/BMentions.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { useModel as _useModel, useCssVars as _useCssVars, mergeModels as _mergeModels, defineComponent as _defineComponent } from 'vue'\nimport { unref as _unref, mergeProps as _mergeProps, createElementVNode as _createElementVNode, withModifiers as _withModifiers, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, renderList as _renderList, Fragment as _Fragment, renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, normalizeClass as _normalizeClass } from \"vue\"\n\nconst _hoisted_1 = [\"aria-label\", \"aria-expanded\", \"aria-controls\"]\nconst _hoisted_2 = [\"value\", \"placeholder\", \"disabled\", \"readonly\", \"rows\", \"aria-label\", \"aria-activedescendant\"]\nconst _hoisted_3 = [\"id\", \"aria-label\"]\nconst _hoisted_4 = {\n  key: 0,\n  class: \"b-mentions__options\"\n}\nconst _hoisted_5 = [\"id\", \"data-active\", \"aria-selected\", \"aria-disabled\", \"onMousedown\", \"onMouseenter\"]\nconst _hoisted_6 = {\n  key: 1,\n  class: \"b-mentions__not-found\"\n}\n\nimport { useComponentId } from '@/composables/useComponentId.ts';\nimport { BCommonSize } from '@/types.ts';\nimport { computed, nextTick, ref, useAttrs, watch } from 'vue';\n\nimport { BMentionsStatus, BMentionsVariant, type BMentionsOption } from './types.ts';\n\n\nexport default /*@__PURE__*/_defineComponent({\n  ...{ inheritAttrs: false },\n  __name: 'BMentions',\n  props: /*@__PURE__*/_mergeModels({\n    options: { default: () => ([]) },\n    size: { default: () => (BCommonSize.Medium) },\n    variant: { default: () => (BMentionsVariant.Outlined) },\n    placement: {},\n    prefix: { default: '@' },\n    split: { default: ' ' },\n    autoSize: { type: [Boolean, Object], default: false },\n    allowClear: { type: Boolean, default: false },\n    filterOption: { type: [Boolean, Function], default: true },\n    notFoundContent: { default: 'Not Found' },\n    disabled: { type: Boolean },\n    readOnly: { type: Boolean },\n    status: {},\n    placeholder: {},\n    rows: { default: 3 }\n  }, {\n    \"modelValue\": { default: '' },\n    \"modelModifiers\": {},\n  }),\n  emits: /*@__PURE__*/_mergeModels([\"change\", \"select\", \"search\", \"focus\", \"blur\", \"clear\", \"resize\", \"popupScroll\"], [\"update:modelValue\"]),\n  setup(__props: any, { expose: __expose, emit: __emit }) {\n\n_useCssVars(_ctx => ({\n  \"v21fd39a6\": (anchorName.value)\n}))\n\n\n\nconst attrs = useAttrs();\n\n\n\nconst emit = __emit;\n\nconst model = _useModel<string>(__props, \"modelValue\");\n\nconst { componentUID } = useComponentId();\nconst anchorName = computed(() => `--b-mentions-anchor-${componentUID.value}`);\nconst listboxId = computed(() => `b-mentions-listbox-${componentUID.value}`);\n\nconst textareaRef = ref<HTMLTextAreaElement | null>(null);\nconst menuRef = ref<HTMLElement | null>(null);\nconst isFocused = ref(false);\nconst isOpen = ref(false);\nconst activeIndex = ref(-1);\nconst measuring = ref(false);\nconst measurePrefix = ref('');\nconst measureText = ref('');\nconst measureStart = ref(0);\n\nconst prefixes = computed(() => (Array.isArray(__props.prefix) ? __props.prefix : [__props.prefix]));\n\nconst filteredOptions = computed(() => {\n  const search = measureText.value.toLowerCase();\n  if (!__props.filterOption) return __props.options;\n  if (typeof __props.filterOption === 'function') {\n    return __props.options.filter((opt) => __props.filterOption(search, opt));\n  }\n  if (!search) return __props.options;\n  return __props.options.filter((opt) => {\n    const text = (opt.label ?? opt.value).toLowerCase();\n    return text.includes(search);\n  });\n});\n\nconst showDropdown = computed(() => {\n  if (!measuring.value) return false;\n  if (filteredOptions.value.length === 0 && __props.notFoundContent === null) return false;\n  return isOpen.value;\n});\n\nconst getOptionLabel = (opt: BMentionsOption) => opt.label ?? opt.value;\n\nfunction openMenu() {\n  if (isOpen.value) return;\n  menuRef.value?.showPopover();\n}\n\nfunction closeMenu() {\n  if (!isOpen.value) return;\n  menuRef.value?.hidePopover();\n}\n\nfunction handleToggle({ newState }: ToggleEvent) {\n  const nowOpen = newState === 'open';\n  isOpen.value = nowOpen;\n  if (nowOpen && filteredOptions.value.length > 0) {\n    activeIndex.value = 0;\n  } else if (!nowOpen) {\n    activeIndex.value = -1;\n    measuring.value = false;\n  }\n}\n\nfunction getLastMeasureIndex(\n  text: string,\n  cursorPos: number,\n): { start: number; prefix: string } | null {\n  for (const p of prefixes.value) {\n    const beforeCursor = text.slice(0, cursorPos);\n    const lastPrefixIdx = beforeCursor.lastIndexOf(p);\n    if (lastPrefixIdx < 0) continue;\n    const afterPrefix = beforeCursor.slice(lastPrefixIdx + p.length);\n    if (/\\s/.test(afterPrefix)) continue;\n    if (\n      lastPrefixIdx === 0 ||\n      text[lastPrefixIdx - 1] === __props.split ||\n      /\\s/.test(text[lastPrefixIdx - 1])\n    ) {\n      return { start: lastPrefixIdx, prefix: p };\n    }\n  }\n  return null;\n}\n\nfunction startMeasure(text: string, cursorPos: number) {\n  const measure = getLastMeasureIndex(text, cursorPos);\n  if (measure) {\n    measuring.value = true;\n    measurePrefix.value = measure.prefix;\n    measureStart.value = measure.start;\n    measureText.value = text.slice(measure.start + measure.prefix.length, cursorPos);\n    emit('search', measureText.value, measure.prefix);\n    nextTick(() => openMenu());\n  } else {\n    stopMeasure();\n  }\n}\n\nfunction stopMeasure() {\n  closeMenu();\n  measuring.value = false;\n  measureText.value = '';\n  measurePrefix.value = '';\n  measureStart.value = 0;\n}\n\nfunction selectOption(opt: BMentionsOption) {\n  if (opt.disabled) return;\n\n  const textarea = textareaRef.value;\n  if (!textarea) return;\n\n  const value = model.value ?? '';\n  const cursorPos = textarea.selectionStart;\n  const beforeMention = value.slice(0, measureStart.value);\n  const afterMention = value.slice(cursorPos);\n\n  const mentionValue = `${measurePrefix.value}${opt.value}`;\n  const needsTrailingSplit = afterMention && !afterMention.startsWith(__props.split) && __props.split;\n  const newValue = `${beforeMention}${mentionValue}${needsTrailingSplit ? __props.split : ''}${afterMention}`;\n\n  model.value = newValue;\n  emit('change', newValue);\n  emit('select', opt, measurePrefix.value);\n\n  stopMeasure();\n\n  const newCursorPos =\n    beforeMention.length + mentionValue.length + (needsTrailingSplit ? __props.split.length : 0);\n  nextTick(() => {\n    textarea.focus();\n    textarea.setSelectionRange(newCursorPos, newCursorPos);\n  });\n}\n\nfunction handleInput(e: Event) {\n  const target = e.target as HTMLTextAreaElement;\n  const value = target.value;\n  model.value = value;\n  emit('change', value);\n\n  const cursorPos = target.selectionStart;\n  startMeasure(value, cursorPos);\n  adjustHeight();\n}\n\nfunction handleFocus(e: FocusEvent) {\n  isFocused.value = true;\n  emit('focus', e);\n}\n\nfunction handleBlur(e: FocusEvent) {\n  const related = e.relatedTarget as HTMLElement | null;\n  if (menuRef.value?.contains(related)) return;\n  isFocused.value = false;\n  emit('blur', e);\n  stopMeasure();\n}\n\nfunction handleKeyDown(e: KeyboardEvent) {\n  if (!showDropdown.value) return;\n\n  switch (e.key) {\n    case 'ArrowDown': {\n      e.preventDefault();\n      const opts = filteredOptions.value;\n      if (opts.length === 0) return;\n      const next = activeIndex.value + 1;\n      for (let i = 0; i < opts.length; i++) {\n        const idx = (next + i) % opts.length;\n        if (!opts[idx].disabled) {\n          activeIndex.value = idx;\n          break;\n        }\n      }\n      break;\n    }\n    case 'ArrowUp': {\n      e.preventDefault();\n      const opts = filteredOptions.value;\n      if (opts.length === 0) return;\n      const prev = activeIndex.value - 1;\n      for (let i = 0; i < opts.length; i++) {\n        const idx = (((prev - i) % opts.length) + opts.length) % opts.length;\n        if (!opts[idx].disabled) {\n          activeIndex.value = idx;\n          break;\n        }\n      }\n      break;\n    }\n    case 'Enter': {\n      e.preventDefault();\n      if (activeIndex.value >= 0) {\n        const opt = filteredOptions.value[activeIndex.value];\n        if (opt && !opt.disabled) {\n          selectOption(opt);\n        }\n      }\n      break;\n    }\n    case 'Escape': {\n      e.preventDefault();\n      stopMeasure();\n      break;\n    }\n  }\n}\n\nfunction handleClear() {\n  model.value = '';\n  emit('change', '');\n  emit('clear');\n  stopMeasure();\n  textareaRef.value?.focus();\n}\n\nfunction handlePopupScroll(e: Event) {\n  emit('popupScroll', e);\n}\n\nfunction adjustHeight() {\n  if (!__props.autoSize || !textareaRef.value) return;\n  const textarea = textareaRef.value;\n  textarea.style.height = 'auto';\n\n  const config = typeof __props.autoSize === 'object' ? __props.autoSize : {};\n  const lineHeight = parseFloat(getComputedStyle(textarea).lineHeight) || 20;\n\n  let newHeight = textarea.scrollHeight;\n  if (config.minRows) {\n    newHeight = Math.max(newHeight, config.minRows * lineHeight);\n  }\n  if (config.maxRows) {\n    newHeight = Math.min(newHeight, config.maxRows * lineHeight);\n  }\n\n  textarea.style.height = `${newHeight}px`;\n  emit('resize', { width: textarea.offsetWidth, height: newHeight });\n}\n\nconst scrollActiveIntoView = () => {\n  nextTick(() => {\n    const active = menuRef.value?.querySelector('[data-active=\"true\"]');\n    active?.scrollIntoView({ block: 'nearest' });\n  });\n};\n\nwatch(activeIndex, scrollActiveIntoView);\n\nwatch(model, (val) => {\n  if (textareaRef.value && textareaRef.value.value !== val) {\n    textareaRef.value.value = val ?? '';\n  }\n});\n\n__expose({\n  focus: () => textareaRef.value?.focus(),\n  blur: () => textareaRef.value?.blur(),\n});\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    class: _normalizeClass([\"b-mentions\", [\n      `b-mentions--${__props.size}`,\n      `b-mentions--${__props.variant}`,\n      {\n        'b-mentions--focused': isFocused.value,\n        'b-mentions--disabled': __props.disabled,\n        'b-mentions--error': __props.status === _unref(BMentionsStatus).Error,\n        'b-mentions--warning': __props.status === _unref(BMentionsStatus).Warning,\n        'b-mentions--has-clear': __props.allowClear,\n      },\n    ]]),\n    role: \"combobox\",\n    \"aria-label\": __props.placeholder || 'Mentions input',\n    \"aria-expanded\": showDropdown.value,\n    \"aria-haspopup\": 'listbox',\n    \"aria-controls\": showDropdown.value ? listboxId.value : undefined\n  }, [\n    _createElementVNode(\"textarea\", _mergeProps({\n      ref_key: \"textareaRef\",\n      ref: textareaRef\n    }, _unref(attrs), {\n      value: model.value,\n      class: \"b-mentions__textarea\",\n      placeholder: __props.placeholder,\n      disabled: __props.disabled,\n      readonly: __props.readOnly,\n      rows: __props.autoSize ? undefined : __props.rows,\n      \"aria-label\": __props.placeholder || 'Mentions input',\n      autocomplete: \"off\",\n      \"aria-activedescendant\": activeIndex.value >= 0 ? `${listboxId.value}-option-${activeIndex.value}` : undefined,\n      \"aria-autocomplete\": \"list\",\n      onInput: handleInput,\n      onFocus: handleFocus,\n      onBlur: handleBlur,\n      onKeydown: handleKeyDown\n    }), null, 16, _hoisted_2),\n    (__props.allowClear && model.value && !__props.disabled)\n      ? (_openBlock(), _createElementBlock(\"button\", {\n          key: 0,\n          type: \"button\",\n          class: \"b-mentions__clear\",\n          \"aria-label\": \"Clear input\",\n          tabindex: \"-1\",\n          onMousedown: _withModifiers(handleClear, [\"prevent\"])\n        }, null, 32))\n      : _createCommentVNode(\"\", true),\n    (measuring.value || isOpen.value)\n      ? (_openBlock(), _createElementBlock(\"div\", {\n          key: 1,\n          ref_key: \"menuRef\",\n          ref: menuRef,\n          id: listboxId.value,\n          class: \"b-mentions__dropdown\",\n          popover: \"manual\",\n          role: \"listbox\",\n          \"aria-label\": `Mention suggestions for ${measurePrefix.value}`,\n          onToggle: handleToggle,\n          onScroll: handlePopupScroll\n        }, [\n          (filteredOptions.value.length > 0)\n            ? (_openBlock(), _createElementBlock(\"ul\", _hoisted_4, [\n                (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(filteredOptions.value, (opt, idx) => {\n                  return (_openBlock(), _createElementBlock(\"li\", {\n                    key: opt.value,\n                    id: `${listboxId.value}-option-${idx}`,\n                    class: _normalizeClass([\"b-mentions__option\", {\n            'b-mentions__option--active': idx === activeIndex.value && !opt.disabled,\n            'b-mentions__option--disabled': opt.disabled,\n          }]),\n                    \"data-active\": idx === activeIndex.value,\n                    \"aria-selected\": idx === activeIndex.value,\n                    \"aria-disabled\": opt.disabled ?? false,\n                    role: \"option\",\n                    onMousedown: _withModifiers(($event: any) => (selectOption(opt)), [\"prevent\"]),\n                    onMouseenter: ($event: any) => (activeIndex.value = idx)\n                  }, [\n                    _renderSlot(_ctx.$slots, \"option\", {\n                      option: opt,\n                      index: idx\n                    }, () => [\n                      _createTextVNode(_toDisplayString(getOptionLabel(opt)), 1)\n                    ], true)\n                  ], 42, _hoisted_5))\n                }), 128))\n              ]))\n            : (__props.notFoundContent)\n              ? (_openBlock(), _createElementBlock(\"div\", _hoisted_6, [\n                  _renderSlot(_ctx.$slots, \"notFoundContent\", {}, () => [\n                    _createTextVNode(_toDisplayString(__props.notFoundContent), 1)\n                  ], true)\n                ]))\n              : _createCommentVNode(\"\", true)\n        ], 40, _hoisted_3))\n      : _createCommentVNode(\"\", true)\n  ], 10, _hoisted_1))\n}\n}\n\n})"],"mappings":"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"}

package/dist/design-system118.js

@@ -1,19 +0,0 @@
-import { createElementBlock as e, defineComponent as t, normalizeClass as n, openBlock as r } from "vue";
-//#region src/components/BMenu/BMenuDivider.vue?vue&type=script&setup=true&lang.ts
-var i = /* @__PURE__ */ t({
-	__name: "BMenuDivider",
-	props: { dashed: {
-		type: Boolean,
-		default: !1
-	} },
-	setup(t) {
-		return (i, a) => (r(), e("li", {
-			class: n(["b-menu-divider", { "b-menu-divider--dashed": t.dashed }]),
-			role: "separator"
-		}, null, 2));
-	}
-});
-//#endregion
-export { i as default };
-
-//# sourceMappingURL=design-system118.js.map

package/dist/design-system118.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"design-system118.js","names":[],"sources":["../src/components/BMenu/BMenuDivider.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\n\nexport default /*@__PURE__*/_defineComponent({\n  __name: 'BMenuDivider',\n  props: {\n    dashed: { type: Boolean, default: false }\n  },\n  setup(__props: any) {\n\n// ─────────────────────────────────────────────\n// Props\n// ─────────────────────────────────────────────\n\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"li\", {\n    class: _normalizeClass(['b-menu-divider', { 'b-menu-divider--dashed': __props.dashed }]),\n    role: \"separator\"\n  }, null, 2))\n}\n}\n\n})"],"mappings":";;AAIA,IAAA,IAA4B,kBAAiB;CAC3C,QAAQ;CACR,OAAO,EACL,QAAQ;EAAE,MAAM;EAAS,SAAS;EAAO,EAC1C;CACD,MAAM,GAAc;AAOtB,UAAQ,GAAU,OACR,GAAY,EAAE,EAAoB,MAAM;GAC9C,OAAO,EAAgB,CAAC,kBAAkB,EAAE,0BAA0B,EAAQ,QAAQ,CAAC,CAAC;GACxF,MAAM;GACP,EAAE,MAAM,EAAE;;CAIZ,CAAA"}

package/dist/design-system121.js

@@ -1,15 +0,0 @@
-//#region src/components/BMenu/types.ts
-var e = Symbol("BMenuContext"), t = Symbol("BMenuSubMenuContext");
-function n(e) {
-	return "children" in e && ("type" in e ? e.type !== "group" : !0);
-}
-function r(e) {
-	return "type" in e && e.type === "group";
-}
-function i(e) {
-	return "type" in e && e.type === "divider";
-}
-//#endregion
-export { e as BMenuContextKey, t as BMenuSubMenuContextKey, i as isDivider, r as isItemGroup, n as isSubMenu };
-
-//# sourceMappingURL=design-system121.js.map

package/dist/design-system121.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"design-system121.js","names":[],"sources":["../src/components/BMenu/types.ts"],"sourcesContent":["import type { ComputedRef, InjectionKey } from 'vue';\n\n// ─────────────────────────────────────────────\n// Enums & Literals\n// ─────────────────────────────────────────────\nexport type BMenuMode = 'horizontal' | 'vertical' | 'inline';\nexport type BMenuTheme = 'light' | 'dark';\nexport type BMenuTriggerAction = 'hover' | 'click';\n\n// ─────────────────────────────────────────────\n// Item types (data-driven API)\n// ─────────────────────────────────────────────\nexport interface BMenuItemType {\n  key: string;\n  label?: string;\n  icon?: string;\n  disabled?: boolean;\n  danger?: boolean;\n  title?: string;\n  extra?: string;\n}\n\nexport interface BMenuSubMenuType {\n  key: string;\n  label?: string;\n  icon?: string;\n  disabled?: boolean;\n  children?: BMenuItemUnion[];\n  popupClassName?: string;\n}\n\nexport interface BMenuItemGroupType {\n  type: 'group';\n  key?: string;\n  label?: string;\n  children?: BMenuItemType[];\n}\n\nexport interface BMenuDividerType {\n  type: 'divider';\n  key?: string;\n  dashed?: boolean;\n}\n\nexport type BMenuItemUnion =\n  | BMenuItemType\n  | BMenuSubMenuType\n  | BMenuItemGroupType\n  | BMenuDividerType;\n\n// ─────────────────────────────────────────────\n// Event payloads\n// ─────────────────────────────────────────────\nexport interface BMenuClickInfo {\n  key: string;\n  keyPath: string[];\n  domEvent: MouseEvent | KeyboardEvent;\n}\n\nexport interface BMenuSelectInfo {\n  key: string;\n  keyPath: string[];\n  selectedKeys: string[];\n  domEvent: MouseEvent | KeyboardEvent;\n}\n\n// ─────────────────────────────────────────────\n// Context (provided by BMenu to children)\n// ─────────────────────────────────────────────\nexport interface BMenuContext {\n  mode: ComputedRef<BMenuMode>;\n  theme: ComputedRef<BMenuTheme>;\n  inlineCollapsed: ComputedRef<boolean>;\n  inlineIndent: ComputedRef<number>;\n  selectedKeys: ComputedRef<string[]>;\n  openKeys: ComputedRef<string[]>;\n  multiple: ComputedRef<boolean>;\n  selectable: ComputedRef<boolean>;\n  triggerSubMenuAction: ComputedRef<BMenuTriggerAction>;\n  subMenuOpenDelay: ComputedRef<number>;\n  subMenuCloseDelay: ComputedRef<number>;\n  onItemClick: (info: BMenuClickInfo) => void;\n  onOpenChange: (key: string, open: boolean) => void;\n  registerKeyPath: (key: string, path: string[]) => void;\n}\n\nexport const BMenuContextKey: InjectionKey<BMenuContext> = Symbol('BMenuContext');\n\n// ─────────────────────────────────────────────\n// SubMenu context (nesting depth)\n// ─────────────────────────────────────────────\nexport interface BMenuSubMenuContext {\n  level: number;\n  keyPath: string[];\n}\n\nexport const BMenuSubMenuContextKey: InjectionKey<BMenuSubMenuContext> =\n  Symbol('BMenuSubMenuContext');\n\n// ─────────────────────────────────────────────\n// Helpers\n// ─────────────────────────────────────────────\nexport function isSubMenu(item: BMenuItemUnion): item is BMenuSubMenuType {\n  return 'children' in item && ('type' in item ? item.type !== 'group' : true);\n}\n\nexport function isItemGroup(item: BMenuItemUnion): item is BMenuItemGroupType {\n  return 'type' in item && item.type === 'group';\n}\n\nexport function isDivider(item: BMenuItemUnion): item is BMenuDividerType {\n  return 'type' in item && item.type === 'divider';\n}\n\nexport function isMenuItem(item: BMenuItemUnion): item is BMenuItemType {\n  return !isSubMenu(item) && !isItemGroup(item) && !isDivider(item);\n}\n"],"mappings":";AAsFA,IAAa,IAA8C,OAAO,eAAe,EAUpE,IACX,OAAO,sBAAsB;AAK/B,SAAgB,EAAU,GAAgD;AACxE,QAAO,cAAc,MAAS,UAAU,IAAO,EAAK,SAAS,UAAU;;AAGzE,SAAgB,EAAY,GAAkD;AAC5E,QAAO,UAAU,KAAQ,EAAK,SAAS;;AAGzC,SAAgB,EAAU,GAAgD;AACxE,QAAO,UAAU,KAAQ,EAAK,SAAS"}

package/dist/design-system125.js

@@ -1,45 +0,0 @@
-import { BMenuContextKey as e } from "./design-system121.js";
-import t from "./design-system124.js";
-import { Fragment as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, defineComponent as c, inject as l, openBlock as u, renderList as d, renderSlot as f, toDisplayString as p, unref as m } from "vue";
-//#region src/components/BMenu/BMenuItemGroup.vue?vue&type=script&setup=true&lang.ts
-var h = {
-	class: "b-menu-item-group",
-	role: "presentation"
-}, g = {
-	key: 0,
-	class: "b-menu-item-group__title",
-	role: "presentation"
-}, _ = ["aria-label"], v = /* @__PURE__ */ c({
-	__name: "BMenuItemGroup",
-	props: {
-		label: { default: "" },
-		children: { default: () => [] }
-	},
-	setup(c) {
-		let v = c, y = l(e);
-		return (e, c) => (u(), a("li", h, [m(y).inlineCollapsed.value ? i("", !0) : (u(), a("div", g, [f(e.$slots, "title", {}, () => [s(p(v.label), 1)])])), o("ul", {
-			class: "b-menu-item-group__list",
-			role: "group",
-			"aria-label": v.label
-		}, [f(e.$slots, "default", {}, () => [(u(!0), a(n, null, d(v.children, (e) => (u(), r(t, {
-			key: e.key,
-			"item-key": e.key,
-			label: e.label,
-			icon: e.icon,
-			disabled: e.disabled,
-			danger: e.danger,
-			extra: e.extra
-		}, null, 8, [
-			"item-key",
-			"label",
-			"icon",
-			"disabled",
-			"danger",
-			"extra"
-		]))), 128))])], 8, _)]));
-	}
-});
-//#endregion
-export { v as default };
-
-//# sourceMappingURL=design-system125.js.map

package/dist/design-system125.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"design-system125.js","names":[],"sources":["../src/components/BMenu/BMenuItemGroup.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { unref as _unref, renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, renderList as _renderList, Fragment as _Fragment, createBlock as _createBlock, createElementVNode as _createElementVNode } from \"vue\"\n\nconst _hoisted_1 = {\n  class: \"b-menu-item-group\",\n  role: \"presentation\"\n}\nconst _hoisted_2 = {\n  key: 0,\n  class: \"b-menu-item-group__title\",\n  role: \"presentation\"\n}\nconst _hoisted_3 = [\"aria-label\"]\n\nimport { inject } from 'vue';\nimport BMenuItem from './BMenuItem.vue';\nimport { BMenuContextKey, type BMenuContext, type BMenuItemType } from './types';\n\n// ─────────────────────────────────────────────\n// Props\n// ─────────────────────────────────────────────\n\nexport default /*@__PURE__*/_defineComponent({\n  __name: 'BMenuItemGroup',\n  props: {\n    label: { default: '' },\n    children: { default: () => [] }\n  },\n  setup(__props: any) {\n\nconst props = __props;\n\n\n\nconst menu = inject<BMenuContext>(BMenuContextKey)!;\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"li\", _hoisted_1, [\n    (!_unref(menu).inlineCollapsed.value)\n      ? (_openBlock(), _createElementBlock(\"div\", _hoisted_2, [\n          _renderSlot(_ctx.$slots, \"title\", {}, () => [\n            _createTextVNode(_toDisplayString(props.label), 1)\n          ])\n        ]))\n      : _createCommentVNode(\"\", true),\n    _createElementVNode(\"ul\", {\n      class: \"b-menu-item-group__list\",\n      role: \"group\",\n      \"aria-label\": props.label\n    }, [\n      _renderSlot(_ctx.$slots, \"default\", {}, () => [\n        (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(props.children, (item) => {\n          return (_openBlock(), _createBlock(BMenuItem, {\n            key: item.key,\n            \"item-key\": item.key,\n            label: item.label,\n            icon: item.icon,\n            disabled: item.disabled,\n            danger: item.danger,\n            extra: item.extra\n          }, null, 8, [\"item-key\", \"label\", \"icon\", \"disabled\", \"danger\", \"extra\"]))\n        }), 128))\n      ])\n    ], 8, _hoisted_3)\n  ]))\n}\n}\n\n})"],"mappings":";;;;AAGA,IAAM,IAAa;CACjB,OAAO;CACP,MAAM;CACP,EACK,IAAa;CACjB,KAAK;CACL,OAAO;CACP,MAAM;CACP,EACK,IAAa,CAAC,aAAa,EAUjC,IAA4B,kBAAiB;CAC3C,QAAQ;CACR,OAAO;EACL,OAAO,EAAE,SAAS,IAAI;EACtB,UAAU,EAAE,eAAe,EAAE,EAAE;EAChC;CACD,MAAM,GAAc;EAEtB,IAAM,IAAQ,GAIR,IAAO,EAAqB,EAAgB;AAElD,UAAQ,GAAU,OACR,GAAY,EAAE,EAAoB,MAAM,GAAY,CACxD,EAAO,EAAK,CAAC,gBAAgB,QAM3B,EAAoB,IAAI,GAAK,IAL5B,GAAY,EAAE,EAAoB,OAAO,GAAY,CACpD,EAAY,EAAK,QAAQ,SAAS,EAAE,QAAQ,CAC1C,EAAiB,EAAiB,EAAM,MAAM,EAAE,EAAE,CACnD,CAAC,CACH,CAAC,GAEN,EAAoB,MAAM;GACxB,OAAO;GACP,MAAM;GACN,cAAc,EAAM;GACrB,EAAE,CACD,EAAY,EAAK,QAAQ,WAAW,EAAE,QAAQ,EAC3C,EAAW,GAAK,EAAE,EAAoB,GAAW,MAAM,EAAY,EAAM,WAAW,OAC3E,GAAY,EAAE,EAAa,GAAW;GAC5C,KAAK,EAAK;GACV,YAAY,EAAK;GACjB,OAAO,EAAK;GACZ,MAAM,EAAK;GACX,UAAU,EAAK;GACf,QAAQ,EAAK;GACb,OAAO,EAAK;GACb,EAAE,MAAM,GAAG;GAAC;GAAY;GAAS;GAAQ;GAAY;GAAU;GAAQ,CAAC,EACzE,EAAE,IAAI,EACT,CAAC,CACH,EAAE,GAAG,EAAW,CAClB,CAAC;;CAIH,CAAA"}