@feugene/granularity 0.13.0 → 0.16.0

package/dist/components/GrSplitter/chunks/GrSplitter-7To8jbJ8.js

@@ -0,0 +1,288 @@
+import { a as useGrComponentProp } from "../../../chunks/context-BSYR7RZs.js";
+import { n as useGranularityTranslations } from "../../../chunks/granularityI18n-BC5zsj_d.js";
+import { a as separatorClass, i as rootClass, r as paneClass } from "../../../chunks/config-BE6n20np.js";
+import { computed, createElementBlock, createElementVNode, defineComponent, normalizeClass, normalizeStyle, onBeforeUnmount, openBlock, ref, renderSlot, unref, useId, watch } from "vue";
+import '../styles.css';//#region src/components/GrSplitter/splitterGeometry.ts
+/**
+* Арифметика раздвижных панелей. Без Vue — проверяется без монтирования.
+*
+* Всё считается в процентах ширины (или высоты) контейнера: клавиатура,
+* границы и сворачивание работают без единого замера DOM, а серверный рендер
+* совпадает с клиентским. Замер нужен ровно в одном месте — перевод координаты
+* указателя в проценты.
+*/
+var GR_SPLITTER_ORIENTATIONS = ["horizontal", "vertical"];
+function toFinite(value, fallback) {
+	return Number.isFinite(value) ? value : fallback;
+}
+/**
+* Приводит долю первой панели к допустимой.
+*
+* При конфликте `min` и `minEnd` побеждает `min`: первая панель не должна
+* уезжать под свой минимум, даже если вторая при этом окажется уже своего.
+* Обратный порядок дал бы панель, которую пользователь не может вернуть.
+*/
+function clampSize(value, bounds) {
+	const min = Math.min(100, Math.max(0, toFinite(bounds.min, 0)));
+	const max = Math.min(100, Math.max(min, toFinite(bounds.max, 100)));
+	const minEnd = Math.min(100, Math.max(0, toFinite(bounds.minEnd, 0)));
+	const upper = Math.max(min, Math.min(max, 100 - minEnd));
+	return Math.min(upper, Math.max(min, toFinite(value, min)));
+}
+/** Доля, соответствующая позиции указателя. Вне контейнера — его края. */
+function sizeFromPointer(rect, clientX, clientY, orientation) {
+	const total = orientation === "horizontal" ? rect.width : rect.height;
+	if (!(total > 0)) return 0;
+	const offset = orientation === "horizontal" ? clientX - rect.left : clientY - rect.top;
+	return Math.min(100, Math.max(0, offset / total * 100));
+}
+/**
+* Тянуть панель ниже половины её минимума пользователь может только с одним
+* намерением — убрать её совсем. Это единственный способ свернуть панель
+* мышью: двойной клик занят сбросом к дефолту, `Enter` — клавиатурой.
+*/
+function shouldCollapse(value, bounds) {
+	const min = Math.min(100, Math.max(0, toFinite(bounds.min, 0)));
+	if (min <= 0) return false;
+	return toFinite(value, min) < min / 2;
+}
+//#endregion
+//#region src/components/GrSplitter/GrSplitter.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"data-orientation",
+	"data-dragging",
+	"data-collapsed"
+];
+var _hoisted_2 = ["id"];
+var _hoisted_3 = [
+	"tabindex",
+	"aria-orientation",
+	"aria-label",
+	"aria-controls",
+	"aria-valuenow",
+	"aria-valuemin",
+	"aria-valuemax",
+	"aria-disabled"
+];
+//#endregion
+//#region src/components/GrSplitter/GrSplitter.vue
+var GrSplitter_default = /* @__PURE__ */ defineComponent({
+	__name: "GrSplitter",
+	props: {
+		modelValue: { default: void 0 },
+		defaultSize: { default: 50 },
+		orientation: { default: void 0 },
+		min: { default: 10 },
+		max: { default: 90 },
+		minEnd: { default: 10 },
+		step: { default: 1 },
+		bigStep: { default: 10 },
+		collapsible: {
+			type: Boolean,
+			default: void 0
+		},
+		collapsed: {
+			type: Boolean,
+			default: false
+		},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		ariaLabel: { default: void 0 }
+	},
+	emits: [
+		"update:modelValue",
+		"update:collapsed",
+		"change"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const { t } = useGranularityTranslations();
+		const orientation = useGrComponentProp("GrSplitter", "orientation", () => props.orientation, "horizontal");
+		const collapsible = useGrComponentProp("GrSplitter", "collapsible", () => props.collapsible, false);
+		const startId = useId();
+		const rootEl = ref(null);
+		const bounds = computed(() => ({
+			min: props.min,
+			max: props.max,
+			minEnd: props.minEnd
+		}));
+		/**
+		* Локальное состояние с синхронизацией из пропа — поддерживает и controlled
+		* (`v-model`), и uncontrolled (сплиттер помнит размер сам), как `collapsed`
+		* у `GrSidebar`.
+		*/
+		const sizeState = ref(clampSize(props.modelValue ?? props.defaultSize, bounds.value));
+		watch(() => props.modelValue, (value) => {
+			if (value !== void 0) sizeState.value = clampSize(value, bounds.value);
+		});
+		const collapsedState = ref(props.collapsed);
+		watch(() => props.collapsed, (value) => collapsedState.value = value);
+		/** Размер, к которому возвращает `Enter`: свёрнутость не должна его терять. */
+		const restoreSize = ref(sizeState.value);
+		/** Значение до начала жеста: `pointercancel` откатывает к нему. */
+		let sizeBeforeDrag = sizeState.value;
+		let collapsedBeforeDrag = false;
+		const isDragging = ref(false);
+		const isCollapsed = computed(() => collapsible.value && collapsedState.value);
+		/** Что видно на экране: свёрнутая панель — это ноль в треке, но не ноль в модели. */
+		const renderedSize = computed(() => isCollapsed.value ? 0 : clampSize(sizeState.value, bounds.value));
+		const gridStyle = computed(() => {
+			const track = `${renderedSize.value}% var(--gr-splitter-size, 6px) 1fr`;
+			return orientation.value === "horizontal" ? { gridTemplateColumns: track } : { gridTemplateRows: track };
+		});
+		/**
+		* `aria-orientation` описывает **сам разделитель**, а не раскладку: панели,
+		* стоящие рядом, разделяет вертикальная полоса.
+		*/
+		const separatorOrientation = computed(() => orientation.value === "horizontal" ? "vertical" : "horizontal");
+		const label = computed(() => props.ariaLabel ?? t("gr.splitter.label", "Resize panels"));
+		function setSize(next, commit) {
+			const value = clampSize(next, bounds.value);
+			const changed = value !== sizeState.value;
+			sizeState.value = value;
+			if (changed) emit("update:modelValue", value);
+			if (commit) emit("change", value);
+		}
+		function setCollapsed(value) {
+			if (collapsedState.value === value) return;
+			collapsedState.value = value;
+			emit("update:collapsed", value);
+		}
+		/**
+		* Шаг размера. Свёрнутая панель на первое нажатие возвращается — двигать
+		* то, чего не видно, значит менять раскладку вслепую.
+		*/
+		function moveBy(delta) {
+			if (isCollapsed.value) {
+				setCollapsed(false);
+				setSize(restoreSize.value, true);
+				return;
+			}
+			restoreSize.value = clampSize(sizeState.value + delta, bounds.value);
+			setSize(sizeState.value + delta, true);
+		}
+		function toggleCollapsed() {
+			if (!collapsible.value) return;
+			if (isCollapsed.value) {
+				setCollapsed(false);
+				setSize(restoreSize.value, true);
+				return;
+			}
+			restoreSize.value = sizeState.value;
+			setCollapsed(true);
+			emit("change", 0);
+		}
+		function reset() {
+			setCollapsed(false);
+			restoreSize.value = clampSize(props.defaultSize, bounds.value);
+			setSize(props.defaultSize, true);
+		}
+		function onPointerMove(event) {
+			const rect = rootEl.value?.getBoundingClientRect();
+			if (!rect) return;
+			event.preventDefault();
+			const raw = sizeFromPointer(rect, event.clientX, event.clientY, orientation.value);
+			if (collapsible.value && shouldCollapse(raw, bounds.value)) {
+				if (!collapsedState.value) restoreSize.value = sizeState.value;
+				setCollapsed(true);
+				return;
+			}
+			setCollapsed(false);
+			restoreSize.value = clampSize(raw, bounds.value);
+			setSize(raw, false);
+		}
+		function stopListening() {
+			window.removeEventListener("pointermove", onPointerMove);
+			window.removeEventListener("pointerup", onPointerUp);
+			window.removeEventListener("pointercancel", onPointerCancel);
+		}
+		function endDrag(commit) {
+			if (!isDragging.value) return;
+			isDragging.value = false;
+			stopListening();
+			if (commit) {
+				emit("change", renderedSize.value);
+				return;
+			}
+			setCollapsed(collapsedBeforeDrag);
+			setSize(sizeBeforeDrag, false);
+		}
+		function onPointerUp() {
+			endDrag(true);
+		}
+		function onPointerCancel() {
+			endDrag(false);
+		}
+		function onPointerDown(event) {
+			if (props.disabled) return;
+			if (event.button !== 0) return;
+			sizeBeforeDrag = sizeState.value;
+			collapsedBeforeDrag = collapsedState.value;
+			isDragging.value = true;
+			window.addEventListener("pointermove", onPointerMove);
+			window.addEventListener("pointerup", onPointerUp);
+			window.addEventListener("pointercancel", onPointerCancel);
+		}
+		onBeforeUnmount(stopListening);
+		const decreaseKey = computed(() => orientation.value === "horizontal" ? "ArrowLeft" : "ArrowUp");
+		const increaseKey = computed(() => orientation.value === "horizontal" ? "ArrowRight" : "ArrowDown");
+		function onKeydown(event) {
+			if (props.disabled) return;
+			const step = event.shiftKey ? props.bigStep : props.step;
+			if (event.key === decreaseKey.value) moveBy(-step);
+			else if (event.key === increaseKey.value) moveBy(step);
+			else if (event.key === "Home") moveBy(-100);
+			else if (event.key === "End") moveBy(100);
+			else if (event.key === "Enter") toggleCollapsed();
+			else return;
+			event.preventDefault();
+		}
+		function onDoubleClick() {
+			if (props.disabled) return;
+			reset();
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				ref_key: "rootEl",
+				ref: rootEl,
+				"data-gr-splitter": "",
+				"data-orientation": unref(orientation),
+				"data-dragging": isDragging.value ? "" : void 0,
+				"data-collapsed": isCollapsed.value ? "" : void 0,
+				class: normalizeClass(unref(rootClass)),
+				style: normalizeStyle(gridStyle.value)
+			}, [
+				createElementVNode("div", {
+					id: unref(startId),
+					"data-gr-splitter-pane": "start",
+					class: normalizeClass(unref(paneClass))
+				}, [renderSlot(_ctx.$slots, "start")], 10, _hoisted_2),
+				createElementVNode("div", {
+					"data-gr-splitter-separator": "",
+					role: "separator",
+					tabindex: __props.disabled ? void 0 : 0,
+					"aria-orientation": separatorOrientation.value,
+					"aria-label": label.value,
+					"aria-controls": unref(startId),
+					"aria-valuenow": Math.round(renderedSize.value),
+					"aria-valuemin": Math.round(__props.min),
+					"aria-valuemax": Math.round(__props.max),
+					"aria-disabled": __props.disabled ? "true" : void 0,
+					class: normalizeClass(unref(separatorClass)),
+					onPointerdown: onPointerDown,
+					onKeydown,
+					onDblclick: onDoubleClick
+				}, null, 42, _hoisted_3),
+				createElementVNode("div", {
+					"data-gr-splitter-pane": "end",
+					class: normalizeClass(unref(paneClass))
+				}, [renderSlot(_ctx.$slots, "end")], 2)
+			], 14, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { sizeFromPointer as a, shouldCollapse as i, GR_SPLITTER_ORIENTATIONS as n, clampSize as r, GrSplitter_default as t };

package/dist/components/GrSplitter/chunks/GrSplitter-7To8jbJ8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GrSplitter-7To8jbJ8.js","names":[],"sources":["../../../../src/components/GrSplitter/splitterGeometry.ts","../../../../src/components/GrSplitter/GrSplitter.vue","../../../../src/components/GrSplitter/GrSplitter.vue"],"sourcesContent":["/**\n * Арифметика раздвижных панелей. Без Vue — проверяется без монтирования.\n *\n * Всё считается в процентах ширины (или высоты) контейнера: клавиатура,\n * границы и сворачивание работают без единого замера DOM, а серверный рендер\n * совпадает с клиентским. Замер нужен ровно в одном месте — перевод координаты\n * указателя в проценты.\n */\n\nexport const GR_SPLITTER_ORIENTATIONS = ['horizontal', 'vertical'] as const\n\nexport type GrSplitterOrientation = typeof GR_SPLITTER_ORIENTATIONS[number]\n\nexport interface GrSplitterBounds {\n  /** Минимум первой панели. */\n  min: number\n  /** Максимум первой панели. */\n  max: number\n  /** Минимум второй панели: без него её можно задавить в ноль. */\n  minEnd: number\n}\n\nfunction toFinite(value: number, fallback: number): number {\n  return Number.isFinite(value) ? value : fallback\n}\n\n/**\n * Приводит долю первой панели к допустимой.\n *\n * При конфликте `min` и `minEnd` побеждает `min`: первая панель не должна\n * уезжать под свой минимум, даже если вторая при этом окажется уже своего.\n * Обратный порядок дал бы панель, которую пользователь не может вернуть.\n */\nexport function clampSize(value: number, bounds: GrSplitterBounds): number {\n  const min = Math.min(100, Math.max(0, toFinite(bounds.min, 0)))\n  const max = Math.min(100, Math.max(min, toFinite(bounds.max, 100)))\n  const minEnd = Math.min(100, Math.max(0, toFinite(bounds.minEnd, 0)))\n\n  const upper = Math.max(min, Math.min(max, 100 - minEnd))\n\n  return Math.min(upper, Math.max(min, toFinite(value, min)))\n}\n\n/** Доля, соответствующая позиции указателя. Вне контейнера — его края. */\nexport function sizeFromPointer(\n  rect: { left: number, top: number, width: number, height: number },\n  clientX: number,\n  clientY: number,\n  orientation: GrSplitterOrientation,\n): number {\n  const total = orientation === 'horizontal' ? rect.width : rect.height\n  // Схлопнутый контейнер (ещё не в раскладке, `display: none`) — делить не на что.\n  if (!(total > 0)) return 0\n\n  const offset = orientation === 'horizontal' ? clientX - rect.left : clientY - rect.top\n\n  return Math.min(100, Math.max(0, (offset / total) * 100))\n}\n\n/**\n * Тянуть панель ниже половины её минимума пользователь может только с одним\n * намерением — убрать её совсем. Это единственный способ свернуть панель\n * мышью: двойной клик занят сбросом к дефолту, `Enter` — клавиатурой.\n */\nexport function shouldCollapse(value: number, bounds: GrSplitterBounds): boolean {\n  const min = Math.min(100, Math.max(0, toFinite(bounds.min, 0)))\n  if (min <= 0) return false\n\n  return toFinite(value, min) < min / 2\n}\n","<script setup lang=\"ts\">\nimport { computed, onBeforeUnmount, ref, useId, watch } from 'vue'\n\nimport { useGrComponentProp } from '../GrConfigProvider/context'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\n\nimport { paneClass, rootClass, separatorClass } from './grSplitterStyles'\nimport {\n  clampSize,\n  shouldCollapse,\n  sizeFromPointer,\n  type GrSplitterBounds,\n  type GrSplitterOrientation,\n} from './splitterGeometry'\n\nexport type { GrSplitterOrientation } from './splitterGeometry'\n\n/**\n * Пропы {@link GrSplitter}.\n *\n * Две панели и разделитель между ними. Размер первой панели — доля контейнера\n * в процентах: она переживает смену ширины окна и рендерится на сервере без\n * замеров.\n */\nexport interface GrSplitterProps {\n  /** Доля первой панели в процентах. Поддерживает `v-model`; без него компонент помнит размер сам. */\n  modelValue?: number\n  /** Стартовая доля и точка возврата по двойному клику. */\n  defaultSize?: number\n  /** `horizontal` — панели рядом, `vertical` — одна над другой. */\n  orientation?: GrSplitterOrientation\n  /** Минимум первой панели в процентах. */\n  min?: number\n  /** Максимум первой панели в процентах. */\n  max?: number\n  /** Минимум второй панели: без него её можно задавить в ноль. */\n  minEnd?: number\n  /** Шаг стрелок. */\n  step?: number\n  /** Шаг стрелок с `Shift`. */\n  bigStep?: number\n  /** Разрешить сворачивание первой панели. */\n  collapsible?: boolean\n  /** Первая панель свёрнута. Поддерживает `v-model:collapsed`. */\n  collapsed?: boolean\n  /** Разделитель не тянется, не фокусируется и не отвечает на клавиши. */\n  disabled?: boolean\n  /** Имя разделителя для скринридера. Не задано — из локали. */\n  ariaLabel?: string\n}\n\nexport interface GrSplitterEmits {\n  (e: 'update:modelValue', value: number): void\n  (e: 'update:collapsed', value: boolean): void\n  /** Конец жеста и каждый шаг с клавиатуры: сюда вешают сохранение раскладки. */\n  (e: 'change', value: number): void\n}\n\nconst props = withDefaults(defineProps<GrSplitterProps>(), {\n  modelValue: undefined,\n  defaultSize: 50,\n  min: 10,\n  max: 90,\n  minEnd: 10,\n  step: 1,\n  bigStep: 10,\n  collapsed: false,\n  disabled: false,\n  ariaLabel: undefined,\n  // `undefined`, а не готовые значения: иначе `componentDefaults` до них не дошли бы.\n  orientation: undefined,\n  collapsible: undefined,\n})\n\nconst emit = defineEmits<GrSplitterEmits>()\n\ndefineSlots<{\n  /** Первая панель — та, чей размер задаёт модель. */\n  start?: () => any\n  /** Вторая панель: занимает остаток. */\n  end?: () => any\n}>()\n\nconst { t } = useGranularityTranslations()\n\nconst orientation = useGrComponentProp('GrSplitter', 'orientation', () => props.orientation, 'horizontal')\nconst collapsible = useGrComponentProp('GrSplitter', 'collapsible', () => props.collapsible, false)\n\nconst startId = useId()\nconst rootEl = ref<HTMLElement | null>(null)\n\nconst bounds = computed<GrSplitterBounds>(() => ({\n  min: props.min,\n  max: props.max,\n  minEnd: props.minEnd,\n}))\n\n/**\n * Локальное состояние с синхронизацией из пропа — поддерживает и controlled\n * (`v-model`), и uncontrolled (сплиттер помнит размер сам), как `collapsed`\n * у `GrSidebar`.\n */\nconst sizeState = ref(clampSize(props.modelValue ?? props.defaultSize, bounds.value))\nwatch(() => props.modelValue, (value) => {\n  if (value !== undefined) sizeState.value = clampSize(value, bounds.value)\n})\n\nconst collapsedState = ref(props.collapsed)\nwatch(() => props.collapsed, value => (collapsedState.value = value))\n\n/** Размер, к которому возвращает `Enter`: свёрнутость не должна его терять. */\nconst restoreSize = ref(sizeState.value)\n\n/** Значение до начала жеста: `pointercancel` откатывает к нему. */\nlet sizeBeforeDrag = sizeState.value\nlet collapsedBeforeDrag = false\n\nconst isDragging = ref(false)\n\nconst isCollapsed = computed(() => collapsible.value && collapsedState.value)\n\n/** Что видно на экране: свёрнутая панель — это ноль в треке, но не ноль в модели. */\nconst renderedSize = computed(() => (isCollapsed.value ? 0 : clampSize(sizeState.value, bounds.value)))\n\nconst gridStyle = computed(() => {\n  const track = `${renderedSize.value}% var(--gr-splitter-size, 6px) 1fr`\n\n  return orientation.value === 'horizontal'\n    ? { gridTemplateColumns: track }\n    : { gridTemplateRows: track }\n})\n\n/**\n * `aria-orientation` описывает **сам разделитель**, а не раскладку: панели,\n * стоящие рядом, разделяет вертикальная полоса.\n */\nconst separatorOrientation = computed(() => (orientation.value === 'horizontal' ? 'vertical' : 'horizontal'))\n\nconst label = computed(() => props.ariaLabel ?? t('gr.splitter.label', 'Resize panels'))\n\nfunction setSize(next: number, commit: boolean): void {\n  const value = clampSize(next, bounds.value)\n  const changed = value !== sizeState.value\n\n  sizeState.value = value\n  if (changed) emit('update:modelValue', value)\n  if (commit) emit('change', value)\n}\n\nfunction setCollapsed(value: boolean): void {\n  if (collapsedState.value === value) return\n\n  collapsedState.value = value\n  emit('update:collapsed', value)\n}\n\n/**\n * Шаг размера. Свёрнутая панель на первое нажатие возвращается — двигать\n * то, чего не видно, значит менять раскладку вслепую.\n */\nfunction moveBy(delta: number): void {\n  if (isCollapsed.value) {\n    setCollapsed(false)\n    setSize(restoreSize.value, true)\n    return\n  }\n\n  restoreSize.value = clampSize(sizeState.value + delta, bounds.value)\n  setSize(sizeState.value + delta, true)\n}\n\nfunction toggleCollapsed(): void {\n  if (!collapsible.value) return\n\n  if (isCollapsed.value) {\n    setCollapsed(false)\n    setSize(restoreSize.value, true)\n    return\n  }\n\n  restoreSize.value = sizeState.value\n  setCollapsed(true)\n  emit('change', 0)\n}\n\nfunction reset(): void {\n  setCollapsed(false)\n  restoreSize.value = clampSize(props.defaultSize, bounds.value)\n  setSize(props.defaultSize, true)\n}\n\n// ————— Указатель.\nfunction onPointerMove(event: PointerEvent): void {\n  const rect = rootEl.value?.getBoundingClientRect()\n  if (!rect) return\n\n  // Против выделения текста под курсором во время жеста.\n  event.preventDefault()\n\n  const raw = sizeFromPointer(rect, event.clientX, event.clientY, orientation.value)\n\n  if (collapsible.value && shouldCollapse(raw, bounds.value)) {\n    if (!collapsedState.value) restoreSize.value = sizeState.value\n    setCollapsed(true)\n    return\n  }\n\n  setCollapsed(false)\n  restoreSize.value = clampSize(raw, bounds.value)\n  setSize(raw, false)\n}\n\nfunction stopListening(): void {\n  window.removeEventListener('pointermove', onPointerMove)\n  window.removeEventListener('pointerup', onPointerUp)\n  window.removeEventListener('pointercancel', onPointerCancel)\n}\n\nfunction endDrag(commit: boolean): void {\n  if (!isDragging.value) return\n\n  isDragging.value = false\n  stopListening()\n\n  if (commit) {\n    emit('change', renderedSize.value)\n    return\n  }\n\n  // Оборванный жест (браузер забрал указатель) не коммитит ничего: раскладка\n  // возвращается к той, что была до нажатия.\n  setCollapsed(collapsedBeforeDrag)\n  setSize(sizeBeforeDrag, false)\n}\n\nfunction onPointerUp(): void {\n  endDrag(true)\n}\n\nfunction onPointerCancel(): void {\n  endDrag(false)\n}\n\nfunction onPointerDown(event: PointerEvent): void {\n  if (props.disabled) return\n  // Только основная кнопка: правый и средний клик перетаскиванием не считаются.\n  if (event.button !== 0) return\n\n  sizeBeforeDrag = sizeState.value\n  collapsedBeforeDrag = collapsedState.value\n  isDragging.value = true\n\n  window.addEventListener('pointermove', onPointerMove)\n  window.addEventListener('pointerup', onPointerUp)\n  window.addEventListener('pointercancel', onPointerCancel)\n}\n\nonBeforeUnmount(stopListening)\n\n// ————— Клавиатура.\nconst decreaseKey = computed(() => (orientation.value === 'horizontal' ? 'ArrowLeft' : 'ArrowUp'))\nconst increaseKey = computed(() => (orientation.value === 'horizontal' ? 'ArrowRight' : 'ArrowDown'))\n\nfunction onKeydown(event: KeyboardEvent): void {\n  if (props.disabled) return\n\n  const step = event.shiftKey ? props.bigStep : props.step\n\n  if (event.key === decreaseKey.value) moveBy(-step)\n  else if (event.key === increaseKey.value) moveBy(step)\n  else if (event.key === 'Home') moveBy(-100)\n  else if (event.key === 'End') moveBy(100)\n  else if (event.key === 'Enter') toggleCollapsed()\n  else return\n\n  // Дошли сюда — клавиша наша: страница не должна ещё и прокрутиться.\n  event.preventDefault()\n}\n\nfunction onDoubleClick(): void {\n  if (props.disabled) return\n\n  reset()\n}\n</script>\n\n<template>\n  <div\n    ref=\"rootEl\"\n    data-gr-splitter\n    :data-orientation=\"orientation\"\n    :data-dragging=\"isDragging ? '' : undefined\"\n    :data-collapsed=\"isCollapsed ? '' : undefined\"\n    :class=\"rootClass\"\n    :style=\"gridStyle\"\n  >\n    <div\n      :id=\"startId\"\n      data-gr-splitter-pane=\"start\"\n      :class=\"paneClass\"\n    >\n      <slot name=\"start\" />\n    </div>\n\n    <div\n      data-gr-splitter-separator\n      role=\"separator\"\n      :tabindex=\"disabled ? undefined : 0\"\n      :aria-orientation=\"separatorOrientation\"\n      :aria-label=\"label\"\n      :aria-controls=\"startId\"\n      :aria-valuenow=\"Math.round(renderedSize)\"\n      :aria-valuemin=\"Math.round(min)\"\n      :aria-valuemax=\"Math.round(max)\"\n      :aria-disabled=\"disabled ? 'true' : undefined\"\n      :class=\"separatorClass\"\n      @pointerdown=\"onPointerDown\"\n      @keydown=\"onKeydown\"\n      @dblclick=\"onDoubleClick\"\n    />\n\n    <div\n      data-gr-splitter-pane=\"end\"\n      :class=\"paneClass\"\n    >\n      <slot name=\"end\" />\n    </div>\n  </div>\n</template>\n\n<style>\n[data-gr-splitter-separator] {\n  background-color: var(--gr-splitter-color, var(--gr-brd));\n}\n\n/*\n * Зона захвата шире видимой полосы: шесть пикселей мышью не берутся, а делать\n * ради этого полосу толще — значит красить раскладку под удобство мыши.\n */\n[data-gr-splitter-separator]::before {\n  content: '';\n  position: absolute;\n  inset: calc(-1 * var(--gr-splitter-hit, 4px));\n}\n\n/* Насечка: короткая полоса посередине — единственный видимый намёк, что это ручка. */\n[data-gr-splitter-separator]::after {\n  content: '';\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  border-radius: var(--gr-radius-full);\n  background-color: var(--gr-splitter-hover-color, var(--gr-muted-fg));\n  opacity: 0;\n  transform: translate(-50%, -50%);\n  transition: opacity var(--gr-duration-fast) var(--gr-ease-out);\n}\n\n[data-gr-splitter][data-orientation='horizontal'] [data-gr-splitter-separator] {\n  cursor: col-resize;\n}\n\n[data-gr-splitter][data-orientation='horizontal'] [data-gr-splitter-separator]::after {\n  width: 2px;\n  height: var(--gr-splitter-grip, 24px);\n}\n\n[data-gr-splitter][data-orientation='vertical'] [data-gr-splitter-separator] {\n  cursor: row-resize;\n}\n\n[data-gr-splitter][data-orientation='vertical'] [data-gr-splitter-separator]::after {\n  width: var(--gr-splitter-grip, 24px);\n  height: 2px;\n}\n\n[data-gr-splitter-separator]:hover {\n  background-color: var(--gr-splitter-hover-color, var(--gr-muted-fg));\n}\n\n[data-gr-splitter-separator]:hover::after,\n[data-gr-splitter-separator]:focus-visible::after {\n  opacity: 1;\n}\n\n/* На залитой полосе насечка читается только вырезом — цветом страницы. */\n[data-gr-splitter-separator]:hover::after,\n[data-gr-splitter][data-dragging] [data-gr-splitter-separator]::after {\n  background-color: var(--gr-bg);\n}\n\n/* Во время жеста полоса подсвечена, даже если курсор ушёл с неё. */\n[data-gr-splitter][data-dragging] [data-gr-splitter-separator] {\n  background-color: var(--gr-splitter-active-color, var(--gr-primary));\n}\n\n[data-gr-splitter][data-dragging] [data-gr-splitter-separator]::after {\n  opacity: 1;\n}\n\n/* Жест не должен попутно выделять текст в панелях. */\n[data-gr-splitter][data-dragging] {\n  user-select: none;\n}\n\n[data-gr-splitter-separator][aria-disabled='true'] {\n  cursor: default;\n}\n\n[data-gr-splitter-separator][aria-disabled='true']::after {\n  display: none;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed, onBeforeUnmount, ref, useId, watch } from 'vue'\n\nimport { useGrComponentProp } from '../GrConfigProvider/context'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\n\nimport { paneClass, rootClass, separatorClass } from './grSplitterStyles'\nimport {\n  clampSize,\n  shouldCollapse,\n  sizeFromPointer,\n  type GrSplitterBounds,\n  type GrSplitterOrientation,\n} from './splitterGeometry'\n\nexport type { GrSplitterOrientation } from './splitterGeometry'\n\n/**\n * Пропы {@link GrSplitter}.\n *\n * Две панели и разделитель между ними. Размер первой панели — доля контейнера\n * в процентах: она переживает смену ширины окна и рендерится на сервере без\n * замеров.\n */\nexport interface GrSplitterProps {\n  /** Доля первой панели в процентах. Поддерживает `v-model`; без него компонент помнит размер сам. */\n  modelValue?: number\n  /** Стартовая доля и точка возврата по двойному клику. */\n  defaultSize?: number\n  /** `horizontal` — панели рядом, `vertical` — одна над другой. */\n  orientation?: GrSplitterOrientation\n  /** Минимум первой панели в процентах. */\n  min?: number\n  /** Максимум первой панели в процентах. */\n  max?: number\n  /** Минимум второй панели: без него её можно задавить в ноль. */\n  minEnd?: number\n  /** Шаг стрелок. */\n  step?: number\n  /** Шаг стрелок с `Shift`. */\n  bigStep?: number\n  /** Разрешить сворачивание первой панели. */\n  collapsible?: boolean\n  /** Первая панель свёрнута. Поддерживает `v-model:collapsed`. */\n  collapsed?: boolean\n  /** Разделитель не тянется, не фокусируется и не отвечает на клавиши. */\n  disabled?: boolean\n  /** Имя разделителя для скринридера. Не задано — из локали. */\n  ariaLabel?: string\n}\n\nexport interface GrSplitterEmits {\n  (e: 'update:modelValue', value: number): void\n  (e: 'update:collapsed', value: boolean): void\n  /** Конец жеста и каждый шаг с клавиатуры: сюда вешают сохранение раскладки. */\n  (e: 'change', value: number): void\n}\n\nconst props = withDefaults(defineProps<GrSplitterProps>(), {\n  modelValue: undefined,\n  defaultSize: 50,\n  min: 10,\n  max: 90,\n  minEnd: 10,\n  step: 1,\n  bigStep: 10,\n  collapsed: false,\n  disabled: false,\n  ariaLabel: undefined,\n  // `undefined`, а не готовые значения: иначе `componentDefaults` до них не дошли бы.\n  orientation: undefined,\n  collapsible: undefined,\n})\n\nconst emit = defineEmits<GrSplitterEmits>()\n\ndefineSlots<{\n  /** Первая панель — та, чей размер задаёт модель. */\n  start?: () => any\n  /** Вторая панель: занимает остаток. */\n  end?: () => any\n}>()\n\nconst { t } = useGranularityTranslations()\n\nconst orientation = useGrComponentProp('GrSplitter', 'orientation', () => props.orientation, 'horizontal')\nconst collapsible = useGrComponentProp('GrSplitter', 'collapsible', () => props.collapsible, false)\n\nconst startId = useId()\nconst rootEl = ref<HTMLElement | null>(null)\n\nconst bounds = computed<GrSplitterBounds>(() => ({\n  min: props.min,\n  max: props.max,\n  minEnd: props.minEnd,\n}))\n\n/**\n * Локальное состояние с синхронизацией из пропа — поддерживает и controlled\n * (`v-model`), и uncontrolled (сплиттер помнит размер сам), как `collapsed`\n * у `GrSidebar`.\n */\nconst sizeState = ref(clampSize(props.modelValue ?? props.defaultSize, bounds.value))\nwatch(() => props.modelValue, (value) => {\n  if (value !== undefined) sizeState.value = clampSize(value, bounds.value)\n})\n\nconst collapsedState = ref(props.collapsed)\nwatch(() => props.collapsed, value => (collapsedState.value = value))\n\n/** Размер, к которому возвращает `Enter`: свёрнутость не должна его терять. */\nconst restoreSize = ref(sizeState.value)\n\n/** Значение до начала жеста: `pointercancel` откатывает к нему. */\nlet sizeBeforeDrag = sizeState.value\nlet collapsedBeforeDrag = false\n\nconst isDragging = ref(false)\n\nconst isCollapsed = computed(() => collapsible.value && collapsedState.value)\n\n/** Что видно на экране: свёрнутая панель — это ноль в треке, но не ноль в модели. */\nconst renderedSize = computed(() => (isCollapsed.value ? 0 : clampSize(sizeState.value, bounds.value)))\n\nconst gridStyle = computed(() => {\n  const track = `${renderedSize.value}% var(--gr-splitter-size, 6px) 1fr`\n\n  return orientation.value === 'horizontal'\n    ? { gridTemplateColumns: track }\n    : { gridTemplateRows: track }\n})\n\n/**\n * `aria-orientation` описывает **сам разделитель**, а не раскладку: панели,\n * стоящие рядом, разделяет вертикальная полоса.\n */\nconst separatorOrientation = computed(() => (orientation.value === 'horizontal' ? 'vertical' : 'horizontal'))\n\nconst label = computed(() => props.ariaLabel ?? t('gr.splitter.label', 'Resize panels'))\n\nfunction setSize(next: number, commit: boolean): void {\n  const value = clampSize(next, bounds.value)\n  const changed = value !== sizeState.value\n\n  sizeState.value = value\n  if (changed) emit('update:modelValue', value)\n  if (commit) emit('change', value)\n}\n\nfunction setCollapsed(value: boolean): void {\n  if (collapsedState.value === value) return\n\n  collapsedState.value = value\n  emit('update:collapsed', value)\n}\n\n/**\n * Шаг размера. Свёрнутая панель на первое нажатие возвращается — двигать\n * то, чего не видно, значит менять раскладку вслепую.\n */\nfunction moveBy(delta: number): void {\n  if (isCollapsed.value) {\n    setCollapsed(false)\n    setSize(restoreSize.value, true)\n    return\n  }\n\n  restoreSize.value = clampSize(sizeState.value + delta, bounds.value)\n  setSize(sizeState.value + delta, true)\n}\n\nfunction toggleCollapsed(): void {\n  if (!collapsible.value) return\n\n  if (isCollapsed.value) {\n    setCollapsed(false)\n    setSize(restoreSize.value, true)\n    return\n  }\n\n  restoreSize.value = sizeState.value\n  setCollapsed(true)\n  emit('change', 0)\n}\n\nfunction reset(): void {\n  setCollapsed(false)\n  restoreSize.value = clampSize(props.defaultSize, bounds.value)\n  setSize(props.defaultSize, true)\n}\n\n// ————— Указатель.\nfunction onPointerMove(event: PointerEvent): void {\n  const rect = rootEl.value?.getBoundingClientRect()\n  if (!rect) return\n\n  // Против выделения текста под курсором во время жеста.\n  event.preventDefault()\n\n  const raw = sizeFromPointer(rect, event.clientX, event.clientY, orientation.value)\n\n  if (collapsible.value && shouldCollapse(raw, bounds.value)) {\n    if (!collapsedState.value) restoreSize.value = sizeState.value\n    setCollapsed(true)\n    return\n  }\n\n  setCollapsed(false)\n  restoreSize.value = clampSize(raw, bounds.value)\n  setSize(raw, false)\n}\n\nfunction stopListening(): void {\n  window.removeEventListener('pointermove', onPointerMove)\n  window.removeEventListener('pointerup', onPointerUp)\n  window.removeEventListener('pointercancel', onPointerCancel)\n}\n\nfunction endDrag(commit: boolean): void {\n  if (!isDragging.value) return\n\n  isDragging.value = false\n  stopListening()\n\n  if (commit) {\n    emit('change', renderedSize.value)\n    return\n  }\n\n  // Оборванный жест (браузер забрал указатель) не коммитит ничего: раскладка\n  // возвращается к той, что была до нажатия.\n  setCollapsed(collapsedBeforeDrag)\n  setSize(sizeBeforeDrag, false)\n}\n\nfunction onPointerUp(): void {\n  endDrag(true)\n}\n\nfunction onPointerCancel(): void {\n  endDrag(false)\n}\n\nfunction onPointerDown(event: PointerEvent): void {\n  if (props.disabled) return\n  // Только основная кнопка: правый и средний клик перетаскиванием не считаются.\n  if (event.button !== 0) return\n\n  sizeBeforeDrag = sizeState.value\n  collapsedBeforeDrag = collapsedState.value\n  isDragging.value = true\n\n  window.addEventListener('pointermove', onPointerMove)\n  window.addEventListener('pointerup', onPointerUp)\n  window.addEventListener('pointercancel', onPointerCancel)\n}\n\nonBeforeUnmount(stopListening)\n\n// ————— Клавиатура.\nconst decreaseKey = computed(() => (orientation.value === 'horizontal' ? 'ArrowLeft' : 'ArrowUp'))\nconst increaseKey = computed(() => (orientation.value === 'horizontal' ? 'ArrowRight' : 'ArrowDown'))\n\nfunction onKeydown(event: KeyboardEvent): void {\n  if (props.disabled) return\n\n  const step = event.shiftKey ? props.bigStep : props.step\n\n  if (event.key === decreaseKey.value) moveBy(-step)\n  else if (event.key === increaseKey.value) moveBy(step)\n  else if (event.key === 'Home') moveBy(-100)\n  else if (event.key === 'End') moveBy(100)\n  else if (event.key === 'Enter') toggleCollapsed()\n  else return\n\n  // Дошли сюда — клавиша наша: страница не должна ещё и прокрутиться.\n  event.preventDefault()\n}\n\nfunction onDoubleClick(): void {\n  if (props.disabled) return\n\n  reset()\n}\n</script>\n\n<template>\n  <div\n    ref=\"rootEl\"\n    data-gr-splitter\n    :data-orientation=\"orientation\"\n    :data-dragging=\"isDragging ? '' : undefined\"\n    :data-collapsed=\"isCollapsed ? '' : undefined\"\n    :class=\"rootClass\"\n    :style=\"gridStyle\"\n  >\n    <div\n      :id=\"startId\"\n      data-gr-splitter-pane=\"start\"\n      :class=\"paneClass\"\n    >\n      <slot name=\"start\" />\n    </div>\n\n    <div\n      data-gr-splitter-separator\n      role=\"separator\"\n      :tabindex=\"disabled ? undefined : 0\"\n      :aria-orientation=\"separatorOrientation\"\n      :aria-label=\"label\"\n      :aria-controls=\"startId\"\n      :aria-valuenow=\"Math.round(renderedSize)\"\n      :aria-valuemin=\"Math.round(min)\"\n      :aria-valuemax=\"Math.round(max)\"\n      :aria-disabled=\"disabled ? 'true' : undefined\"\n      :class=\"separatorClass\"\n      @pointerdown=\"onPointerDown\"\n      @keydown=\"onKeydown\"\n      @dblclick=\"onDoubleClick\"\n    />\n\n    <div\n      data-gr-splitter-pane=\"end\"\n      :class=\"paneClass\"\n    >\n      <slot name=\"end\" />\n    </div>\n  </div>\n</template>\n\n<style>\n[data-gr-splitter-separator] {\n  background-color: var(--gr-splitter-color, var(--gr-brd));\n}\n\n/*\n * Зона захвата шире видимой полосы: шесть пикселей мышью не берутся, а делать\n * ради этого полосу толще — значит красить раскладку под удобство мыши.\n */\n[data-gr-splitter-separator]::before {\n  content: '';\n  position: absolute;\n  inset: calc(-1 * var(--gr-splitter-hit, 4px));\n}\n\n/* Насечка: короткая полоса посередине — единственный видимый намёк, что это ручка. */\n[data-gr-splitter-separator]::after {\n  content: '';\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  border-radius: var(--gr-radius-full);\n  background-color: var(--gr-splitter-hover-color, var(--gr-muted-fg));\n  opacity: 0;\n  transform: translate(-50%, -50%);\n  transition: opacity var(--gr-duration-fast) var(--gr-ease-out);\n}\n\n[data-gr-splitter][data-orientation='horizontal'] [data-gr-splitter-separator] {\n  cursor: col-resize;\n}\n\n[data-gr-splitter][data-orientation='horizontal'] [data-gr-splitter-separator]::after {\n  width: 2px;\n  height: var(--gr-splitter-grip, 24px);\n}\n\n[data-gr-splitter][data-orientation='vertical'] [data-gr-splitter-separator] {\n  cursor: row-resize;\n}\n\n[data-gr-splitter][data-orientation='vertical'] [data-gr-splitter-separator]::after {\n  width: var(--gr-splitter-grip, 24px);\n  height: 2px;\n}\n\n[data-gr-splitter-separator]:hover {\n  background-color: var(--gr-splitter-hover-color, var(--gr-muted-fg));\n}\n\n[data-gr-splitter-separator]:hover::after,\n[data-gr-splitter-separator]:focus-visible::after {\n  opacity: 1;\n}\n\n/* На залитой полосе насечка читается только вырезом — цветом страницы. */\n[data-gr-splitter-separator]:hover::after,\n[data-gr-splitter][data-dragging] [data-gr-splitter-separator]::after {\n  background-color: var(--gr-bg);\n}\n\n/* Во время жеста полоса подсвечена, даже если курсор ушёл с неё. */\n[data-gr-splitter][data-dragging] [data-gr-splitter-separator] {\n  background-color: var(--gr-splitter-active-color, var(--gr-primary));\n}\n\n[data-gr-splitter][data-dragging] [data-gr-splitter-separator]::after {\n  opacity: 1;\n}\n\n/* Жест не должен попутно выделять текст в панелях. */\n[data-gr-splitter][data-dragging] {\n  user-select: none;\n}\n\n[data-gr-splitter-separator][aria-disabled='true'] {\n  cursor: default;\n}\n\n[data-gr-splitter-separator][aria-disabled='true']::after {\n  display: none;\n}\n</style>\n"],"mappings":"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"}

package/dist/components/GrSplitter/index.js

@@ -0,0 +1,3 @@
+import { n as grSplitterSafelist, t as grSplitterConfig } from "../../chunks/config-BE6n20np.js";
+import { a as sizeFromPointer, i as shouldCollapse, n as GR_SPLITTER_ORIENTATIONS, r as clampSize, t as GrSplitter_default } from "./chunks/GrSplitter-7To8jbJ8.js";
+export { GR_SPLITTER_ORIENTATIONS, GrSplitter_default as GrSplitter, GrSplitter_default as default, clampSize, grSplitterConfig, grSplitterSafelist, shouldCollapse, sizeFromPointer };

package/dist/components/GrSplitter/styles.css

@@ -0,0 +1 @@
+[data-gr-splitter-separator]{background-color:var(--gr-splitter-color,var(--gr-brd))}[data-gr-splitter-separator]:before{content:"";inset:calc(-1 * var(--gr-splitter-hit,4px));position:absolute}[data-gr-splitter-separator]:after{content:"";border-radius:var(--gr-radius-full);background-color:var(--gr-splitter-hover-color,var(--gr-muted-fg));opacity:0;transition:opacity var(--gr-duration-fast) var(--gr-ease-out);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}[data-gr-splitter][data-orientation=horizontal] [data-gr-splitter-separator]{cursor:col-resize}[data-gr-splitter][data-orientation=horizontal] [data-gr-splitter-separator]:after{width:2px;height:var(--gr-splitter-grip,24px)}[data-gr-splitter][data-orientation=vertical] [data-gr-splitter-separator]{cursor:row-resize}[data-gr-splitter][data-orientation=vertical] [data-gr-splitter-separator]:after{width:var(--gr-splitter-grip,24px);height:2px}[data-gr-splitter-separator]:hover{background-color:var(--gr-splitter-hover-color,var(--gr-muted-fg))}[data-gr-splitter-separator]:hover:after,[data-gr-splitter-separator]:focus-visible:after{opacity:1}[data-gr-splitter-separator]:hover:after,[data-gr-splitter][data-dragging] [data-gr-splitter-separator]:after{background-color:var(--gr-bg)}[data-gr-splitter][data-dragging] [data-gr-splitter-separator]{background-color:var(--gr-splitter-active-color,var(--gr-primary))}[data-gr-splitter][data-dragging] [data-gr-splitter-separator]:after{opacity:1}[data-gr-splitter][data-dragging]{user-select:none}[data-gr-splitter-separator][aria-disabled=true]{cursor:default}[data-gr-splitter-separator][aria-disabled=true]:after{display:none}