@7pmlabs/design-system 1.0.9 → 1.0.11

package/dist/design-system108.js

@@ -1,227 +0,0 @@
-import { BCommonSize as e } from "./design-system3.js";
-import { useComponentId as t } from "./design-system10.js";
-import { BInputStatus as n, BInputVariant as r } from "./design-system104.js";
-import { computed as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, defineComponent as c, mergeModels as l, normalizeClass as u, openBlock as d, ref as f, renderSlot as p, unref as m, useModel as h, useSlots as g, watch as _, withModifiers as v } from "vue";
-//#region src/components/BInputNumber/BInputNumber.vue?vue&type=script&setup=true&lang.ts
-var y = { class: "b-input-number__wrapper" }, b = {
-	key: 0,
-	class: "b-input-number__prefix",
-	"aria-hidden": "true"
-}, x = [
-	"id",
-	"value",
-	"aria-valuenow",
-	"aria-valuemin",
-	"aria-valuemax",
-	"aria-invalid",
-	"placeholder",
-	"disabled",
-	"readonly"
-], S = {
-	key: 1,
-	class: "b-input-number__suffix",
-	"aria-hidden": "true"
-}, C = {
-	key: 2,
-	class: "b-input-number__handler-wrap",
-	"aria-hidden": "true"
-}, w = ["aria-disabled"], T = ["aria-disabled"], E = /* @__PURE__ */ c({
-	inheritAttrs: !1,
-	__name: "BInputNumber",
-	props: /* @__PURE__ */ l({
-		size: { default: () => e.Medium },
-		variant: { default: () => r.Outlined },
-		status: {},
-		min: { default: () => -(2 ** 53 - 1) },
-		max: { default: () => 2 ** 53 - 1 },
-		step: { default: 1 },
-		disabled: {
-			type: Boolean,
-			default: !1
-		},
-		readOnly: {
-			type: Boolean,
-			default: !1
-		},
-		controls: {
-			type: Boolean,
-			default: !0
-		},
-		keyboard: {
-			type: Boolean,
-			default: !0
-		},
-		changeOnBlur: {
-			type: Boolean,
-			default: !0
-		},
-		changeOnWheel: {
-			type: Boolean,
-			default: !1
-		},
-		placeholder: {},
-		id: {},
-		precision: {},
-		formatter: { type: Function },
-		parser: { type: Function },
-		decimalSeparator: {},
-		stringMode: {
-			type: Boolean,
-			default: !1
-		}
-	}, {
-		modelValue: { default: null },
-		modelModifiers: {}
-	}),
-	emits: /* @__PURE__ */ l([
-		"change",
-		"pressEnter",
-		"step",
-		"focus",
-		"blur"
-	], ["update:modelValue"]),
-	setup(e, { expose: r, emit: c }) {
-		let l = g(), E = c, D = h(e, "modelValue"), { componentUID: O } = t(), k = i(() => e.id ?? `b-input-number-${O.value}`), A = f(null), j = f(!1), M = f(""), N = i(() => !!l.prefix), P = i(() => !!l.suffix), F = i(() => e.disabled || e.readOnly ? !0 : D.value === null ? !1 : D.value >= e.max), I = i(() => e.disabled || e.readOnly ? !0 : D.value === null ? !1 : D.value <= e.min);
-		function L(t) {
-			if (e.precision !== void 0) return parseFloat(t.toFixed(e.precision));
-			let n = String(e.step), r = n.includes(".") ? n.split(".")[1].length : 0;
-			return r > 0 ? parseFloat(t.toFixed(r)) : t;
-		}
-		function R(t) {
-			return Math.min(e.max, Math.max(e.min, t));
-		}
-		function z(t) {
-			if (t === null) return "";
-			let n;
-			return n = e.precision === void 0 ? String(t) : t.toFixed(e.precision), e.decimalSeparator && (n = n.replace(".", e.decimalSeparator)), e.formatter ? e.formatter(e.stringMode ? n : t) : n;
-		}
-		function B(t) {
-			if (!t.trim()) return null;
-			let n = t;
-			e.parser ? n = e.parser(t) : e.decimalSeparator && (n = n.replace(e.decimalSeparator, "."));
-			let r = Number(n);
-			return isNaN(r) ? D.value : r;
-		}
-		function V() {
-			M.value = z(D.value);
-		}
-		function H(e, t = !0) {
-			e !== null && (e = L(R(e)));
-			let n = e !== D.value;
-			D.value = e, V(), n && t && E("change", e);
-		}
-		function U(t) {
-			if (e.disabled || e.readOnly) return;
-			let n = R(L((D.value ?? 0) + (t === "up" ? e.step : -e.step)));
-			H(n), E("step", n, {
-				offset: e.step,
-				type: t
-			});
-		}
-		let W = (e) => {
-			M.value = e.target.value;
-		}, G = (t) => {
-			t.key === "Enter" && (Y(), E("pressEnter", t)), e.keyboard && (t.key === "ArrowUp" ? (t.preventDefault(), U("up")) : t.key === "ArrowDown" && (t.preventDefault(), U("down")));
-		}, K = (e) => {
-			j.value = !0, E("focus", e);
-		}, q = (t) => {
-			j.value = !1, e.changeOnBlur && Y(), E("blur", t);
-		}, J = (t) => {
-			!e.changeOnWheel || e.disabled || e.readOnly || !j.value || (t.preventDefault(), t.deltaY < 0 ? U("up") : t.deltaY > 0 && U("down"));
-		};
-		function Y() {
-			let e = B(M.value);
-			H(e === null ? null : e);
-		}
-		return _(() => D.value, () => {
-			j.value || V();
-		}, { immediate: !0 }), r({
-			focus: (e) => {
-				if (A.value?.focus({ preventScroll: e?.preventScroll }), e?.cursor && A.value) {
-					let t = A.value.value.length;
-					switch (e.cursor) {
-						case "start":
-							A.value.setSelectionRange(0, 0);
-							break;
-						case "end":
-							A.value.setSelectionRange(t, t);
-							break;
-						case "all":
-							A.value.setSelectionRange(0, t);
-							break;
-					}
-				}
-			},
-			blur: () => {
-				A.value?.blur();
-			}
-		}), (t, r) => (d(), o("span", { class: u(["b-input-number", [
-			`b-input-number--${e.size}`,
-			`b-input-number--${e.variant}`,
-			{
-				"b-input-number--focused": j.value,
-				"b-input-number--disabled": e.disabled,
-				"b-input-number--readonly": e.readOnly,
-				"b-input-number--error": e.status === m(n).Error,
-				"b-input-number--warning": e.status === m(n).Warning,
-				"b-input-number--has-controls": e.controls
-			}
-		]]) }, [s("span", y, [
-			N.value ? (d(), o("span", b, [p(t.$slots, "prefix", {}, void 0, !0)])) : a("", !0),
-			s("input", {
-				id: k.value,
-				ref_key: "inputRef",
-				ref: A,
-				value: M.value,
-				type: "text",
-				inputmode: "decimal",
-				role: "spinbutton",
-				"aria-valuenow": D.value ?? void 0,
-				"aria-valuemin": e.min === -(2 ** 53 - 1) ? void 0 : e.min,
-				"aria-valuemax": e.max === 2 ** 53 - 1 ? void 0 : e.max,
-				"aria-invalid": e.status === m(n).Error ? !0 : void 0,
-				placeholder: e.placeholder,
-				disabled: e.disabled,
-				readonly: e.readOnly,
-				class: "b-input-number__input",
-				onInput: W,
-				onKeydown: G,
-				onFocus: K,
-				onBlur: q,
-				onWheel: J
-			}, null, 40, x),
-			P.value ? (d(), o("span", S, [p(t.$slots, "suffix", {}, void 0, !0)])) : a("", !0),
-			e.controls ? (d(), o("span", C, [s("span", {
-				class: u(["b-input-number__handler b-input-number__handler--up", { "b-input-number__handler--disabled": F.value }]),
-				role: "button",
-				tabindex: "-1",
-				"aria-label": "Increase value",
-				"aria-disabled": F.value,
-				onMousedown: r[0] ||= v((e) => !F.value && U("up"), ["prevent"])
-			}, [...r[2] ||= [s("svg", {
-				viewBox: "0 0 1024 1024",
-				width: "1em",
-				height: "1em",
-				fill: "currentColor",
-				"aria-hidden": "true"
-			}, [s("path", { d: "M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h286c2.1 0 4.2-.8 5.7-2.3l70.3-70.3 70.3 70.3c1.5 1.5 3.5 2.3 5.7 2.3h286c6.5 0 10.3-7.4 6.5-12.7z" })], -1)]], 42, w), s("span", {
-				class: u(["b-input-number__handler b-input-number__handler--down", { "b-input-number__handler--disabled": I.value }]),
-				role: "button",
-				tabindex: "-1",
-				"aria-label": "Decrease value",
-				"aria-disabled": I.value,
-				onMousedown: r[1] ||= v((e) => !I.value && U("down"), ["prevent"])
-			}, [...r[3] ||= [s("svg", {
-				viewBox: "0 0 1024 1024",
-				width: "1em",
-				height: "1em",
-				fill: "currentColor",
-				"aria-hidden": "true"
-			}, [s("path", { d: "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z" })], -1)]], 42, T)])) : a("", !0)
-		])], 2));
-	}
-});
-//#endregion
-export { E as default };
-
-//# sourceMappingURL=design-system108.js.map

package/dist/design-system108.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"design-system108.js","names":[],"sources":["../src/components/BInputNumber/BInputNumber.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { useModel as _useModel, mergeModels as _mergeModels, defineComponent as _defineComponent } from 'vue'\nimport { unref as _unref, renderSlot as _renderSlot, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, createElementVNode as _createElementVNode, withModifiers as _withModifiers, normalizeClass as _normalizeClass } from \"vue\"\n\nconst _hoisted_1 = { class: \"b-input-number__wrapper\" }\nconst _hoisted_2 = {\n  key: 0,\n  class: \"b-input-number__prefix\",\n  \"aria-hidden\": \"true\"\n}\nconst _hoisted_3 = [\"id\", \"value\", \"aria-valuenow\", \"aria-valuemin\", \"aria-valuemax\", \"aria-invalid\", \"placeholder\", \"disabled\", \"readonly\"]\nconst _hoisted_4 = {\n  key: 1,\n  class: \"b-input-number__suffix\",\n  \"aria-hidden\": \"true\"\n}\nconst _hoisted_5 = {\n  key: 2,\n  class: \"b-input-number__handler-wrap\",\n  \"aria-hidden\": \"true\"\n}\nconst _hoisted_6 = [\"aria-disabled\"]\nconst _hoisted_7 = [\"aria-disabled\"]\n\nimport { BInputStatus, BInputVariant } from '@/components/BInput/types.ts';\nimport { useComponentId } from '@/composables/useComponentId.ts';\nimport { BCommonSize } from '@/types.ts';\nimport { computed, ref, useSlots, watch } from 'vue';\nimport type { BInputNumberFocusOptions, BInputNumberStepInfo } from './types.ts';\n\n\nexport default /*@__PURE__*/_defineComponent({\n  ...{ inheritAttrs: false },\n  __name: 'BInputNumber',\n  props: /*@__PURE__*/_mergeModels({\n    size: { default: () => (BCommonSize.Medium) },\n    variant: { default: () => (BInputVariant.Outlined) },\n    status: {},\n    min: { default: () => (Number.MIN_SAFE_INTEGER) },\n    max: { default: () => (Number.MAX_SAFE_INTEGER) },\n    step: { default: 1 },\n    disabled: { type: Boolean, default: false },\n    readOnly: { type: Boolean, default: false },\n    controls: { type: Boolean, default: true },\n    keyboard: { type: Boolean, default: true },\n    changeOnBlur: { type: Boolean, default: true },\n    changeOnWheel: { type: Boolean, default: false },\n    placeholder: {},\n    id: {},\n    precision: {},\n    formatter: { type: Function },\n    parser: { type: Function },\n    decimalSeparator: {},\n    stringMode: { type: Boolean, default: false }\n  }, {\n    \"modelValue\": { default: null },\n    \"modelModifiers\": {},\n  }),\n  emits: /*@__PURE__*/_mergeModels([\"change\", \"pressEnter\", \"step\", \"focus\", \"blur\"], [\"update:modelValue\"]),\n  setup(__props: any, { expose: __expose, emit: __emit }) {\n\n\n\nconst slots = useSlots();\n\n\n\nconst emit = __emit;\n\nconst model = _useModel<number | null>(__props, \"modelValue\");\n\nconst { componentUID } = useComponentId();\nconst inputId = computed(() => __props.id ?? `b-input-number-${componentUID.value}`);\n\nconst inputRef = ref<HTMLInputElement | null>(null);\nconst isFocused = ref(false);\nconst displayValue = ref('');\n\nconst hasPrefix = computed(() => !!slots.prefix);\nconst hasSuffix = computed(() => !!slots.suffix);\n\nconst isUpDisabled = computed(() => {\n  if (__props.disabled || __props.readOnly) return true;\n  if (model.value === null) return false;\n  return model.value >= __props.max;\n});\n\nconst isDownDisabled = computed(() => {\n  if (__props.disabled || __props.readOnly) return true;\n  if (model.value === null) return false;\n  return model.value <= __props.min;\n});\n\nfunction toFixedPrecision(val: number): number {\n  if (__props.precision !== undefined) {\n    return parseFloat(val.toFixed(__props.precision));\n  }\n  const stepStr = String(__props.step);\n  const stepDecimals = stepStr.includes('.') ? stepStr.split('.')[1].length : 0;\n  if (stepDecimals > 0) {\n    return parseFloat(val.toFixed(stepDecimals));\n  }\n  return val;\n}\n\nfunction clamp(val: number): number {\n  return Math.min(__props.max, Math.max(__props.min, val));\n}\n\nfunction formatValue(val: number | null): string {\n  if (val === null) return '';\n  let str: string;\n  if (__props.precision !== undefined) {\n    str = val.toFixed(__props.precision);\n  } else {\n    str = String(val);\n  }\n  if (__props.decimalSeparator) {\n    str = str.replace('.', __props.decimalSeparator);\n  }\n  if (__props.formatter) {\n    return __props.formatter(__props.stringMode ? str : val);\n  }\n  return str;\n}\n\nfunction parseInput(input: string): number | null {\n  if (!input.trim()) return null;\n  let parsed = input;\n  if (__props.parser) {\n    parsed = __props.parser(input);\n  } else if (__props.decimalSeparator) {\n    parsed = parsed.replace(__props.decimalSeparator, '.');\n  }\n  const num = Number(parsed);\n  if (isNaN(num)) return model.value;\n  return num;\n}\n\nfunction syncDisplay() {\n  displayValue.value = formatValue(model.value);\n}\n\nfunction updateValue(newVal: number | null, triggerChange = true) {\n  if (newVal !== null) {\n    newVal = toFixedPrecision(clamp(newVal));\n  }\n  const changed = newVal !== model.value;\n  model.value = newVal;\n  syncDisplay();\n  if (changed && triggerChange) {\n    emit('change', newVal);\n  }\n}\n\nfunction stepValue(direction: 'up' | 'down') {\n  if (__props.disabled || __props.readOnly) return;\n  const current = model.value ?? 0;\n  const offset = direction === 'up' ? __props.step : -__props.step;\n  const next = toFixedPrecision(current + offset);\n  const clamped = clamp(next);\n  updateValue(clamped);\n  emit('step', clamped, { offset: __props.step, type: direction });\n}\n\nconst handleInput = (e: Event) => {\n  const target = e.target as HTMLInputElement;\n  displayValue.value = target.value;\n};\n\nconst handleKeyDown = (e: KeyboardEvent) => {\n  if (e.key === 'Enter') {\n    commitValue();\n    emit('pressEnter', e);\n  }\n  if (!__props.keyboard) return;\n  if (e.key === 'ArrowUp') {\n    e.preventDefault();\n    stepValue('up');\n  } else if (e.key === 'ArrowDown') {\n    e.preventDefault();\n    stepValue('down');\n  }\n};\n\nconst handleFocus = (e: FocusEvent) => {\n  isFocused.value = true;\n  emit('focus', e);\n};\n\nconst handleBlur = (e: FocusEvent) => {\n  isFocused.value = false;\n  if (__props.changeOnBlur) {\n    commitValue();\n  }\n  emit('blur', e);\n};\n\nconst handleWheel = (e: WheelEvent) => {\n  if (!__props.changeOnWheel || __props.disabled || __props.readOnly || !isFocused.value) return;\n  e.preventDefault();\n  if (e.deltaY < 0) {\n    stepValue('up');\n  } else if (e.deltaY > 0) {\n    stepValue('down');\n  }\n};\n\nfunction commitValue() {\n  const parsed = parseInput(displayValue.value);\n  if (parsed === null) {\n    updateValue(null);\n  } else {\n    updateValue(parsed);\n  }\n}\n\nconst focus = (options?: BInputNumberFocusOptions) => {\n  inputRef.value?.focus({ preventScroll: options?.preventScroll });\n  if (options?.cursor && inputRef.value) {\n    const len = inputRef.value.value.length;\n    switch (options.cursor) {\n      case 'start':\n        inputRef.value.setSelectionRange(0, 0);\n        break;\n      case 'end':\n        inputRef.value.setSelectionRange(len, len);\n        break;\n      case 'all':\n        inputRef.value.setSelectionRange(0, len);\n        break;\n    }\n  }\n};\n\nconst blur = () => {\n  inputRef.value?.blur();\n};\n\nwatch(\n  () => model.value,\n  () => {\n    if (!isFocused.value) {\n      syncDisplay();\n    }\n  },\n  { immediate: true },\n);\n\n__expose({ focus, blur });\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"span\", {\n    class: _normalizeClass([\"b-input-number\", [\n      `b-input-number--${__props.size}`,\n      `b-input-number--${__props.variant}`,\n      {\n        'b-input-number--focused': isFocused.value,\n        'b-input-number--disabled': __props.disabled,\n        'b-input-number--readonly': __props.readOnly,\n        'b-input-number--error': __props.status === _unref(BInputStatus).Error,\n        'b-input-number--warning': __props.status === _unref(BInputStatus).Warning,\n        'b-input-number--has-controls': __props.controls,\n      },\n    ]])\n  }, [\n    _createElementVNode(\"span\", _hoisted_1, [\n      (hasPrefix.value)\n        ? (_openBlock(), _createElementBlock(\"span\", _hoisted_2, [\n            _renderSlot(_ctx.$slots, \"prefix\", {}, undefined, true)\n          ]))\n        : _createCommentVNode(\"\", true),\n      _createElementVNode(\"input\", {\n        id: inputId.value,\n        ref_key: \"inputRef\",\n        ref: inputRef,\n        value: displayValue.value,\n        type: \"text\",\n        inputmode: \"decimal\",\n        role: \"spinbutton\",\n        \"aria-valuenow\": model.value ?? undefined,\n        \"aria-valuemin\": __props.min !== Number.MIN_SAFE_INTEGER ? __props.min : undefined,\n        \"aria-valuemax\": __props.max !== Number.MAX_SAFE_INTEGER ? __props.max : undefined,\n        \"aria-invalid\": __props.status === _unref(BInputStatus).Error ? true : undefined,\n        placeholder: __props.placeholder,\n        disabled: __props.disabled,\n        readonly: __props.readOnly,\n        class: \"b-input-number__input\",\n        onInput: handleInput,\n        onKeydown: handleKeyDown,\n        onFocus: handleFocus,\n        onBlur: handleBlur,\n        onWheel: handleWheel\n      }, null, 40, _hoisted_3),\n      (hasSuffix.value)\n        ? (_openBlock(), _createElementBlock(\"span\", _hoisted_4, [\n            _renderSlot(_ctx.$slots, \"suffix\", {}, undefined, true)\n          ]))\n        : _createCommentVNode(\"\", true),\n      (__props.controls)\n        ? (_openBlock(), _createElementBlock(\"span\", _hoisted_5, [\n            _createElementVNode(\"span\", {\n              class: _normalizeClass([\"b-input-number__handler b-input-number__handler--up\", { 'b-input-number__handler--disabled': isUpDisabled.value }]),\n              role: \"button\",\n              tabindex: \"-1\",\n              \"aria-label\": \"Increase value\",\n              \"aria-disabled\": isUpDisabled.value,\n              onMousedown: _cache[0] || (_cache[0] = _withModifiers(($event: any) => (!isUpDisabled.value && stepValue('up')), [\"prevent\"]))\n            }, [...(_cache[2] || (_cache[2] = [\n              _createElementVNode(\"svg\", {\n                viewBox: \"0 0 1024 1024\",\n                width: \"1em\",\n                height: \"1em\",\n                fill: \"currentColor\",\n                \"aria-hidden\": \"true\"\n              }, [\n                _createElementVNode(\"path\", { d: \"M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h286c2.1 0 4.2-.8 5.7-2.3l70.3-70.3 70.3 70.3c1.5 1.5 3.5 2.3 5.7 2.3h286c6.5 0 10.3-7.4 6.5-12.7z\" })\n              ], -1)\n            ]))], 42, _hoisted_6),\n            _createElementVNode(\"span\", {\n              class: _normalizeClass([\"b-input-number__handler b-input-number__handler--down\", { 'b-input-number__handler--disabled': isDownDisabled.value }]),\n              role: \"button\",\n              tabindex: \"-1\",\n              \"aria-label\": \"Decrease value\",\n              \"aria-disabled\": isDownDisabled.value,\n              onMousedown: _cache[1] || (_cache[1] = _withModifiers(($event: any) => (!isDownDisabled.value && stepValue('down')), [\"prevent\"]))\n            }, [...(_cache[3] || (_cache[3] = [\n              _createElementVNode(\"svg\", {\n                viewBox: \"0 0 1024 1024\",\n                width: \"1em\",\n                height: \"1em\",\n                fill: \"currentColor\",\n                \"aria-hidden\": \"true\"\n              }, [\n                _createElementVNode(\"path\", { d: \"M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z\" })\n              ], -1)\n            ]))], 42, _hoisted_7)\n          ]))\n        : _createCommentVNode(\"\", true)\n    ])\n  ], 2))\n}\n}\n\n})"],"mappings":"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"}

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":"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"}