@feugene/granularity 0.12.0 → 0.16.0

package/dist/components/GrPagination/chunks/GrPagination-mlyfLjQY.js

@@ -1,165 +0,0 @@
-import { t as useGranularityTranslations } from "../../../chunks/granularityI18n-DoV7Ca2m.js";
-import { t as GrButton_default } from "../../GrButton/chunks/GrButton-BlffdeJr.js";
-import { t as GrSelect_default } from "../../GrSelect/chunks/GrSelect-BVCmitqa.js";
-import { Fragment, computed, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, renderList, toDisplayString, unref, watch, withCtx } from "vue";
-//#region src/components/GrPagination/GrPagination.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = ["aria-label"];
-var _hoisted_2 = { class: "min-w-[100px]" };
-var _hoisted_3 = { class: "flex items-center gap-1" };
-var _hoisted_4 = {
-	key: 0,
-	"data-gr-pagination-ellipsis": "",
-	"aria-hidden": "true",
-	class: "h-8 min-w-8 px-1 grid place-items-center text-sm text-[var(--muted-fg)]"
-};
-var _hoisted_5 = [
-	"aria-current",
-	"aria-label",
-	"onClick"
-];
-//#endregion
-//#region src/components/GrPagination/GrPagination.vue
-var GrPagination_default = /* @__PURE__ */ defineComponent({
-	__name: "GrPagination",
-	props: {
-		page: {},
-		pageSize: {},
-		total: {},
-		pageSizes: { default: () => [
-			10,
-			20,
-			50
-		] },
-		siblingCount: { default: 1 },
-		boundaryCount: { default: 1 }
-	},
-	emits: ["update:page", "update:pageSize"],
-	setup(__props, { emit: __emit }) {
-		const { t } = useGranularityTranslations();
-		const props = __props;
-		const emit = __emit;
-		const pageCount = computed(() => Math.max(1, Math.ceil(props.total / props.pageSize)));
-		watch(pageCount, (count) => {
-			if (props.page > count) emit("update:page", count);
-		});
-		const pageSizeModel = computed({
-			get: () => String(props.pageSize),
-			set: (value) => emit("update:pageSize", Number(value))
-		});
-		const pageSizeOptions = computed(() => props.pageSizes.map((pageSize) => ({
-			value: String(pageSize),
-			label: String(pageSize)
-		})));
-		function range(start, end) {
-			const list = [];
-			for (let page = start; page <= end; page += 1) list.push(page);
-			return list;
-		}
-		const items = computed(() => {
-			const count = pageCount.value;
-			const current = props.page;
-			const boundaryCount = Math.max(0, props.boundaryCount);
-			const siblingCount = Math.max(0, props.siblingCount);
-			const startPages = range(1, Math.min(boundaryCount, count));
-			const endPages = range(Math.max(count - boundaryCount + 1, boundaryCount + 1), count);
-			const siblingsStart = Math.max(Math.min(current - siblingCount, count - boundaryCount - siblingCount * 2 - 1), boundaryCount + 2);
-			const siblingsEnd = Math.min(Math.max(current + siblingCount, boundaryCount + siblingCount * 2 + 2), endPages.length > 0 ? endPages[0] - 2 : count - 1);
-			return [
-				...startPages,
-				...siblingsStart > boundaryCount + 2 ? ["ellipsis-start"] : boundaryCount + 1 < count - boundaryCount ? [boundaryCount + 1] : [],
-				...range(siblingsStart, siblingsEnd),
-				...siblingsEnd < count - boundaryCount - 1 ? ["ellipsis-end"] : count - boundaryCount > boundaryCount ? [count - boundaryCount] : [],
-				...endPages
-			];
-		});
-		function goTo(page) {
-			emit("update:page", page);
-		}
-		function prev() {
-			goTo(Math.max(1, props.page - 1));
-		}
-		function next() {
-			goTo(Math.min(pageCount.value, props.page + 1));
-		}
-		function first() {
-			goTo(1);
-		}
-		function last() {
-			goTo(pageCount.value);
-		}
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", {
-				class: "flex flex-wrap items-center justify-end gap-3",
-				"data-gr-pagination": "",
-				role: "navigation",
-				"aria-label": unref(t)("gr.pagination.label", "Pagination")
-			}, [
-				createElementVNode("div", _hoisted_2, [createVNode(GrSelect_default, {
-					modelValue: pageSizeModel.value,
-					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => pageSizeModel.value = $event),
-					options: pageSizeOptions.value,
-					"aria-label": unref(t)("gr.pagination.pageSize", "Page size")
-				}, null, 8, [
-					"modelValue",
-					"options",
-					"aria-label"
-				])]),
-				createVNode(GrButton_default, {
-					variant: "ghost",
-					size: "sm",
-					disabled: __props.page <= 1,
-					"aria-label": unref(t)("gr.pagination.first", "First page"),
-					"data-gr-pagination-first": "",
-					onClick: first
-				}, {
-					default: withCtx(() => [..._cache[1] || (_cache[1] = [createTextVNode(" « ", -1)])]),
-					_: 1
-				}, 8, ["disabled", "aria-label"]),
-				createVNode(GrButton_default, {
-					variant: "ghost",
-					size: "sm",
-					disabled: __props.page <= 1,
-					"data-gr-pagination-prev": "",
-					onClick: prev
-				}, {
-					default: withCtx(() => [createTextVNode(toDisplayString(unref(t)("gr.pagination.prev", "Prev")), 1)]),
-					_: 1
-				}, 8, ["disabled"]),
-				createElementVNode("div", _hoisted_3, [(openBlock(true), createElementBlock(Fragment, null, renderList(items.value, (item, index) => {
-					return openBlock(), createElementBlock(Fragment, { key: index }, [item === "ellipsis-start" || item === "ellipsis-end" ? (openBlock(), createElementBlock("span", _hoisted_4, "…")) : (openBlock(), createElementBlock("button", {
-						key: 1,
-						type: "button",
-						"data-gr-pagination-page": "",
-						"aria-current": item === __props.page ? "page" : void 0,
-						"aria-label": unref(t)("gr.pagination.page", "Page {n}", { n: item }),
-						class: normalizeClass(["h-8 min-w-8 px-2 rounded-md text-sm font-600 transition-colors duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]", item === __props.page ? "bg-[var(--primary)] text-[var(--primary-fg)]" : "text-[var(--muted-fg)] hover:bg-[var(--muted)] hover:text-[var(--fg)]"]),
-						onClick: ($event) => goTo(item)
-					}, toDisplayString(item), 11, _hoisted_5))], 64);
-				}), 128))]),
-				createVNode(GrButton_default, {
-					variant: "ghost",
-					size: "sm",
-					disabled: __props.page >= pageCount.value,
-					"data-gr-pagination-next": "",
-					onClick: next
-				}, {
-					default: withCtx(() => [createTextVNode(toDisplayString(unref(t)("gr.pagination.next", "Next")), 1)]),
-					_: 1
-				}, 8, ["disabled"]),
-				createVNode(GrButton_default, {
-					variant: "ghost",
-					size: "sm",
-					disabled: __props.page >= pageCount.value,
-					"aria-label": unref(t)("gr.pagination.last", "Last page"),
-					"data-gr-pagination-last": "",
-					onClick: last
-				}, {
-					default: withCtx(() => [..._cache[2] || (_cache[2] = [createTextVNode(" » ", -1)])]),
-					_: 1
-				}, 8, ["disabled", "aria-label"])
-			], 8, _hoisted_1);
-		};
-	}
-});
-//#endregion
-export { GrPagination_default as t };

package/dist/components/GrPagination/chunks/GrPagination-mlyfLjQY.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GrPagination-mlyfLjQY.js","names":[],"sources":["../../../../src/components/GrPagination/GrPagination.vue","../../../../src/components/GrPagination/GrPagination.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, watch } from 'vue'\n\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport GrButton from '../GrButton/GrButton.vue'\nimport GrSelect from '../GrSelect/GrSelect.vue'\n\n/**\n * Пропы пагинации.\n *\n * `total` интерпретируется как общее количество элементов; число страниц\n * вычисляется из `total` и `pageSize`. Номера усекаются многоточием\n * (алгоритм boundary/sibling, как у MUI): всегда видны первая/последняя страница\n * и `siblingCount` соседей вокруг текущей.\n */\nexport interface GrPaginationProps {\n  page: number\n  pageSize: number\n  total: number\n  pageSizes?: number[]\n  /** Сколько соседних страниц показывать вокруг текущей. По умолчанию `1`. */\n  siblingCount?: number\n  /** Сколько крайних страниц всегда показывать с каждого края. По умолчанию `1`. */\n  boundaryCount?: number\n}\n\nconst { t } = useGranularityTranslations()\n\nconst props = withDefaults(defineProps<GrPaginationProps>(), {\n  pageSizes: () => [10, 20, 50],\n  siblingCount: 1,\n  boundaryCount: 1,\n})\n\nconst emit = defineEmits<{\n  (e: 'update:page', value: number): void\n  (e: 'update:pageSize', value: number): void\n}>()\n\nconst pageCount = computed(() => Math.max(1, Math.ceil(props.total / props.pageSize)))\n\n// Контролируемый компонент: если `total`/`pageSize` уменьшились и текущая `page`\n// вышла за диапазон — просим родителя подтянуть её к последней странице.\nwatch(pageCount, (count) => {\n  if (props.page > count)\n    emit('update:page', count)\n})\n\nconst pageSizeModel = computed({\n  get: () => String(props.pageSize),\n  set: (value: string) => emit('update:pageSize', Number(value)),\n})\n\nconst pageSizeOptions = computed(() =>\n  props.pageSizes.map(pageSize => ({\n    value: String(pageSize),\n    label: String(pageSize),\n  })),\n)\n\ntype PaginationItem = number | 'ellipsis-start' | 'ellipsis-end'\n\nfunction range(start: number, end: number): number[] {\n  const list: number[] = []\n  for (let page = start; page <= end; page += 1)\n    list.push(page)\n  return list\n}\n\n// Алгоритм usePagination как в MUI: крайние `boundaryCount` страниц + `siblingCount`\n// соседей вокруг текущей, разрывы схлопываются в многоточие. Одиночный «пропущенный»\n// номер показываем как номер, а не как «…» (визуально ровнее).\nconst items = computed<PaginationItem[]>(() => {\n  const count = pageCount.value\n  const current = props.page\n  const boundaryCount = Math.max(0, props.boundaryCount)\n  const siblingCount = Math.max(0, props.siblingCount)\n\n  const startPages = range(1, Math.min(boundaryCount, count))\n  const endPages = range(Math.max(count - boundaryCount + 1, boundaryCount + 1), count)\n\n  const siblingsStart = Math.max(\n    Math.min(current - siblingCount, count - boundaryCount - siblingCount * 2 - 1),\n    boundaryCount + 2,\n  )\n  const siblingsEnd = Math.min(\n    Math.max(current + siblingCount, boundaryCount + siblingCount * 2 + 2),\n    endPages.length > 0 ? endPages[0] - 2 : count - 1,\n  )\n\n  return [\n    ...startPages,\n    ...(siblingsStart > boundaryCount + 2\n      ? ['ellipsis-start' as const]\n      : boundaryCount + 1 < count - boundaryCount\n        ? [boundaryCount + 1]\n        : []),\n    ...range(siblingsStart, siblingsEnd),\n    ...(siblingsEnd < count - boundaryCount - 1\n      ? ['ellipsis-end' as const]\n      : count - boundaryCount > boundaryCount\n        ? [count - boundaryCount]\n        : []),\n    ...endPages,\n  ]\n})\n\nfunction goTo(page: number): void {\n  emit('update:page', page)\n}\n\nfunction prev(): void {\n  goTo(Math.max(1, props.page - 1))\n}\n\nfunction next(): void {\n  goTo(Math.min(pageCount.value, props.page + 1))\n}\n\nfunction first(): void {\n  goTo(1)\n}\n\nfunction last(): void {\n  goTo(pageCount.value)\n}\n</script>\n\n<template>\n  <div\n    class=\"flex flex-wrap items-center justify-end gap-3\"\n    data-gr-pagination\n    role=\"navigation\"\n    :aria-label=\"t('gr.pagination.label', 'Pagination')\"\n  >\n    <div class=\"min-w-[100px]\">\n      <GrSelect\n        v-model=\"pageSizeModel\"\n        :options=\"pageSizeOptions\"\n        :aria-label=\"t('gr.pagination.pageSize', 'Page size')\"\n      />\n    </div>\n\n    <GrButton variant=\"ghost\" size=\"sm\" :disabled=\"page <= 1\" :aria-label=\"t('gr.pagination.first', 'First page')\" data-gr-pagination-first @click=\"first\">\n      «\n    </GrButton>\n\n    <GrButton variant=\"ghost\" size=\"sm\" :disabled=\"page <= 1\" data-gr-pagination-prev @click=\"prev\">\n      {{ t('gr.pagination.prev', 'Prev') }}\n    </GrButton>\n\n    <div class=\"flex items-center gap-1\">\n      <template v-for=\"(item, index) in items\" :key=\"index\">\n        <span\n          v-if=\"item === 'ellipsis-start' || item === 'ellipsis-end'\"\n          data-gr-pagination-ellipsis\n          aria-hidden=\"true\"\n          class=\"h-8 min-w-8 px-1 grid place-items-center text-sm text-[var(--muted-fg)]\"\n        >…</span>\n        <button\n          v-else\n          type=\"button\"\n          data-gr-pagination-page\n          :aria-current=\"item === page ? 'page' : undefined\"\n          :aria-label=\"t('gr.pagination.page', 'Page {n}', { n: item })\"\n          class=\"h-8 min-w-8 px-2 rounded-md text-sm font-600 transition-colors duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]\"\n          :class=\"item === page ? 'bg-[var(--primary)] text-[var(--primary-fg)]' : 'text-[var(--muted-fg)] hover:bg-[var(--muted)] hover:text-[var(--fg)]'\"\n          @click=\"goTo(item)\"\n        >\n          {{ item }}\n        </button>\n      </template>\n    </div>\n\n    <GrButton variant=\"ghost\" size=\"sm\" :disabled=\"page >= pageCount\" data-gr-pagination-next @click=\"next\">\n      {{ t('gr.pagination.next', 'Next') }}\n    </GrButton>\n\n    <GrButton variant=\"ghost\" size=\"sm\" :disabled=\"page >= pageCount\" :aria-label=\"t('gr.pagination.last', 'Last page')\" data-gr-pagination-last @click=\"last\">\n      »\n    </GrButton>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, watch } from 'vue'\n\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport GrButton from '../GrButton/GrButton.vue'\nimport GrSelect from '../GrSelect/GrSelect.vue'\n\n/**\n * Пропы пагинации.\n *\n * `total` интерпретируется как общее количество элементов; число страниц\n * вычисляется из `total` и `pageSize`. Номера усекаются многоточием\n * (алгоритм boundary/sibling, как у MUI): всегда видны первая/последняя страница\n * и `siblingCount` соседей вокруг текущей.\n */\nexport interface GrPaginationProps {\n  page: number\n  pageSize: number\n  total: number\n  pageSizes?: number[]\n  /** Сколько соседних страниц показывать вокруг текущей. По умолчанию `1`. */\n  siblingCount?: number\n  /** Сколько крайних страниц всегда показывать с каждого края. По умолчанию `1`. */\n  boundaryCount?: number\n}\n\nconst { t } = useGranularityTranslations()\n\nconst props = withDefaults(defineProps<GrPaginationProps>(), {\n  pageSizes: () => [10, 20, 50],\n  siblingCount: 1,\n  boundaryCount: 1,\n})\n\nconst emit = defineEmits<{\n  (e: 'update:page', value: number): void\n  (e: 'update:pageSize', value: number): void\n}>()\n\nconst pageCount = computed(() => Math.max(1, Math.ceil(props.total / props.pageSize)))\n\n// Контролируемый компонент: если `total`/`pageSize` уменьшились и текущая `page`\n// вышла за диапазон — просим родителя подтянуть её к последней странице.\nwatch(pageCount, (count) => {\n  if (props.page > count)\n    emit('update:page', count)\n})\n\nconst pageSizeModel = computed({\n  get: () => String(props.pageSize),\n  set: (value: string) => emit('update:pageSize', Number(value)),\n})\n\nconst pageSizeOptions = computed(() =>\n  props.pageSizes.map(pageSize => ({\n    value: String(pageSize),\n    label: String(pageSize),\n  })),\n)\n\ntype PaginationItem = number | 'ellipsis-start' | 'ellipsis-end'\n\nfunction range(start: number, end: number): number[] {\n  const list: number[] = []\n  for (let page = start; page <= end; page += 1)\n    list.push(page)\n  return list\n}\n\n// Алгоритм usePagination как в MUI: крайние `boundaryCount` страниц + `siblingCount`\n// соседей вокруг текущей, разрывы схлопываются в многоточие. Одиночный «пропущенный»\n// номер показываем как номер, а не как «…» (визуально ровнее).\nconst items = computed<PaginationItem[]>(() => {\n  const count = pageCount.value\n  const current = props.page\n  const boundaryCount = Math.max(0, props.boundaryCount)\n  const siblingCount = Math.max(0, props.siblingCount)\n\n  const startPages = range(1, Math.min(boundaryCount, count))\n  const endPages = range(Math.max(count - boundaryCount + 1, boundaryCount + 1), count)\n\n  const siblingsStart = Math.max(\n    Math.min(current - siblingCount, count - boundaryCount - siblingCount * 2 - 1),\n    boundaryCount + 2,\n  )\n  const siblingsEnd = Math.min(\n    Math.max(current + siblingCount, boundaryCount + siblingCount * 2 + 2),\n    endPages.length > 0 ? endPages[0] - 2 : count - 1,\n  )\n\n  return [\n    ...startPages,\n    ...(siblingsStart > boundaryCount + 2\n      ? ['ellipsis-start' as const]\n      : boundaryCount + 1 < count - boundaryCount\n        ? [boundaryCount + 1]\n        : []),\n    ...range(siblingsStart, siblingsEnd),\n    ...(siblingsEnd < count - boundaryCount - 1\n      ? ['ellipsis-end' as const]\n      : count - boundaryCount > boundaryCount\n        ? [count - boundaryCount]\n        : []),\n    ...endPages,\n  ]\n})\n\nfunction goTo(page: number): void {\n  emit('update:page', page)\n}\n\nfunction prev(): void {\n  goTo(Math.max(1, props.page - 1))\n}\n\nfunction next(): void {\n  goTo(Math.min(pageCount.value, props.page + 1))\n}\n\nfunction first(): void {\n  goTo(1)\n}\n\nfunction last(): void {\n  goTo(pageCount.value)\n}\n</script>\n\n<template>\n  <div\n    class=\"flex flex-wrap items-center justify-end gap-3\"\n    data-gr-pagination\n    role=\"navigation\"\n    :aria-label=\"t('gr.pagination.label', 'Pagination')\"\n  >\n    <div class=\"min-w-[100px]\">\n      <GrSelect\n        v-model=\"pageSizeModel\"\n        :options=\"pageSizeOptions\"\n        :aria-label=\"t('gr.pagination.pageSize', 'Page size')\"\n      />\n    </div>\n\n    <GrButton variant=\"ghost\" size=\"sm\" :disabled=\"page <= 1\" :aria-label=\"t('gr.pagination.first', 'First page')\" data-gr-pagination-first @click=\"first\">\n      «\n    </GrButton>\n\n    <GrButton variant=\"ghost\" size=\"sm\" :disabled=\"page <= 1\" data-gr-pagination-prev @click=\"prev\">\n      {{ t('gr.pagination.prev', 'Prev') }}\n    </GrButton>\n\n    <div class=\"flex items-center gap-1\">\n      <template v-for=\"(item, index) in items\" :key=\"index\">\n        <span\n          v-if=\"item === 'ellipsis-start' || item === 'ellipsis-end'\"\n          data-gr-pagination-ellipsis\n          aria-hidden=\"true\"\n          class=\"h-8 min-w-8 px-1 grid place-items-center text-sm text-[var(--muted-fg)]\"\n        >…</span>\n        <button\n          v-else\n          type=\"button\"\n          data-gr-pagination-page\n          :aria-current=\"item === page ? 'page' : undefined\"\n          :aria-label=\"t('gr.pagination.page', 'Page {n}', { n: item })\"\n          class=\"h-8 min-w-8 px-2 rounded-md text-sm font-600 transition-colors duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]\"\n          :class=\"item === page ? 'bg-[var(--primary)] text-[var(--primary-fg)]' : 'text-[var(--muted-fg)] hover:bg-[var(--muted)] hover:text-[var(--fg)]'\"\n          @click=\"goTo(item)\"\n        >\n          {{ item }}\n        </button>\n      </template>\n    </div>\n\n    <GrButton variant=\"ghost\" size=\"sm\" :disabled=\"page >= pageCount\" data-gr-pagination-next @click=\"next\">\n      {{ t('gr.pagination.next', 'Next') }}\n    </GrButton>\n\n    <GrButton variant=\"ghost\" size=\"sm\" :disabled=\"page >= pageCount\" :aria-label=\"t('gr.pagination.last', 'Last page')\" data-gr-pagination-last @click=\"last\">\n      »\n    </GrButton>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/components/GrProgressBar/chunks/GrProgressBar-CC3z-Zqp.js

@@ -1,39 +0,0 @@
-import { t as grProgressBarFillClass } from "../../../chunks/grStyle-Blc9otAx.js";
-import { computed, createElementBlock, createElementVNode, defineComponent, normalizeClass, normalizeStyle, openBlock } from "vue";
-//#region src/components/GrProgressBar/GrProgressBar.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = ["aria-label", "aria-valuenow"];
-//#endregion
-//#region src/components/GrProgressBar/GrProgressBar.vue
-var GrProgressBar_default = /* @__PURE__ */ defineComponent({
-	__name: "GrProgressBar",
-	props: {
-		value: {},
-		ariaLabel: { default: void 0 },
-		tone: { default: "primary" }
-	},
-	setup(__props) {
-		const props = __props;
-		const safe = computed(() => {
-			if (Number.isNaN(props.value)) return 0;
-			return Math.min(100, Math.max(0, props.value));
-		});
-		const fillClassName = computed(() => grProgressBarFillClass(props.tone));
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", {
-				"data-gr-progress-bar": "",
-				role: "progressbar",
-				"aria-label": __props.ariaLabel,
-				"aria-valuenow": safe.value,
-				"aria-valuemin": "0",
-				"aria-valuemax": "100",
-				class: "h-2 w-full rounded-full bg-[var(--muted)] border border-[var(--brd)] overflow-hidden"
-			}, [createElementVNode("div", {
-				"data-gr-progress-bar-fill": "",
-				class: normalizeClass(["h-full", fillClassName.value]),
-				style: normalizeStyle({ width: `${safe.value}%` })
-			}, null, 6)], 8, _hoisted_1);
-		};
-	}
-});
-//#endregion
-export { GrProgressBar_default as t };

package/dist/components/GrProgressBar/chunks/GrProgressBar-CC3z-Zqp.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GrProgressBar-CC3z-Zqp.js","names":[],"sources":["../../../../src/components/GrProgressBar/GrProgressBar.vue","../../../../src/components/GrProgressBar/GrProgressBar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport { grProgressBarFillClass, type GrProgressBarTone } from './grStyle'\n\n/**\n * GrProgressBar — линейный индикатор прогресса.\n *\n * @prop value — текущее значение `0..100`; выходящие за границы значения клампятся, `NaN` → `0`.\n * @prop ariaLabel — метка для скринридера (обязательна, если рядом нет видимого заголовка).\n * @prop tone — цветовая тональность заливки (CSS-переменная из `tokens.css`).\n */\nexport interface GrProgressBarProps {\n  value: number\n  ariaLabel?: string\n  tone?: GrProgressBarTone\n}\n\nconst props = withDefaults(defineProps<GrProgressBarProps>(), {\n  ariaLabel: undefined,\n  tone: 'primary',\n})\n\nconst safe = computed(() => {\n  if (Number.isNaN(props.value))\n    return 0\n  return Math.min(100, Math.max(0, props.value))\n})\n\nconst fillClassName = computed(() => grProgressBarFillClass(props.tone))\n</script>\n\n<template>\n  <div\n    data-gr-progress-bar\n    role=\"progressbar\"\n    :aria-label=\"ariaLabel\"\n    :aria-valuenow=\"safe\"\n    aria-valuemin=\"0\"\n    aria-valuemax=\"100\"\n    class=\"h-2 w-full rounded-full bg-[var(--muted)] border border-[var(--brd)] overflow-hidden\"\n  >\n    <div\n      data-gr-progress-bar-fill\n      class=\"h-full\"\n      :class=\"fillClassName\"\n      :style=\"{ width: `${safe}%` }\"\n    />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport { grProgressBarFillClass, type GrProgressBarTone } from './grStyle'\n\n/**\n * GrProgressBar — линейный индикатор прогресса.\n *\n * @prop value — текущее значение `0..100`; выходящие за границы значения клампятся, `NaN` → `0`.\n * @prop ariaLabel — метка для скринридера (обязательна, если рядом нет видимого заголовка).\n * @prop tone — цветовая тональность заливки (CSS-переменная из `tokens.css`).\n */\nexport interface GrProgressBarProps {\n  value: number\n  ariaLabel?: string\n  tone?: GrProgressBarTone\n}\n\nconst props = withDefaults(defineProps<GrProgressBarProps>(), {\n  ariaLabel: undefined,\n  tone: 'primary',\n})\n\nconst safe = computed(() => {\n  if (Number.isNaN(props.value))\n    return 0\n  return Math.min(100, Math.max(0, props.value))\n})\n\nconst fillClassName = computed(() => grProgressBarFillClass(props.tone))\n</script>\n\n<template>\n  <div\n    data-gr-progress-bar\n    role=\"progressbar\"\n    :aria-label=\"ariaLabel\"\n    :aria-valuenow=\"safe\"\n    aria-valuemin=\"0\"\n    aria-valuemax=\"100\"\n    class=\"h-2 w-full rounded-full bg-[var(--muted)] border border-[var(--brd)] overflow-hidden\"\n  >\n    <div\n      data-gr-progress-bar-fill\n      class=\"h-full\"\n      :class=\"fillClassName\"\n      :style=\"{ width: `${safe}%` }\"\n    />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;EAkBA,MAAM,QAAQ;EAKd,MAAM,OAAO,eAAe;GAC1B,IAAI,OAAO,MAAM,MAAM,KAAK,GAC1B,OAAO;GACT,OAAO,KAAK,IAAI,KAAK,KAAK,IAAI,GAAG,MAAM,KAAK,CAAC;EAC/C,CAAC;EAED,MAAM,gBAAgB,eAAe,uBAAuB,MAAM,IAAI,CAAC;;uBAIrE,mBAeM,OAAA;IAdJ,wBAAA;IACA,MAAK;IACJ,cAAY,QAAA;IACZ,iBAAe,KAAA;IAChB,iBAAc;IACd,iBAAc;IACd,OAAM;OAEN,mBAKE,OAAA;IAJA,6BAAA;IACA,OAAK,eAAA,CAAC,UACE,cAAA,KAAa,CAAA;IACpB,OAAK,eAAA,EAAA,OAAA,GAAc,KAAA,MAAI,GAAA,CAAA"}

package/dist/components/GrPromptDialog/chunks/GrPromptDialog-C-_BMNuY.js

@@ -1,224 +0,0 @@
-import { t as useGranularityTranslations } from "../../../chunks/granularityI18n-DoV7Ca2m.js";
-import { t as GrButton_default } from "../../GrButton/chunks/GrButton-BlffdeJr.js";
-import { t as GrDialog_default } from "../../GrDialog/chunks/GrDialog-Ctucxju9.js";
-import { t as GrResponseErrorBanner_default } from "../../GrResponseErrorBanner/chunks/GrResponseErrorBanner-Cdu9ekK9.js";
-import { t as GrFormField_default } from "../../GrFormField/chunks/GrFormField-DnfMHx_U.js";
-import { t as GrInput_default } from "../../GrInput/chunks/GrInput-B8dd3JaA.js";
-import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, openBlock, ref, renderSlot, toDisplayString, watch, withCtx } from "vue";
-//#region src/components/GrPromptDialog/GrPromptDialog.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = { class: "grid gap-4" };
-var _hoisted_2 = {
-	key: 0,
-	class: "text-[14px] text-[var(--muted-fg)]"
-};
-var _hoisted_3 = { class: "flex items-center justify-end gap-3" };
-//#endregion
-//#region src/components/GrPromptDialog/GrPromptDialog.vue
-var GrPromptDialog_default = /* @__PURE__ */ defineComponent({
-	__name: "GrPromptDialog",
-	props: {
-		modelValue: { type: Boolean },
-		value: {},
-		title: { default: void 0 },
-		description: { default: void 0 },
-		label: { default: void 0 },
-		placeholder: { default: void 0 },
-		closeOnBackdrop: {
-			type: Boolean,
-			default: true
-		},
-		closeOnEsc: {
-			type: Boolean,
-			default: true
-		},
-		showHeader: {
-			type: Boolean,
-			default: true
-		},
-		showCloseButton: {
-			type: Boolean,
-			default: true
-		},
-		size: { default: "md" },
-		headerConfig: { default: void 0 },
-		footerConfig: { default: void 0 },
-		bodyConfig: { default: void 0 },
-		closeLabel: { default: void 0 },
-		buttonSize: { default: void 0 },
-		confirmText: { default: void 0 },
-		cancelText: { default: void 0 },
-		requiredErrorText: { default: void 0 },
-		confirmVariant: { default: "primary" },
-		confirmTone: { default: "primary" },
-		required: {
-			type: Boolean,
-			default: true
-		},
-		error: { default: null },
-		fieldError: { default: null },
-		confirmLoading: {
-			type: Boolean,
-			default: false
-		},
-		confirmDisabled: {
-			type: Boolean,
-			default: false
-		},
-		closeOnConfirm: {
-			type: Boolean,
-			default: true
-		}
-	},
-	emits: [
-		"update:modelValue",
-		"update:value",
-		"confirm",
-		"cancel"
-	],
-	setup(__props, { emit: __emit }) {
-		/**
-		* GrPromptDialog — GR-примитив диалога ввода значения поверх `GrDialog`.
-		*
-		* Синхронизирован с `GrDialog` по набору проп-проксирования:
-		* `size`, `closeOnBackdrop`, `closeOnEsc`, `showHeader`, `showCloseButton`,
-		* `headerConfig`, `footerConfig`, `bodyConfig`, `closeLabel`.
-		*
-		* Поведение `required=true` (по умолчанию): пустое значение подсвечивается
-		* ошибкой только после первого «касания» (blur или попытка confirm),
-		* чтобы не шуметь при открытии.
-		*/
-		const props = __props;
-		const emit = __emit;
-		const { t } = useGranularityTranslations();
-		const resolvedTitle = computed(() => props.title ?? t("gr.dialog.prompt.title", "Prompt"));
-		const resolvedLabel = computed(() => props.label ?? t("gr.dialog.prompt.label", "Value"));
-		const resolvedRequiredErrorText = computed(() => props.requiredErrorText ?? t("gr.dialog.prompt.required", "Enter a value."));
-		const resolvedCloseLabel = computed(() => props.closeLabel ?? t("gr.common.close", "Close"));
-		const resolvedConfirmText = computed(() => props.confirmText ?? t("gr.common.confirm", "Confirm"));
-		const resolvedCancelText = computed(() => props.cancelText ?? t("gr.common.cancel", "Cancel"));
-		const open = computed({
-			get: () => props.modelValue,
-			set: (v) => emit("update:modelValue", v)
-		});
-		const valueModel = computed({
-			get: () => props.value,
-			set: (v) => emit("update:value", v)
-		});
-		const touched = ref(false);
-		const inputRef = ref(null);
-		watch(() => props.modelValue, (v) => {
-			if (v) touched.value = false;
-		});
-		const canConfirm = computed(() => {
-			if (!props.required) return true;
-			return valueModel.value.trim().length > 0;
-		});
-		const validationError = computed(() => {
-			if (!props.required) return void 0;
-			if (!touched.value) return void 0;
-			return valueModel.value.trim().length > 0 ? void 0 : resolvedRequiredErrorText.value;
-		});
-		const fieldErrorMessage = computed(() => props.fieldError ?? validationError.value ?? void 0);
-		function onCancel() {
-			emit("cancel");
-			emit("update:modelValue", false);
-		}
-		function onConfirm() {
-			if (!canConfirm.value) {
-				touched.value = true;
-				inputRef.value?.focus();
-				return;
-			}
-			emit("confirm", valueModel.value);
-			if (props.closeOnConfirm) emit("update:modelValue", false);
-		}
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(GrDialog_default, {
-				modelValue: open.value,
-				"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => open.value = $event),
-				title: resolvedTitle.value,
-				size: __props.size,
-				"close-on-backdrop": __props.closeOnBackdrop,
-				"close-on-esc": __props.closeOnEsc,
-				"show-header": __props.showHeader,
-				"show-close-button": __props.showCloseButton,
-				"header-config": __props.headerConfig,
-				"footer-config": __props.footerConfig,
-				"body-config": __props.bodyConfig,
-				"close-label": resolvedCloseLabel.value
-			}, {
-				footer: withCtx(() => [renderSlot(_ctx.$slots, "footer", {}, () => [createElementVNode("div", _hoisted_3, [createVNode(GrButton_default, {
-					"data-testid": "gr-prompt-cancel",
-					variant: "outline",
-					size: __props.buttonSize,
-					onClick: onCancel
-				}, {
-					default: withCtx(() => [createTextVNode(toDisplayString(resolvedCancelText.value), 1)]),
-					_: 1
-				}, 8, ["size"]), createVNode(GrButton_default, {
-					"data-testid": "gr-prompt-confirm",
-					variant: __props.confirmVariant,
-					tone: __props.confirmTone,
-					size: __props.buttonSize,
-					loading: __props.confirmLoading,
-					disabled: __props.confirmDisabled || __props.required && touched.value && !canConfirm.value,
-					onClick: onConfirm
-				}, {
-					default: withCtx(() => [createTextVNode(toDisplayString(resolvedConfirmText.value), 1)]),
-					_: 1
-				}, 8, [
-					"variant",
-					"tone",
-					"size",
-					"loading",
-					"disabled"
-				])])])]),
-				default: withCtx(() => [createElementVNode("div", _hoisted_1, [
-					renderSlot(_ctx.$slots, "default", {}, () => [__props.description ? (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(__props.description), 1)) : createCommentVNode("", true)]),
-					createVNode(GrFormField_default, {
-						label: resolvedLabel.value,
-						error: fieldErrorMessage.value,
-						"for-id": "gr-prompt-input"
-					}, {
-						default: withCtx(() => [createVNode(GrInput_default, {
-							id: "gr-prompt-input",
-							ref_key: "inputRef",
-							ref: inputRef,
-							modelValue: valueModel.value,
-							"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => valueModel.value = $event),
-							"data-testid": "gr-prompt-input",
-							placeholder: __props.placeholder,
-							invalid: !!fieldErrorMessage.value,
-							onBlur: _cache[1] || (_cache[1] = ($event) => touched.value = true)
-						}, null, 8, [
-							"modelValue",
-							"placeholder",
-							"invalid"
-						])]),
-						_: 1
-					}, 8, ["label", "error"]),
-					renderSlot(_ctx.$slots, "error", { error: __props.error }, () => [__props.error ? (openBlock(), createBlock(GrResponseErrorBanner_default, {
-						key: 0,
-						error: __props.error,
-						"can-dismiss": false
-					}, null, 8, ["error"])) : createCommentVNode("", true)])
-				])]),
-				_: 3
-			}, 8, [
-				"modelValue",
-				"title",
-				"size",
-				"close-on-backdrop",
-				"close-on-esc",
-				"show-header",
-				"show-close-button",
-				"header-config",
-				"footer-config",
-				"body-config",
-				"close-label"
-			]);
-		};
-	}
-});
-//#endregion
-export { GrPromptDialog_default as t };

package/dist/components/GrPromptDialog/chunks/GrPromptDialog-C-_BMNuY.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GrPromptDialog-C-_BMNuY.js","names":[],"sources":["../../../../src/components/GrPromptDialog/GrPromptDialog.vue","../../../../src/components/GrPromptDialog/GrPromptDialog.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * GrPromptDialog — GR-примитив диалога ввода значения поверх `GrDialog`.\n *\n * Синхронизирован с `GrDialog` по набору проп-проксирования:\n * `size`, `closeOnBackdrop`, `closeOnEsc`, `showHeader`, `showCloseButton`,\n * `headerConfig`, `footerConfig`, `bodyConfig`, `closeLabel`.\n *\n * Поведение `required=true` (по умолчанию): пустое значение подсвечивается\n * ошибкой только после первого «касания» (blur или попытка confirm),\n * чтобы не шуметь при открытии.\n */\nimport { computed, ref, watch } from 'vue'\n\nimport GrButton from '../GrButton/GrButton.vue'\nimport GrDialog from '../GrDialog/GrDialog.vue'\nimport GrFormField from '../GrFormField/GrFormField.vue'\nimport GrInput from '../GrInput/GrInput.vue'\nimport GrResponseErrorBanner from '../GrResponseErrorBanner/GrResponseErrorBanner.vue'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport type { GrButtonSize, GrButtonTone, GrButtonVariant } from '../GrButton'\nimport type { GrDialogSectionConfig, GrDialogSize } from '../GrDialog'\nimport type { ResponseErrorInfo } from '../GrResponseErrorBanner'\n\nexport interface GrPromptDialogProps {\n  modelValue: boolean\n  value: string\n  title?: string\n  description?: string\n  label?: string\n  placeholder?: string\n  closeOnBackdrop?: boolean\n  closeOnEsc?: boolean\n  showHeader?: boolean\n  showCloseButton?: boolean\n  size?: GrDialogSize\n  headerConfig?: GrDialogSectionConfig\n  footerConfig?: GrDialogSectionConfig\n  bodyConfig?: GrDialogSectionConfig\n  /** A11y-лейбл кнопки закрытия (i18n). */\n  closeLabel?: string\n  buttonSize?: GrButtonSize\n  confirmText?: string\n  cancelText?: string\n  /** Текст ошибки для пустого значения при `required=true` (i18n). */\n  requiredErrorText?: string\n  confirmVariant?: GrButtonVariant\n  confirmTone?: GrButtonTone\n  required?: boolean\n  /**\n   * Структура ошибки ответа сервера для показа общим блоком в теле диалога\n   * (через `GrResponseErrorBanner`). `null` — блок скрыт.\n   */\n  error?: ResponseErrorInfo | null\n  /**\n   * Внешняя ошибка поля ввода (например, серверная валидация). Имеет приоритет\n   * над встроенной проверкой `required`. `null`/`undefined` — нет внешней ошибки.\n   */\n  fieldError?: string | null\n  /** Состояние загрузки кнопки Confirm (async-`onConfirm` in-flight). */\n  confirmLoading?: boolean\n  /** Принудительно дизейблит кнопку Confirm. */\n  confirmDisabled?: boolean\n  /**\n   * Закрывать ли диалог автоматически по клику Confirm. По умолчанию `true`.\n   * `false` — отдаёт управление закрытием наружу (нужно `useDialogService`).\n   */\n  closeOnConfirm?: boolean\n}\n\nconst props = withDefaults(defineProps<GrPromptDialogProps>(), {\n  title: undefined,\n  description: undefined,\n  label: undefined,\n  placeholder: undefined,\n  closeOnBackdrop: true,\n  closeOnEsc: true,\n  showHeader: true,\n  showCloseButton: true,\n  size: 'md',\n  headerConfig: undefined,\n  footerConfig: undefined,\n  bodyConfig: undefined,\n  closeLabel: undefined,\n  buttonSize: undefined,\n  confirmText: undefined,\n  cancelText: undefined,\n  requiredErrorText: undefined,\n  confirmVariant: 'primary',\n  confirmTone: 'primary',\n  required: true,\n  error: null,\n  fieldError: null,\n  confirmLoading: false,\n  confirmDisabled: false,\n  closeOnConfirm: true,\n})\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: boolean): void\n  (e: 'update:value', value: string): void\n  (e: 'confirm', value: string): void\n  (e: 'cancel'): void\n}>()\n\n// Дефолты берём из общего i18n-блока пакета (fallback — англ.), а не хардкодим.\nconst { t } = useGranularityTranslations()\nconst resolvedTitle = computed(() => props.title ?? t('gr.dialog.prompt.title', 'Prompt'))\nconst resolvedLabel = computed(() => props.label ?? t('gr.dialog.prompt.label', 'Value'))\nconst resolvedRequiredErrorText = computed(() => props.requiredErrorText ?? t('gr.dialog.prompt.required', 'Enter a value.'))\nconst resolvedCloseLabel = computed(() => props.closeLabel ?? t('gr.common.close', 'Close'))\nconst resolvedConfirmText = computed(() => props.confirmText ?? t('gr.common.confirm', 'Confirm'))\nconst resolvedCancelText = computed(() => props.cancelText ?? t('gr.common.cancel', 'Cancel'))\n\nconst open = computed({\n  get: () => props.modelValue,\n  set: (v: boolean) => emit('update:modelValue', v),\n})\n\nconst valueModel = computed({\n  get: () => props.value,\n  set: (v: string) => emit('update:value', v),\n})\n\nconst touched = ref(false)\nconst inputRef = ref<InstanceType<typeof GrInput> | null>(null)\n\nwatch(\n  () => props.modelValue,\n  (v) => {\n    if (v) touched.value = false\n  },\n)\n\nconst canConfirm = computed(() => {\n  if (!props.required) return true\n  return valueModel.value.trim().length > 0\n})\n\nconst validationError = computed(() => {\n  if (!props.required) return undefined\n  if (!touched.value) return undefined\n  return valueModel.value.trim().length > 0\n    ? undefined\n    : resolvedRequiredErrorText.value\n})\n\n// Внешняя ошибка поля (серверная валидация) имеет приоритет над встроенной.\nconst fieldErrorMessage = computed(() => props.fieldError ?? validationError.value ?? undefined)\n\nfunction onCancel(): void {\n  emit('cancel')\n  emit('update:modelValue', false)\n}\n\nfunction onConfirm(): void {\n  if (!canConfirm.value) {\n    touched.value = true\n    inputRef.value?.focus()\n    return\n  }\n\n  emit('confirm', valueModel.value)\n  if (props.closeOnConfirm)\n    emit('update:modelValue', false)\n}\n</script>\n\n<template>\n  <GrDialog\n    v-model=\"open\"\n    :title=\"resolvedTitle\"\n    :size=\"size\"\n    :close-on-backdrop=\"closeOnBackdrop\"\n    :close-on-esc=\"closeOnEsc\"\n    :show-header=\"showHeader\"\n    :show-close-button=\"showCloseButton\"\n    :header-config=\"headerConfig\"\n    :footer-config=\"footerConfig\"\n    :body-config=\"bodyConfig\"\n    :close-label=\"resolvedCloseLabel\"\n  >\n    <div class=\"grid gap-4\">\n      <slot>\n        <div v-if=\"description\" class=\"text-[14px] text-[var(--muted-fg)]\">\n          {{ description }}\n        </div>\n      </slot>\n\n      <GrFormField :label=\"resolvedLabel\" :error=\"fieldErrorMessage\" for-id=\"gr-prompt-input\">\n        <GrInput\n          id=\"gr-prompt-input\"\n          ref=\"inputRef\"\n          v-model=\"valueModel\"\n          data-testid=\"gr-prompt-input\"\n          :placeholder=\"placeholder\"\n          :invalid=\"!!fieldErrorMessage\"\n          @blur=\"touched = true\"\n        />\n      </GrFormField>\n\n      <slot name=\"error\" :error=\"error\">\n        <GrResponseErrorBanner v-if=\"error\" :error=\"error\" :can-dismiss=\"false\" />\n      </slot>\n    </div>\n\n    <template #footer>\n      <slot name=\"footer\">\n        <div class=\"flex items-center justify-end gap-3\">\n          <GrButton data-testid=\"gr-prompt-cancel\" variant=\"outline\" :size=\"buttonSize\" @click=\"onCancel\">\n            {{ resolvedCancelText }}\n          </GrButton>\n          <GrButton\n            data-testid=\"gr-prompt-confirm\"\n            :variant=\"confirmVariant\"\n            :tone=\"confirmTone\"\n            :size=\"buttonSize\"\n            :loading=\"confirmLoading\"\n            :disabled=\"confirmDisabled || (required && touched && !canConfirm)\"\n            @click=\"onConfirm\"\n          >\n            {{ resolvedConfirmText }}\n          </GrButton>\n        </div>\n      </slot>\n    </template>\n  </GrDialog>\n</template>\n","<script setup lang=\"ts\">\n/**\n * GrPromptDialog — GR-примитив диалога ввода значения поверх `GrDialog`.\n *\n * Синхронизирован с `GrDialog` по набору проп-проксирования:\n * `size`, `closeOnBackdrop`, `closeOnEsc`, `showHeader`, `showCloseButton`,\n * `headerConfig`, `footerConfig`, `bodyConfig`, `closeLabel`.\n *\n * Поведение `required=true` (по умолчанию): пустое значение подсвечивается\n * ошибкой только после первого «касания» (blur или попытка confirm),\n * чтобы не шуметь при открытии.\n */\nimport { computed, ref, watch } from 'vue'\n\nimport GrButton from '../GrButton/GrButton.vue'\nimport GrDialog from '../GrDialog/GrDialog.vue'\nimport GrFormField from '../GrFormField/GrFormField.vue'\nimport GrInput from '../GrInput/GrInput.vue'\nimport GrResponseErrorBanner from '../GrResponseErrorBanner/GrResponseErrorBanner.vue'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport type { GrButtonSize, GrButtonTone, GrButtonVariant } from '../GrButton'\nimport type { GrDialogSectionConfig, GrDialogSize } from '../GrDialog'\nimport type { ResponseErrorInfo } from '../GrResponseErrorBanner'\n\nexport interface GrPromptDialogProps {\n  modelValue: boolean\n  value: string\n  title?: string\n  description?: string\n  label?: string\n  placeholder?: string\n  closeOnBackdrop?: boolean\n  closeOnEsc?: boolean\n  showHeader?: boolean\n  showCloseButton?: boolean\n  size?: GrDialogSize\n  headerConfig?: GrDialogSectionConfig\n  footerConfig?: GrDialogSectionConfig\n  bodyConfig?: GrDialogSectionConfig\n  /** A11y-лейбл кнопки закрытия (i18n). */\n  closeLabel?: string\n  buttonSize?: GrButtonSize\n  confirmText?: string\n  cancelText?: string\n  /** Текст ошибки для пустого значения при `required=true` (i18n). */\n  requiredErrorText?: string\n  confirmVariant?: GrButtonVariant\n  confirmTone?: GrButtonTone\n  required?: boolean\n  /**\n   * Структура ошибки ответа сервера для показа общим блоком в теле диалога\n   * (через `GrResponseErrorBanner`). `null` — блок скрыт.\n   */\n  error?: ResponseErrorInfo | null\n  /**\n   * Внешняя ошибка поля ввода (например, серверная валидация). Имеет приоритет\n   * над встроенной проверкой `required`. `null`/`undefined` — нет внешней ошибки.\n   */\n  fieldError?: string | null\n  /** Состояние загрузки кнопки Confirm (async-`onConfirm` in-flight). */\n  confirmLoading?: boolean\n  /** Принудительно дизейблит кнопку Confirm. */\n  confirmDisabled?: boolean\n  /**\n   * Закрывать ли диалог автоматически по клику Confirm. По умолчанию `true`.\n   * `false` — отдаёт управление закрытием наружу (нужно `useDialogService`).\n   */\n  closeOnConfirm?: boolean\n}\n\nconst props = withDefaults(defineProps<GrPromptDialogProps>(), {\n  title: undefined,\n  description: undefined,\n  label: undefined,\n  placeholder: undefined,\n  closeOnBackdrop: true,\n  closeOnEsc: true,\n  showHeader: true,\n  showCloseButton: true,\n  size: 'md',\n  headerConfig: undefined,\n  footerConfig: undefined,\n  bodyConfig: undefined,\n  closeLabel: undefined,\n  buttonSize: undefined,\n  confirmText: undefined,\n  cancelText: undefined,\n  requiredErrorText: undefined,\n  confirmVariant: 'primary',\n  confirmTone: 'primary',\n  required: true,\n  error: null,\n  fieldError: null,\n  confirmLoading: false,\n  confirmDisabled: false,\n  closeOnConfirm: true,\n})\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: boolean): void\n  (e: 'update:value', value: string): void\n  (e: 'confirm', value: string): void\n  (e: 'cancel'): void\n}>()\n\n// Дефолты берём из общего i18n-блока пакета (fallback — англ.), а не хардкодим.\nconst { t } = useGranularityTranslations()\nconst resolvedTitle = computed(() => props.title ?? t('gr.dialog.prompt.title', 'Prompt'))\nconst resolvedLabel = computed(() => props.label ?? t('gr.dialog.prompt.label', 'Value'))\nconst resolvedRequiredErrorText = computed(() => props.requiredErrorText ?? t('gr.dialog.prompt.required', 'Enter a value.'))\nconst resolvedCloseLabel = computed(() => props.closeLabel ?? t('gr.common.close', 'Close'))\nconst resolvedConfirmText = computed(() => props.confirmText ?? t('gr.common.confirm', 'Confirm'))\nconst resolvedCancelText = computed(() => props.cancelText ?? t('gr.common.cancel', 'Cancel'))\n\nconst open = computed({\n  get: () => props.modelValue,\n  set: (v: boolean) => emit('update:modelValue', v),\n})\n\nconst valueModel = computed({\n  get: () => props.value,\n  set: (v: string) => emit('update:value', v),\n})\n\nconst touched = ref(false)\nconst inputRef = ref<InstanceType<typeof GrInput> | null>(null)\n\nwatch(\n  () => props.modelValue,\n  (v) => {\n    if (v) touched.value = false\n  },\n)\n\nconst canConfirm = computed(() => {\n  if (!props.required) return true\n  return valueModel.value.trim().length > 0\n})\n\nconst validationError = computed(() => {\n  if (!props.required) return undefined\n  if (!touched.value) return undefined\n  return valueModel.value.trim().length > 0\n    ? undefined\n    : resolvedRequiredErrorText.value\n})\n\n// Внешняя ошибка поля (серверная валидация) имеет приоритет над встроенной.\nconst fieldErrorMessage = computed(() => props.fieldError ?? validationError.value ?? undefined)\n\nfunction onCancel(): void {\n  emit('cancel')\n  emit('update:modelValue', false)\n}\n\nfunction onConfirm(): void {\n  if (!canConfirm.value) {\n    touched.value = true\n    inputRef.value?.focus()\n    return\n  }\n\n  emit('confirm', valueModel.value)\n  if (props.closeOnConfirm)\n    emit('update:modelValue', false)\n}\n</script>\n\n<template>\n  <GrDialog\n    v-model=\"open\"\n    :title=\"resolvedTitle\"\n    :size=\"size\"\n    :close-on-backdrop=\"closeOnBackdrop\"\n    :close-on-esc=\"closeOnEsc\"\n    :show-header=\"showHeader\"\n    :show-close-button=\"showCloseButton\"\n    :header-config=\"headerConfig\"\n    :footer-config=\"footerConfig\"\n    :body-config=\"bodyConfig\"\n    :close-label=\"resolvedCloseLabel\"\n  >\n    <div class=\"grid gap-4\">\n      <slot>\n        <div v-if=\"description\" class=\"text-[14px] text-[var(--muted-fg)]\">\n          {{ description }}\n        </div>\n      </slot>\n\n      <GrFormField :label=\"resolvedLabel\" :error=\"fieldErrorMessage\" for-id=\"gr-prompt-input\">\n        <GrInput\n          id=\"gr-prompt-input\"\n          ref=\"inputRef\"\n          v-model=\"valueModel\"\n          data-testid=\"gr-prompt-input\"\n          :placeholder=\"placeholder\"\n          :invalid=\"!!fieldErrorMessage\"\n          @blur=\"touched = true\"\n        />\n      </GrFormField>\n\n      <slot name=\"error\" :error=\"error\">\n        <GrResponseErrorBanner v-if=\"error\" :error=\"error\" :can-dismiss=\"false\" />\n      </slot>\n    </div>\n\n    <template #footer>\n      <slot name=\"footer\">\n        <div class=\"flex items-center justify-end gap-3\">\n          <GrButton data-testid=\"gr-prompt-cancel\" variant=\"outline\" :size=\"buttonSize\" @click=\"onCancel\">\n            {{ resolvedCancelText }}\n          </GrButton>\n          <GrButton\n            data-testid=\"gr-prompt-confirm\"\n            :variant=\"confirmVariant\"\n            :tone=\"confirmTone\"\n            :size=\"buttonSize\"\n            :loading=\"confirmLoading\"\n            :disabled=\"confirmDisabled || (required && touched && !canConfirm)\"\n            @click=\"onConfirm\"\n          >\n            {{ resolvedConfirmText }}\n          </GrButton>\n        </div>\n      </slot>\n    </template>\n  </GrDialog>\n</template>\n"],"mappings":"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"}