@feugene/granularity 0.11.0 → 0.13.0

package/dist/components/GrSwitch/chunks/GrSwitch-DAioyccZ.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GrSwitch-DAioyccZ.js","names":["$slots"],"sources":["../../../../src/components/GrSwitch/GrSwitch.vue","../../../../src/components/GrSwitch/GrSwitch.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {computed} from 'vue'\n\nimport {\n  grSwitchLabelClass,\n  grSwitchThumbClass,\n  grSwitchTrackClass,\n  type GrSwitchSize,\n} from './grSwitchStyles'\n\nexport type {GrSwitchSize} from './grSwitchStyles'\n\n/**\n * Пропсы публичного GR-примитива «Switch».\n */\nexport interface GrSwitchProps {\n  modelValue: boolean\n  disabled?: boolean\n  ariaLabel?: string\n  size?: GrSwitchSize\n  /** Кастомный цвет фона в активном состоянии. Если не задан — `var(--primary)`. */\n  activeBackgroundColor?: string\n  /** Кастомный цвет фона в неактивном состоянии. Если не задан — `var(--muted)`. */\n  inactiveBackgroundColor?: string\n}\n\nconst getCustomColor = (value?: string) => value?.trim() || undefined\n\nconst props = withDefaults(\n    defineProps<GrSwitchProps>(),\n    {\n      disabled: false,\n      ariaLabel: undefined,\n      size: 'md',\n      activeBackgroundColor: undefined,\n      inactiveBackgroundColor: undefined,\n    },\n)\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: boolean): void\n}>()\n\nconst trackClass = computed(() => grSwitchTrackClass(props.size))\n\nconst trackStyle = computed(() => {\n  const isChecked = props.modelValue\n  const defaultBackgroundColor = isChecked ? 'var(--primary)' : 'var(--muted)'\n  const customBackgroundColor = getCustomColor(\n      isChecked ? props.activeBackgroundColor : props.inactiveBackgroundColor,\n  )\n  const backgroundColor = customBackgroundColor ?? defaultBackgroundColor\n\n  return {\n    '--gr-switch-track-bg': backgroundColor,\n    '--gr-switch-track-brd': customBackgroundColor\n        ? backgroundColor\n        : isChecked\n            ? 'var(--primary)'\n            : 'var(--brd)',\n    backgroundColor: 'var(--gr-switch-track-bg)',\n  }\n})\n\nconst thumbClass = computed(() => grSwitchThumbClass({size: props.size, checked: props.modelValue}))\n\nconst labelClass = computed(() => grSwitchLabelClass(props.size))\n\nfunction toggle(): void {\n  if (props.disabled) {\n    return\n  }\n\n  emit('update:modelValue', !props.modelValue)\n}\n</script>\n\n<template>\n  <button\n      type=\"button\"\n      role=\"switch\"\n      data-gr-switch\n      :aria-checked=\"modelValue ? 'true' : 'false'\"\n      :aria-label=\"ariaLabel\"\n      :disabled=\"disabled\"\n      class=\"inline-flex items-center gap-2 select-none disabled:opacity-50 disabled:cursor-not-allowed\"\n      @click=\"toggle\"\n  >\n    <span\n        data-testid=\"gr-switch-track\"\n        data-gr-switch-track\n        :class=\"trackClass\"\n        :style=\"trackStyle\"\n    >\n      <span\n          data-testid=\"gr-switch-thumb\"\n          data-gr-switch-thumb\n          :class=\"thumbClass\"\n          aria-hidden=\"true\"\n      />\n    </span>\n    <span\n        v-if=\"$slots.default\"\n        data-gr-switch-label\n        :class=\"labelClass\"\n    >\n      <slot />\n    </span>\n  </button>\n</template>\n","<script setup lang=\"ts\">\nimport {computed} from 'vue'\n\nimport {\n  grSwitchLabelClass,\n  grSwitchThumbClass,\n  grSwitchTrackClass,\n  type GrSwitchSize,\n} from './grSwitchStyles'\n\nexport type {GrSwitchSize} from './grSwitchStyles'\n\n/**\n * Пропсы публичного GR-примитива «Switch».\n */\nexport interface GrSwitchProps {\n  modelValue: boolean\n  disabled?: boolean\n  ariaLabel?: string\n  size?: GrSwitchSize\n  /** Кастомный цвет фона в активном состоянии. Если не задан — `var(--primary)`. */\n  activeBackgroundColor?: string\n  /** Кастомный цвет фона в неактивном состоянии. Если не задан — `var(--muted)`. */\n  inactiveBackgroundColor?: string\n}\n\nconst getCustomColor = (value?: string) => value?.trim() || undefined\n\nconst props = withDefaults(\n    defineProps<GrSwitchProps>(),\n    {\n      disabled: false,\n      ariaLabel: undefined,\n      size: 'md',\n      activeBackgroundColor: undefined,\n      inactiveBackgroundColor: undefined,\n    },\n)\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: boolean): void\n}>()\n\nconst trackClass = computed(() => grSwitchTrackClass(props.size))\n\nconst trackStyle = computed(() => {\n  const isChecked = props.modelValue\n  const defaultBackgroundColor = isChecked ? 'var(--primary)' : 'var(--muted)'\n  const customBackgroundColor = getCustomColor(\n      isChecked ? props.activeBackgroundColor : props.inactiveBackgroundColor,\n  )\n  const backgroundColor = customBackgroundColor ?? defaultBackgroundColor\n\n  return {\n    '--gr-switch-track-bg': backgroundColor,\n    '--gr-switch-track-brd': customBackgroundColor\n        ? backgroundColor\n        : isChecked\n            ? 'var(--primary)'\n            : 'var(--brd)',\n    backgroundColor: 'var(--gr-switch-track-bg)',\n  }\n})\n\nconst thumbClass = computed(() => grSwitchThumbClass({size: props.size, checked: props.modelValue}))\n\nconst labelClass = computed(() => grSwitchLabelClass(props.size))\n\nfunction toggle(): void {\n  if (props.disabled) {\n    return\n  }\n\n  emit('update:modelValue', !props.modelValue)\n}\n</script>\n\n<template>\n  <button\n      type=\"button\"\n      role=\"switch\"\n      data-gr-switch\n      :aria-checked=\"modelValue ? 'true' : 'false'\"\n      :aria-label=\"ariaLabel\"\n      :disabled=\"disabled\"\n      class=\"inline-flex items-center gap-2 select-none disabled:opacity-50 disabled:cursor-not-allowed\"\n      @click=\"toggle\"\n  >\n    <span\n        data-testid=\"gr-switch-track\"\n        data-gr-switch-track\n        :class=\"trackClass\"\n        :style=\"trackStyle\"\n    >\n      <span\n          data-testid=\"gr-switch-thumb\"\n          data-gr-switch-thumb\n          :class=\"thumbClass\"\n          aria-hidden=\"true\"\n      />\n    </span>\n    <span\n        v-if=\"$slots.default\"\n        data-gr-switch-label\n        :class=\"labelClass\"\n    >\n      <slot />\n    </span>\n  </button>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;EA0BA,MAAM,kBAAkB,UAAmB,OAAO,KAAK,KAAK,KAAA;EAE5D,MAAM,QAAQ;EAWd,MAAM,OAAO;EAIb,MAAM,aAAa,eAAe,mBAAmB,MAAM,IAAI,CAAC;EAEhE,MAAM,aAAa,eAAe;GAChC,MAAM,YAAY,MAAM;GACxB,MAAM,yBAAyB,YAAY,mBAAmB;GAC9D,MAAM,wBAAwB,eAC1B,YAAY,MAAM,wBAAwB,MAAM,uBACpD;GACA,MAAM,kBAAkB,yBAAyB;GAEjD,OAAO;IACL,wBAAwB;IACxB,yBAAyB,wBACnB,kBACA,YACI,mBACA;IACV,iBAAiB;GACnB;EACF,CAAC;EAED,MAAM,aAAa,eAAe,mBAAmB;GAAC,MAAM,MAAM;GAAM,SAAS,MAAM;EAAU,CAAC,CAAC;EAEnG,MAAM,aAAa,eAAe,mBAAmB,MAAM,IAAI,CAAC;EAEhE,SAAS,SAAe;GACtB,IAAI,MAAM,UACR;GAGF,KAAK,qBAAqB,CAAC,MAAM,UAAU;EAC7C;;uBAIE,mBA8BS,UAAA;IA7BL,MAAK;IACL,MAAK;IACL,kBAAA;IACC,gBAAc,QAAA,aAAU,SAAA;IACxB,cAAY,QAAA;IACZ,UAAU,QAAA;IACX,OAAM;IACL,SAAO;OAEV,mBAYO,QAAA;IAXH,eAAY;IACZ,wBAAA;IACC,OAAK,eAAE,WAAA,KAAU;IACjB,OAAK,eAAE,WAAA,KAAU;OAEpB,mBAKE,QAAA;IAJE,eAAY;IACZ,wBAAA;IACC,OAAK,eAAE,WAAA,KAAU;IAClB,eAAY;qBAIRA,KAAAA,OAAO,WAAA,UAAA,GADjB,mBAMO,QAAA;;IAJH,wBAAA;IACC,OAAK,eAAE,WAAA,KAAU;OAEpB,WAAQ,KAAA,QAAA,SAAA,CAAA,GAAA,CAAA,KAAA,mBAAA,IAAA,IAAA,CAAA,GAAA,GAAA,UAAA"}

package/dist/components/GrTable/chunks/GrTable-Db3hRnKA.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GrTable-Db3hRnKA.js","names":[],"sources":["../../../../src/components/GrTable/GrTable.vue","../../../../src/components/GrTable/GrTable.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useSlots } from 'vue'\n\nexport type GrTableDensity = 'compact' | 'regular'\n\nexport interface GrTableProps {\n  /**\n   * Плотность таблицы — влияет на базовый размер шрифта.\n   * Паддинги ячеек оставлены за консьюмером (GrTable — «тонкий» контейнер).\n   */\n  density?: GrTableDensity\n  /**\n   * Текст caption для screen reader'ов. Рендерится как `<caption class=\"sr-only\">`,\n   * если не передан слот `#caption`.\n   */\n  caption?: string\n  /** Прямой ARIA-label для `<table>`. Игнорируется, если задан `ariaLabelledby`. */\n  ariaLabel?: string\n  /** ID элемента-заголовка, связанного с `<table>` через `aria-labelledby`. */\n  ariaLabelledby?: string\n  /**\n   * ARIA-label для скролл-контейнера (`role=\"region\"` + `tabindex=\"0\"`).\n   * Позволяет клавиатурным пользователям проскроллить широкую таблицу.\n   * Если не задан — region-роль не включается.\n   */\n  regionLabel?: string\n}\n\n/**\n * `GrTable` — «тонкий» GR-контейнер для табличных данных.\n *\n * Рендерит `<table>` внутри скролл-обёртки и даёт слоты `#caption`, `#head`,\n * default (tbody) и `#foot`. Стили ячеек (`<th>`/`<td>` паддинги, выравнивание)\n * оставлены на консьюмере.\n *\n * ВАЖНО: `min-w-full` сам по себе не даст горизонтального скролла. Для него\n * консьюмеру нужны `white-space: nowrap` на ячейках или явные ширины колонок.\n */\nconst props = withDefaults(defineProps<GrTableProps>(), {\n  density: 'regular',\n  caption: undefined,\n  ariaLabel: undefined,\n  ariaLabelledby: undefined,\n  regionLabel: undefined,\n})\n\nconst slots = useSlots()\n\nconst tableTextClass = computed(() => (props.density === 'compact' ? 'text-[13px]' : 'text-sm'))\nconst hasCaption = computed(() => Boolean(slots.caption) || Boolean(props.caption))\n</script>\n\n<template>\n  <div\n    data-gr-table-scroll\n    :role=\"regionLabel ? 'region' : undefined\"\n    :aria-label=\"regionLabel\"\n    :tabindex=\"regionLabel ? 0 : undefined\"\n    class=\"overflow-x-auto rounded-[var(--gr-radius-lg)] border border-[var(--brd)] bg-[var(--card)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]\"\n  >\n    <table\n      data-gr-table\n      class=\"min-w-full\" :class=\"[tableTextClass]\"\n      :aria-label=\"ariaLabelledby ? undefined : ariaLabel\"\n      :aria-labelledby=\"ariaLabelledby\"\n    >\n      <caption v-if=\"hasCaption\" class=\"sr-only\">\n        <slot name=\"caption\">\n{{ caption }}\n</slot>\n      </caption>\n      <thead class=\"bg-[var(--muted)] text-[var(--muted-fg)]\">\n        <slot name=\"head\" />\n      </thead>\n      <tbody class=\"text-[var(--fg)]\">\n        <slot />\n      </tbody>\n      <tfoot v-if=\"slots.foot\" class=\"text-[var(--fg)]\">\n        <slot name=\"foot\" />\n      </tfoot>\n    </table>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, useSlots } from 'vue'\n\nexport type GrTableDensity = 'compact' | 'regular'\n\nexport interface GrTableProps {\n  /**\n   * Плотность таблицы — влияет на базовый размер шрифта.\n   * Паддинги ячеек оставлены за консьюмером (GrTable — «тонкий» контейнер).\n   */\n  density?: GrTableDensity\n  /**\n   * Текст caption для screen reader'ов. Рендерится как `<caption class=\"sr-only\">`,\n   * если не передан слот `#caption`.\n   */\n  caption?: string\n  /** Прямой ARIA-label для `<table>`. Игнорируется, если задан `ariaLabelledby`. */\n  ariaLabel?: string\n  /** ID элемента-заголовка, связанного с `<table>` через `aria-labelledby`. */\n  ariaLabelledby?: string\n  /**\n   * ARIA-label для скролл-контейнера (`role=\"region\"` + `tabindex=\"0\"`).\n   * Позволяет клавиатурным пользователям проскроллить широкую таблицу.\n   * Если не задан — region-роль не включается.\n   */\n  regionLabel?: string\n}\n\n/**\n * `GrTable` — «тонкий» GR-контейнер для табличных данных.\n *\n * Рендерит `<table>` внутри скролл-обёртки и даёт слоты `#caption`, `#head`,\n * default (tbody) и `#foot`. Стили ячеек (`<th>`/`<td>` паддинги, выравнивание)\n * оставлены на консьюмере.\n *\n * ВАЖНО: `min-w-full` сам по себе не даст горизонтального скролла. Для него\n * консьюмеру нужны `white-space: nowrap` на ячейках или явные ширины колонок.\n */\nconst props = withDefaults(defineProps<GrTableProps>(), {\n  density: 'regular',\n  caption: undefined,\n  ariaLabel: undefined,\n  ariaLabelledby: undefined,\n  regionLabel: undefined,\n})\n\nconst slots = useSlots()\n\nconst tableTextClass = computed(() => (props.density === 'compact' ? 'text-[13px]' : 'text-sm'))\nconst hasCaption = computed(() => Boolean(slots.caption) || Boolean(props.caption))\n</script>\n\n<template>\n  <div\n    data-gr-table-scroll\n    :role=\"regionLabel ? 'region' : undefined\"\n    :aria-label=\"regionLabel\"\n    :tabindex=\"regionLabel ? 0 : undefined\"\n    class=\"overflow-x-auto rounded-[var(--gr-radius-lg)] border border-[var(--brd)] bg-[var(--card)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]\"\n  >\n    <table\n      data-gr-table\n      class=\"min-w-full\" :class=\"[tableTextClass]\"\n      :aria-label=\"ariaLabelledby ? undefined : ariaLabel\"\n      :aria-labelledby=\"ariaLabelledby\"\n    >\n      <caption v-if=\"hasCaption\" class=\"sr-only\">\n        <slot name=\"caption\">\n{{ caption }}\n</slot>\n      </caption>\n      <thead class=\"bg-[var(--muted)] text-[var(--muted-fg)]\">\n        <slot name=\"head\" />\n      </thead>\n      <tbody class=\"text-[var(--fg)]\">\n        <slot />\n      </tbody>\n      <tfoot v-if=\"slots.foot\" class=\"text-[var(--fg)]\">\n        <slot name=\"foot\" />\n      </tfoot>\n    </table>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsCA,MAAM,QAAQ;EAQd,MAAM,QAAQ,SAAS;EAEvB,MAAM,iBAAiB,eAAgB,MAAM,YAAY,YAAY,gBAAgB,SAAU;EAC/F,MAAM,aAAa,eAAe,QAAQ,MAAM,OAAO,KAAK,QAAQ,MAAM,OAAO,CAAC;;uBAIhF,mBA4BM,OAAA;IA3BJ,wBAAA;IACC,MAAM,QAAA,cAAW,WAAc,KAAA;IAC/B,cAAY,QAAA;IACZ,UAAU,QAAA,cAAW,IAAO,KAAA;IAC7B,OAAM;OAEN,mBAoBQ,SAAA;IAnBN,iBAAA;IACA,OAAK,eAAA,CAAC,cAAY,CAAU,eAAA,KAAc,CAAA,CAAA;IACzC,cAAY,QAAA,iBAAiB,KAAA,IAAY,QAAA;IACzC,mBAAiB,QAAA;;IAEH,WAAA,SAAA,UAAA,GAAf,mBAIU,WAJV,YAIU,CAHR,WAED,KAAA,QAAA,WAAA,CAAA,SAAA,CAAA,gBAAA,gBADJ,QAAA,OAAO,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,KAAA,mBAAA,IAAA,IAAA;IAGJ,mBAEQ,SAFR,YAEQ,CADN,WAAoB,KAAA,QAAA,MAAA,CAAA,CAAA;IAEtB,mBAEQ,SAFR,YAEQ,CADN,WAAQ,KAAA,QAAA,SAAA,CAAA,CAAA;IAEG,MAAA,KAAA,CAAK,CAAC,QAAA,UAAA,GAAnB,mBAEQ,SAFR,YAEQ,CADN,WAAoB,KAAA,QAAA,MAAA,CAAA,CAAA,KAAA,mBAAA,IAAA,IAAA"}

package/dist/components/GrTabs/chunks/GrTabs-Z-FDJUr_.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GrTabs-Z-FDJUr_.js","names":[],"sources":["../../../../src/components/GrTabs/GrTabs.vue","../../../../src/components/GrTabs/GrTabs.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, nextTick, ref } from 'vue'\n\nexport type GrTab = {\n  value: string\n  label: string\n  badge?: string\n  disabled?: boolean\n}\n\nexport type GrTabsProps = {\n  modelValue: string\n  tabs: GrTab[]\n}\n\n/**\n * GrTabs — горизонтальная группа вкладок с паттерном WAI-ARIA `tablist`.\n *\n * A11y:\n * - `role=\"tablist\"` на корне, `role=\"tab\"` на каждой вкладке.\n * - Roving `tabindex`: активная вкладка `0`, остальные `-1`.\n * - Клавиатура: `ArrowLeft`/`ArrowRight` — цикличный переход, `Home`/`End` — к первой/последней.\n * - При переключении стрелками DOM-фокус программно переносится на новую вкладку.\n *\n * Сам компонент не рендерит `tabpanel` — это ответственность консьюмера (по `aria-controls`/внешней разметке).\n */\nconst props = defineProps<GrTabsProps>()\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: string): void\n}>()\n\nconst buttonRefs = ref<HTMLButtonElement[]>([])\n\nfunction setButtonRef(el: unknown, index: number): void {\n  if (el instanceof HTMLButtonElement)\n    buttonRefs.value[index] = el\n}\n\nconst activeIndex = computed(() => props.tabs.findIndex(t => t.value === props.modelValue))\n\nfunction isEnabled(tab: GrTab): boolean {\n  return !tab.disabled\n}\n\nasync function selectByIndex(index: number, focus = false): Promise<void> {\n  const tab = props.tabs[index]\n  if (!tab || !isEnabled(tab))\n    return\n  if (tab.value !== props.modelValue)\n    emit('update:modelValue', tab.value)\n  if (focus) {\n    await nextTick()\n    buttonRefs.value[index]?.focus()\n  }\n}\n\nfunction findNextEnabled(from: number, direction: 1 | -1): number {\n  const length = props.tabs.length\n  if (length === 0)\n    return -1\n  let index = from\n  for (let i = 0; i < length; i++) {\n    index = (index + direction + length) % length\n    const tab = props.tabs[index]\n    if (tab && isEnabled(tab))\n      return index\n  }\n  return -1\n}\n\nfunction firstEnabled(): number {\n  return props.tabs.findIndex(isEnabled)\n}\n\nfunction lastEnabled(): number {\n  for (let i = props.tabs.length - 1; i >= 0; i--) {\n    const tab = props.tabs[i]\n    if (tab && isEnabled(tab))\n      return i\n  }\n  return -1\n}\n\nfunction onKeydown(event: KeyboardEvent): void {\n  if (props.tabs.length === 0)\n    return\n\n  const currentIndex = activeIndex.value < 0 ? 0 : activeIndex.value\n  let nextIndex = -1\n\n  switch (event.key) {\n    case 'ArrowRight':\n      nextIndex = findNextEnabled(currentIndex, 1)\n      break\n    case 'ArrowLeft':\n      nextIndex = findNextEnabled(currentIndex, -1)\n      break\n    case 'Home':\n      nextIndex = firstEnabled()\n      break\n    case 'End':\n      nextIndex = lastEnabled()\n      break\n    default:\n      return\n  }\n\n  if (nextIndex < 0)\n    return\n\n  event.preventDefault()\n  void selectByIndex(nextIndex, true)\n}\n\nfunction onClick(tab: GrTab): void {\n  if (!isEnabled(tab))\n    return\n  if (tab.value !== props.modelValue)\n    emit('update:modelValue', tab.value)\n}\n</script>\n\n<template>\n  <div\n    role=\"tablist\"\n    data-gr-tabs\n    class=\"inline-flex flex-wrap gap-1 rounded-[var(--gr-radius-lg)] border border-[var(--brd)] bg-[var(--muted)] p-1\"\n    @keydown=\"onKeydown\"\n  >\n    <button\n      v-for=\"(tab, index) in tabs\"\n      :key=\"tab.value\"\n      :ref=\"el => setButtonRef(el, index)\"\n      type=\"button\"\n      role=\"tab\"\n      data-gr-tab\n      :aria-selected=\"tab.value === modelValue ? 'true' : 'false'\"\n      :aria-disabled=\"tab.disabled ? 'true' : undefined\"\n      :disabled=\"tab.disabled\"\n      :tabindex=\"tab.value === modelValue ? 0 : -1\"\n      class=\"h-9 px-3 rounded-[10px] text-sm font-600 transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] disabled:opacity-60 disabled:cursor-not-allowed\"\n      :class=\"tab.value === modelValue\n        ? 'bg-[var(--card)] text-[var(--fg)] border border-[var(--brd)]'\n        : 'text-[var(--muted-fg)] hover:text-[var(--fg)] hover:bg-[color-mix(in_srgb,var(--card)_70%,transparent)]'\"\n      @click=\"onClick(tab)\"\n    >\n      <span class=\"inline-flex items-center gap-2\">\n        <span>{{ tab.label }}</span>\n        <span\n          v-if=\"tab.badge\"\n          class=\"text-[11px] px-1.5 py-0.5 rounded-full bg-[var(--secondary)] text-[var(--secondary-fg)]\"\n        >\n          {{ tab.badge }}\n        </span>\n      </span>\n    </button>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, nextTick, ref } from 'vue'\n\nexport type GrTab = {\n  value: string\n  label: string\n  badge?: string\n  disabled?: boolean\n}\n\nexport type GrTabsProps = {\n  modelValue: string\n  tabs: GrTab[]\n}\n\n/**\n * GrTabs — горизонтальная группа вкладок с паттерном WAI-ARIA `tablist`.\n *\n * A11y:\n * - `role=\"tablist\"` на корне, `role=\"tab\"` на каждой вкладке.\n * - Roving `tabindex`: активная вкладка `0`, остальные `-1`.\n * - Клавиатура: `ArrowLeft`/`ArrowRight` — цикличный переход, `Home`/`End` — к первой/последней.\n * - При переключении стрелками DOM-фокус программно переносится на новую вкладку.\n *\n * Сам компонент не рендерит `tabpanel` — это ответственность консьюмера (по `aria-controls`/внешней разметке).\n */\nconst props = defineProps<GrTabsProps>()\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: string): void\n}>()\n\nconst buttonRefs = ref<HTMLButtonElement[]>([])\n\nfunction setButtonRef(el: unknown, index: number): void {\n  if (el instanceof HTMLButtonElement)\n    buttonRefs.value[index] = el\n}\n\nconst activeIndex = computed(() => props.tabs.findIndex(t => t.value === props.modelValue))\n\nfunction isEnabled(tab: GrTab): boolean {\n  return !tab.disabled\n}\n\nasync function selectByIndex(index: number, focus = false): Promise<void> {\n  const tab = props.tabs[index]\n  if (!tab || !isEnabled(tab))\n    return\n  if (tab.value !== props.modelValue)\n    emit('update:modelValue', tab.value)\n  if (focus) {\n    await nextTick()\n    buttonRefs.value[index]?.focus()\n  }\n}\n\nfunction findNextEnabled(from: number, direction: 1 | -1): number {\n  const length = props.tabs.length\n  if (length === 0)\n    return -1\n  let index = from\n  for (let i = 0; i < length; i++) {\n    index = (index + direction + length) % length\n    const tab = props.tabs[index]\n    if (tab && isEnabled(tab))\n      return index\n  }\n  return -1\n}\n\nfunction firstEnabled(): number {\n  return props.tabs.findIndex(isEnabled)\n}\n\nfunction lastEnabled(): number {\n  for (let i = props.tabs.length - 1; i >= 0; i--) {\n    const tab = props.tabs[i]\n    if (tab && isEnabled(tab))\n      return i\n  }\n  return -1\n}\n\nfunction onKeydown(event: KeyboardEvent): void {\n  if (props.tabs.length === 0)\n    return\n\n  const currentIndex = activeIndex.value < 0 ? 0 : activeIndex.value\n  let nextIndex = -1\n\n  switch (event.key) {\n    case 'ArrowRight':\n      nextIndex = findNextEnabled(currentIndex, 1)\n      break\n    case 'ArrowLeft':\n      nextIndex = findNextEnabled(currentIndex, -1)\n      break\n    case 'Home':\n      nextIndex = firstEnabled()\n      break\n    case 'End':\n      nextIndex = lastEnabled()\n      break\n    default:\n      return\n  }\n\n  if (nextIndex < 0)\n    return\n\n  event.preventDefault()\n  void selectByIndex(nextIndex, true)\n}\n\nfunction onClick(tab: GrTab): void {\n  if (!isEnabled(tab))\n    return\n  if (tab.value !== props.modelValue)\n    emit('update:modelValue', tab.value)\n}\n</script>\n\n<template>\n  <div\n    role=\"tablist\"\n    data-gr-tabs\n    class=\"inline-flex flex-wrap gap-1 rounded-[var(--gr-radius-lg)] border border-[var(--brd)] bg-[var(--muted)] p-1\"\n    @keydown=\"onKeydown\"\n  >\n    <button\n      v-for=\"(tab, index) in tabs\"\n      :key=\"tab.value\"\n      :ref=\"el => setButtonRef(el, index)\"\n      type=\"button\"\n      role=\"tab\"\n      data-gr-tab\n      :aria-selected=\"tab.value === modelValue ? 'true' : 'false'\"\n      :aria-disabled=\"tab.disabled ? 'true' : undefined\"\n      :disabled=\"tab.disabled\"\n      :tabindex=\"tab.value === modelValue ? 0 : -1\"\n      class=\"h-9 px-3 rounded-[10px] text-sm font-600 transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] disabled:opacity-60 disabled:cursor-not-allowed\"\n      :class=\"tab.value === modelValue\n        ? 'bg-[var(--card)] text-[var(--fg)] border border-[var(--brd)]'\n        : 'text-[var(--muted-fg)] hover:text-[var(--fg)] hover:bg-[color-mix(in_srgb,var(--card)_70%,transparent)]'\"\n      @click=\"onClick(tab)\"\n    >\n      <span class=\"inline-flex items-center gap-2\">\n        <span>{{ tab.label }}</span>\n        <span\n          v-if=\"tab.badge\"\n          class=\"text-[11px] px-1.5 py-0.5 rounded-full bg-[var(--secondary)] text-[var(--secondary-fg)]\"\n        >\n          {{ tab.badge }}\n        </span>\n      </span>\n    </button>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/components/GrTextarea/chunks/GrTextarea-D56YxhKq.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GrTextarea-D56YxhKq.js","names":[],"sources":["../../../../src/components/GrTextarea/GrTextarea.vue","../../../../src/components/GrTextarea/GrTextarea.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * GrTextarea — многострочное поле ввода GR-примитива.\n *\n * Состояния:\n * - `state`: визуальный оттенок рамки (`default | success | warning | danger`).\n * - `invalid`: форсирует `danger`-состояние и проставляет `aria-invalid=\"true\"`.\n */\nimport { computed } from 'vue'\nimport { type GrTextareaState, grTextareaClass } from './grTextareaStyles'\n\nconst props = withDefaults(defineProps<{\n  modelValue: string\n  placeholder?: string\n  autocomplete?: string\n  disabled?: boolean\n  invalid?: boolean\n  state?: GrTextareaState\n  name?: string\n  id?: string\n  rows?: number\n}>(), {\n  placeholder: undefined,\n  autocomplete: undefined,\n  disabled: false,\n  invalid: false,\n  state: 'default',\n  name: undefined,\n  id: undefined,\n  rows: 4,\n})\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: string): void\n}>()\n\nexport type GrTextareaProps = typeof props\n\nconst className = computed(() => grTextareaClass({\n  state: props.state,\n  invalid: props.invalid,\n}))\n\nfunction onInput(e: Event): void {\n  emit('update:modelValue', (e.target as HTMLTextAreaElement).value)\n}\n</script>\n\n<template>\n  <textarea\n    :id=\"id\"\n    data-gr-textarea\n    :name=\"name\"\n    :rows=\"rows\"\n    :autocomplete=\"autocomplete\"\n    :placeholder=\"placeholder\"\n    :disabled=\"disabled\"\n    :value=\"modelValue\"\n    :aria-invalid=\"invalid ? 'true' : undefined\"\n    class=\"w-full rounded-md border bg-[var(--bg)] px-3 py-2 text-[14px] text-[var(--fg)] placeholder:text-[var(--muted-fg)] transition-colors duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] disabled:opacity-50 disabled:cursor-not-allowed\"\n    :class=\"className\"\n    @input=\"onInput\"\n  />\n</template>\n","<script setup lang=\"ts\">\n/**\n * GrTextarea — многострочное поле ввода GR-примитива.\n *\n * Состояния:\n * - `state`: визуальный оттенок рамки (`default | success | warning | danger`).\n * - `invalid`: форсирует `danger`-состояние и проставляет `aria-invalid=\"true\"`.\n */\nimport { computed } from 'vue'\nimport { type GrTextareaState, grTextareaClass } from './grTextareaStyles'\n\nconst props = withDefaults(defineProps<{\n  modelValue: string\n  placeholder?: string\n  autocomplete?: string\n  disabled?: boolean\n  invalid?: boolean\n  state?: GrTextareaState\n  name?: string\n  id?: string\n  rows?: number\n}>(), {\n  placeholder: undefined,\n  autocomplete: undefined,\n  disabled: false,\n  invalid: false,\n  state: 'default',\n  name: undefined,\n  id: undefined,\n  rows: 4,\n})\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: string): void\n}>()\n\nexport type GrTextareaProps = typeof props\n\nconst className = computed(() => grTextareaClass({\n  state: props.state,\n  invalid: props.invalid,\n}))\n\nfunction onInput(e: Event): void {\n  emit('update:modelValue', (e.target as HTMLTextAreaElement).value)\n}\n</script>\n\n<template>\n  <textarea\n    :id=\"id\"\n    data-gr-textarea\n    :name=\"name\"\n    :rows=\"rows\"\n    :autocomplete=\"autocomplete\"\n    :placeholder=\"placeholder\"\n    :disabled=\"disabled\"\n    :value=\"modelValue\"\n    :aria-invalid=\"invalid ? 'true' : undefined\"\n    class=\"w-full rounded-md border bg-[var(--bg)] px-3 py-2 text-[14px] text-[var(--fg)] placeholder:text-[var(--muted-fg)] transition-colors duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] disabled:opacity-50 disabled:cursor-not-allowed\"\n    :class=\"className\"\n    @input=\"onInput\"\n  />\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAWA,MAAM,QAAQ;EAqBd,MAAM,OAAO;EAMb,MAAM,YAAY,eAAe,gBAAgB;GAC/C,OAAO,MAAM;GACb,SAAS,MAAM;EACjB,CAAC,CAAC;EAEF,SAAS,QAAQ,GAAgB;GAC/B,KAAK,qBAAsB,EAAE,OAA+B,KAAK;EACnE;;uBAIE,mBAaE,YAAA;IAZC,IAAI,QAAA;IACL,oBAAA;IACC,MAAM,QAAA;IACN,MAAM,QAAA;IACN,cAAc,QAAA;IACd,aAAa,QAAA;IACb,UAAU,QAAA;IACV,OAAO,QAAA;IACP,gBAAc,QAAA,UAAO,SAAY,KAAA;IAClC,OAAK,eAAA,CAAC,6QACE,UAAA,KAAS,CAAA;IACT"}

package/dist/components/GrToaster/chunks/GrToaster-eI8YvnIo.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GrToaster-eI8YvnIo.js","names":[],"sources":["../../../../src/components/GrToaster/GrToaster.vue","../../../../src/components/GrToaster/GrToaster.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * GrToaster — GR-примитив области уведомлений (toast).\n *\n * Модель состояния берётся из `useToast`, поэтому в приложении предполагается\n * **один активный `GrToaster`** на корень (или app-scoped через плагин).\n *\n * A11y:\n * - контейнер — `role=\"region\"` с `aria-label` (i18n-проп `regionLabel`);\n * - список обёрнут в ПОСТОЯННЫЙ live-region (`aria-live=\"polite\"`), который\n *   существует до вставки тостов — иначе SR часто не озвучивают целиком\n *   вставленный узел с `aria-live`;\n * - критичные тосты (`warning`/`danger`) несут `role=\"alert\"` (ассертивно).\n *\n * UX:\n * - `maxVisible` ограничивает стек; лишние ждут в очереди (их таймеры на паузе);\n * - автозакрытие **останавливается под курсором/фокусом** (WCAG 2.2.1) и\n *   визуализируется прогресс-баром до закрытия;\n * - `placement` настраивает угол экрана; слой — `--gr-z-toast`.\n */\nimport { computed, ref, watchEffect } from 'vue'\nimport type { Component } from 'vue'\n\nimport { useToast } from '../../composables/useToast'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport type { GrToastTone } from '../../composables/useToast'\nimport GrButton from '../GrButton'\nimport GrIcon from '../GrIcon'\nimport { PLACEMENT_CLASS, type GrToasterPlacement } from './grToasterStyles'\n\nimport IconCheck from '~icons/lucide/check-circle'\nimport IconWarning from '~icons/lucide/alert-triangle'\nimport IconError from '~icons/lucide/x-circle'\nimport IconInfo from '~icons/lucide/info'\nimport IconClose from '~icons/lucide/x'\n\nexport type { GrToasterPlacement }\n\ninterface ToneMeta {\n  icon: Component\n  color: string\n  role: 'status' | 'alert'\n}\n\n// Единый маппинг по tone'у: иконка, цвет, a11y-роль. На уровне модуля —\n// чтобы не пересоздавать объект на каждый рендер.\nconst TONE_META: Record<GrToastTone, ToneMeta> = {\n  primary: { icon: IconInfo, color: 'var(--primary)', role: 'status' },\n  neutral: { icon: IconInfo, color: 'var(--muted-fg)', role: 'status' },\n  info: { icon: IconInfo, color: 'var(--gr-info)', role: 'status' },\n  success: { icon: IconCheck, color: 'var(--gr-success)', role: 'status' },\n  warning: { icon: IconWarning, color: 'var(--gr-warning)', role: 'alert' },\n  danger: { icon: IconError, color: 'var(--gr-danger)', role: 'alert' },\n  slate: { icon: IconInfo, color: 'var(--gr-slate)', role: 'status' },\n  azure: { icon: IconInfo, color: 'var(--gr-azure)', role: 'status' },\n}\n\nexport interface GrToasterProps {\n  /** Угол экрана для стека уведомлений. */\n  placement?: GrToasterPlacement\n  /** Максимум одновременно видимых тостов; остальные ждут в очереди. По умолчанию `4`. */\n  maxVisible?: number\n  /** A11y-лейбл кнопки закрытия (i18n). */\n  dismissLabel?: string\n  /** A11y-лейбл контейнера-региона (i18n). */\n  regionLabel?: string\n}\n\nconst props = withDefaults(defineProps<GrToasterProps>(), {\n  placement: 'top-right',\n  maxVisible: 4,\n  dismissLabel: undefined,\n  regionLabel: undefined,\n})\n\nconst { t } = useGranularityTranslations()\nconst resolvedDismissLabel = computed(() => props.dismissLabel ?? t('gr.toaster.dismiss', 'Dismiss'))\nconst resolvedRegionLabel = computed(() => props.regionLabel ?? t('gr.toaster.region', 'Notifications'))\n\nconst { list, dismiss, pause, resume } = useToast()\n\n// SSR-guard: на сервере `document.body` недоступен — отключаем `teleport`.\nconst isClient = typeof window !== 'undefined'\n\n// Видимые тосты (не больше `maxVisible`); остальные — в очереди.\nconst visibleToasts = computed(() => list.value.slice(0, Math.max(1, props.maxVisible)))\nconst visibleIds = computed(() => new Set(visibleToasts.value.map(toast => toast.id)))\n\n// Пауза под курсором/фокусом (WCAG 2.2.1). Один флаг на весь стек.\nconst paused = ref(false)\n\n// Единый источник правды по таймерам: тост тикает, только если он видим И стек не на\n// паузе. Очередь и hover — на паузе. Реагирует на изменения списка/hover.\nwatchEffect(() => {\n  for (const toast of list.value) {\n    if (visibleIds.value.has(toast.id) && !paused.value)\n      resume(toast.id)\n    else\n      pause(toast.id)\n  }\n})\n\nfunction metaFor(tone: GrToastTone): ToneMeta {\n  return TONE_META[tone] ?? TONE_META.info\n}\n\nconst containerClass = computed(() => PLACEMENT_CLASS[props.placement])\n</script>\n\n<template>\n  <teleport to=\"body\" :disabled=\"!isClient\">\n    <div\n        data-gr-toaster\n        role=\"region\"\n        :aria-label=\"resolvedRegionLabel\"\n        class=\"fixed z-[var(--gr-z-toast)] w-[360px] max-w-[calc(100vw-2rem)]\"\n        :class=\"containerClass\"\n        @mouseenter=\"paused = true\"\n        @mouseleave=\"paused = false\"\n        @focusin=\"paused = true\"\n        @focusout=\"paused = false\"\n    >\n      <!-- Постоянный live-region: существует всегда, поэтому вставленные тосты озвучиваются. -->\n      <TransitionGroup\n          tag=\"div\"\n          aria-live=\"polite\"\n          aria-atomic=\"false\"\n          class=\"grid gap-3\"\n          enter-active-class=\"transition duration-200 ease-out\"\n          enter-from-class=\"opacity-0 translate-y-2\"\n          enter-to-class=\"opacity-100 translate-y-0\"\n          leave-active-class=\"transition duration-150 ease-in absolute\"\n          leave-from-class=\"opacity-100 translate-y-0\"\n          leave-to-class=\"opacity-0 translate-y-2\"\n          move-class=\"transition-transform duration-200 ease-out\"\n      >\n        <div\n            v-for=\"toast in visibleToasts\"\n            :key=\"toast.id\"\n            data-gr-toast\n            :data-tone=\"toast.tone\"\n            :role=\"metaFor(toast.tone).role\"\n            aria-atomic=\"true\"\n            class=\"relative overflow-hidden rounded-[var(--gr-radius-lg)] border border-[var(--brd)] bg-[var(--card)] px-4 py-3 shadow-[var(--gr-shadow-2)]\"\n        >\n          <div class=\"flex items-start gap-3\">\n            <GrIcon size=\"md\" class=\"mt-0.5\" :style=\"{ color: metaFor(toast.tone).color }\" aria-hidden=\"true\">\n              <component :is=\"metaFor(toast.tone).icon\" />\n            </GrIcon>\n            <div class=\"min-w-0 flex-1\">\n              <div class=\"text-[13px] font-700\">\n                {{ toast.title }}\n              </div>\n              <div v-if=\"toast.message\" class=\"mt-0.5 text-[13px] text-[var(--muted-fg)]\">\n                {{ toast.message }}\n              </div>\n            </div>\n            <GrButton\n                variant=\"ghost\"\n                size=\"sm\"\n                square\n                :aria-label=\"resolvedDismissLabel\"\n                @click=\"dismiss(toast.id)\"\n            >\n              <GrIcon size=\"sm\" aria-hidden=\"true\">\n                <IconClose />\n              </GrIcon>\n            </GrButton>\n          </div>\n\n          <!-- Прогресс до автозакрытия; замирает вместе с таймером на паузе. -->\n          <div\n              v-if=\"toast.timeoutMs > 0\"\n              data-gr-toast-progress\n              aria-hidden=\"true\"\n              class=\"gr-toast-progress absolute bottom-0 left-0 h-[2px] w-full origin-left\"\n              :style=\"{\n                backgroundColor: metaFor(toast.tone).color,\n                animationDuration: `${toast.timeoutMs}ms`,\n                animationPlayState: paused ? 'paused' : 'running',\n              }\"\n          />\n        </div>\n      </TransitionGroup>\n    </div>\n  </teleport>\n</template>\n\n<style scoped>\n.gr-toast-progress {\n  animation-name: gr-toast-progress;\n  animation-timing-function: linear;\n  animation-fill-mode: forwards;\n}\n\n@keyframes gr-toast-progress {\n  from {\n    transform: scaleX(1);\n  }\n  to {\n    transform: scaleX(0);\n  }\n}\n</style>\n","<script setup lang=\"ts\">\n/**\n * GrToaster — GR-примитив области уведомлений (toast).\n *\n * Модель состояния берётся из `useToast`, поэтому в приложении предполагается\n * **один активный `GrToaster`** на корень (или app-scoped через плагин).\n *\n * A11y:\n * - контейнер — `role=\"region\"` с `aria-label` (i18n-проп `regionLabel`);\n * - список обёрнут в ПОСТОЯННЫЙ live-region (`aria-live=\"polite\"`), который\n *   существует до вставки тостов — иначе SR часто не озвучивают целиком\n *   вставленный узел с `aria-live`;\n * - критичные тосты (`warning`/`danger`) несут `role=\"alert\"` (ассертивно).\n *\n * UX:\n * - `maxVisible` ограничивает стек; лишние ждут в очереди (их таймеры на паузе);\n * - автозакрытие **останавливается под курсором/фокусом** (WCAG 2.2.1) и\n *   визуализируется прогресс-баром до закрытия;\n * - `placement` настраивает угол экрана; слой — `--gr-z-toast`.\n */\nimport { computed, ref, watchEffect } from 'vue'\nimport type { Component } from 'vue'\n\nimport { useToast } from '../../composables/useToast'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport type { GrToastTone } from '../../composables/useToast'\nimport GrButton from '../GrButton'\nimport GrIcon from '../GrIcon'\nimport { PLACEMENT_CLASS, type GrToasterPlacement } from './grToasterStyles'\n\nimport IconCheck from '~icons/lucide/check-circle'\nimport IconWarning from '~icons/lucide/alert-triangle'\nimport IconError from '~icons/lucide/x-circle'\nimport IconInfo from '~icons/lucide/info'\nimport IconClose from '~icons/lucide/x'\n\nexport type { GrToasterPlacement }\n\ninterface ToneMeta {\n  icon: Component\n  color: string\n  role: 'status' | 'alert'\n}\n\n// Единый маппинг по tone'у: иконка, цвет, a11y-роль. На уровне модуля —\n// чтобы не пересоздавать объект на каждый рендер.\nconst TONE_META: Record<GrToastTone, ToneMeta> = {\n  primary: { icon: IconInfo, color: 'var(--primary)', role: 'status' },\n  neutral: { icon: IconInfo, color: 'var(--muted-fg)', role: 'status' },\n  info: { icon: IconInfo, color: 'var(--gr-info)', role: 'status' },\n  success: { icon: IconCheck, color: 'var(--gr-success)', role: 'status' },\n  warning: { icon: IconWarning, color: 'var(--gr-warning)', role: 'alert' },\n  danger: { icon: IconError, color: 'var(--gr-danger)', role: 'alert' },\n  slate: { icon: IconInfo, color: 'var(--gr-slate)', role: 'status' },\n  azure: { icon: IconInfo, color: 'var(--gr-azure)', role: 'status' },\n}\n\nexport interface GrToasterProps {\n  /** Угол экрана для стека уведомлений. */\n  placement?: GrToasterPlacement\n  /** Максимум одновременно видимых тостов; остальные ждут в очереди. По умолчанию `4`. */\n  maxVisible?: number\n  /** A11y-лейбл кнопки закрытия (i18n). */\n  dismissLabel?: string\n  /** A11y-лейбл контейнера-региона (i18n). */\n  regionLabel?: string\n}\n\nconst props = withDefaults(defineProps<GrToasterProps>(), {\n  placement: 'top-right',\n  maxVisible: 4,\n  dismissLabel: undefined,\n  regionLabel: undefined,\n})\n\nconst { t } = useGranularityTranslations()\nconst resolvedDismissLabel = computed(() => props.dismissLabel ?? t('gr.toaster.dismiss', 'Dismiss'))\nconst resolvedRegionLabel = computed(() => props.regionLabel ?? t('gr.toaster.region', 'Notifications'))\n\nconst { list, dismiss, pause, resume } = useToast()\n\n// SSR-guard: на сервере `document.body` недоступен — отключаем `teleport`.\nconst isClient = typeof window !== 'undefined'\n\n// Видимые тосты (не больше `maxVisible`); остальные — в очереди.\nconst visibleToasts = computed(() => list.value.slice(0, Math.max(1, props.maxVisible)))\nconst visibleIds = computed(() => new Set(visibleToasts.value.map(toast => toast.id)))\n\n// Пауза под курсором/фокусом (WCAG 2.2.1). Один флаг на весь стек.\nconst paused = ref(false)\n\n// Единый источник правды по таймерам: тост тикает, только если он видим И стек не на\n// паузе. Очередь и hover — на паузе. Реагирует на изменения списка/hover.\nwatchEffect(() => {\n  for (const toast of list.value) {\n    if (visibleIds.value.has(toast.id) && !paused.value)\n      resume(toast.id)\n    else\n      pause(toast.id)\n  }\n})\n\nfunction metaFor(tone: GrToastTone): ToneMeta {\n  return TONE_META[tone] ?? TONE_META.info\n}\n\nconst containerClass = computed(() => PLACEMENT_CLASS[props.placement])\n</script>\n\n<template>\n  <teleport to=\"body\" :disabled=\"!isClient\">\n    <div\n        data-gr-toaster\n        role=\"region\"\n        :aria-label=\"resolvedRegionLabel\"\n        class=\"fixed z-[var(--gr-z-toast)] w-[360px] max-w-[calc(100vw-2rem)]\"\n        :class=\"containerClass\"\n        @mouseenter=\"paused = true\"\n        @mouseleave=\"paused = false\"\n        @focusin=\"paused = true\"\n        @focusout=\"paused = false\"\n    >\n      <!-- Постоянный live-region: существует всегда, поэтому вставленные тосты озвучиваются. -->\n      <TransitionGroup\n          tag=\"div\"\n          aria-live=\"polite\"\n          aria-atomic=\"false\"\n          class=\"grid gap-3\"\n          enter-active-class=\"transition duration-200 ease-out\"\n          enter-from-class=\"opacity-0 translate-y-2\"\n          enter-to-class=\"opacity-100 translate-y-0\"\n          leave-active-class=\"transition duration-150 ease-in absolute\"\n          leave-from-class=\"opacity-100 translate-y-0\"\n          leave-to-class=\"opacity-0 translate-y-2\"\n          move-class=\"transition-transform duration-200 ease-out\"\n      >\n        <div\n            v-for=\"toast in visibleToasts\"\n            :key=\"toast.id\"\n            data-gr-toast\n            :data-tone=\"toast.tone\"\n            :role=\"metaFor(toast.tone).role\"\n            aria-atomic=\"true\"\n            class=\"relative overflow-hidden rounded-[var(--gr-radius-lg)] border border-[var(--brd)] bg-[var(--card)] px-4 py-3 shadow-[var(--gr-shadow-2)]\"\n        >\n          <div class=\"flex items-start gap-3\">\n            <GrIcon size=\"md\" class=\"mt-0.5\" :style=\"{ color: metaFor(toast.tone).color }\" aria-hidden=\"true\">\n              <component :is=\"metaFor(toast.tone).icon\" />\n            </GrIcon>\n            <div class=\"min-w-0 flex-1\">\n              <div class=\"text-[13px] font-700\">\n                {{ toast.title }}\n              </div>\n              <div v-if=\"toast.message\" class=\"mt-0.5 text-[13px] text-[var(--muted-fg)]\">\n                {{ toast.message }}\n              </div>\n            </div>\n            <GrButton\n                variant=\"ghost\"\n                size=\"sm\"\n                square\n                :aria-label=\"resolvedDismissLabel\"\n                @click=\"dismiss(toast.id)\"\n            >\n              <GrIcon size=\"sm\" aria-hidden=\"true\">\n                <IconClose />\n              </GrIcon>\n            </GrButton>\n          </div>\n\n          <!-- Прогресс до автозакрытия; замирает вместе с таймером на паузе. -->\n          <div\n              v-if=\"toast.timeoutMs > 0\"\n              data-gr-toast-progress\n              aria-hidden=\"true\"\n              class=\"gr-toast-progress absolute bottom-0 left-0 h-[2px] w-full origin-left\"\n              :style=\"{\n                backgroundColor: metaFor(toast.tone).color,\n                animationDuration: `${toast.timeoutMs}ms`,\n                animationPlayState: paused ? 'paused' : 'running',\n              }\"\n          />\n        </div>\n      </TransitionGroup>\n    </div>\n  </teleport>\n</template>\n\n<style scoped>\n.gr-toast-progress {\n  animation-name: gr-toast-progress;\n  animation-timing-function: linear;\n  animation-fill-mode: forwards;\n}\n\n@keyframes gr-toast-progress {\n  from {\n    transform: scaleX(1);\n  }\n  to {\n    transform: scaleX(0);\n  }\n}\n</style>\n"],"mappings":"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"}

package/dist/components/GrTooltip/chunks/GrTooltip-BeyZ8ssR.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GrTooltip-BeyZ8ssR.js","names":[],"sources":["../../../../src/components/GrTooltip/GrTooltip.vue","../../../../src/components/GrTooltip/GrTooltip.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * GrTooltip — GR-примитив инлайн-подсказки на hover/focus.\n *\n * По умолчанию триггер — иконка info; можно заменить через слот.\n * A11y:\n * - `role=\"tooltip\"` связывается с триггером через уникальный `aria-describedby`;\n * - подсказка закрывается по `Escape` (WCAG 1.4.13 «Content on Hover or Focus» —\n *   dismissible без необходимости двигать курсор/фокус);\n * - панель не интерактивна (`pointer-events-none`), поэтому «hoverable»-требование\n *   того же критерия неприменимо — навести курсор на саму подсказку невозможно.\n *\n * Позиционирование — через общий `useFloating` (см. `composables/internal`):\n * по умолчанию сверху по центру, но `flip` переворачивает подсказку вниз, если\n * места над триггером не хватает, а `shift` не даёт ей вылезти за края viewport.\n */\nimport { computed, onUnmounted, ref, useId, watch } from 'vue'\n\nimport GrIcon from '../GrIcon'\nimport { useFloating } from '../../composables/internal/useFloating'\n\nimport IconInfo from '~icons/lucide/info'\n\nexport interface GrTooltipProps {\n  text: string\n  /** Цвет триггер-иконки (CSS color). По умолчанию — `var(--muted-fg)`. */\n  iconColor?: string\n}\n\nconst props = withDefaults(defineProps<GrTooltipProps>(), {\n  iconColor: 'var(--muted-fg)',\n})\n\nconst tooltipId = `gr-tooltip-${useId()}`\n\nconst triggerStyle = computed(() => ({ color: props.iconColor }))\n\nconst isClient = typeof window !== 'undefined'\n\nconst open = ref(false)\nconst triggerEl = ref<HTMLElement | null>(null)\nconst panelEl = ref<HTMLElement | null>(null)\n\nconst { floatingStyle } = useFloating(triggerEl, panelEl, open, {\n  placement: 'top',\n  zIndexVar: '--gr-z-tooltip',\n})\n\nfunction show(): void {\n  open.value = true\n}\n\nfunction hide(): void {\n  open.value = false\n}\n\nfunction closeOnEscape(e: KeyboardEvent): void {\n  if (e.key === 'Escape') hide()\n}\n\nwatch(\n  open,\n  (isOpen) => {\n    if (typeof document === 'undefined') return\n\n    document.removeEventListener('keydown', closeOnEscape)\n    if (isOpen) document.addEventListener('keydown', closeOnEscape)\n  },\n  { immediate: true },\n)\n\nonUnmounted(() => {\n  if (typeof document === 'undefined') return\n  document.removeEventListener('keydown', closeOnEscape)\n})\n</script>\n\n<template>\n  <span data-gr-tooltip class=\"relative inline-flex\">\n    <span\n      ref=\"triggerEl\"\n      data-gr-tooltip-trigger\n      data-testid=\"gr-tooltip-trigger\"\n      tabindex=\"0\"\n      :aria-describedby=\"tooltipId\"\n      class=\"inline-flex items-center justify-center focus:outline-none\"\n      :style=\"triggerStyle\"\n      @mouseenter=\"show\"\n      @mouseleave=\"hide\"\n      @focus=\"show\"\n      @blur=\"hide\"\n    >\n      <slot>\n        <GrIcon size=\"sm\" aria-hidden=\"true\">\n          <IconInfo />\n        </GrIcon>\n      </slot>\n    </span>\n\n    <teleport to=\"body\" :disabled=\"!isClient\">\n      <transition\n        enter-active-class=\"transition-opacity duration-150\"\n        enter-from-class=\"opacity-0\"\n        enter-to-class=\"opacity-100\"\n        leave-active-class=\"transition-opacity duration-100\"\n        leave-from-class=\"opacity-100\"\n        leave-to-class=\"opacity-0\"\n      >\n        <span\n          v-show=\"open\"\n          :id=\"tooltipId\"\n          ref=\"panelEl\"\n          role=\"tooltip\"\n          data-gr-tooltip-panel\n          class=\"pointer-events-none max-w-[280px] rounded-md border border-[var(--brd)] bg-[var(--popover)] px-2 py-1 text-[12px] text-[var(--popover-fg)] shadow-[var(--gr-shadow-1)]\"\n          :style=\"floatingStyle\"\n        >\n          {{ text }}\n        </span>\n      </transition>\n    </teleport>\n  </span>\n</template>\n","<script setup lang=\"ts\">\n/**\n * GrTooltip — GR-примитив инлайн-подсказки на hover/focus.\n *\n * По умолчанию триггер — иконка info; можно заменить через слот.\n * A11y:\n * - `role=\"tooltip\"` связывается с триггером через уникальный `aria-describedby`;\n * - подсказка закрывается по `Escape` (WCAG 1.4.13 «Content on Hover or Focus» —\n *   dismissible без необходимости двигать курсор/фокус);\n * - панель не интерактивна (`pointer-events-none`), поэтому «hoverable»-требование\n *   того же критерия неприменимо — навести курсор на саму подсказку невозможно.\n *\n * Позиционирование — через общий `useFloating` (см. `composables/internal`):\n * по умолчанию сверху по центру, но `flip` переворачивает подсказку вниз, если\n * места над триггером не хватает, а `shift` не даёт ей вылезти за края viewport.\n */\nimport { computed, onUnmounted, ref, useId, watch } from 'vue'\n\nimport GrIcon from '../GrIcon'\nimport { useFloating } from '../../composables/internal/useFloating'\n\nimport IconInfo from '~icons/lucide/info'\n\nexport interface GrTooltipProps {\n  text: string\n  /** Цвет триггер-иконки (CSS color). По умолчанию — `var(--muted-fg)`. */\n  iconColor?: string\n}\n\nconst props = withDefaults(defineProps<GrTooltipProps>(), {\n  iconColor: 'var(--muted-fg)',\n})\n\nconst tooltipId = `gr-tooltip-${useId()}`\n\nconst triggerStyle = computed(() => ({ color: props.iconColor }))\n\nconst isClient = typeof window !== 'undefined'\n\nconst open = ref(false)\nconst triggerEl = ref<HTMLElement | null>(null)\nconst panelEl = ref<HTMLElement | null>(null)\n\nconst { floatingStyle } = useFloating(triggerEl, panelEl, open, {\n  placement: 'top',\n  zIndexVar: '--gr-z-tooltip',\n})\n\nfunction show(): void {\n  open.value = true\n}\n\nfunction hide(): void {\n  open.value = false\n}\n\nfunction closeOnEscape(e: KeyboardEvent): void {\n  if (e.key === 'Escape') hide()\n}\n\nwatch(\n  open,\n  (isOpen) => {\n    if (typeof document === 'undefined') return\n\n    document.removeEventListener('keydown', closeOnEscape)\n    if (isOpen) document.addEventListener('keydown', closeOnEscape)\n  },\n  { immediate: true },\n)\n\nonUnmounted(() => {\n  if (typeof document === 'undefined') return\n  document.removeEventListener('keydown', closeOnEscape)\n})\n</script>\n\n<template>\n  <span data-gr-tooltip class=\"relative inline-flex\">\n    <span\n      ref=\"triggerEl\"\n      data-gr-tooltip-trigger\n      data-testid=\"gr-tooltip-trigger\"\n      tabindex=\"0\"\n      :aria-describedby=\"tooltipId\"\n      class=\"inline-flex items-center justify-center focus:outline-none\"\n      :style=\"triggerStyle\"\n      @mouseenter=\"show\"\n      @mouseleave=\"hide\"\n      @focus=\"show\"\n      @blur=\"hide\"\n    >\n      <slot>\n        <GrIcon size=\"sm\" aria-hidden=\"true\">\n          <IconInfo />\n        </GrIcon>\n      </slot>\n    </span>\n\n    <teleport to=\"body\" :disabled=\"!isClient\">\n      <transition\n        enter-active-class=\"transition-opacity duration-150\"\n        enter-from-class=\"opacity-0\"\n        enter-to-class=\"opacity-100\"\n        leave-active-class=\"transition-opacity duration-100\"\n        leave-from-class=\"opacity-100\"\n        leave-to-class=\"opacity-0\"\n      >\n        <span\n          v-show=\"open\"\n          :id=\"tooltipId\"\n          ref=\"panelEl\"\n          role=\"tooltip\"\n          data-gr-tooltip-panel\n          class=\"pointer-events-none max-w-[280px] rounded-md border border-[var(--brd)] bg-[var(--popover)] px-2 py-1 text-[12px] text-[var(--popover-fg)] shadow-[var(--gr-shadow-1)]\"\n          :style=\"floatingStyle\"\n        >\n          {{ text }}\n        </span>\n      </transition>\n    </teleport>\n  </span>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6BA,MAAM,QAAQ;EAId,MAAM,YAAY,cAAc,MAAM;EAEtC,MAAM,eAAe,gBAAgB,EAAE,OAAO,MAAM,UAAU,EAAE;EAEhE,MAAM,WAAW,OAAO,WAAW;EAEnC,MAAM,OAAO,IAAI,KAAK;EACtB,MAAM,YAAY,IAAwB,IAAI;EAC9C,MAAM,UAAU,IAAwB,IAAI;EAE5C,MAAM,EAAE,kBAAkB,YAAY,WAAW,SAAS,MAAM;GAC9D,WAAW;GACX,WAAW;EACb,CAAC;EAED,SAAS,OAAa;GACpB,KAAK,QAAQ;EACf;EAEA,SAAS,OAAa;GACpB,KAAK,QAAQ;EACf;EAEA,SAAS,cAAc,GAAwB;GAC7C,IAAI,EAAE,QAAQ,UAAU,KAAK;EAC/B;EAEA,MACE,OACC,WAAW;GACV,IAAI,OAAO,aAAa,aAAa;GAErC,SAAS,oBAAoB,WAAW,aAAa;GACrD,IAAI,QAAQ,SAAS,iBAAiB,WAAW,aAAa;EAChE,GACA,EAAE,WAAW,KAAK,CACpB;EAEA,kBAAkB;GAChB,IAAI,OAAO,aAAa,aAAa;GACrC,SAAS,oBAAoB,WAAW,aAAa;EACvD,CAAC;;uBAIC,mBA2CO,QA3CP,YA2CO,CA1CL,mBAkBO,QAAA;aAjBD;IAAJ,KAAI;IACJ,2BAAA;IACA,eAAY;IACZ,UAAS;IACR,oBAAkB;IACnB,OAAM;IACL,OAAK,eAAE,aAAA,KAAY;IACnB,cAAY;IACZ,cAAY;IACZ,SAAO;IACP,QAAM;OAEP,WAIO,KAAA,QAAA,WAAA,CAAA,SAAA,CAHL,YAES,MAAA,cAAA,GAAA;IAFD,MAAK;IAAK,eAAY;;2BAChB,CAAZ,YAAY,MAAA,YAAA,CAAA,CAAA,CAAA;;6BAKlB,YAqBW,UAAA;IArBD,IAAG;IAAQ,UAAQ,CAAG;OAC9B,YAmBa,YAAA;IAlBX,sBAAmB;IACnB,oBAAiB;IACjB,kBAAe;IACf,sBAAmB;IACnB,oBAAiB;IACjB,kBAAe;;2BAYR,CAAA,eAVP,mBAUO,QAAA;KARJ,IAAI;cACD;KAAJ,KAAI;KACJ,MAAK;KACL,yBAAA;KACA,OAAM;KACL,OAAK,eAAE,MAAA,aAAA,CAAa;uBAElB,QAAA,IAAI,GAAA,CAAA,GAAA,CAAA,CAAA,OARC,KAAA,KAAI,CAAA,CAAA,CAAA,CAAA"}

package/dist/components/GrTree/chunks/GrTree-D3ODe2dB.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GrTree-D3ODe2dB.js","names":[],"sources":["../../../../src/components/GrTree/grTreeDataAdapter.ts","../../../../src/components/GrTree/grTreeInteractionContext.ts","../../../../src/components/GrTree/grTreeStore.ts","../../../../src/components/GrTree/GrTree.vue","../../../../src/components/GrTree/GrTree.vue"],"sourcesContent":["import type { GrTreeKey } from './grTreeTypes'\nimport type {\n  GrTreeDataProps,\n  GrTreePropsMap,\n} from './grTreeProps'\n\nconst DEFAULT_CHILDREN_KEY = 'children'\nconst DEFAULT_LABEL_KEY = 'label'\n\nexport type GrTreeDataAdapterOptions<T extends object> = Pick<GrTreeDataProps<T>, 'props' | 'nodeKey'>\n\nexport type GrTreeDataAdapter<T extends object> = {\n  hasNodeKey: () => boolean\n  getChildrenKey: () => string\n  getLabelKey: () => string\n  getLabel: (data: T) => string\n  getChildren: (data: T) => T[]\n  ensureChildren: (data: T) => T[]\n  getNodeKey: (data: T, index: number, parentKey: GrTreeKey | undefined) => GrTreeKey\n  getExplicitNodeKey: (data: T) => GrTreeKey | undefined\n}\n\nfunction isTreeKey(value: unknown): value is GrTreeKey {\n  return typeof value === 'string' || typeof value === 'number'\n}\n\nfunction resolveMapValue(map: GrTreePropsMap | undefined, key: keyof GrTreePropsMap, fallback: string) {\n  return map?.[key] ?? fallback\n}\n\nexport function createGrTreeDataAdapter<T extends Record<string, any> = any>(\n  options: GrTreeDataAdapterOptions<T>,\n): GrTreeDataAdapter<T> {\n  function hasNodeKey() {\n    return options.nodeKey != null\n  }\n\n  function getChildrenKey() {\n    return resolveMapValue(options.props, 'children', DEFAULT_CHILDREN_KEY)\n  }\n\n  function getLabelKey() {\n    return resolveMapValue(options.props, 'label', DEFAULT_LABEL_KEY)\n  }\n\n  function getLabel(data: T): string {\n    const key = getLabelKey() as keyof T\n    const value = data[key]\n    return value == null ? '' : String(value)\n  }\n\n  function getChildren(data: T): T[] {\n    const key = getChildrenKey() as keyof T\n    const value = data[key]\n    return Array.isArray(value) ? (value as T[]) : []\n  }\n\n  function ensureChildren(data: T): T[] {\n    const key = getChildrenKey()\n    const value = (data as Record<string, unknown>)[key]\n    if (Array.isArray(value))\n      return value as T[]\n\n    const children: T[] = []\n    ;(data as Record<string, unknown>)[key] = children\n    return children\n  }\n\n  function getExplicitNodeKey(data: T): GrTreeKey | undefined {\n    if (options.nodeKey == null)\n      return undefined\n\n    const keyName = options.nodeKey as keyof T\n    const value = data[keyName] as unknown\n    return isTreeKey(value) ? value : undefined\n  }\n\n  function getNodeKey(data: T, index: number, parentKey: GrTreeKey | undefined): GrTreeKey {\n    const explicitKey = getExplicitNodeKey(data)\n    if (explicitKey != null)\n      return explicitKey\n\n    return parentKey == null ? index : `${String(parentKey)}:${index}`\n  }\n\n  return {\n    hasNodeKey,\n    getChildrenKey,\n    getLabelKey,\n    getLabel,\n    getChildren,\n    ensureChildren,\n    getNodeKey,\n    getExplicitNodeKey,\n  }\n}","import type { Ref, ShallowRef } from 'vue'\nimport { ref, shallowRef } from 'vue'\nimport type {\n  GrTreeAllowDropType,\n  GrTreeKey,\n  GrTreeNode,\n  GrTreeNodeDropType,\n} from './grTreeTypes'\n\nexport type GrTreeDropTarget = {\n  key: GrTreeKey\n  type: GrTreeNodeDropType\n  allowed: boolean\n}\n\nexport type GrTreeInteractionOptions<T> = {\n  draggable?: boolean\n  allowDrop?: (draggingNode: GrTreeNode<T>, dropNode: GrTreeNode<T>, type: GrTreeAllowDropType) => boolean\n  allowDrag?: (draggingNode: GrTreeNode<T>) => boolean\n}\n\nexport type GrTreeInteractionEmitters<T> = {\n  emitNodeClick: (data: T, node: GrTreeNode<T>) => void\n  emitNodeExpand: (data: T, node: GrTreeNode<T>) => void\n  emitNodeCollapse: (data: T, node: GrTreeNode<T>) => void\n  emitNodeDrop: (draggingNode: GrTreeNode<T>, dropNode: GrTreeNode<T>, dropType: GrTreeNodeDropType) => void\n}\n\nexport type GrTreeInteractionContext<T> = {\n  hoveredKey: Ref<GrTreeKey | undefined>\n  draggingNode: ShallowRef<GrTreeNode<T> | null>\n  dropTarget: ShallowRef<GrTreeDropTarget | null>\n  canDrag: (node: GrTreeNode<T>) => boolean\n  canDrop: (drag: GrTreeNode<T>, target: GrTreeNode<T>, type: GrTreeAllowDropType) => boolean\n  resetDragState: () => void\n  emitNodeClick: (data: T, node: GrTreeNode<T>) => void\n  emitNodeExpand: (data: T, node: GrTreeNode<T>) => void\n  emitNodeCollapse: (data: T, node: GrTreeNode<T>) => void\n  emitNodeDrop: (draggingNode: GrTreeNode<T>, dropNode: GrTreeNode<T>, dropType: GrTreeNodeDropType) => void\n}\n\nexport function createGrTreeInteractionContext<T>(\n  options: GrTreeInteractionOptions<T>,\n  emitters: GrTreeInteractionEmitters<T>,\n): GrTreeInteractionContext<T> {\n  const hoveredKey = ref<GrTreeKey | undefined>(undefined)\n  const draggingNode = shallowRef<GrTreeNode<T> | null>(null)\n  const dropTarget = shallowRef<GrTreeDropTarget | null>(null)\n\n  function canDrag(node: GrTreeNode<T>): boolean {\n    if (!options.draggable)\n      return false\n\n    if (options.allowDrag)\n      return options.allowDrag(node)\n\n    return true\n  }\n\n  function canDrop(drag: GrTreeNode<T>, target: GrTreeNode<T>, type: GrTreeAllowDropType): boolean {\n    if (!options.allowDrop)\n      return true\n\n    return options.allowDrop(drag, target, type)\n  }\n\n  function resetDragState() {\n    draggingNode.value = null\n    dropTarget.value = null\n  }\n\n  return {\n    hoveredKey,\n    draggingNode,\n    dropTarget,\n    canDrag,\n    canDrop,\n    resetDragState,\n    ...emitters,\n  }\n}","import type { ComputedRef, MaybeRefOrGetter, Ref, ShallowRef } from 'vue'\nimport { computed, ref, shallowRef, toValue, watch } from 'vue'\nimport type {\n  GrTreeKey,\n  GrTreeNode,\n  GrTreeNodeDropType,\n  GrTreeNodeTarget,\n} from './grTreeTypes'\nimport type { GrTreeDataAdapter } from './grTreeDataAdapter'\nimport type { GrTreeDataProps, GrTreeFilterNodeMethod } from './grTreeProps'\n\ntype TreeModel<T extends object> = {\n  roots: GrTreeNode<T>[]\n  byKey: Map<GrTreeKey, GrTreeNode<T>>\n  byData: WeakMap<T, GrTreeNode<T>>\n}\n\ntype FilterInfo = {\n  isActive: boolean\n  subtreeHasMatch: Map<GrTreeKey, boolean>\n  matchedKeys: Set<GrTreeKey>\n  autoExpandKeys: Set<GrTreeKey>\n}\n\nexport type GrTreeStoreOptions<T extends object> = {\n  data: MaybeRefOrGetter<GrTreeDataProps<T>['data']>\n  defaultExpandedKeys?: MaybeRefOrGetter<GrTreeDataProps<T>['defaultExpandedKeys']>\n  filterNodeMethod?: MaybeRefOrGetter<GrTreeFilterNodeMethod<T> | undefined>\n  adapter: GrTreeDataAdapter<T>\n}\n\nexport type GrTreeStore<T extends object> = {\n  filterValue: Ref<string>\n  expandedKeys: ShallowRef<Set<GrTreeKey>>\n  currentKey: Ref<GrTreeKey | undefined>\n  treeModel: ComputedRef<TreeModel<T>>\n  filterInfo: ComputedRef<FilterInfo>\n  filter: (value: string) => void\n  isExpandedKey: (key: GrTreeKey) => boolean\n  setExpandedKey: (key: GrTreeKey, expanded: boolean) => void\n  toggleExpand: (node: GrTreeNode<T>) => void\n  setCurrentKey: (key?: GrTreeKey) => void\n  getCurrentKey: () => GrTreeKey | undefined\n  getCurrentNode: () => GrTreeNode<T> | undefined\n  setCurrentNode: (node?: GrTreeNodeTarget<T>) => boolean\n  getNode: (key: GrTreeKey) => GrTreeNode<T> | undefined\n  canMoveNode: (node: GrTreeNodeTarget<T>, referenceNode: GrTreeNodeTarget<T>, dropType: GrTreeNodeDropType) => boolean\n  moveNode: (node: GrTreeNodeTarget<T>, referenceNode: GrTreeNodeTarget<T>, dropType: GrTreeNodeDropType) => GrTreeNode<T> | undefined\n  appendNode: (data: T, parent: GrTreeNodeTarget<T>) => GrTreeNode<T> | undefined\n  removeNode: (node: GrTreeNodeTarget<T>) => boolean\n  insertNodeBefore: (data: T, referenceNode: GrTreeNodeTarget<T>) => GrTreeNode<T> | undefined\n  insertNodeAfter: (data: T, referenceNode: GrTreeNodeTarget<T>) => GrTreeNode<T> | undefined\n}\n\nexport function createGrTreeStore<T extends Record<string, any> = any>(\n  options: GrTreeStoreOptions<T>,\n): GrTreeStore<T> {\n  const filterValue = ref('')\n  const expandedKeys = shallowRef<Set<GrTreeKey>>(new Set())\n  const currentKey = ref<GrTreeKey | undefined>(undefined)\n  const getData = () => toValue(options.data) ?? []\n  const getFilterNodeMethod = () => toValue(options.filterNodeMethod)\n\n  watch(\n    () => toValue(options.defaultExpandedKeys),\n    (keys) => {\n      expandedKeys.value = new Set(keys ?? [])\n    },\n    { immediate: true },\n  )\n\n  const treeModel = computed<TreeModel<T>>(() => {\n    const byKey = new Map<GrTreeKey, GrTreeNode<T>>()\n    const byData = new WeakMap<T, GrTreeNode<T>>()\n\n    const build = (items: T[], parent: GrTreeNode<T> | undefined, level: number): GrTreeNode<T>[] => {\n      return items.map((item, index) => {\n        const node: GrTreeNode<T> = {\n          key: options.adapter.getNodeKey(item, index, parent?.key),\n          label: options.adapter.getLabel(item),\n          data: item,\n          level,\n          parent,\n          childNodes: [],\n        }\n\n        byKey.set(node.key, node)\n        byData.set(item, node)\n        node.childNodes = build(options.adapter.getChildren(item), node, level + 1)\n\n        return node\n      })\n    }\n\n    return {\n      roots: build(getData(), undefined, 1),\n      byKey,\n      byData,\n    }\n  })\n\n  const filterInfo = computed<FilterInfo>(() => {\n    const value = filterValue.value\n    const isActive = value.trim().length > 0\n    const valueLower = value.toLowerCase()\n    const subtreeHasMatch = new Map<GrTreeKey, boolean>()\n    const matchedKeys = new Set<GrTreeKey>()\n    const autoExpandKeys = new Set<GrTreeKey>()\n\n    if (!isActive) {\n      return {\n        isActive,\n        subtreeHasMatch,\n        matchedKeys,\n        autoExpandKeys,\n      }\n    }\n\n    const match = (node: GrTreeNode<T>): boolean => {\n      const filterNodeMethod = getFilterNodeMethod()\n      if (filterNodeMethod)\n        return filterNodeMethod(value, node.data, node)\n\n      return node.label.toLowerCase().includes(valueLower)\n    }\n\n    const walk = (nodes: GrTreeNode<T>[]): boolean => {\n      let any = false\n\n      for (const node of nodes) {\n        const self = match(node)\n        const childAny = walk(node.childNodes)\n        const has = self || childAny\n\n        subtreeHasMatch.set(node.key, has)\n\n        if (self)\n          matchedKeys.add(node.key)\n\n        if (childAny)\n          autoExpandKeys.add(node.key)\n\n        any ||= has\n      }\n\n      return any\n    }\n\n    walk(treeModel.value.roots)\n\n    return {\n      isActive,\n      subtreeHasMatch,\n      matchedKeys,\n      autoExpandKeys,\n    }\n  })\n\n  function getNode(key: GrTreeKey) {\n    return treeModel.value.byKey.get(key)\n  }\n\n  function findNodeByData(data: T): GrTreeNode<T> | undefined {\n    return treeModel.value.byData.get(data)\n  }\n\n  function isTreeNode(target: GrTreeNodeTarget<T>): target is GrTreeNode<T> {\n    return typeof target === 'object'\n      && target !== null\n      && 'key' in target\n      && 'data' in target\n      && 'childNodes' in target\n  }\n\n  function resolveNodeTarget(target?: GrTreeNodeTarget<T>): GrTreeNode<T> | undefined {\n    if (target == null)\n      return undefined\n\n    if (typeof target === 'string' || typeof target === 'number')\n      return getNode(target)\n\n    if (isTreeNode(target))\n      return getNode(target.key) ?? target\n\n    const key = options.adapter.getExplicitNodeKey(target)\n    if (key != null)\n      return getNode(key)\n\n    return findNodeByData(target)\n  }\n\n  function getNodeContainer(node: GrTreeNode<T>) {\n    const items = node.parent ? options.adapter.ensureChildren(node.parent.data) : getData()\n\n    let index = items.findIndex(item => item === node.data)\n    if (index >= 0)\n      return { items, index }\n\n    const key = options.adapter.getExplicitNodeKey(node.data)\n    if (key == null)\n      return undefined\n\n    index = items.findIndex(item => options.adapter.getExplicitNodeKey(item) === key)\n    if (index < 0)\n      return undefined\n\n    return { items, index }\n  }\n\n  function isDescendantNode(ancestor: GrTreeNode<T>, node: GrTreeNode<T>) {\n    let current = node.parent\n\n    while (current) {\n      if (current.key === ancestor.key)\n        return true\n\n      current = current.parent\n    }\n\n    return false\n  }\n\n  function canMoveNode(node: GrTreeNodeTarget<T>, referenceNode: GrTreeNodeTarget<T>, dropType: GrTreeNodeDropType) {\n    const sourceNode = resolveNodeTarget(node)\n    const targetNode = resolveNodeTarget(referenceNode)\n\n    if (!sourceNode || !targetNode)\n      return false\n\n    if (sourceNode.key === targetNode.key)\n      return false\n\n    if (isDescendantNode(sourceNode, targetNode))\n      return false\n\n    const sourceContainer = getNodeContainer(sourceNode)\n    if (!sourceContainer)\n      return false\n\n    if (dropType === 'inner')\n      return true\n\n    return Boolean(getNodeContainer(targetNode))\n  }\n\n  function sanitizeTreeState() {\n    const byKey = treeModel.value.byKey\n\n    if (currentKey.value != null && !byKey.has(currentKey.value))\n      currentKey.value = undefined\n\n    const nextExpandedKeys = new Set(Array.from(expandedKeys.value).filter(key => byKey.has(key)))\n    if (nextExpandedKeys.size !== expandedKeys.value.size)\n      expandedKeys.value = nextExpandedKeys\n  }\n\n  function isExpandedKey(key: GrTreeKey): boolean {\n    return expandedKeys.value.has(key)\n  }\n\n  function setExpandedKey(key: GrTreeKey, expanded: boolean) {\n    const next = new Set(expandedKeys.value)\n\n    if (expanded)\n      next.add(key)\n    else\n      next.delete(key)\n\n    expandedKeys.value = next\n  }\n\n  function toggleExpand(node: GrTreeNode<T>) {\n    setExpandedKey(node.key, !isExpandedKey(node.key))\n  }\n\n  function setCurrentKey(key?: GrTreeKey) {\n    currentKey.value = key\n  }\n\n  function getCurrentKey() {\n    return currentKey.value\n  }\n\n  function getCurrentNode() {\n    const key = currentKey.value\n    return key == null ? undefined : getNode(key)\n  }\n\n  function setCurrentNode(node?: GrTreeNodeTarget<T>) {\n    if (node == null) {\n      currentKey.value = undefined\n      return true\n    }\n\n    const targetNode = resolveNodeTarget(node)\n    if (!targetNode)\n      return false\n\n    currentKey.value = targetNode.key\n    return true\n  }\n\n  function resolveInsertedNode(data: T) {\n    const key = options.adapter.getExplicitNodeKey(data)\n    if (key != null)\n      return getNode(key)\n\n    return findNodeByData(data)\n  }\n\n  function moveNode(node: GrTreeNodeTarget<T>, referenceNode: GrTreeNodeTarget<T>, dropType: GrTreeNodeDropType) {\n    const sourceNode = resolveNodeTarget(node)\n    const targetNode = resolveNodeTarget(referenceNode)\n\n    if (!sourceNode || !targetNode)\n      return undefined\n\n    if (!canMoveNode(sourceNode, targetNode, dropType))\n      return undefined\n\n    const sourceContainer = getNodeContainer(sourceNode)\n    if (!sourceContainer)\n      return undefined\n\n    let destinationItems: T[]\n    let destinationIndex: number\n\n    if (dropType === 'inner') {\n      destinationItems = options.adapter.ensureChildren(targetNode.data)\n      destinationIndex = destinationItems.length\n    }\n    else {\n      const targetContainer = getNodeContainer(targetNode)\n      if (!targetContainer)\n        return undefined\n\n      destinationItems = targetContainer.items\n      destinationIndex = dropType === 'prev'\n        ? targetContainer.index\n        : targetContainer.index + 1\n    }\n\n    if (destinationItems === sourceContainer.items && sourceContainer.index < destinationIndex)\n      destinationIndex -= 1\n\n    const [movedData] = sourceContainer.items.splice(sourceContainer.index, 1)\n    destinationItems.splice(destinationIndex, 0, movedData)\n\n    if (dropType === 'inner')\n      setExpandedKey(targetNode.key, true)\n\n    sanitizeTreeState()\n    return resolveInsertedNode(movedData)\n  }\n\n  function appendNode(data: T, parent: GrTreeNodeTarget<T>) {\n    const parentNode = resolveNodeTarget(parent)\n    if (!parentNode)\n      return undefined\n\n    options.adapter.ensureChildren(parentNode.data).push(data)\n    setExpandedKey(parentNode.key, true)\n    sanitizeTreeState()\n    return resolveInsertedNode(data)\n  }\n\n  function removeNode(node: GrTreeNodeTarget<T>) {\n    if (!options.adapter.hasNodeKey())\n      return false\n\n    const targetNode = resolveNodeTarget(node)\n    if (!targetNode)\n      return false\n\n    const container = getNodeContainer(targetNode)\n    if (!container)\n      return false\n\n    container.items.splice(container.index, 1)\n    sanitizeTreeState()\n    return true\n  }\n\n  function insertNodeBefore(data: T, referenceNode: GrTreeNodeTarget<T>) {\n    const targetNode = resolveNodeTarget(referenceNode)\n    if (!targetNode)\n      return undefined\n\n    const container = getNodeContainer(targetNode)\n    if (!container)\n      return undefined\n\n    container.items.splice(container.index, 0, data)\n    sanitizeTreeState()\n    return resolveInsertedNode(data)\n  }\n\n  function insertNodeAfter(data: T, referenceNode: GrTreeNodeTarget<T>) {\n    const targetNode = resolveNodeTarget(referenceNode)\n    if (!targetNode)\n      return undefined\n\n    const container = getNodeContainer(targetNode)\n    if (!container)\n      return undefined\n\n    container.items.splice(container.index + 1, 0, data)\n    sanitizeTreeState()\n    return resolveInsertedNode(data)\n  }\n\n  function filter(value: string) {\n    filterValue.value = value\n  }\n\n  return {\n    filterValue,\n    expandedKeys,\n    currentKey,\n    treeModel,\n    filterInfo,\n    filter,\n    isExpandedKey,\n    setExpandedKey,\n    toggleExpand,\n    setCurrentKey,\n    getCurrentKey,\n    getCurrentNode,\n    setCurrentNode,\n    getNode,\n    canMoveNode,\n    moveNode,\n    appendNode,\n    removeNode,\n    insertNodeBefore,\n    insertNodeAfter,\n  }\n}","<script setup lang=\"ts\" generic=\"T extends Record<string, any> = any\">\nimport { computed } from 'vue'\nimport type {\n  GrTreeAllowDropType,\n  GrTreeInstance,\n  GrTreeNode,\n  GrTreeNodeDropType,\n} from './grTreeTypes'\nimport { createGrTreeDataAdapter } from './grTreeDataAdapter'\nimport { createGrTreeInteractionContext } from './grTreeInteractionContext'\nimport { createGrTreeStore } from './grTreeStore'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport type {\n  GrTreeBranchLineColor,\n  GrTreeNodeClass,\n  GrTreeProps,\n  GrTreeVisibleRow,\n  GrTreeVisibleTreeRow,\n} from './grTreeProps'\n\ndefineOptions({\n  name: 'GrTree',\n})\n\nconst DEFAULT_BRANCH_LINE_COLOR = 'var(--gr-tree-branch-line-default-color, #e2e8f0)'\n\nconst props = withDefaults(defineProps<GrTreeProps<T>>(), {\n  props: () => ({\n    children: 'children',\n    label: 'label',\n  }),\n  nodeKey: 'id' as any,\n  defaultExpandedKeys: () => [],\n  highlightCurrent: true,\n  indent: 0,\n  expandIcon: 'i-lucide-chevron-right',\n  collapseIcon: 'i-lucide-chevron-right',\n  toggleIconRotate: true,\n  branchLine: false,\n  branchLineColor: undefined,\n  branchLineActiveColor: undefined,\n  draggable: false,\n  dragHandleIcon: 'i-lucide-grip-vertical',\n  dragLabel: undefined,\n  expandLabel: undefined,\n  collapseLabel: undefined,\n  rowClass: undefined,\n  dragHandleClass: undefined,\n  toggleClass: undefined,\n  toggleIconClass: undefined,\n  toggleSpacerClass: undefined,\n  contentClass: undefined,\n  internalRows: undefined,\n  internalNested: false,\n  internalStore: undefined,\n})\n\nconst emit = defineEmits<{\n  (event: 'nodeClick', data: T, node: GrTreeNode<T>): void\n  (event: 'nodeExpand', data: T, node: GrTreeNode<T>): void\n  (event: 'nodeCollapse', data: T, node: GrTreeNode<T>): void\n  (event: 'nodeDrop', draggingNode: GrTreeNode<T>, dropNode: GrTreeNode<T>, dropType: GrTreeNodeDropType): void\n}>()\n\ndefineSlots<{\n  default?: (props: { node: GrTreeNode<T>; data: T }) => any\n}>()\n\nconst dataAdapter = createGrTreeDataAdapter(props)\nconst treeStore = props.internalStore ?? createGrTreeStore({\n  adapter: dataAdapter,\n  data: () => props.data,\n  defaultExpandedKeys: () => props.defaultExpandedKeys,\n  filterNodeMethod: () => props.filterNodeMethod,\n})\nconst interactionContext = props.internalInteractionContext ?? createGrTreeInteractionContext(props, {\n  emitNodeClick: (data, node) => emit('nodeClick', data, node),\n  emitNodeExpand: (data, node) => emit('nodeExpand', data, node),\n  emitNodeCollapse: (data, node) => emit('nodeCollapse', data, node),\n  emitNodeDrop: (draggingNode, dropNode, dropType) => emit('nodeDrop', draggingNode, dropNode, dropType),\n})\n\nconst treeProps = props as Readonly<GrTreeProps<T>>\n\nconst { t } = useGranularityTranslations()\nconst dragLabel = computed(() => treeProps.dragLabel ?? t('gr.tree.drag', 'Drag'))\nconst expandLabel = computed(() => treeProps.expandLabel ?? t('gr.tree.expand', 'Expand'))\nconst collapseLabel = computed(() => treeProps.collapseLabel ?? t('gr.tree.collapse', 'Collapse'))\nconst currentKey = treeStore.currentKey\nconst hoveredKey = interactionContext.hoveredKey\nconst dropTarget = interactionContext.dropTarget\n\nconst visibleRows = computed<GrTreeVisibleTreeRow<T>[]>(() => {\n  if (props.internalRows)\n    return props.internalRows\n\n  const { roots } = treeStore.treeModel.value\n  const { isActive, subtreeHasMatch, matchedKeys, autoExpandKeys } = treeStore.filterInfo.value\n\n  const walk = (nodes: GrTreeNode<T>[]): GrTreeVisibleTreeRow<T>[] => {\n    const rows: GrTreeVisibleTreeRow<T>[] = []\n\n    for (const node of nodes) {\n      if (isActive && !subtreeHasMatch.get(node.key))\n        continue\n\n      const isLeaf = node.childNodes.length === 0\n      const isMatched = matchedKeys.has(node.key)\n      const isExpanded = treeStore.isExpandedKey(node.key) || (isActive && autoExpandKeys.has(node.key))\n\n      rows.push({\n        node,\n        isExpanded,\n        isLeaf,\n        isMatched,\n        children: isExpanded ? walk(node.childNodes) : [],\n      })\n    }\n\n    return rows\n  }\n\n  return walk(roots)\n})\n\nfunction onRowClick(node: GrTreeNode<T>) {\n  treeStore.setCurrentKey(node.key)\n  interactionContext.emitNodeClick(node.data, node)\n}\n\nfunction onRowMouseEnter(node: GrTreeNode<T>) {\n  hoveredKey.value = node.key\n}\n\nfunction onRowMouseLeave(node: GrTreeNode<T>) {\n  if (hoveredKey.value === node.key)\n    hoveredKey.value = undefined\n}\n\nfunction toggleExpand(node: GrTreeNode<T>) {\n  const expanded = !treeStore.isExpandedKey(node.key)\n  treeStore.toggleExpand(node)\n\n  if (expanded)\n    interactionContext.emitNodeExpand(node.data, node)\n  else\n    interactionContext.emitNodeCollapse(node.data, node)\n}\n\n// Drag & drop\nfunction canDrag(node: GrTreeNode<T>): boolean {\n  return interactionContext.canDrag(node)\n}\n\nfunction shouldShowDragHandle(node: GrTreeNode<T>): boolean {\n  return canDrag(node) && hoveredKey.value === node.key\n}\n\nfunction resolveDropType(evt: DragEvent, el: HTMLElement): GrTreeNodeDropType {\n  const rect = el.getBoundingClientRect()\n  const y = evt.clientY - rect.top\n  const third = rect.height / 3\n  if (y < third)\n    return 'prev'\n  if (y > third * 2)\n    return 'next'\n  return 'inner'\n}\n\nfunction canDrop(drag: GrTreeNode<T>, target: GrTreeNode<T>, type: GrTreeAllowDropType): boolean {\n  return interactionContext.canDrop(drag, target, type)\n}\n\nfunction onDragStart(evt: DragEvent, node: GrTreeNode<T>) {\n  if (!canDrag(node)) {\n    evt.preventDefault()\n    return\n  }\n\n  interactionContext.draggingNode.value = node\n  interactionContext.dropTarget.value = null\n  try {\n    evt.dataTransfer?.setData('text/plain', String(node.key))\n  }\n  catch {\n    // ignore\n  }\n  if (evt.dataTransfer)\n    evt.dataTransfer.effectAllowed = 'move'\n}\n\nfunction onDragEnd() {\n  interactionContext.resetDragState()\n}\n\nfunction onDragOver(evt: DragEvent, node: GrTreeNode<T>, rowEl: HTMLElement) {\n  const drag = interactionContext.draggingNode.value\n  if (!treeProps.draggable || !drag)\n    return\n\n  // required for `drop` to fire\n  evt.preventDefault()\n\n  const type = resolveDropType(evt, rowEl)\n  const allowed = treeStore.canMoveNode(drag, node, type) && canDrop(drag, node, type)\n  interactionContext.dropTarget.value = { key: node.key, type, allowed }\n  if (evt.dataTransfer)\n    evt.dataTransfer.dropEffect = allowed ? 'move' : 'none'\n}\n\nfunction onDrop(evt: DragEvent, node: GrTreeNode<T>) {\n  const drag = interactionContext.draggingNode.value\n  const target = interactionContext.dropTarget.value\n  if (!treeProps.draggable || !drag || !target)\n    return\n\n  evt.preventDefault()\n\n  if (target.key === node.key && target.allowed) {\n    const movedNode = treeStore.moveNode(drag, node, target.type)\n    if (movedNode) {\n      const dropNode = treeStore.getNode(node.key) ?? node\n      interactionContext.emitNodeDrop(movedNode, dropNode, target.type)\n    }\n  }\n\n  interactionContext.resetDragState()\n}\n\nfunction filter(value: string) {\n  treeStore.filter(value)\n}\n\nfunction resolveNodeClass(classValue: GrTreeNodeClass<T> | undefined, row: GrTreeVisibleRow<T>) {\n  if (!classValue)\n    return undefined\n\n  return typeof classValue === 'function'\n    ? classValue(row)\n    : classValue\n}\n\nfunction resolveBranchLineColorValue(color: GrTreeBranchLineColor<T> | undefined, node: GrTreeNode<T>) {\n  if (!color)\n    return undefined\n\n  return typeof color === 'function'\n    ? color(node) ?? undefined\n    : color\n}\n\nfunction isBranchLineActive(node: GrTreeNode<T>) {\n  const selectedKey = currentKey.value\n\n  if (selectedKey == null)\n    return false\n\n  if (node.key === selectedKey)\n    return true\n\n  return node.childNodes.some(child => child.key === selectedKey && !treeStore.isExpandedKey(child.key))\n}\n\nfunction resolveBranchLineColor(node: GrTreeNode<T>) {\n  const defaultColor = resolveBranchLineColorValue(treeProps.branchLineColor, node) ?? DEFAULT_BRANCH_LINE_COLOR\n\n  if (!isBranchLineActive(node))\n    return defaultColor\n\n  return resolveBranchLineColorValue(treeProps.branchLineActiveColor, node) ?? defaultColor\n}\n\nfunction resolveChildrenWrapStyle(row: GrTreeVisibleTreeRow<T>) {\n  if (!treeProps.branchLine)\n    return {\n    }\n\n  return {\n    '--gr-tree-branch-line-color': resolveBranchLineColor(row.node),\n  }\n}\n\ndefineExpose<GrTreeInstance<T>>({\n  appendNode: treeStore.appendNode,\n  filter,\n  getCurrentNode: treeStore.getCurrentNode,\n  setCurrentKey: treeStore.setCurrentKey,\n  getCurrentKey: treeStore.getCurrentKey,\n  getNode: treeStore.getNode,\n  insertNodeAfter: treeStore.insertNodeAfter,\n  insertNodeBefore: treeStore.insertNodeBefore,\n  removeNode: treeStore.removeNode,\n  setCurrentNode: treeStore.setCurrentNode,\n})\n</script>\n\n<template>\n  <div\n      :data-gr-tree=\"props.internalNested ? undefined : ''\"\n      :class=\"props.internalNested ? 'gr-tree__children' : 'gr-tree'\"\n      :role=\"props.internalNested ? 'group' : 'tree'\"\n  >\n    <div\n        v-for=\"row in visibleRows\"\n        :key=\"row.node.key\"\n        data-gr-tree-node\n        role=\"treeitem\"\n        :aria-level=\"row.node.level\"\n        :aria-expanded=\"row.isLeaf ? undefined : row.isExpanded\"\n    >\n      <div\n          data-gr-tree-row\n          class=\"gr-tree__row py-2 px-2\"\n          :class=\"[\n          treeProps.highlightCurrent && currentKey === row.node.key ? 'gr-tree__row--current' : '',\n          row.isMatched ? 'gr-tree__row--matched' : '',\n          dropTarget?.key === row.node.key && dropTarget.allowed && dropTarget.type === 'inner' ? 'gr-tree__row--drop-inner' : '',\n          dropTarget?.key === row.node.key && dropTarget.allowed && dropTarget.type === 'prev' ? 'gr-tree__row--drop-prev' : '',\n          dropTarget?.key === row.node.key && dropTarget.allowed && dropTarget.type === 'next' ? 'gr-tree__row--drop-next' : '',\n          resolveNodeClass(treeProps.rowClass, row),\n        ]\"\n          tabindex=\"0\"\n          @click=\"onRowClick(row.node)\"\n          @drop=\"onDrop($event, row.node)\"\n          @dragover=\"onDragOver($event, row.node, $event.currentTarget as HTMLElement)\"\n          @mouseenter=\"onRowMouseEnter(row.node)\"\n          @mouseleave=\"onRowMouseLeave(row.node)\"\n      >\n        <button\n            v-if=\"treeProps.draggable\"\n            type=\"button\"\n            data-gr-tree-drag-handle\n            class=\"gr-tree__drag-handle\"\n            :class=\"[\n            shouldShowDragHandle(row.node) ? 'gr-tree__drag-handle--visible' : '',\n            canDrag(row.node) ? '' : 'gr-tree__drag-handle--disabled',\n            resolveNodeClass(treeProps.dragHandleClass, row),\n          ]\"\n            :aria-label=\"dragLabel\"\n            :draggable=\"canDrag(row.node)\"\n            @click.stop\n            @mousedown.stop\n            @dragstart=\"onDragStart($event, row.node)\"\n            @dragend=\"onDragEnd\"\n        >\n          <span class=\"gr-tree__drag-icon\" :class=\"treeProps.dragHandleIcon\" />\n        </button>\n\n        <button\n            v-if=\"!row.isLeaf\"\n            data-gr-tree-toggle\n            type=\"button\"\n            class=\"gr-tree__toggle\"\n            :class=\"resolveNodeClass(treeProps.toggleClass, row)\"\n            :aria-label=\"row.isExpanded ? collapseLabel : expandLabel\"\n            @click.stop=\"toggleExpand(row.node)\"\n        >\n          <span\n              class=\"gr-tree__toggle-icon\"\n              :class=\"[\n              row.isExpanded ? treeProps.collapseIcon : treeProps.expandIcon,\n              row.isExpanded && treeProps.toggleIconRotate ? 'gr-tree__toggle-icon--expanded' : '',\n              resolveNodeClass(treeProps.toggleIconClass, row),\n            ]\"\n          />\n        </button>\n        <span\n            v-else\n            class=\"gr-tree__toggle-spacer\"\n            :class=\"resolveNodeClass(treeProps.toggleSpacerClass, row)\"\n        />\n\n        <div class=\"gr-tree__content\" :class=\"resolveNodeClass(treeProps.contentClass, row)\">\n          <slot\n              :node=\"row.node\"\n              :data=\"row.node.data\"\n          >\n            <span class=\"gr-tree__label\">{{ row.node.label }}</span>\n          </slot>\n        </div>\n      </div>\n\n      <div\n          v-if=\"row.children.length\"\n          class=\"gr-tree__children-wrap ml-6\"\n          :class=\"treeProps.branchLine ? 'gr-tree__children-wrap--with-branch' : ''\"\n          :style=\"resolveChildrenWrapStyle(row)\"\n      >\n        <GrTree\n            v-bind=\"props\"\n            :data=\"[]\"\n            :internal-rows=\"row.children\"\n            internal-nested\n            :internal-store=\"treeStore\"\n            :internal-interaction-context=\"interactionContext\"\n        >\n          <template #default=\"slotProps\">\n            <slot v-bind=\"slotProps\">\n              <span class=\"gr-tree__label\">{{ slotProps.node.label }}</span>\n            </slot>\n          </template>\n        </GrTree>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.gr-tree {\n    --gr-tree-gap: 2px;\n    --gr-tree-children-pl: 10px;\n    --gr-tree-row-min-height: 28px;\n    --gr-tree-row-radius: 8px;\n    --gr-tree-row-pr: 8px;\n    --gr-tree-row-color: var(--fg);\n    --gr-tree-row-hover-bg: color-mix(in srgb, var(--primary, #000) 10%, transparent);\n    --gr-tree-row-current-bg: color-mix(in srgb, var(--primary, #000) 5%, transparent);\n    --gr-tree-row-current-hover-bg: color-mix(in srgb, var(--primary, #000) 16%, transparent);\n    --gr-tree-drag-handle-size: 24px;\n    --gr-tree-drag-handle-mr: 0;\n    --gr-tree-drag-handle-radius: 6px;\n    --gr-tree-drag-handle-color: inherit;\n    --gr-tree-drag-handle-opacity: 0.55;\n    --gr-tree-drag-handle-hover-bg: color-mix(in srgb, var(--muted, #000) 22%, transparent);\n    --gr-tree-drag-handle-hover-color: var(--gr-tree-drag-handle-color);\n    --gr-tree-drag-handle-hover-opacity: 0.9;\n    --gr-tree-drag-handle-disabled-opacity: 0.25;\n    --gr-tree-toggle-size: 24px;\n    --gr-tree-toggle-mr: 0;\n    --gr-tree-toggle-radius: 6px;\n    --gr-tree-toggle-color: inherit;\n    --gr-tree-toggle-hover-bg: color-mix(in srgb, var(--muted, #000) 25%, transparent);\n    --gr-tree-toggle-hover-color: var(--gr-tree-toggle-color);\n    --gr-tree-icon-size: 16px;\n    --gr-tree-content-gap: 8px;\n    --gr-tree-branch-line-default-color: var(--gr-tree-row-current-bg);\n    --gr-tree-branch-line-width: 2px;\n    display: flex;\n    flex-direction: column;\n    gap: var(--gr-tree-gap);\n}\n\n.gr-tree__children {\n    display: flex;\n    flex-direction: column;\n    gap: var(--gr-tree-gap);\n}\n\n.gr-tree__children-wrap {\n    --gr-tree-branch-line-color: var(--gr-tree-branch-line-default-color);\n    display: flex;\n    flex-direction: column;\n    gap: var(--gr-tree-gap);\n    padding-left: var(--gr-tree-children-pl, 10px);\n    border-left: var(--gr-tree-branch-line-width) solid transparent;\n}\n\n.gr-tree__children-wrap--with-branch {\n    border-left-color: var(--gr-tree-branch-line-color, var(--gr-tree-branch-line-default-color));\n}\n\n.gr-tree__row {\n    position: relative;\n    display: flex;\n    align-items: center;\n    min-height: var(--gr-tree-row-min-height);\n    border-radius: var(--gr-tree-row-radius);\n    padding-right: var(--gr-tree-row-pr);\n    cursor: default;\n    user-select: none;\n    outline: none;\n    color: var(--gr-tree-row-color);\n}\n\n.gr-tree__row:hover {\n    background: var(--gr-tree-row-hover-bg);\n}\n\n.gr-tree__row--current {\n    background: var(--gr-tree-row-current-bg);\n}\n\n.gr-tree__row--current:hover {\n    background: var(--gr-tree-row-current-hover-bg);\n}\n\n.gr-tree__row--matched .gr-tree__label {\n    font-weight: 600;\n}\n\n.gr-tree__drag-handle {\n    width: var(--gr-tree-drag-handle-size);\n    height: var(--gr-tree-drag-handle-size);\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    margin-right: var(--gr-tree-drag-handle-mr);\n    border-radius: var(--gr-tree-drag-handle-radius);\n    color: var(--gr-tree-drag-handle-color);\n    cursor: grab;\n    visibility: hidden;\n    pointer-events: none;\n    opacity: 0;\n}\n\n.gr-tree__drag-handle--visible {\n    visibility: visible;\n    pointer-events: auto;\n    opacity: var(--gr-tree-drag-handle-opacity);\n}\n\n.gr-tree__drag-handle:hover {\n    background: var(--gr-tree-drag-handle-hover-bg);\n    color: var(--gr-tree-drag-handle-hover-color);\n    opacity: var(--gr-tree-drag-handle-hover-opacity);\n}\n\n.gr-tree__drag-handle:active {\n    cursor: grabbing;\n}\n\n.gr-tree__drag-handle--disabled {\n    cursor: default;\n    opacity: var(--gr-tree-drag-handle-disabled-opacity);\n}\n\n.gr-tree__drag-icon {\n    width: var(--gr-tree-icon-size);\n    height: var(--gr-tree-icon-size);\n}\n\n.gr-tree__toggle {\n    width: var(--gr-tree-toggle-size);\n    height: var(--gr-tree-toggle-size);\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    margin-right: var(--gr-tree-toggle-mr);\n    border-radius: var(--gr-tree-toggle-radius);\n    color: var(--gr-tree-toggle-color);\n}\n\n.gr-tree__toggle:hover {\n    background: var(--gr-tree-toggle-hover-bg);\n    color: var(--gr-tree-toggle-hover-color);\n}\n\n.gr-tree__toggle-icon {\n    width: var(--gr-tree-icon-size);\n    height: var(--gr-tree-icon-size);\n    transition: transform 120ms ease;\n}\n\n.gr-tree__toggle-icon--expanded {\n    transform: rotate(90deg);\n}\n\n.gr-tree__toggle-spacer {\n    width: var(--gr-tree-toggle-size);\n    height: var(--gr-tree-toggle-size);\n    margin-right: var(--gr-tree-toggle-mr);\n    display: inline-block;\n}\n\n.gr-tree__content {\n    min-width: 0;\n    display: flex;\n    align-items: center;\n    gap: var(--gr-tree-content-gap);\n}\n\n.gr-tree__label {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.gr-tree__row--drop-inner {\n    outline: 2px solid color-mix(in srgb, var(--primary, #000) 40%, transparent);\n}\n\n.gr-tree__row--drop-prev::before,\n.gr-tree__row--drop-next::after {\n    content: '';\n    position: absolute;\n    left: 8px;\n    right: 8px;\n    height: 2px;\n    background: color-mix(in srgb, var(--primary, #000) 55%, transparent);\n}\n\n.gr-tree__row--drop-prev::before {\n    top: 2px;\n}\n\n.gr-tree__row--drop-next::after {\n    bottom: 2px;\n}\n</style>\n","<script setup lang=\"ts\" generic=\"T extends Record<string, any> = any\">\nimport { computed } from 'vue'\nimport type {\n  GrTreeAllowDropType,\n  GrTreeInstance,\n  GrTreeNode,\n  GrTreeNodeDropType,\n} from './grTreeTypes'\nimport { createGrTreeDataAdapter } from './grTreeDataAdapter'\nimport { createGrTreeInteractionContext } from './grTreeInteractionContext'\nimport { createGrTreeStore } from './grTreeStore'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport type {\n  GrTreeBranchLineColor,\n  GrTreeNodeClass,\n  GrTreeProps,\n  GrTreeVisibleRow,\n  GrTreeVisibleTreeRow,\n} from './grTreeProps'\n\ndefineOptions({\n  name: 'GrTree',\n})\n\nconst DEFAULT_BRANCH_LINE_COLOR = 'var(--gr-tree-branch-line-default-color, #e2e8f0)'\n\nconst props = withDefaults(defineProps<GrTreeProps<T>>(), {\n  props: () => ({\n    children: 'children',\n    label: 'label',\n  }),\n  nodeKey: 'id' as any,\n  defaultExpandedKeys: () => [],\n  highlightCurrent: true,\n  indent: 0,\n  expandIcon: 'i-lucide-chevron-right',\n  collapseIcon: 'i-lucide-chevron-right',\n  toggleIconRotate: true,\n  branchLine: false,\n  branchLineColor: undefined,\n  branchLineActiveColor: undefined,\n  draggable: false,\n  dragHandleIcon: 'i-lucide-grip-vertical',\n  dragLabel: undefined,\n  expandLabel: undefined,\n  collapseLabel: undefined,\n  rowClass: undefined,\n  dragHandleClass: undefined,\n  toggleClass: undefined,\n  toggleIconClass: undefined,\n  toggleSpacerClass: undefined,\n  contentClass: undefined,\n  internalRows: undefined,\n  internalNested: false,\n  internalStore: undefined,\n})\n\nconst emit = defineEmits<{\n  (event: 'nodeClick', data: T, node: GrTreeNode<T>): void\n  (event: 'nodeExpand', data: T, node: GrTreeNode<T>): void\n  (event: 'nodeCollapse', data: T, node: GrTreeNode<T>): void\n  (event: 'nodeDrop', draggingNode: GrTreeNode<T>, dropNode: GrTreeNode<T>, dropType: GrTreeNodeDropType): void\n}>()\n\ndefineSlots<{\n  default?: (props: { node: GrTreeNode<T>; data: T }) => any\n}>()\n\nconst dataAdapter = createGrTreeDataAdapter(props)\nconst treeStore = props.internalStore ?? createGrTreeStore({\n  adapter: dataAdapter,\n  data: () => props.data,\n  defaultExpandedKeys: () => props.defaultExpandedKeys,\n  filterNodeMethod: () => props.filterNodeMethod,\n})\nconst interactionContext = props.internalInteractionContext ?? createGrTreeInteractionContext(props, {\n  emitNodeClick: (data, node) => emit('nodeClick', data, node),\n  emitNodeExpand: (data, node) => emit('nodeExpand', data, node),\n  emitNodeCollapse: (data, node) => emit('nodeCollapse', data, node),\n  emitNodeDrop: (draggingNode, dropNode, dropType) => emit('nodeDrop', draggingNode, dropNode, dropType),\n})\n\nconst treeProps = props as Readonly<GrTreeProps<T>>\n\nconst { t } = useGranularityTranslations()\nconst dragLabel = computed(() => treeProps.dragLabel ?? t('gr.tree.drag', 'Drag'))\nconst expandLabel = computed(() => treeProps.expandLabel ?? t('gr.tree.expand', 'Expand'))\nconst collapseLabel = computed(() => treeProps.collapseLabel ?? t('gr.tree.collapse', 'Collapse'))\nconst currentKey = treeStore.currentKey\nconst hoveredKey = interactionContext.hoveredKey\nconst dropTarget = interactionContext.dropTarget\n\nconst visibleRows = computed<GrTreeVisibleTreeRow<T>[]>(() => {\n  if (props.internalRows)\n    return props.internalRows\n\n  const { roots } = treeStore.treeModel.value\n  const { isActive, subtreeHasMatch, matchedKeys, autoExpandKeys } = treeStore.filterInfo.value\n\n  const walk = (nodes: GrTreeNode<T>[]): GrTreeVisibleTreeRow<T>[] => {\n    const rows: GrTreeVisibleTreeRow<T>[] = []\n\n    for (const node of nodes) {\n      if (isActive && !subtreeHasMatch.get(node.key))\n        continue\n\n      const isLeaf = node.childNodes.length === 0\n      const isMatched = matchedKeys.has(node.key)\n      const isExpanded = treeStore.isExpandedKey(node.key) || (isActive && autoExpandKeys.has(node.key))\n\n      rows.push({\n        node,\n        isExpanded,\n        isLeaf,\n        isMatched,\n        children: isExpanded ? walk(node.childNodes) : [],\n      })\n    }\n\n    return rows\n  }\n\n  return walk(roots)\n})\n\nfunction onRowClick(node: GrTreeNode<T>) {\n  treeStore.setCurrentKey(node.key)\n  interactionContext.emitNodeClick(node.data, node)\n}\n\nfunction onRowMouseEnter(node: GrTreeNode<T>) {\n  hoveredKey.value = node.key\n}\n\nfunction onRowMouseLeave(node: GrTreeNode<T>) {\n  if (hoveredKey.value === node.key)\n    hoveredKey.value = undefined\n}\n\nfunction toggleExpand(node: GrTreeNode<T>) {\n  const expanded = !treeStore.isExpandedKey(node.key)\n  treeStore.toggleExpand(node)\n\n  if (expanded)\n    interactionContext.emitNodeExpand(node.data, node)\n  else\n    interactionContext.emitNodeCollapse(node.data, node)\n}\n\n// Drag & drop\nfunction canDrag(node: GrTreeNode<T>): boolean {\n  return interactionContext.canDrag(node)\n}\n\nfunction shouldShowDragHandle(node: GrTreeNode<T>): boolean {\n  return canDrag(node) && hoveredKey.value === node.key\n}\n\nfunction resolveDropType(evt: DragEvent, el: HTMLElement): GrTreeNodeDropType {\n  const rect = el.getBoundingClientRect()\n  const y = evt.clientY - rect.top\n  const third = rect.height / 3\n  if (y < third)\n    return 'prev'\n  if (y > third * 2)\n    return 'next'\n  return 'inner'\n}\n\nfunction canDrop(drag: GrTreeNode<T>, target: GrTreeNode<T>, type: GrTreeAllowDropType): boolean {\n  return interactionContext.canDrop(drag, target, type)\n}\n\nfunction onDragStart(evt: DragEvent, node: GrTreeNode<T>) {\n  if (!canDrag(node)) {\n    evt.preventDefault()\n    return\n  }\n\n  interactionContext.draggingNode.value = node\n  interactionContext.dropTarget.value = null\n  try {\n    evt.dataTransfer?.setData('text/plain', String(node.key))\n  }\n  catch {\n    // ignore\n  }\n  if (evt.dataTransfer)\n    evt.dataTransfer.effectAllowed = 'move'\n}\n\nfunction onDragEnd() {\n  interactionContext.resetDragState()\n}\n\nfunction onDragOver(evt: DragEvent, node: GrTreeNode<T>, rowEl: HTMLElement) {\n  const drag = interactionContext.draggingNode.value\n  if (!treeProps.draggable || !drag)\n    return\n\n  // required for `drop` to fire\n  evt.preventDefault()\n\n  const type = resolveDropType(evt, rowEl)\n  const allowed = treeStore.canMoveNode(drag, node, type) && canDrop(drag, node, type)\n  interactionContext.dropTarget.value = { key: node.key, type, allowed }\n  if (evt.dataTransfer)\n    evt.dataTransfer.dropEffect = allowed ? 'move' : 'none'\n}\n\nfunction onDrop(evt: DragEvent, node: GrTreeNode<T>) {\n  const drag = interactionContext.draggingNode.value\n  const target = interactionContext.dropTarget.value\n  if (!treeProps.draggable || !drag || !target)\n    return\n\n  evt.preventDefault()\n\n  if (target.key === node.key && target.allowed) {\n    const movedNode = treeStore.moveNode(drag, node, target.type)\n    if (movedNode) {\n      const dropNode = treeStore.getNode(node.key) ?? node\n      interactionContext.emitNodeDrop(movedNode, dropNode, target.type)\n    }\n  }\n\n  interactionContext.resetDragState()\n}\n\nfunction filter(value: string) {\n  treeStore.filter(value)\n}\n\nfunction resolveNodeClass(classValue: GrTreeNodeClass<T> | undefined, row: GrTreeVisibleRow<T>) {\n  if (!classValue)\n    return undefined\n\n  return typeof classValue === 'function'\n    ? classValue(row)\n    : classValue\n}\n\nfunction resolveBranchLineColorValue(color: GrTreeBranchLineColor<T> | undefined, node: GrTreeNode<T>) {\n  if (!color)\n    return undefined\n\n  return typeof color === 'function'\n    ? color(node) ?? undefined\n    : color\n}\n\nfunction isBranchLineActive(node: GrTreeNode<T>) {\n  const selectedKey = currentKey.value\n\n  if (selectedKey == null)\n    return false\n\n  if (node.key === selectedKey)\n    return true\n\n  return node.childNodes.some(child => child.key === selectedKey && !treeStore.isExpandedKey(child.key))\n}\n\nfunction resolveBranchLineColor(node: GrTreeNode<T>) {\n  const defaultColor = resolveBranchLineColorValue(treeProps.branchLineColor, node) ?? DEFAULT_BRANCH_LINE_COLOR\n\n  if (!isBranchLineActive(node))\n    return defaultColor\n\n  return resolveBranchLineColorValue(treeProps.branchLineActiveColor, node) ?? defaultColor\n}\n\nfunction resolveChildrenWrapStyle(row: GrTreeVisibleTreeRow<T>) {\n  if (!treeProps.branchLine)\n    return {\n    }\n\n  return {\n    '--gr-tree-branch-line-color': resolveBranchLineColor(row.node),\n  }\n}\n\ndefineExpose<GrTreeInstance<T>>({\n  appendNode: treeStore.appendNode,\n  filter,\n  getCurrentNode: treeStore.getCurrentNode,\n  setCurrentKey: treeStore.setCurrentKey,\n  getCurrentKey: treeStore.getCurrentKey,\n  getNode: treeStore.getNode,\n  insertNodeAfter: treeStore.insertNodeAfter,\n  insertNodeBefore: treeStore.insertNodeBefore,\n  removeNode: treeStore.removeNode,\n  setCurrentNode: treeStore.setCurrentNode,\n})\n</script>\n\n<template>\n  <div\n      :data-gr-tree=\"props.internalNested ? undefined : ''\"\n      :class=\"props.internalNested ? 'gr-tree__children' : 'gr-tree'\"\n      :role=\"props.internalNested ? 'group' : 'tree'\"\n  >\n    <div\n        v-for=\"row in visibleRows\"\n        :key=\"row.node.key\"\n        data-gr-tree-node\n        role=\"treeitem\"\n        :aria-level=\"row.node.level\"\n        :aria-expanded=\"row.isLeaf ? undefined : row.isExpanded\"\n    >\n      <div\n          data-gr-tree-row\n          class=\"gr-tree__row py-2 px-2\"\n          :class=\"[\n          treeProps.highlightCurrent && currentKey === row.node.key ? 'gr-tree__row--current' : '',\n          row.isMatched ? 'gr-tree__row--matched' : '',\n          dropTarget?.key === row.node.key && dropTarget.allowed && dropTarget.type === 'inner' ? 'gr-tree__row--drop-inner' : '',\n          dropTarget?.key === row.node.key && dropTarget.allowed && dropTarget.type === 'prev' ? 'gr-tree__row--drop-prev' : '',\n          dropTarget?.key === row.node.key && dropTarget.allowed && dropTarget.type === 'next' ? 'gr-tree__row--drop-next' : '',\n          resolveNodeClass(treeProps.rowClass, row),\n        ]\"\n          tabindex=\"0\"\n          @click=\"onRowClick(row.node)\"\n          @drop=\"onDrop($event, row.node)\"\n          @dragover=\"onDragOver($event, row.node, $event.currentTarget as HTMLElement)\"\n          @mouseenter=\"onRowMouseEnter(row.node)\"\n          @mouseleave=\"onRowMouseLeave(row.node)\"\n      >\n        <button\n            v-if=\"treeProps.draggable\"\n            type=\"button\"\n            data-gr-tree-drag-handle\n            class=\"gr-tree__drag-handle\"\n            :class=\"[\n            shouldShowDragHandle(row.node) ? 'gr-tree__drag-handle--visible' : '',\n            canDrag(row.node) ? '' : 'gr-tree__drag-handle--disabled',\n            resolveNodeClass(treeProps.dragHandleClass, row),\n          ]\"\n            :aria-label=\"dragLabel\"\n            :draggable=\"canDrag(row.node)\"\n            @click.stop\n            @mousedown.stop\n            @dragstart=\"onDragStart($event, row.node)\"\n            @dragend=\"onDragEnd\"\n        >\n          <span class=\"gr-tree__drag-icon\" :class=\"treeProps.dragHandleIcon\" />\n        </button>\n\n        <button\n            v-if=\"!row.isLeaf\"\n            data-gr-tree-toggle\n            type=\"button\"\n            class=\"gr-tree__toggle\"\n            :class=\"resolveNodeClass(treeProps.toggleClass, row)\"\n            :aria-label=\"row.isExpanded ? collapseLabel : expandLabel\"\n            @click.stop=\"toggleExpand(row.node)\"\n        >\n          <span\n              class=\"gr-tree__toggle-icon\"\n              :class=\"[\n              row.isExpanded ? treeProps.collapseIcon : treeProps.expandIcon,\n              row.isExpanded && treeProps.toggleIconRotate ? 'gr-tree__toggle-icon--expanded' : '',\n              resolveNodeClass(treeProps.toggleIconClass, row),\n            ]\"\n          />\n        </button>\n        <span\n            v-else\n            class=\"gr-tree__toggle-spacer\"\n            :class=\"resolveNodeClass(treeProps.toggleSpacerClass, row)\"\n        />\n\n        <div class=\"gr-tree__content\" :class=\"resolveNodeClass(treeProps.contentClass, row)\">\n          <slot\n              :node=\"row.node\"\n              :data=\"row.node.data\"\n          >\n            <span class=\"gr-tree__label\">{{ row.node.label }}</span>\n          </slot>\n        </div>\n      </div>\n\n      <div\n          v-if=\"row.children.length\"\n          class=\"gr-tree__children-wrap ml-6\"\n          :class=\"treeProps.branchLine ? 'gr-tree__children-wrap--with-branch' : ''\"\n          :style=\"resolveChildrenWrapStyle(row)\"\n      >\n        <GrTree\n            v-bind=\"props\"\n            :data=\"[]\"\n            :internal-rows=\"row.children\"\n            internal-nested\n            :internal-store=\"treeStore\"\n            :internal-interaction-context=\"interactionContext\"\n        >\n          <template #default=\"slotProps\">\n            <slot v-bind=\"slotProps\">\n              <span class=\"gr-tree__label\">{{ slotProps.node.label }}</span>\n            </slot>\n          </template>\n        </GrTree>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.gr-tree {\n    --gr-tree-gap: 2px;\n    --gr-tree-children-pl: 10px;\n    --gr-tree-row-min-height: 28px;\n    --gr-tree-row-radius: 8px;\n    --gr-tree-row-pr: 8px;\n    --gr-tree-row-color: var(--fg);\n    --gr-tree-row-hover-bg: color-mix(in srgb, var(--primary, #000) 10%, transparent);\n    --gr-tree-row-current-bg: color-mix(in srgb, var(--primary, #000) 5%, transparent);\n    --gr-tree-row-current-hover-bg: color-mix(in srgb, var(--primary, #000) 16%, transparent);\n    --gr-tree-drag-handle-size: 24px;\n    --gr-tree-drag-handle-mr: 0;\n    --gr-tree-drag-handle-radius: 6px;\n    --gr-tree-drag-handle-color: inherit;\n    --gr-tree-drag-handle-opacity: 0.55;\n    --gr-tree-drag-handle-hover-bg: color-mix(in srgb, var(--muted, #000) 22%, transparent);\n    --gr-tree-drag-handle-hover-color: var(--gr-tree-drag-handle-color);\n    --gr-tree-drag-handle-hover-opacity: 0.9;\n    --gr-tree-drag-handle-disabled-opacity: 0.25;\n    --gr-tree-toggle-size: 24px;\n    --gr-tree-toggle-mr: 0;\n    --gr-tree-toggle-radius: 6px;\n    --gr-tree-toggle-color: inherit;\n    --gr-tree-toggle-hover-bg: color-mix(in srgb, var(--muted, #000) 25%, transparent);\n    --gr-tree-toggle-hover-color: var(--gr-tree-toggle-color);\n    --gr-tree-icon-size: 16px;\n    --gr-tree-content-gap: 8px;\n    --gr-tree-branch-line-default-color: var(--gr-tree-row-current-bg);\n    --gr-tree-branch-line-width: 2px;\n    display: flex;\n    flex-direction: column;\n    gap: var(--gr-tree-gap);\n}\n\n.gr-tree__children {\n    display: flex;\n    flex-direction: column;\n    gap: var(--gr-tree-gap);\n}\n\n.gr-tree__children-wrap {\n    --gr-tree-branch-line-color: var(--gr-tree-branch-line-default-color);\n    display: flex;\n    flex-direction: column;\n    gap: var(--gr-tree-gap);\n    padding-left: var(--gr-tree-children-pl, 10px);\n    border-left: var(--gr-tree-branch-line-width) solid transparent;\n}\n\n.gr-tree__children-wrap--with-branch {\n    border-left-color: var(--gr-tree-branch-line-color, var(--gr-tree-branch-line-default-color));\n}\n\n.gr-tree__row {\n    position: relative;\n    display: flex;\n    align-items: center;\n    min-height: var(--gr-tree-row-min-height);\n    border-radius: var(--gr-tree-row-radius);\n    padding-right: var(--gr-tree-row-pr);\n    cursor: default;\n    user-select: none;\n    outline: none;\n    color: var(--gr-tree-row-color);\n}\n\n.gr-tree__row:hover {\n    background: var(--gr-tree-row-hover-bg);\n}\n\n.gr-tree__row--current {\n    background: var(--gr-tree-row-current-bg);\n}\n\n.gr-tree__row--current:hover {\n    background: var(--gr-tree-row-current-hover-bg);\n}\n\n.gr-tree__row--matched .gr-tree__label {\n    font-weight: 600;\n}\n\n.gr-tree__drag-handle {\n    width: var(--gr-tree-drag-handle-size);\n    height: var(--gr-tree-drag-handle-size);\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    margin-right: var(--gr-tree-drag-handle-mr);\n    border-radius: var(--gr-tree-drag-handle-radius);\n    color: var(--gr-tree-drag-handle-color);\n    cursor: grab;\n    visibility: hidden;\n    pointer-events: none;\n    opacity: 0;\n}\n\n.gr-tree__drag-handle--visible {\n    visibility: visible;\n    pointer-events: auto;\n    opacity: var(--gr-tree-drag-handle-opacity);\n}\n\n.gr-tree__drag-handle:hover {\n    background: var(--gr-tree-drag-handle-hover-bg);\n    color: var(--gr-tree-drag-handle-hover-color);\n    opacity: var(--gr-tree-drag-handle-hover-opacity);\n}\n\n.gr-tree__drag-handle:active {\n    cursor: grabbing;\n}\n\n.gr-tree__drag-handle--disabled {\n    cursor: default;\n    opacity: var(--gr-tree-drag-handle-disabled-opacity);\n}\n\n.gr-tree__drag-icon {\n    width: var(--gr-tree-icon-size);\n    height: var(--gr-tree-icon-size);\n}\n\n.gr-tree__toggle {\n    width: var(--gr-tree-toggle-size);\n    height: var(--gr-tree-toggle-size);\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    margin-right: var(--gr-tree-toggle-mr);\n    border-radius: var(--gr-tree-toggle-radius);\n    color: var(--gr-tree-toggle-color);\n}\n\n.gr-tree__toggle:hover {\n    background: var(--gr-tree-toggle-hover-bg);\n    color: var(--gr-tree-toggle-hover-color);\n}\n\n.gr-tree__toggle-icon {\n    width: var(--gr-tree-icon-size);\n    height: var(--gr-tree-icon-size);\n    transition: transform 120ms ease;\n}\n\n.gr-tree__toggle-icon--expanded {\n    transform: rotate(90deg);\n}\n\n.gr-tree__toggle-spacer {\n    width: var(--gr-tree-toggle-size);\n    height: var(--gr-tree-toggle-size);\n    margin-right: var(--gr-tree-toggle-mr);\n    display: inline-block;\n}\n\n.gr-tree__content {\n    min-width: 0;\n    display: flex;\n    align-items: center;\n    gap: var(--gr-tree-content-gap);\n}\n\n.gr-tree__label {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.gr-tree__row--drop-inner {\n    outline: 2px solid color-mix(in srgb, var(--primary, #000) 40%, transparent);\n}\n\n.gr-tree__row--drop-prev::before,\n.gr-tree__row--drop-next::after {\n    content: '';\n    position: absolute;\n    left: 8px;\n    right: 8px;\n    height: 2px;\n    background: color-mix(in srgb, var(--primary, #000) 55%, transparent);\n}\n\n.gr-tree__row--drop-prev::before {\n    top: 2px;\n}\n\n.gr-tree__row--drop-next::after {\n    bottom: 2px;\n}\n</style>\n"],"mappings":"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"}

package/dist/components/GrTreeSelect/chunks/GrTreeSelect-B2xBKs5Q.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GrTreeSelect-B2xBKs5Q.js","names":["$slots"],"sources":["../../../../src/components/GrTreeSelect/GrTreeSelect.vue","../../../../src/components/GrTreeSelect/GrTreeSelect.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"T extends Record<string, any> = any\">\nimport { computed, nextTick, onUnmounted, ref, watch } from 'vue'\n\nimport { vClickOutside } from '../../directives'\nimport { useFloating } from '../../composables/internal/useFloating'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport GrInput from '../GrInput/GrInput.vue'\nimport GrTree, {\n  type GrTreeInstance,\n  type GrTreeKey,\n  type GrTreeNode,\n} from '../GrTree'\nimport type { GrTreeSelectModelValue, GrTreeSelectProps } from './grTreeSelectTypes'\nimport { grTreeSelectClass, grTreeSelectPanelClass } from './grTreeSelectStyles'\n\nconst props = withDefaults(\n  defineProps<GrTreeSelectProps<T>>(),\n  {\n    props: () => ({\n      children: 'children',\n      label: 'label',\n    }),\n    nodeKey: 'id' as any,\n    defaultExpandedKeys: () => [],\n    disabled: false,\n    placeholder: undefined,\n    size: 'md',\n    invalid: false,\n    state: 'default',\n    multiple: false,\n    clearable: false,\n    valueDisplay: 'label',\n    filterable: false,\n    filterPlaceholder: undefined,\n    filterInputmode: undefined,\n    filterNodeMethod: undefined,\n    closeOnSelect: undefined,\n    dropdownMaxHeight: 320,\n  },\n)\n\nconst { t } = useGranularityTranslations()\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: GrTreeSelectModelValue): void\n  (e: 'change', value: GrTreeSelectModelValue): void\n  (e: 'visibleChange', visible: boolean): void\n  (e: 'clear'): void\n  (e: 'nodeClick', data: T, node: GrTreeNode<T>): void\n}>()\n\ndefineSlots<{\n  /** Рендер значения внутри триггера (вместо дефолтного текста). */\n  value?: (props: { value: GrTreeSelectModelValue; labels: string[]; displayValue: string; pathLabels?: string[] }) => any\n  /** Рендер строки дерева. */\n  node?: (props: { node: GrTreeNode<T>; data: T; selected: boolean }) => any\n  /** Содержимое пустого состояния (когда нет данных). */\n  empty?: () => any\n}>()\n\nconst rootEl = ref<HTMLElement | null>(null)\nconst triggerEl = ref<HTMLInputElement | null>(null)\nconst filterInputRef = ref<InstanceType<typeof GrInput> | null>(null)\nconst treeRef = ref<GrTreeInstance | null>(null)\nconst panelEl = ref<HTMLElement | null>(null)\n\nconst clickOutsideExclude = [() => panelEl.value]\n\nlet hadPointerDownOnTrigger = false\n\nconst open = ref(false)\nconst filterValue = ref('')\n\nconst { floatingStyle } = useFloating(rootEl, panelEl, open, {\n  placement: 'bottom-start',\n  matchWidth: true,\n  zIndexVar: '--gr-z-dropdown',\n})\n\nconst closeOnSelectResolved = computed(() => {\n  return props.closeOnSelect ?? !props.multiple\n})\n\nfunction getChildrenKey() {\n  return props.props.children ?? 'children'\n}\n\nfunction getLabelKey() {\n  return props.props.label ?? 'label'\n}\n\nfunction nodeLabel(data: T): string {\n  const key = getLabelKey() as keyof T\n  const v = data[key]\n  return v == null ? '' : String(v)\n}\n\nfunction nodeChildren(data: T): T[] {\n  const key = getChildrenKey() as keyof T\n  const v = data[key]\n  return Array.isArray(v) ? (v as any) : []\n}\n\nfunction nodeKeyOf(data: T, index: number, parentKey: GrTreeKey | undefined): GrTreeKey {\n  const keyName = props.nodeKey as keyof T\n  const v = data[keyName]\n  if (v != null)\n    return v as GrTreeKey\n\n  return parentKey == null ? index : `${String(parentKey)}:${index}`\n}\n\nconst labelByKey = computed(() => {\n  const map = new Map<GrTreeKey, string>()\n\n  const walk = (items: T[], parentKey: GrTreeKey | undefined) => {\n    for (let i = 0; i < items.length; i++) {\n      const item = items[i]\n      const key = nodeKeyOf(item, i, parentKey)\n      map.set(key, nodeLabel(item))\n      walk(nodeChildren(item), key)\n    }\n  }\n\n  walk(props.data ?? [], undefined)\n  return map\n})\n\nconst pathLabelsByKey = computed(() => {\n  const map = new Map<GrTreeKey, string[]>()\n\n  const walk = (items: T[], parentKey: GrTreeKey | undefined, parentPath: string[]) => {\n    for (let i = 0; i < items.length; i++) {\n      const item = items[i]\n      const key = nodeKeyOf(item, i, parentKey)\n      const label = nodeLabel(item)\n      const path = [...parentPath, label]\n      map.set(key, path)\n      walk(nodeChildren(item), key, path)\n    }\n  }\n\n  walk(props.data ?? [], undefined, [])\n  return map\n})\n\nconst selectedKeys = computed<GrTreeKey[]>(() => {\n  if (props.multiple) {\n    return Array.isArray(props.modelValue) ? props.modelValue : []\n  }\n\n  const v = props.modelValue\n  if (v == null || Array.isArray(v))\n    return []\n  return [v]\n})\n\nconst selectedKeySet = computed(() => new Set(selectedKeys.value))\n\nconst selectedLabels = computed(() => {\n  const map = labelByKey.value\n  return selectedKeys.value.map((k) => map.get(k) ?? String(k))\n})\n\nconst selectedPathLabels = computed<string[] | undefined>(() => {\n  if (props.multiple)\n    return undefined\n\n  const key = selectedKeys.value[0]\n  if (key == null)\n    return undefined\n\n  const path = pathLabelsByKey.value.get(key)\n  if (path?.length)\n    return path\n\n  const labels = selectedLabels.value\n  return labels.length ? [labels[0]] : undefined\n})\n\nconst displayValue = computed(() => {\n  const labels = selectedLabels.value\n  if (labels.length === 0)\n    return ''\n\n  if (!props.multiple) {\n    if (props.valueDisplay === 'path') {\n      const path = selectedPathLabels.value\n      if (path?.length)\n        return path.join(' / ')\n    }\n    return labels[0]\n  }\n\n  if (labels.length === 1)\n    return labels[0]\n  return `${labels[0]} +${labels.length - 1}`\n})\n\nconst hasSelection = computed(() => selectedKeys.value.length > 0)\n\nconst resolvedFilterPlaceholder = computed(() => {\n  return props.filterPlaceholder ?? t('gr.treeSelect.filterPlaceholder', 'Search…')\n})\n\nconst className = computed(() => {\n  return grTreeSelectClass({\n    size: props.size,\n    state: props.state,\n    invalid: props.invalid,\n  })\n})\n\nconst panelClasses = computed(() => {\n  return grTreeSelectPanelClass\n})\n\nfunction setOpen(next: boolean) {\n  if (props.disabled)\n    return\n\n  if (open.value === next)\n    return\n\n  open.value = next\n  emit('visibleChange', next)\n}\n\nfunction onClickOutside(): void {\n  setOpen(false)\n}\n\nfunction openDropdown(): void {\n  setOpen(true)\n}\n\nfunction closeDropdown(): void {\n  setOpen(false)\n}\n\nfunction toggleDropdown(): void {\n  setOpen(!open.value)\n}\n\nfunction onTriggerPointerDown(): void {\n  hadPointerDownOnTrigger = true\n  if (typeof window !== 'undefined') {\n    window.setTimeout(() => {\n      hadPointerDownOnTrigger = false\n    }, 0)\n  }\n  else {\n    // SSR / no window: reset sync\n    hadPointerDownOnTrigger = false\n  }\n}\n\nfunction onTriggerFocus(): void {\n  if (hadPointerDownOnTrigger)\n    return\n  openDropdown()\n}\n\nfunction closeOnEscape(e: KeyboardEvent): void {\n  if (e.key === 'Escape') {\n    closeDropdown()\n    nextTick(() => triggerEl.value?.focus())\n  }\n}\n\nwatch(\n  open,\n  async (isOpen) => {\n    if (typeof document === 'undefined')\n      return\n\n    document.removeEventListener('keydown', closeOnEscape)\n\n    if (isOpen)\n      document.addEventListener('keydown', closeOnEscape)\n\n    if (!isOpen)\n      return\n\n    // sync tree highlight\n    if (!props.multiple) {\n      const v = props.modelValue\n      if (v != null && !Array.isArray(v))\n        treeRef.value?.setCurrentKey(v)\n    }\n\n    // focus filter input\n    if (props.filterable) {\n      await nextTick()\n      filterInputRef.value?.focus()\n    }\n  },\n  { immediate: true },\n)\n\nonUnmounted(() => {\n  if (typeof document === 'undefined')\n    return\n  document.removeEventListener('keydown', closeOnEscape)\n})\n\nwatch(\n  () => props.modelValue,\n  (v) => {\n    if (props.multiple)\n      return\n    if (v == null || Array.isArray(v)) {\n      treeRef.value?.setCurrentKey(undefined)\n      return\n    }\n    treeRef.value?.setCurrentKey(v)\n  },\n)\n\nwatch(\n  filterValue,\n  (v) => {\n    treeRef.value?.filter(v)\n  },\n)\n\nwatch(\n  open,\n  (isOpen) => {\n    if (isOpen)\n      return\n    if (filterValue.value.trim().length > 0)\n      filterValue.value = ''\n  },\n)\n\nfunction emitModel(next: GrTreeSelectModelValue) {\n  emit('update:modelValue', next)\n  emit('change', next)\n}\n\nfunction clear(): void {\n  if (props.disabled)\n    return\n\n  const next: GrTreeSelectModelValue = props.multiple ? [] : null\n  emitModel(next)\n  emit('clear')\n  if (!props.multiple)\n    treeRef.value?.setCurrentKey(undefined)\n}\n\nfunction onTriggerKeydown(e: KeyboardEvent): void {\n  if (props.disabled)\n    return\n\n  if (e.key === 'ArrowDown' || e.key === 'Enter' || e.key === ' ') {\n    e.preventDefault()\n    openDropdown()\n  }\n  if (e.key === 'Escape') {\n    e.preventDefault()\n    closeDropdown()\n  }\n}\n\nfunction onNodeClick(data: T, node: GrTreeNode<T>): void {\n  emit('nodeClick', data, node)\n\n  if (props.disabled)\n    return\n\n  if (props.multiple) {\n    const next = new Set(selectedKeySet.value)\n    if (next.has(node.key))\n      next.delete(node.key)\n    else\n      next.add(node.key)\n    emitModel([...next])\n\n    if (closeOnSelectResolved.value) {\n      closeDropdown()\n    }\n    return\n  }\n\n  emitModel(node.key)\n  if (closeOnSelectResolved.value) {\n    closeDropdown()\n  }\n}\n</script>\n\n<template>\n  <div\n    ref=\"rootEl\"\n    v-click-outside=\"{ handler: onClickOutside, enabled: open, exclude: clickOutsideExclude }\"\n    data-gr-tree-select\n    class=\"relative\"\n  >\n    <div class=\"relative\">\n      <input\n        ref=\"triggerEl\"\n        data-testid=\"gr-tree-select-trigger\"\n        data-gr-tree-select-trigger\n        type=\"text\"\n        :value=\"displayValue\"\n        :placeholder=\"placeholder\"\n        :disabled=\"disabled\"\n        readonly\n        role=\"combobox\"\n        aria-readonly=\"true\"\n        :aria-expanded=\"open ? 'true' : 'false'\"\n        :aria-invalid=\"invalid ? 'true' : undefined\"\n        class=\"w-full rounded-md border bg-[var(--bg)] text-[var(--fg)] placeholder:text-[var(--muted-fg)] transition-colors duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] disabled:opacity-50 disabled:cursor-not-allowed\"\n        :class=\"[className, $slots.value ? 'text-transparent placeholder:text-transparent' : '']\"\n        @pointerdown=\"onTriggerPointerDown\"\n        @click=\"toggleDropdown\"\n        @focus=\"onTriggerFocus\"\n        @keydown=\"onTriggerKeydown\"\n      >\n\n      <button\n        v-if=\"clearable && hasSelection\"\n        data-testid=\"gr-tree-select-clear\"\n        data-gr-tree-select-clear\n        type=\"button\"\n        class=\"absolute top-1/2 -translate-y-1/2 right-3 h-6 w-6 inline-flex items-center justify-center rounded-md text-[var(--muted-fg)] hover:text-[var(--fg)] hover:bg-[color-mix(in_srgb,var(--muted)_25%,transparent)] disabled:opacity-50\"\n        :disabled=\"disabled\"\n        :aria-label=\"t('gr.common.clear', 'Clear')\"\n        @click.stop=\"clear\"\n      >\n        <span class=\"i-lucide-x inline-block h-4 w-4\" />\n      </button>\n\n      <span\n        v-else\n        data-testid=\"gr-tree-select-chevron\"\n        data-gr-tree-select-chevron\n        class=\"absolute top-1/2 -translate-y-1/2 right-3 text-[var(--muted-fg)] pointer-events-none\"\n      >\n        <span\n          class=\"i-lucide-chevron-down inline-block h-4 w-4 transition-transform duration-150\"\n          :class=\"open ? 'rotate-180' : ''\"\n        />\n      </span>\n\n      <div\n        v-if=\"$slots.value\"\n        class=\"absolute inset-y-0 left-3 right-9 flex items-center pointer-events-none\"\n      >\n        <slot\n          name=\"value\"\n          :value=\"modelValue\"\n          :labels=\"selectedLabels\"\n          :display-value=\"displayValue\"\n          :path-labels=\"selectedPathLabels\"\n        />\n      </div>\n    </div>\n\n    <teleport to=\"body\">\n      <transition\n        enter-active-class=\"transition ease-out duration-150\"\n        enter-from-class=\"transform opacity-0 scale-95\"\n        enter-to-class=\"transform opacity-100 scale-100\"\n        leave-active-class=\"transition ease-in duration-100\"\n        leave-from-class=\"transform opacity-100 scale-100\"\n        leave-to-class=\"transform opacity-0 scale-95\"\n      >\n        <div\n          v-show=\"open\"\n          ref=\"panelEl\"\n          data-testid=\"gr-tree-select-panel\"\n          data-gr-tree-select-panel\n          :style=\"floatingStyle\"\n        >\n          <div :class=\"panelClasses\">\n          <div v-if=\"filterable\" class=\"p-2 border-b border-[var(--brd)]\">\n            <GrInput\n              ref=\"filterInputRef\"\n              v-model=\"filterValue\"\n              data-testid=\"gr-tree-select-filter\"\n              data-gr-tree-select-filter\n              type=\"search\"\n              :inputmode=\"filterInputmode\"\n              :placeholder=\"resolvedFilterPlaceholder\"\n              size=\"sm\"\n            />\n          </div>\n\n          <div\n            class=\"p-1 overflow-auto\"\n            :style=\"{ maxHeight: `${dropdownMaxHeight}px` }\"\n          >\n            <div v-if=\"(data?.length ?? 0) === 0\" class=\"px-3 py-2 text-[13px] text-[var(--muted-fg)]\">\n              <slot name=\"empty\">\n                {{ t('gr.treeSelect.empty', 'No data') }}\n              </slot>\n            </div>\n\n            <GrTree\n              v-else\n              ref=\"treeRef\"\n              :data=\"data\"\n              :props=\"props.props\"\n              :node-key=\"nodeKey as any\"\n              :default-expanded-keys=\"defaultExpandedKeys\"\n              :filter-node-method=\"filterNodeMethod\"\n              :highlight-current=\"!multiple\"\n              @node-click=\"onNodeClick\"\n            >\n              <template #default=\"{ node, data }\">\n                <slot\n                  name=\"node\"\n                  :node=\"node\"\n                  :data=\"data\"\n                  :selected=\"selectedKeySet.has(node.key)\"\n                >\n                  <div class=\"flex items-center gap-2 min-w-0\">\n                    <span\n                      class=\"inline-block h-4 w-4 shrink-0\"\n                      :class=\"selectedKeySet.has(node.key) ? 'i-lucide-check text-[var(--primary)]' : ''\"\n                      aria-hidden=\"true\"\n                    />\n                    <span class=\"truncate\">{{ node.label }}</span>\n                  </div>\n                </slot>\n              </template>\n            </GrTree>\n          </div>\n        </div>\n        </div>\n      </transition>\n    </teleport>\n  </div>\n</template>\n","<script setup lang=\"ts\" generic=\"T extends Record<string, any> = any\">\nimport { computed, nextTick, onUnmounted, ref, watch } from 'vue'\n\nimport { vClickOutside } from '../../directives'\nimport { useFloating } from '../../composables/internal/useFloating'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport GrInput from '../GrInput/GrInput.vue'\nimport GrTree, {\n  type GrTreeInstance,\n  type GrTreeKey,\n  type GrTreeNode,\n} from '../GrTree'\nimport type { GrTreeSelectModelValue, GrTreeSelectProps } from './grTreeSelectTypes'\nimport { grTreeSelectClass, grTreeSelectPanelClass } from './grTreeSelectStyles'\n\nconst props = withDefaults(\n  defineProps<GrTreeSelectProps<T>>(),\n  {\n    props: () => ({\n      children: 'children',\n      label: 'label',\n    }),\n    nodeKey: 'id' as any,\n    defaultExpandedKeys: () => [],\n    disabled: false,\n    placeholder: undefined,\n    size: 'md',\n    invalid: false,\n    state: 'default',\n    multiple: false,\n    clearable: false,\n    valueDisplay: 'label',\n    filterable: false,\n    filterPlaceholder: undefined,\n    filterInputmode: undefined,\n    filterNodeMethod: undefined,\n    closeOnSelect: undefined,\n    dropdownMaxHeight: 320,\n  },\n)\n\nconst { t } = useGranularityTranslations()\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: GrTreeSelectModelValue): void\n  (e: 'change', value: GrTreeSelectModelValue): void\n  (e: 'visibleChange', visible: boolean): void\n  (e: 'clear'): void\n  (e: 'nodeClick', data: T, node: GrTreeNode<T>): void\n}>()\n\ndefineSlots<{\n  /** Рендер значения внутри триггера (вместо дефолтного текста). */\n  value?: (props: { value: GrTreeSelectModelValue; labels: string[]; displayValue: string; pathLabels?: string[] }) => any\n  /** Рендер строки дерева. */\n  node?: (props: { node: GrTreeNode<T>; data: T; selected: boolean }) => any\n  /** Содержимое пустого состояния (когда нет данных). */\n  empty?: () => any\n}>()\n\nconst rootEl = ref<HTMLElement | null>(null)\nconst triggerEl = ref<HTMLInputElement | null>(null)\nconst filterInputRef = ref<InstanceType<typeof GrInput> | null>(null)\nconst treeRef = ref<GrTreeInstance | null>(null)\nconst panelEl = ref<HTMLElement | null>(null)\n\nconst clickOutsideExclude = [() => panelEl.value]\n\nlet hadPointerDownOnTrigger = false\n\nconst open = ref(false)\nconst filterValue = ref('')\n\nconst { floatingStyle } = useFloating(rootEl, panelEl, open, {\n  placement: 'bottom-start',\n  matchWidth: true,\n  zIndexVar: '--gr-z-dropdown',\n})\n\nconst closeOnSelectResolved = computed(() => {\n  return props.closeOnSelect ?? !props.multiple\n})\n\nfunction getChildrenKey() {\n  return props.props.children ?? 'children'\n}\n\nfunction getLabelKey() {\n  return props.props.label ?? 'label'\n}\n\nfunction nodeLabel(data: T): string {\n  const key = getLabelKey() as keyof T\n  const v = data[key]\n  return v == null ? '' : String(v)\n}\n\nfunction nodeChildren(data: T): T[] {\n  const key = getChildrenKey() as keyof T\n  const v = data[key]\n  return Array.isArray(v) ? (v as any) : []\n}\n\nfunction nodeKeyOf(data: T, index: number, parentKey: GrTreeKey | undefined): GrTreeKey {\n  const keyName = props.nodeKey as keyof T\n  const v = data[keyName]\n  if (v != null)\n    return v as GrTreeKey\n\n  return parentKey == null ? index : `${String(parentKey)}:${index}`\n}\n\nconst labelByKey = computed(() => {\n  const map = new Map<GrTreeKey, string>()\n\n  const walk = (items: T[], parentKey: GrTreeKey | undefined) => {\n    for (let i = 0; i < items.length; i++) {\n      const item = items[i]\n      const key = nodeKeyOf(item, i, parentKey)\n      map.set(key, nodeLabel(item))\n      walk(nodeChildren(item), key)\n    }\n  }\n\n  walk(props.data ?? [], undefined)\n  return map\n})\n\nconst pathLabelsByKey = computed(() => {\n  const map = new Map<GrTreeKey, string[]>()\n\n  const walk = (items: T[], parentKey: GrTreeKey | undefined, parentPath: string[]) => {\n    for (let i = 0; i < items.length; i++) {\n      const item = items[i]\n      const key = nodeKeyOf(item, i, parentKey)\n      const label = nodeLabel(item)\n      const path = [...parentPath, label]\n      map.set(key, path)\n      walk(nodeChildren(item), key, path)\n    }\n  }\n\n  walk(props.data ?? [], undefined, [])\n  return map\n})\n\nconst selectedKeys = computed<GrTreeKey[]>(() => {\n  if (props.multiple) {\n    return Array.isArray(props.modelValue) ? props.modelValue : []\n  }\n\n  const v = props.modelValue\n  if (v == null || Array.isArray(v))\n    return []\n  return [v]\n})\n\nconst selectedKeySet = computed(() => new Set(selectedKeys.value))\n\nconst selectedLabels = computed(() => {\n  const map = labelByKey.value\n  return selectedKeys.value.map((k) => map.get(k) ?? String(k))\n})\n\nconst selectedPathLabels = computed<string[] | undefined>(() => {\n  if (props.multiple)\n    return undefined\n\n  const key = selectedKeys.value[0]\n  if (key == null)\n    return undefined\n\n  const path = pathLabelsByKey.value.get(key)\n  if (path?.length)\n    return path\n\n  const labels = selectedLabels.value\n  return labels.length ? [labels[0]] : undefined\n})\n\nconst displayValue = computed(() => {\n  const labels = selectedLabels.value\n  if (labels.length === 0)\n    return ''\n\n  if (!props.multiple) {\n    if (props.valueDisplay === 'path') {\n      const path = selectedPathLabels.value\n      if (path?.length)\n        return path.join(' / ')\n    }\n    return labels[0]\n  }\n\n  if (labels.length === 1)\n    return labels[0]\n  return `${labels[0]} +${labels.length - 1}`\n})\n\nconst hasSelection = computed(() => selectedKeys.value.length > 0)\n\nconst resolvedFilterPlaceholder = computed(() => {\n  return props.filterPlaceholder ?? t('gr.treeSelect.filterPlaceholder', 'Search…')\n})\n\nconst className = computed(() => {\n  return grTreeSelectClass({\n    size: props.size,\n    state: props.state,\n    invalid: props.invalid,\n  })\n})\n\nconst panelClasses = computed(() => {\n  return grTreeSelectPanelClass\n})\n\nfunction setOpen(next: boolean) {\n  if (props.disabled)\n    return\n\n  if (open.value === next)\n    return\n\n  open.value = next\n  emit('visibleChange', next)\n}\n\nfunction onClickOutside(): void {\n  setOpen(false)\n}\n\nfunction openDropdown(): void {\n  setOpen(true)\n}\n\nfunction closeDropdown(): void {\n  setOpen(false)\n}\n\nfunction toggleDropdown(): void {\n  setOpen(!open.value)\n}\n\nfunction onTriggerPointerDown(): void {\n  hadPointerDownOnTrigger = true\n  if (typeof window !== 'undefined') {\n    window.setTimeout(() => {\n      hadPointerDownOnTrigger = false\n    }, 0)\n  }\n  else {\n    // SSR / no window: reset sync\n    hadPointerDownOnTrigger = false\n  }\n}\n\nfunction onTriggerFocus(): void {\n  if (hadPointerDownOnTrigger)\n    return\n  openDropdown()\n}\n\nfunction closeOnEscape(e: KeyboardEvent): void {\n  if (e.key === 'Escape') {\n    closeDropdown()\n    nextTick(() => triggerEl.value?.focus())\n  }\n}\n\nwatch(\n  open,\n  async (isOpen) => {\n    if (typeof document === 'undefined')\n      return\n\n    document.removeEventListener('keydown', closeOnEscape)\n\n    if (isOpen)\n      document.addEventListener('keydown', closeOnEscape)\n\n    if (!isOpen)\n      return\n\n    // sync tree highlight\n    if (!props.multiple) {\n      const v = props.modelValue\n      if (v != null && !Array.isArray(v))\n        treeRef.value?.setCurrentKey(v)\n    }\n\n    // focus filter input\n    if (props.filterable) {\n      await nextTick()\n      filterInputRef.value?.focus()\n    }\n  },\n  { immediate: true },\n)\n\nonUnmounted(() => {\n  if (typeof document === 'undefined')\n    return\n  document.removeEventListener('keydown', closeOnEscape)\n})\n\nwatch(\n  () => props.modelValue,\n  (v) => {\n    if (props.multiple)\n      return\n    if (v == null || Array.isArray(v)) {\n      treeRef.value?.setCurrentKey(undefined)\n      return\n    }\n    treeRef.value?.setCurrentKey(v)\n  },\n)\n\nwatch(\n  filterValue,\n  (v) => {\n    treeRef.value?.filter(v)\n  },\n)\n\nwatch(\n  open,\n  (isOpen) => {\n    if (isOpen)\n      return\n    if (filterValue.value.trim().length > 0)\n      filterValue.value = ''\n  },\n)\n\nfunction emitModel(next: GrTreeSelectModelValue) {\n  emit('update:modelValue', next)\n  emit('change', next)\n}\n\nfunction clear(): void {\n  if (props.disabled)\n    return\n\n  const next: GrTreeSelectModelValue = props.multiple ? [] : null\n  emitModel(next)\n  emit('clear')\n  if (!props.multiple)\n    treeRef.value?.setCurrentKey(undefined)\n}\n\nfunction onTriggerKeydown(e: KeyboardEvent): void {\n  if (props.disabled)\n    return\n\n  if (e.key === 'ArrowDown' || e.key === 'Enter' || e.key === ' ') {\n    e.preventDefault()\n    openDropdown()\n  }\n  if (e.key === 'Escape') {\n    e.preventDefault()\n    closeDropdown()\n  }\n}\n\nfunction onNodeClick(data: T, node: GrTreeNode<T>): void {\n  emit('nodeClick', data, node)\n\n  if (props.disabled)\n    return\n\n  if (props.multiple) {\n    const next = new Set(selectedKeySet.value)\n    if (next.has(node.key))\n      next.delete(node.key)\n    else\n      next.add(node.key)\n    emitModel([...next])\n\n    if (closeOnSelectResolved.value) {\n      closeDropdown()\n    }\n    return\n  }\n\n  emitModel(node.key)\n  if (closeOnSelectResolved.value) {\n    closeDropdown()\n  }\n}\n</script>\n\n<template>\n  <div\n    ref=\"rootEl\"\n    v-click-outside=\"{ handler: onClickOutside, enabled: open, exclude: clickOutsideExclude }\"\n    data-gr-tree-select\n    class=\"relative\"\n  >\n    <div class=\"relative\">\n      <input\n        ref=\"triggerEl\"\n        data-testid=\"gr-tree-select-trigger\"\n        data-gr-tree-select-trigger\n        type=\"text\"\n        :value=\"displayValue\"\n        :placeholder=\"placeholder\"\n        :disabled=\"disabled\"\n        readonly\n        role=\"combobox\"\n        aria-readonly=\"true\"\n        :aria-expanded=\"open ? 'true' : 'false'\"\n        :aria-invalid=\"invalid ? 'true' : undefined\"\n        class=\"w-full rounded-md border bg-[var(--bg)] text-[var(--fg)] placeholder:text-[var(--muted-fg)] transition-colors duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] disabled:opacity-50 disabled:cursor-not-allowed\"\n        :class=\"[className, $slots.value ? 'text-transparent placeholder:text-transparent' : '']\"\n        @pointerdown=\"onTriggerPointerDown\"\n        @click=\"toggleDropdown\"\n        @focus=\"onTriggerFocus\"\n        @keydown=\"onTriggerKeydown\"\n      >\n\n      <button\n        v-if=\"clearable && hasSelection\"\n        data-testid=\"gr-tree-select-clear\"\n        data-gr-tree-select-clear\n        type=\"button\"\n        class=\"absolute top-1/2 -translate-y-1/2 right-3 h-6 w-6 inline-flex items-center justify-center rounded-md text-[var(--muted-fg)] hover:text-[var(--fg)] hover:bg-[color-mix(in_srgb,var(--muted)_25%,transparent)] disabled:opacity-50\"\n        :disabled=\"disabled\"\n        :aria-label=\"t('gr.common.clear', 'Clear')\"\n        @click.stop=\"clear\"\n      >\n        <span class=\"i-lucide-x inline-block h-4 w-4\" />\n      </button>\n\n      <span\n        v-else\n        data-testid=\"gr-tree-select-chevron\"\n        data-gr-tree-select-chevron\n        class=\"absolute top-1/2 -translate-y-1/2 right-3 text-[var(--muted-fg)] pointer-events-none\"\n      >\n        <span\n          class=\"i-lucide-chevron-down inline-block h-4 w-4 transition-transform duration-150\"\n          :class=\"open ? 'rotate-180' : ''\"\n        />\n      </span>\n\n      <div\n        v-if=\"$slots.value\"\n        class=\"absolute inset-y-0 left-3 right-9 flex items-center pointer-events-none\"\n      >\n        <slot\n          name=\"value\"\n          :value=\"modelValue\"\n          :labels=\"selectedLabels\"\n          :display-value=\"displayValue\"\n          :path-labels=\"selectedPathLabels\"\n        />\n      </div>\n    </div>\n\n    <teleport to=\"body\">\n      <transition\n        enter-active-class=\"transition ease-out duration-150\"\n        enter-from-class=\"transform opacity-0 scale-95\"\n        enter-to-class=\"transform opacity-100 scale-100\"\n        leave-active-class=\"transition ease-in duration-100\"\n        leave-from-class=\"transform opacity-100 scale-100\"\n        leave-to-class=\"transform opacity-0 scale-95\"\n      >\n        <div\n          v-show=\"open\"\n          ref=\"panelEl\"\n          data-testid=\"gr-tree-select-panel\"\n          data-gr-tree-select-panel\n          :style=\"floatingStyle\"\n        >\n          <div :class=\"panelClasses\">\n          <div v-if=\"filterable\" class=\"p-2 border-b border-[var(--brd)]\">\n            <GrInput\n              ref=\"filterInputRef\"\n              v-model=\"filterValue\"\n              data-testid=\"gr-tree-select-filter\"\n              data-gr-tree-select-filter\n              type=\"search\"\n              :inputmode=\"filterInputmode\"\n              :placeholder=\"resolvedFilterPlaceholder\"\n              size=\"sm\"\n            />\n          </div>\n\n          <div\n            class=\"p-1 overflow-auto\"\n            :style=\"{ maxHeight: `${dropdownMaxHeight}px` }\"\n          >\n            <div v-if=\"(data?.length ?? 0) === 0\" class=\"px-3 py-2 text-[13px] text-[var(--muted-fg)]\">\n              <slot name=\"empty\">\n                {{ t('gr.treeSelect.empty', 'No data') }}\n              </slot>\n            </div>\n\n            <GrTree\n              v-else\n              ref=\"treeRef\"\n              :data=\"data\"\n              :props=\"props.props\"\n              :node-key=\"nodeKey as any\"\n              :default-expanded-keys=\"defaultExpandedKeys\"\n              :filter-node-method=\"filterNodeMethod\"\n              :highlight-current=\"!multiple\"\n              @node-click=\"onNodeClick\"\n            >\n              <template #default=\"{ node, data }\">\n                <slot\n                  name=\"node\"\n                  :node=\"node\"\n                  :data=\"data\"\n                  :selected=\"selectedKeySet.has(node.key)\"\n                >\n                  <div class=\"flex items-center gap-2 min-w-0\">\n                    <span\n                      class=\"inline-block h-4 w-4 shrink-0\"\n                      :class=\"selectedKeySet.has(node.key) ? 'i-lucide-check text-[var(--primary)]' : ''\"\n                      aria-hidden=\"true\"\n                    />\n                    <span class=\"truncate\">{{ node.label }}</span>\n                  </div>\n                </slot>\n              </template>\n            </GrTree>\n          </div>\n        </div>\n        </div>\n      </transition>\n    </teleport>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/chunks/{config-Cpi9Mh2J.js → config-Dqy0rPPO2.js}

@@ -1,5 +1,5 @@
-import { t as splitClassTokens } from "./classTokens-BzazaERD.js";
 import { i as rootModeClass, n as rootBackdropBlurClass, r as rootBackgroundClass } from "./grLoadingStyles-R5sreH__.js";
+import { t as splitClassTokens } from "./classTokens-BzazaERD.js";
 import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
 //#region src/components/GrLoading/safelist.ts
 var grLoadingSafelist = [.../* @__PURE__ */ new Set([