@feugene/granularity 0.3.2 → 0.4.1

package/dist/components/GrSegmented/chunks/GrSegmented-BPl1koHc.js

@@ -0,0 +1,325 @@
+import { a as grSegmentedItemIconClass, c as grSegmentedRootStyle, i as grSegmentedItemClass, o as grSegmentedItemLabelClass, r as grSegmentedIndicatorClass, s as grSegmentedRootClass } from "../../../chunks/config-BhvNm4Pp.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, getCurrentInstance, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, openBlock, ref, renderList, renderSlot, resolveDynamicComponent, toDisplayString, unref, watch } from "vue";
+//#region src/components/GrSegmented/GrSegmented.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"data-variant",
+	"aria-label",
+	"aria-disabled"
+];
+var _hoisted_2 = [
+	"data-value",
+	"aria-checked",
+	"aria-disabled",
+	"disabled",
+	"tabindex",
+	"onClick",
+	"onKeydown"
+];
+var _hoisted_3 = [
+	"name",
+	"value",
+	"checked",
+	"disabled"
+];
+//#endregion
+//#region src/components/GrSegmented/GrSegmented.vue
+var GrSegmented_default = /* @__PURE__ */ defineComponent({
+	__name: "GrSegmented",
+	props: {
+		modelValue: {},
+		options: {},
+		variant: { default: "pills" },
+		size: { default: "md" },
+		indicatorDuration: { default: 300 },
+		block: {
+			type: Boolean,
+			default: false
+		},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		name: { default: void 0 },
+		ariaLabel: { default: void 0 }
+	},
+	emits: ["update:modelValue", "change"],
+	setup(__props, { emit: __emit }) {
+		const hiddenInputStyle = {
+			position: "absolute",
+			opacity: "0",
+			width: "0",
+			height: "0",
+			pointerEvents: "none"
+		};
+		const props = __props;
+		const emit = __emit;
+		const fallbackName = `ds-segmented-${getCurrentInstance()?.uid ?? Math.random()}`;
+		const rootRef = ref(null);
+		const itemRefs = ref(/* @__PURE__ */ new Map());
+		const indicatorGeometry = ref(null);
+		const indicatorReady = ref(false);
+		let resizeObserver = null;
+		let observedRoot = null;
+		let observedItem = null;
+		let scheduled = false;
+		const selectedIndex = computed(() => props.options.findIndex((option) => option.value === props.modelValue));
+		const selectedOption = computed(() => props.options[selectedIndex.value] ?? null);
+		const enabledOptions = computed(() => props.options.filter((option) => !resolveOptionDisabled(option)));
+		const indicatorDuration = computed(() => Math.max(0, Math.round(props.indicatorDuration)));
+		const rootClassName = computed(() => grSegmentedRootClass({
+			variant: props.variant,
+			block: props.block,
+			disabled: props.disabled
+		}));
+		const rootStyle = computed(() => ({
+			...grSegmentedRootStyle({
+				variant: props.variant,
+				size: props.size
+			}),
+			gridTemplateColumns: props.options.length > 0 ? props.options.map(() => props.block ? "minmax(0,1fr)" : "minmax(0,max-content)").join(" ") : "none"
+		}));
+		const indicatorClassName = computed(() => grSegmentedIndicatorClass(props.variant));
+		const resolvedName = computed(() => props.name ?? fallbackName);
+		const hasIndicator = computed(() => selectedIndex.value !== -1 && indicatorGeometry.value !== null);
+		const indicatorStyle = computed(() => {
+			const geometry = indicatorGeometry.value;
+			if (!geometry) return {
+				opacity: "0",
+				width: "0px",
+				height: "0px",
+				transitionDuration: `${indicatorDuration.value}ms`,
+				transform: "translate3d(0px, 0px, 0px)"
+			};
+			return {
+				opacity: indicatorReady.value ? "1" : "0",
+				width: `${geometry.width}px`,
+				height: `${geometry.height}px`,
+				transitionDuration: `${indicatorDuration.value}ms`,
+				transform: `translate3d(${geometry.x}px, ${geometry.y}px, 0)`
+			};
+		});
+		function getOptionKey(value) {
+			return String(value);
+		}
+		function resolveOptionDisabled(option) {
+			return props.disabled || Boolean(option.disabled);
+		}
+		function isOptionSelected(option) {
+			return option.value === props.modelValue;
+		}
+		function isIconOnlyOption(option) {
+			return Boolean(option.icon) && !option.label;
+		}
+		function isFocusableOption(option, index) {
+			if (resolveOptionDisabled(option)) return false;
+			if (isOptionSelected(option)) return true;
+			if (selectedIndex.value !== -1) return false;
+			return enabledOptions.value[0]?.value === props.options[index]?.value;
+		}
+		function setItemRef(value, element) {
+			const key = getOptionKey(value);
+			if (!(element instanceof HTMLElement)) {
+				itemRefs.value.delete(key);
+				return;
+			}
+			itemRefs.value.set(key, element);
+		}
+		function isSameGeometry(left, right) {
+			if (left === right) return true;
+			if (!left || !right) return false;
+			return left.width === right.width && left.height === right.height && left.x === right.x && left.y === right.y;
+		}
+		function measureIndicator() {
+			const root = rootRef.value;
+			const option = selectedOption.value;
+			if (!root || !option) {
+				if (indicatorGeometry.value !== null) indicatorGeometry.value = null;
+				if (indicatorReady.value) indicatorReady.value = false;
+				return;
+			}
+			const selectedItem = itemRefs.value.get(getOptionKey(option.value));
+			if (!selectedItem) return;
+			const rootRect = root.getBoundingClientRect();
+			const itemRect = selectedItem.getBoundingClientRect();
+			const nextGeometry = {
+				width: Math.max(Math.round(itemRect.width), 0),
+				height: Math.max(Math.round(itemRect.height), 0),
+				x: Math.round(itemRect.left - rootRect.left),
+				y: Math.max(Math.round(itemRect.top - rootRect.top) - 1, 0)
+			};
+			if (!isSameGeometry(indicatorGeometry.value, nextGeometry)) indicatorGeometry.value = nextGeometry;
+			const nextReady = nextGeometry.width > 0 && nextGeometry.height > 0;
+			if (indicatorReady.value !== nextReady) indicatorReady.value = nextReady;
+		}
+		function refreshObserver() {
+			if (typeof ResizeObserver === "undefined") return;
+			const root = rootRef.value;
+			const option = selectedOption.value;
+			const selectedItem = option ? itemRefs.value.get(getOptionKey(option.value)) ?? null : null;
+			if (!resizeObserver) resizeObserver = new ResizeObserver(() => scheduleMeasure());
+			if (!root) {
+				resizeObserver.disconnect();
+				observedRoot = null;
+				observedItem = null;
+				return;
+			}
+			if (observedRoot === root && observedItem === selectedItem) return;
+			resizeObserver.disconnect();
+			resizeObserver.observe(root);
+			if (selectedItem) resizeObserver.observe(selectedItem);
+			observedRoot = root;
+			observedItem = selectedItem;
+		}
+		function scheduleMeasure() {
+			if (scheduled) return;
+			scheduled = true;
+			nextTick(() => {
+				scheduled = false;
+				measureIndicator();
+				refreshObserver();
+			});
+		}
+		function emitValue(option) {
+			if (resolveOptionDisabled(option) || option.value === props.modelValue) return;
+			emit("update:modelValue", option.value);
+			emit("change", option.value, option);
+		}
+		function getNextEnabledIndex(startIndex, direction) {
+			if (props.options.length === 0) return -1;
+			let cursor = startIndex;
+			for (let step = 0; step < props.options.length; step += 1) {
+				cursor = (cursor + direction + props.options.length) % props.options.length;
+				const option = props.options[cursor];
+				if (option && !resolveOptionDisabled(option)) return cursor;
+			}
+			return -1;
+		}
+		function focusIndex(index) {
+			const option = props.options[index];
+			if (!option) return;
+			itemRefs.value.get(getOptionKey(option.value))?.focus();
+		}
+		function onKeydown(event, index) {
+			if (props.disabled) return;
+			if (event.key === "ArrowRight" || event.key === "ArrowDown") {
+				event.preventDefault();
+				const nextIndex = getNextEnabledIndex(index, 1);
+				if (nextIndex === -1) return;
+				const option = props.options[nextIndex];
+				if (option) {
+					emitValue(option);
+					focusIndex(nextIndex);
+				}
+				return;
+			}
+			if (event.key === "ArrowLeft" || event.key === "ArrowUp") {
+				event.preventDefault();
+				const nextIndex = getNextEnabledIndex(index, -1);
+				if (nextIndex === -1) return;
+				const option = props.options[nextIndex];
+				if (option) {
+					emitValue(option);
+					focusIndex(nextIndex);
+				}
+				return;
+			}
+			if (event.key === "Home") {
+				event.preventDefault();
+				const firstOption = enabledOptions.value[0];
+				if (!firstOption) return;
+				emitValue(firstOption);
+				focusIndex(props.options.findIndex((option) => option.value === firstOption.value));
+				return;
+			}
+			if (event.key === "End") {
+				event.preventDefault();
+				const lastOption = enabledOptions.value.at(-1);
+				if (!lastOption) return;
+				emitValue(lastOption);
+				focusIndex(props.options.findIndex((option) => option.value === lastOption.value));
+				return;
+			}
+			if (event.key === " " || event.key === "Enter") {
+				event.preventDefault();
+				const option = props.options[index];
+				if (option) emitValue(option);
+			}
+		}
+		watch(() => props.modelValue, () => scheduleMeasure());
+		watch(() => props.options, () => scheduleMeasure(), { deep: true });
+		watch(() => props.variant, () => scheduleMeasure());
+		watch(() => props.size, () => scheduleMeasure());
+		watch(() => props.block, () => scheduleMeasure());
+		onMounted(() => scheduleMeasure());
+		onBeforeUnmount(() => {
+			resizeObserver?.disconnect();
+			observedRoot = null;
+			observedItem = null;
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				ref_key: "rootRef",
+				ref: rootRef,
+				"data-ds-segmented": "",
+				"data-variant": __props.variant,
+				role: "radiogroup",
+				"aria-label": __props.ariaLabel,
+				"aria-disabled": __props.disabled ? "true" : void 0,
+				class: normalizeClass(rootClassName.value),
+				style: normalizeStyle(rootStyle.value)
+			}, [hasIndicator.value ? (openBlock(), createElementBlock("span", {
+				key: 0,
+				"data-ds-segmented-indicator": "",
+				"aria-hidden": "true",
+				class: normalizeClass(indicatorClassName.value),
+				style: normalizeStyle(indicatorStyle.value)
+			}, null, 6)) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (option, index) => {
+				return openBlock(), createElementBlock("button", {
+					key: option.value,
+					ref_for: true,
+					ref: (element) => setItemRef(option.value, element),
+					"data-ds-segmented-item": "",
+					"data-value": String(option.value),
+					type: "button",
+					role: "radio",
+					"aria-checked": isOptionSelected(option) ? "true" : "false",
+					"aria-disabled": resolveOptionDisabled(option) ? "true" : void 0,
+					disabled: resolveOptionDisabled(option),
+					tabindex: isFocusableOption(option, index) ? 0 : -1,
+					class: normalizeClass(unref(grSegmentedItemClass)({
+						variant: __props.variant,
+						selected: isOptionSelected(option),
+						disabled: resolveOptionDisabled(option),
+						iconOnly: isIconOnlyOption(option)
+					})),
+					onClick: ($event) => emitValue(option),
+					onKeydown: ($event) => onKeydown($event, index)
+				}, [createElementVNode("input", {
+					type: "radio",
+					tabindex: "-1",
+					"aria-hidden": "true",
+					name: resolvedName.value,
+					value: option.value,
+					checked: isOptionSelected(option),
+					disabled: resolveOptionDisabled(option),
+					style: hiddenInputStyle
+				}, null, 8, _hoisted_3), renderSlot(_ctx.$slots, "default", {
+					option,
+					selected: isOptionSelected(option),
+					disabled: resolveOptionDisabled(option)
+				}, () => [option.icon ? (openBlock(), createBlock(resolveDynamicComponent(option.icon), {
+					key: 0,
+					"aria-hidden": "true",
+					class: normalizeClass(unref(grSegmentedItemIconClass))
+				}, null, 8, ["class"])) : createCommentVNode("", true), option.label ? (openBlock(), createElementBlock("span", {
+					key: 1,
+					class: normalizeClass(unref(grSegmentedItemLabelClass))
+				}, toDisplayString(option.label), 3)) : createCommentVNode("", true)])], 42, _hoisted_2);
+			}), 128))], 14, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { GrSegmented_default as t };
+
+//# sourceMappingURL=GrSegmented-BPl1koHc.js.map

package/dist/components/GrSegmented/chunks/GrSegmented-BPl1koHc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GrSegmented-BPl1koHc.js","names":[],"sources":["../../../../src/components/GrSegmented/GrSegmented.vue","../../../../src/components/GrSegmented/GrSegmented.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, getCurrentInstance, nextTick, onBeforeUnmount, onMounted, ref, watch } from 'vue'\n\nimport type { ComponentPublicInstance } from 'vue'\n\nimport {\n  grSegmentedIndicatorClass,\n  grSegmentedItemClass,\n  grSegmentedItemIconClass,\n  grSegmentedItemLabelClass,\n  grSegmentedRootClass,\n  grSegmentedRootStyle,\n  type GrSegmentedOption,\n  type GrSegmentedSize,\n  type GrSegmentedValue,\n  type GrSegmentedVariant,\n} from './grSegmentedStyles'\n\nconst hiddenInputStyle = {\n  position: 'absolute',\n  opacity: '0',\n  width: '0',\n  height: '0',\n  pointerEvents: 'none',\n} as const\n\ntype IndicatorGeometry = {\n  width: number\n  height: number\n  x: number\n  y: number\n}\n\n/**\n * Пропсы публичного DS-примитива «Segmented».\n */\nexport interface GrSegmentedProps {\n  modelValue: GrSegmentedValue\n  options: GrSegmentedOption[]\n  variant?: GrSegmentedVariant\n  size?: GrSegmentedSize\n  /** Длительность анимации индикатора в мс. */\n  indicatorDuration?: number\n  /** Растягивать сегмент на всю ширину контейнера. */\n  block?: boolean\n  disabled?: boolean\n  /** Имя скрытых radio-inputs для интеграции с нативной формой. */\n  name?: string\n  ariaLabel?: string\n}\n\nconst props = withDefaults(\n  defineProps<GrSegmentedProps>(),\n  {\n    variant: 'pills',\n    size: 'md',\n    indicatorDuration: 300,\n    block: false,\n    disabled: false,\n    name: undefined,\n    ariaLabel: undefined,\n  },\n)\n\nconst emit = defineEmits<{\n  (event: 'update:modelValue', value: GrSegmentedValue): void\n  (event: 'change', value: GrSegmentedValue, option: GrSegmentedOption): void\n}>()\n\nconst instance = getCurrentInstance()\nconst fallbackName = `ds-segmented-${instance?.uid ?? Math.random()}`\n\nconst rootRef = ref<HTMLElement | null>(null)\nconst itemRefs = ref(new Map<string, HTMLElement>())\nconst indicatorGeometry = ref<IndicatorGeometry | null>(null)\nconst indicatorReady = ref(false)\n\nlet resizeObserver: ResizeObserver | null = null\nlet observedRoot: HTMLElement | null = null\nlet observedItem: HTMLElement | null = null\nlet scheduled = false\n\nconst selectedIndex = computed(() => props.options.findIndex(option => option.value === props.modelValue))\nconst selectedOption = computed(() => props.options[selectedIndex.value] ?? null)\nconst enabledOptions = computed(() => props.options.filter(option => !resolveOptionDisabled(option)))\nconst indicatorDuration = computed(() => Math.max(0, Math.round(props.indicatorDuration)))\nconst rootClassName = computed(() => grSegmentedRootClass({\n  variant: props.variant,\n  block: props.block,\n  disabled: props.disabled,\n}))\nconst rootStyle = computed<Record<string, string>>(() => ({\n  ...grSegmentedRootStyle({\n    variant: props.variant,\n    size: props.size,\n  }),\n  gridTemplateColumns: props.options.length > 0\n    ? props.options.map(() => props.block ? 'minmax(0,1fr)' : 'minmax(0,max-content)').join(' ')\n    : 'none',\n}))\nconst indicatorClassName = computed(() => grSegmentedIndicatorClass(props.variant))\nconst resolvedName = computed(() => props.name ?? fallbackName)\nconst hasIndicator = computed(() => selectedIndex.value !== -1 && indicatorGeometry.value !== null)\n\nconst indicatorStyle = computed<Record<string, string>>(() => {\n  const geometry = indicatorGeometry.value\n  if (!geometry) {\n    return {\n      opacity: '0',\n      width: '0px',\n      height: '0px',\n      transitionDuration: `${indicatorDuration.value}ms`,\n      transform: 'translate3d(0px, 0px, 0px)',\n    }\n  }\n\n  return {\n    opacity: indicatorReady.value ? '1' : '0',\n    width: `${geometry.width}px`,\n    height: `${geometry.height}px`,\n    transitionDuration: `${indicatorDuration.value}ms`,\n    transform: `translate3d(${geometry.x}px, ${geometry.y}px, 0)`,\n  }\n})\n\nfunction getOptionKey(value: GrSegmentedValue): string {\n  return String(value)\n}\n\nfunction resolveOptionDisabled(option: GrSegmentedOption): boolean {\n  return props.disabled || Boolean(option.disabled)\n}\n\nfunction isOptionSelected(option: GrSegmentedOption): boolean {\n  return option.value === props.modelValue\n}\n\nfunction isIconOnlyOption(option: GrSegmentedOption): boolean {\n  return Boolean(option.icon) && !option.label\n}\n\nfunction isFocusableOption(option: GrSegmentedOption, index: number): boolean {\n  if (resolveOptionDisabled(option)) {\n    return false\n  }\n\n  if (isOptionSelected(option)) {\n    return true\n  }\n\n  if (selectedIndex.value !== -1) {\n    return false\n  }\n\n  return enabledOptions.value[0]?.value === props.options[index]?.value\n}\n\nfunction setItemRef(value: GrSegmentedValue, element: Element | ComponentPublicInstance | null): void {\n  const key = getOptionKey(value)\n\n  if (!(element instanceof HTMLElement)) {\n    itemRefs.value.delete(key)\n    return\n  }\n\n  itemRefs.value.set(key, element)\n}\n\nfunction isSameGeometry(left: IndicatorGeometry | null, right: IndicatorGeometry | null): boolean {\n  if (left === right) {\n    return true\n  }\n\n  if (!left || !right) {\n    return false\n  }\n\n  return left.width === right.width\n    && left.height === right.height\n    && left.x === right.x\n    && left.y === right.y\n}\n\nfunction measureIndicator(): void {\n  const root = rootRef.value\n  const option = selectedOption.value\n  if (!root || !option) {\n    if (indicatorGeometry.value !== null)\n      indicatorGeometry.value = null\n\n    if (indicatorReady.value)\n      indicatorReady.value = false\n\n    return\n  }\n\n  const selectedItem = itemRefs.value.get(getOptionKey(option.value))\n  if (!selectedItem) {\n    return\n  }\n\n  const rootRect = root.getBoundingClientRect()\n  const itemRect = selectedItem.getBoundingClientRect()\n\n  const nextGeometry = {\n    width: Math.max(Math.round(itemRect.width), 0),\n    height: Math.max(Math.round(itemRect.height), 0),\n    x: Math.round(itemRect.left - rootRect.left),\n    y: Math.max(Math.round(itemRect.top - rootRect.top) - 1, 0),\n  } satisfies IndicatorGeometry\n\n  if (!isSameGeometry(indicatorGeometry.value, nextGeometry)) {\n    indicatorGeometry.value = nextGeometry\n  }\n\n  const nextReady = nextGeometry.width > 0 && nextGeometry.height > 0\n  if (indicatorReady.value !== nextReady) {\n    indicatorReady.value = nextReady\n  }\n}\n\nfunction refreshObserver(): void {\n  if (typeof ResizeObserver === 'undefined') {\n    return\n  }\n\n  const root = rootRef.value\n  const option = selectedOption.value\n  const selectedItem = option\n    ? itemRefs.value.get(getOptionKey(option.value)) ?? null\n    : null\n\n  if (!resizeObserver) {\n    resizeObserver = new ResizeObserver(() => scheduleMeasure())\n  }\n\n  if (!root) {\n    resizeObserver.disconnect()\n    observedRoot = null\n    observedItem = null\n    return\n  }\n\n  if (observedRoot === root && observedItem === selectedItem) {\n    return\n  }\n\n  resizeObserver.disconnect()\n  resizeObserver.observe(root)\n\n  if (selectedItem) {\n    resizeObserver.observe(selectedItem)\n  }\n\n  observedRoot = root\n  observedItem = selectedItem\n}\n\nfunction scheduleMeasure(): void {\n  if (scheduled) {\n    return\n  }\n\n  scheduled = true\n  void nextTick(() => {\n    scheduled = false\n    measureIndicator()\n    refreshObserver()\n  })\n}\n\nfunction emitValue(option: GrSegmentedOption): void {\n  if (resolveOptionDisabled(option) || option.value === props.modelValue) {\n    return\n  }\n\n  emit('update:modelValue', option.value)\n  emit('change', option.value, option)\n}\n\nfunction getNextEnabledIndex(startIndex: number, direction: 1 | -1): number {\n  if (props.options.length === 0) {\n    return -1\n  }\n\n  let cursor = startIndex\n  for (let step = 0; step < props.options.length; step += 1) {\n    cursor = (cursor + direction + props.options.length) % props.options.length\n    const option = props.options[cursor]\n    if (option && !resolveOptionDisabled(option)) {\n      return cursor\n    }\n  }\n\n  return -1\n}\n\nfunction focusIndex(index: number): void {\n  const option = props.options[index]\n  if (!option) {\n    return\n  }\n\n  itemRefs.value.get(getOptionKey(option.value))?.focus()\n}\n\nfunction onKeydown(event: KeyboardEvent, index: number): void {\n  if (props.disabled) {\n    return\n  }\n\n  if (event.key === 'ArrowRight' || event.key === 'ArrowDown') {\n    event.preventDefault()\n    const nextIndex = getNextEnabledIndex(index, 1)\n    if (nextIndex === -1) {\n      return\n    }\n\n    const option = props.options[nextIndex]\n    if (option) {\n      emitValue(option)\n      focusIndex(nextIndex)\n    }\n    return\n  }\n\n  if (event.key === 'ArrowLeft' || event.key === 'ArrowUp') {\n    event.preventDefault()\n    const nextIndex = getNextEnabledIndex(index, -1)\n    if (nextIndex === -1) {\n      return\n    }\n\n    const option = props.options[nextIndex]\n    if (option) {\n      emitValue(option)\n      focusIndex(nextIndex)\n    }\n    return\n  }\n\n  if (event.key === 'Home') {\n    event.preventDefault()\n    const firstOption = enabledOptions.value[0]\n    if (!firstOption) {\n      return\n    }\n\n    emitValue(firstOption)\n    focusIndex(props.options.findIndex(option => option.value === firstOption.value))\n    return\n  }\n\n  if (event.key === 'End') {\n    event.preventDefault()\n    const lastOption = enabledOptions.value.at(-1)\n    if (!lastOption) {\n      return\n    }\n\n    emitValue(lastOption)\n    focusIndex(props.options.findIndex(option => option.value === lastOption.value))\n    return\n  }\n\n  if (event.key === ' ' || event.key === 'Enter') {\n    event.preventDefault()\n    const option = props.options[index]\n    if (option) {\n      emitValue(option)\n    }\n  }\n}\n\nwatch(() => props.modelValue, () => scheduleMeasure())\nwatch(() => props.options, () => scheduleMeasure(), { deep: true })\nwatch(() => props.variant, () => scheduleMeasure())\nwatch(() => props.size, () => scheduleMeasure())\nwatch(() => props.block, () => scheduleMeasure())\n\nonMounted(() => scheduleMeasure())\nonBeforeUnmount(() => {\n  resizeObserver?.disconnect()\n  observedRoot = null\n  observedItem = null\n})\n</script>\n\n<template>\n  <div\n    ref=\"rootRef\"\n    data-ds-segmented\n    :data-variant=\"variant\"\n    role=\"radiogroup\"\n    :aria-label=\"ariaLabel\"\n    :aria-disabled=\"disabled ? 'true' : undefined\"\n    :class=\"rootClassName\"\n    :style=\"rootStyle\"\n  >\n    <span\n      v-if=\"hasIndicator\"\n      data-ds-segmented-indicator\n      aria-hidden=\"true\"\n      :class=\"indicatorClassName\"\n      :style=\"indicatorStyle\"\n    />\n\n    <button\n      v-for=\"(option, index) in options\"\n      :key=\"option.value\"\n      :ref=\"element => setItemRef(option.value, element)\"\n      data-ds-segmented-item\n      :data-value=\"String(option.value)\"\n      type=\"button\"\n      role=\"radio\"\n      :aria-checked=\"isOptionSelected(option) ? 'true' : 'false'\"\n      :aria-disabled=\"resolveOptionDisabled(option) ? 'true' : undefined\"\n      :disabled=\"resolveOptionDisabled(option)\"\n      :tabindex=\"isFocusableOption(option, index) ? 0 : -1\"\n      :class=\"grSegmentedItemClass({\n        variant,\n        selected: isOptionSelected(option),\n        disabled: resolveOptionDisabled(option),\n        iconOnly: isIconOnlyOption(option),\n      })\"\n      @click=\"emitValue(option)\"\n      @keydown=\"onKeydown($event, index)\"\n    >\n      <input\n        type=\"radio\"\n        tabindex=\"-1\"\n        aria-hidden=\"true\"\n        :name=\"resolvedName\"\n        :value=\"option.value\"\n        :checked=\"isOptionSelected(option)\"\n        :disabled=\"resolveOptionDisabled(option)\"\n        :style=\"hiddenInputStyle\"\n      >\n\n      <slot\n        :option=\"option\"\n        :selected=\"isOptionSelected(option)\"\n        :disabled=\"resolveOptionDisabled(option)\"\n      >\n        <component\n          :is=\"option.icon\"\n          v-if=\"option.icon\"\n          aria-hidden=\"true\"\n          :class=\"grSegmentedItemIconClass\"\n        />\n        <span v-if=\"option.label\" :class=\"grSegmentedItemLabelClass\">\n          {{ option.label }}\n        </span>\n      </slot>\n    </button>\n  </div>\n</template>","<script setup lang=\"ts\">\nimport { computed, getCurrentInstance, nextTick, onBeforeUnmount, onMounted, ref, watch } from 'vue'\n\nimport type { ComponentPublicInstance } from 'vue'\n\nimport {\n  grSegmentedIndicatorClass,\n  grSegmentedItemClass,\n  grSegmentedItemIconClass,\n  grSegmentedItemLabelClass,\n  grSegmentedRootClass,\n  grSegmentedRootStyle,\n  type GrSegmentedOption,\n  type GrSegmentedSize,\n  type GrSegmentedValue,\n  type GrSegmentedVariant,\n} from './grSegmentedStyles'\n\nconst hiddenInputStyle = {\n  position: 'absolute',\n  opacity: '0',\n  width: '0',\n  height: '0',\n  pointerEvents: 'none',\n} as const\n\ntype IndicatorGeometry = {\n  width: number\n  height: number\n  x: number\n  y: number\n}\n\n/**\n * Пропсы публичного DS-примитива «Segmented».\n */\nexport interface GrSegmentedProps {\n  modelValue: GrSegmentedValue\n  options: GrSegmentedOption[]\n  variant?: GrSegmentedVariant\n  size?: GrSegmentedSize\n  /** Длительность анимации индикатора в мс. */\n  indicatorDuration?: number\n  /** Растягивать сегмент на всю ширину контейнера. */\n  block?: boolean\n  disabled?: boolean\n  /** Имя скрытых radio-inputs для интеграции с нативной формой. */\n  name?: string\n  ariaLabel?: string\n}\n\nconst props = withDefaults(\n  defineProps<GrSegmentedProps>(),\n  {\n    variant: 'pills',\n    size: 'md',\n    indicatorDuration: 300,\n    block: false,\n    disabled: false,\n    name: undefined,\n    ariaLabel: undefined,\n  },\n)\n\nconst emit = defineEmits<{\n  (event: 'update:modelValue', value: GrSegmentedValue): void\n  (event: 'change', value: GrSegmentedValue, option: GrSegmentedOption): void\n}>()\n\nconst instance = getCurrentInstance()\nconst fallbackName = `ds-segmented-${instance?.uid ?? Math.random()}`\n\nconst rootRef = ref<HTMLElement | null>(null)\nconst itemRefs = ref(new Map<string, HTMLElement>())\nconst indicatorGeometry = ref<IndicatorGeometry | null>(null)\nconst indicatorReady = ref(false)\n\nlet resizeObserver: ResizeObserver | null = null\nlet observedRoot: HTMLElement | null = null\nlet observedItem: HTMLElement | null = null\nlet scheduled = false\n\nconst selectedIndex = computed(() => props.options.findIndex(option => option.value === props.modelValue))\nconst selectedOption = computed(() => props.options[selectedIndex.value] ?? null)\nconst enabledOptions = computed(() => props.options.filter(option => !resolveOptionDisabled(option)))\nconst indicatorDuration = computed(() => Math.max(0, Math.round(props.indicatorDuration)))\nconst rootClassName = computed(() => grSegmentedRootClass({\n  variant: props.variant,\n  block: props.block,\n  disabled: props.disabled,\n}))\nconst rootStyle = computed<Record<string, string>>(() => ({\n  ...grSegmentedRootStyle({\n    variant: props.variant,\n    size: props.size,\n  }),\n  gridTemplateColumns: props.options.length > 0\n    ? props.options.map(() => props.block ? 'minmax(0,1fr)' : 'minmax(0,max-content)').join(' ')\n    : 'none',\n}))\nconst indicatorClassName = computed(() => grSegmentedIndicatorClass(props.variant))\nconst resolvedName = computed(() => props.name ?? fallbackName)\nconst hasIndicator = computed(() => selectedIndex.value !== -1 && indicatorGeometry.value !== null)\n\nconst indicatorStyle = computed<Record<string, string>>(() => {\n  const geometry = indicatorGeometry.value\n  if (!geometry) {\n    return {\n      opacity: '0',\n      width: '0px',\n      height: '0px',\n      transitionDuration: `${indicatorDuration.value}ms`,\n      transform: 'translate3d(0px, 0px, 0px)',\n    }\n  }\n\n  return {\n    opacity: indicatorReady.value ? '1' : '0',\n    width: `${geometry.width}px`,\n    height: `${geometry.height}px`,\n    transitionDuration: `${indicatorDuration.value}ms`,\n    transform: `translate3d(${geometry.x}px, ${geometry.y}px, 0)`,\n  }\n})\n\nfunction getOptionKey(value: GrSegmentedValue): string {\n  return String(value)\n}\n\nfunction resolveOptionDisabled(option: GrSegmentedOption): boolean {\n  return props.disabled || Boolean(option.disabled)\n}\n\nfunction isOptionSelected(option: GrSegmentedOption): boolean {\n  return option.value === props.modelValue\n}\n\nfunction isIconOnlyOption(option: GrSegmentedOption): boolean {\n  return Boolean(option.icon) && !option.label\n}\n\nfunction isFocusableOption(option: GrSegmentedOption, index: number): boolean {\n  if (resolveOptionDisabled(option)) {\n    return false\n  }\n\n  if (isOptionSelected(option)) {\n    return true\n  }\n\n  if (selectedIndex.value !== -1) {\n    return false\n  }\n\n  return enabledOptions.value[0]?.value === props.options[index]?.value\n}\n\nfunction setItemRef(value: GrSegmentedValue, element: Element | ComponentPublicInstance | null): void {\n  const key = getOptionKey(value)\n\n  if (!(element instanceof HTMLElement)) {\n    itemRefs.value.delete(key)\n    return\n  }\n\n  itemRefs.value.set(key, element)\n}\n\nfunction isSameGeometry(left: IndicatorGeometry | null, right: IndicatorGeometry | null): boolean {\n  if (left === right) {\n    return true\n  }\n\n  if (!left || !right) {\n    return false\n  }\n\n  return left.width === right.width\n    && left.height === right.height\n    && left.x === right.x\n    && left.y === right.y\n}\n\nfunction measureIndicator(): void {\n  const root = rootRef.value\n  const option = selectedOption.value\n  if (!root || !option) {\n    if (indicatorGeometry.value !== null)\n      indicatorGeometry.value = null\n\n    if (indicatorReady.value)\n      indicatorReady.value = false\n\n    return\n  }\n\n  const selectedItem = itemRefs.value.get(getOptionKey(option.value))\n  if (!selectedItem) {\n    return\n  }\n\n  const rootRect = root.getBoundingClientRect()\n  const itemRect = selectedItem.getBoundingClientRect()\n\n  const nextGeometry = {\n    width: Math.max(Math.round(itemRect.width), 0),\n    height: Math.max(Math.round(itemRect.height), 0),\n    x: Math.round(itemRect.left - rootRect.left),\n    y: Math.max(Math.round(itemRect.top - rootRect.top) - 1, 0),\n  } satisfies IndicatorGeometry\n\n  if (!isSameGeometry(indicatorGeometry.value, nextGeometry)) {\n    indicatorGeometry.value = nextGeometry\n  }\n\n  const nextReady = nextGeometry.width > 0 && nextGeometry.height > 0\n  if (indicatorReady.value !== nextReady) {\n    indicatorReady.value = nextReady\n  }\n}\n\nfunction refreshObserver(): void {\n  if (typeof ResizeObserver === 'undefined') {\n    return\n  }\n\n  const root = rootRef.value\n  const option = selectedOption.value\n  const selectedItem = option\n    ? itemRefs.value.get(getOptionKey(option.value)) ?? null\n    : null\n\n  if (!resizeObserver) {\n    resizeObserver = new ResizeObserver(() => scheduleMeasure())\n  }\n\n  if (!root) {\n    resizeObserver.disconnect()\n    observedRoot = null\n    observedItem = null\n    return\n  }\n\n  if (observedRoot === root && observedItem === selectedItem) {\n    return\n  }\n\n  resizeObserver.disconnect()\n  resizeObserver.observe(root)\n\n  if (selectedItem) {\n    resizeObserver.observe(selectedItem)\n  }\n\n  observedRoot = root\n  observedItem = selectedItem\n}\n\nfunction scheduleMeasure(): void {\n  if (scheduled) {\n    return\n  }\n\n  scheduled = true\n  void nextTick(() => {\n    scheduled = false\n    measureIndicator()\n    refreshObserver()\n  })\n}\n\nfunction emitValue(option: GrSegmentedOption): void {\n  if (resolveOptionDisabled(option) || option.value === props.modelValue) {\n    return\n  }\n\n  emit('update:modelValue', option.value)\n  emit('change', option.value, option)\n}\n\nfunction getNextEnabledIndex(startIndex: number, direction: 1 | -1): number {\n  if (props.options.length === 0) {\n    return -1\n  }\n\n  let cursor = startIndex\n  for (let step = 0; step < props.options.length; step += 1) {\n    cursor = (cursor + direction + props.options.length) % props.options.length\n    const option = props.options[cursor]\n    if (option && !resolveOptionDisabled(option)) {\n      return cursor\n    }\n  }\n\n  return -1\n}\n\nfunction focusIndex(index: number): void {\n  const option = props.options[index]\n  if (!option) {\n    return\n  }\n\n  itemRefs.value.get(getOptionKey(option.value))?.focus()\n}\n\nfunction onKeydown(event: KeyboardEvent, index: number): void {\n  if (props.disabled) {\n    return\n  }\n\n  if (event.key === 'ArrowRight' || event.key === 'ArrowDown') {\n    event.preventDefault()\n    const nextIndex = getNextEnabledIndex(index, 1)\n    if (nextIndex === -1) {\n      return\n    }\n\n    const option = props.options[nextIndex]\n    if (option) {\n      emitValue(option)\n      focusIndex(nextIndex)\n    }\n    return\n  }\n\n  if (event.key === 'ArrowLeft' || event.key === 'ArrowUp') {\n    event.preventDefault()\n    const nextIndex = getNextEnabledIndex(index, -1)\n    if (nextIndex === -1) {\n      return\n    }\n\n    const option = props.options[nextIndex]\n    if (option) {\n      emitValue(option)\n      focusIndex(nextIndex)\n    }\n    return\n  }\n\n  if (event.key === 'Home') {\n    event.preventDefault()\n    const firstOption = enabledOptions.value[0]\n    if (!firstOption) {\n      return\n    }\n\n    emitValue(firstOption)\n    focusIndex(props.options.findIndex(option => option.value === firstOption.value))\n    return\n  }\n\n  if (event.key === 'End') {\n    event.preventDefault()\n    const lastOption = enabledOptions.value.at(-1)\n    if (!lastOption) {\n      return\n    }\n\n    emitValue(lastOption)\n    focusIndex(props.options.findIndex(option => option.value === lastOption.value))\n    return\n  }\n\n  if (event.key === ' ' || event.key === 'Enter') {\n    event.preventDefault()\n    const option = props.options[index]\n    if (option) {\n      emitValue(option)\n    }\n  }\n}\n\nwatch(() => props.modelValue, () => scheduleMeasure())\nwatch(() => props.options, () => scheduleMeasure(), { deep: true })\nwatch(() => props.variant, () => scheduleMeasure())\nwatch(() => props.size, () => scheduleMeasure())\nwatch(() => props.block, () => scheduleMeasure())\n\nonMounted(() => scheduleMeasure())\nonBeforeUnmount(() => {\n  resizeObserver?.disconnect()\n  observedRoot = null\n  observedItem = null\n})\n</script>\n\n<template>\n  <div\n    ref=\"rootRef\"\n    data-ds-segmented\n    :data-variant=\"variant\"\n    role=\"radiogroup\"\n    :aria-label=\"ariaLabel\"\n    :aria-disabled=\"disabled ? 'true' : undefined\"\n    :class=\"rootClassName\"\n    :style=\"rootStyle\"\n  >\n    <span\n      v-if=\"hasIndicator\"\n      data-ds-segmented-indicator\n      aria-hidden=\"true\"\n      :class=\"indicatorClassName\"\n      :style=\"indicatorStyle\"\n    />\n\n    <button\n      v-for=\"(option, index) in options\"\n      :key=\"option.value\"\n      :ref=\"element => setItemRef(option.value, element)\"\n      data-ds-segmented-item\n      :data-value=\"String(option.value)\"\n      type=\"button\"\n      role=\"radio\"\n      :aria-checked=\"isOptionSelected(option) ? 'true' : 'false'\"\n      :aria-disabled=\"resolveOptionDisabled(option) ? 'true' : undefined\"\n      :disabled=\"resolveOptionDisabled(option)\"\n      :tabindex=\"isFocusableOption(option, index) ? 0 : -1\"\n      :class=\"grSegmentedItemClass({\n        variant,\n        selected: isOptionSelected(option),\n        disabled: resolveOptionDisabled(option),\n        iconOnly: isIconOnlyOption(option),\n      })\"\n      @click=\"emitValue(option)\"\n      @keydown=\"onKeydown($event, index)\"\n    >\n      <input\n        type=\"radio\"\n        tabindex=\"-1\"\n        aria-hidden=\"true\"\n        :name=\"resolvedName\"\n        :value=\"option.value\"\n        :checked=\"isOptionSelected(option)\"\n        :disabled=\"resolveOptionDisabled(option)\"\n        :style=\"hiddenInputStyle\"\n      >\n\n      <slot\n        :option=\"option\"\n        :selected=\"isOptionSelected(option)\"\n        :disabled=\"resolveOptionDisabled(option)\"\n      >\n        <component\n          :is=\"option.icon\"\n          v-if=\"option.icon\"\n          aria-hidden=\"true\"\n          :class=\"grSegmentedItemIconClass\"\n        />\n        <span v-if=\"option.label\" :class=\"grSegmentedItemLabelClass\">\n          {{ option.label }}\n        </span>\n      </slot>\n    </button>\n  </div>\n</template>"],"mappings":"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"}

package/dist/components/GrSegmented/index.js

@@ -0,0 +1,3 @@
+import { n as grSegmentedSafelist, t as grSegmentedConfig } from "../../chunks/config-BhvNm4Pp.js";
+import { t as GrSegmented_default } from "./chunks/GrSegmented-BPl1koHc.js";
+export { GrSegmented_default as GrSegmented, GrSegmented_default as default, grSegmentedConfig, grSegmentedSafelist };