@feugene/granularity 0.10.0 → 0.11.0

package/dist/components/GrTreeSelect/chunks/{GrTreeSelect-CytivcCa.js.map → GrTreeSelect-B2xBKs5Q.js.map}

@@ -1 +1 @@
-{"version":3,"file":"GrTreeSelect-CytivcCa.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-ds-tree-select\n    class=\"relative\"\n  >\n    <div class=\"relative\">\n      <input\n        ref=\"triggerEl\"\n        data-testid=\"ds-tree-select-trigger\"\n        data-ds-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=\"ds-tree-select-clear\"\n        data-ds-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=\"ds-tree-select-chevron\"\n        data-ds-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=\"ds-tree-select-panel\"\n          data-ds-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=\"ds-tree-select-filter\"\n              data-ds-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-ds-tree-select\n    class=\"relative\"\n  >\n    <div class=\"relative\">\n      <input\n        ref=\"triggerEl\"\n        data-testid=\"ds-tree-select-trigger\"\n        data-ds-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=\"ds-tree-select-clear\"\n        data-ds-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=\"ds-tree-select-chevron\"\n        data-ds-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=\"ds-tree-select-panel\"\n          data-ds-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=\"ds-tree-select-filter\"\n              data-ds-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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"}
+{"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/components/GrTreeSelect/index.js

@@ -1,3 +1,3 @@
-import { n as grTreeSelectSafelist, t as grTreeSelectConfig } from "../../chunks/config-D_Pafsjq2.js";
-import { t as GrTreeSelect_default } from "./chunks/GrTreeSelect-CytivcCa.js";
+import { n as grTreeSelectSafelist, t as grTreeSelectConfig } from "../../chunks/config-BIRO0vDJ2.js";
+import { t as GrTreeSelect_default } from "./chunks/GrTreeSelect-B2xBKs5Q.js";
 export { GrTreeSelect_default as GrTreeSelect, GrTreeSelect_default as default, grTreeSelectConfig, grTreeSelectSafelist };

package/dist/composables/useTheme.js

@@ -1,31 +1,71 @@
 import { computed, ref } from "vue";
 //#region src/composables/useTheme.ts
-var DEFAULT_STORAGE_KEY = "fint-ds-theme";
-function getPreferredTheme(storageKey = DEFAULT_STORAGE_KEY, persist = true) {
-	if (typeof window === "undefined") return "light";
-	if (persist) try {
+var DEFAULT_STORAGE_KEY = "gr-theme";
+function readStoredTheme(storageKey, persist) {
+	if (typeof window === "undefined" || !persist) return null;
+	try {
 		const storage = window.localStorage;
-		const stored = typeof storage?.getItem === "function" ? storage.getItem(storageKey) : null;
+		if (typeof storage?.getItem !== "function") return null;
+		const stored = storage.getItem(storageKey);
 		if (stored === "light" || stored === "dark") return stored;
 	} catch {}
+	return null;
+}
+function getSystemTheme() {
+	if (typeof window === "undefined") return "light";
 	return window.matchMedia?.("(prefers-color-scheme: dark)")?.matches ? "dark" : "light";
 }
+function getPreferredTheme(storageKey = DEFAULT_STORAGE_KEY, persist = true) {
+	return readStoredTheme(storageKey, persist) ?? getSystemTheme();
+}
 function applyTheme(theme) {
 	if (typeof document === "undefined") return;
 	const root = document.documentElement;
-	root.classList.toggle("theme-dark", theme === "dark");
 	root.dataset.theme = theme;
+	root.classList.toggle("theme-dark", theme === "dark");
+}
+var sharedTheme = ref(getPreferredTheme());
+var activeStorageKey = DEFAULT_STORAGE_KEY;
+var activePersist = true;
+var listenersBound = false;
+function bindListeners() {
+	if (listenersBound || typeof window === "undefined") return;
+	listenersBound = true;
+	window.addEventListener?.("storage", (event) => {
+		if (!activePersist || event.key !== activeStorageKey) return;
+		if (event.newValue === "light" || event.newValue === "dark") {
+			sharedTheme.value = event.newValue;
+			applyTheme(event.newValue);
+		}
+	});
+	(window.matchMedia?.("(prefers-color-scheme: dark)"))?.addEventListener?.("change", (event) => {
+		if (readStoredTheme(activeStorageKey, activePersist) !== null) return;
+		const next = event.matches ? "dark" : "light";
+		sharedTheme.value = next;
+		applyTheme(next);
+	});
 }
 /**
 * Для применения темы максимально рано (до монтирования Vue), чтобы избежать "мигания".
+* Также сидирует shared-синглтон, чтобы значение в `useTheme()` совпадало с уже
+* применённым к документу.
 */
 function initThemeEarly(options = {}) {
-	applyTheme(getPreferredTheme(options.storageKey ?? DEFAULT_STORAGE_KEY, options.persist ?? true));
+	const storageKey = options.storageKey ?? DEFAULT_STORAGE_KEY;
+	const persist = options.persist ?? true;
+	const preferred = getPreferredTheme(storageKey, persist);
+	activeStorageKey = storageKey;
+	activePersist = persist;
+	sharedTheme.value = preferred;
+	applyTheme(preferred);
 }
 function useTheme(options = {}) {
 	const storageKey = options.storageKey ?? DEFAULT_STORAGE_KEY;
 	const persist = options.persist ?? true;
-	const theme = ref(getPreferredTheme(storageKey, persist));
+	activeStorageKey = storageKey;
+	activePersist = persist;
+	bindListeners();
+	const theme = sharedTheme;
 	const isDark = computed(() => theme.value === "dark");
 	function setTheme(next) {
 		theme.value = next;

package/dist/composables/useTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTheme.js","names":[],"sources":["../../src/composables/useTheme.ts"],"sourcesContent":["import { computed, ref } from 'vue'\n\nexport type ThemeName = 'light' | 'dark'\n\nexport type UseThemeOptions = {\n  /**\n   * Ключ для хранения выбранной темы в localStorage.\n   * По умолчанию: `fint-ds-theme`.\n   */\n  storageKey?: string\n\n  /**\n   * Если `false` — не читать/не писать localStorage (полезно для SSR/embedded сценариев).\n   * По умолчанию: `true`.\n   */\n  persist?: boolean\n}\n\nconst DEFAULT_STORAGE_KEY = 'fint-ds-theme'\n\nfunction getPreferredTheme(storageKey = DEFAULT_STORAGE_KEY, persist = true): ThemeName {\n  if (typeof window === 'undefined') return 'light'\n\n  if (persist) {\n    // Доступ к `localStorage` может бросать `SecurityError` в Safari private mode\n    // и при отключённых cookies/storage — поэтому оборачиваем в try/catch.\n    try {\n      const storage = window.localStorage\n      const stored = typeof storage?.getItem === 'function' ? storage.getItem(storageKey) : null\n      if (stored === 'light' || stored === 'dark') return stored\n    }\n    catch {\n      // ignore\n    }\n  }\n\n  const prefersDark = window.matchMedia?.('(prefers-color-scheme: dark)')?.matches\n  return prefersDark ? 'dark' : 'light'\n}\n\nfunction applyTheme(theme: ThemeName) {\n  if (typeof document === 'undefined') return\n\n  const root = document.documentElement\n  root.classList.toggle('theme-dark', theme === 'dark')\n  root.dataset.theme = theme\n}\n\n/**\n * Для применения темы максимально рано (до монтирования Vue), чтобы избежать \"мигания\".\n */\nexport function initThemeEarly(options: UseThemeOptions = {}) {\n  const storageKey = options.storageKey ?? DEFAULT_STORAGE_KEY\n  const persist = options.persist ?? true\n  applyTheme(getPreferredTheme(storageKey, persist))\n}\n\nexport function useTheme(options: UseThemeOptions = {}) {\n  const storageKey = options.storageKey ?? DEFAULT_STORAGE_KEY\n  const persist = options.persist ?? true\n\n  const theme = ref<ThemeName>(getPreferredTheme(storageKey, persist))\n\n  const isDark = computed(() => theme.value === 'dark')\n\n  function setTheme(next: ThemeName) {\n    theme.value = next\n\n    if (persist && typeof window !== 'undefined') {\n      // См. комментарий в `getPreferredTheme`: запись тоже может бросать.\n      try {\n        const storage = window.localStorage\n        if (typeof storage?.setItem === 'function')\n          storage.setItem(storageKey, next)\n      }\n      catch {\n        // ignore\n      }\n    }\n\n    applyTheme(next)\n  }\n\n  function toggleTheme() {\n    setTheme(theme.value === 'dark' ? 'light' : 'dark')\n  }\n\n  function initTheme() {\n    applyTheme(theme.value)\n  }\n\n  return {\n    theme,\n    isDark,\n    setTheme,\n    toggleTheme,\n    initTheme,\n  }\n}"],"mappings":";;AAkBA,IAAM,sBAAsB;AAE5B,SAAS,kBAAkB,aAAa,qBAAqB,UAAU,MAAiB;AACtF,KAAI,OAAO,WAAW,YAAa,QAAO;AAE1C,KAAI,QAGF,KAAI;EACF,MAAM,UAAU,OAAO;EACvB,MAAM,SAAS,OAAO,SAAS,YAAY,aAAa,QAAQ,QAAQ,WAAW,GAAG;AACtF,MAAI,WAAW,WAAW,WAAW,OAAQ,QAAO;SAEhD;AAMR,QADoB,OAAO,aAAa,+BAA+B,EAAE,UACpD,SAAS;;AAGhC,SAAS,WAAW,OAAkB;AACpC,KAAI,OAAO,aAAa,YAAa;CAErC,MAAM,OAAO,SAAS;AACtB,MAAK,UAAU,OAAO,cAAc,UAAU,OAAO;AACrD,MAAK,QAAQ,QAAQ;;;;;AAMvB,SAAgB,eAAe,UAA2B,EAAE,EAAE;AAG5D,YAAW,kBAFQ,QAAQ,cAAc,qBACzB,QAAQ,WAAW,KACc,CAAC;;AAGpD,SAAgB,SAAS,UAA2B,EAAE,EAAE;CACtD,MAAM,aAAa,QAAQ,cAAc;CACzC,MAAM,UAAU,QAAQ,WAAW;CAEnC,MAAM,QAAQ,IAAe,kBAAkB,YAAY,QAAQ,CAAC;CAEpE,MAAM,SAAS,eAAe,MAAM,UAAU,OAAO;CAErD,SAAS,SAAS,MAAiB;AACjC,QAAM,QAAQ;AAEd,MAAI,WAAW,OAAO,WAAW,YAE/B,KAAI;GACF,MAAM,UAAU,OAAO;AACvB,OAAI,OAAO,SAAS,YAAY,WAC9B,SAAQ,QAAQ,YAAY,KAAK;UAE/B;AAKR,aAAW,KAAK;;CAGlB,SAAS,cAAc;AACrB,WAAS,MAAM,UAAU,SAAS,UAAU,OAAO;;CAGrD,SAAS,YAAY;AACnB,aAAW,MAAM,MAAM;;AAGzB,QAAO;EACL;EACA;EACA;EACA;EACA;EACD"}
+{"version":3,"file":"useTheme.js","names":[],"sources":["../../src/composables/useTheme.ts"],"sourcesContent":["import { computed, ref } from 'vue'\nimport type { Ref } from 'vue'\n\nexport type ThemeName = 'light' | 'dark'\n\nexport type UseThemeOptions = {\n  /**\n   * Ключ для хранения выбранной темы в localStorage.\n   * По умолчанию: `gr-theme`.\n   */\n  storageKey?: string\n\n  /**\n   * Если `false` — не читать/не писать localStorage (полезно для SSR/embedded сценариев).\n   * По умолчанию: `true`.\n   */\n  persist?: boolean\n}\n\nconst DEFAULT_STORAGE_KEY = 'gr-theme'\n\nfunction readStoredTheme(storageKey: string, persist: boolean): ThemeName | null {\n  if (typeof window === 'undefined' || !persist) return null\n\n  // Доступ к `localStorage` может бросать `SecurityError` в Safari private mode\n  // и при отключённых cookies/storage — поэтому оборачиваем в try/catch.\n  try {\n    const storage = window.localStorage\n    if (typeof storage?.getItem !== 'function') return null\n\n    const stored = storage.getItem(storageKey)\n    if (stored === 'light' || stored === 'dark') return stored\n  }\n  catch {\n    // ignore\n  }\n\n  return null\n}\n\nfunction getSystemTheme(): ThemeName {\n  if (typeof window === 'undefined') return 'light'\n  return window.matchMedia?.('(prefers-color-scheme: dark)')?.matches ? 'dark' : 'light'\n}\n\nfunction getPreferredTheme(storageKey = DEFAULT_STORAGE_KEY, persist = true): ThemeName {\n  return readStoredTheme(storageKey, persist) ?? getSystemTheme()\n}\n\nfunction applyTheme(theme: ThemeName) {\n  if (typeof document === 'undefined') return\n\n  const root = document.documentElement\n  // Канон GR — атрибут `[data-theme]` на `<html>` (см. docs/styling.md → «Темизация»).\n  // `useTheme`/`initThemeEarly` — единственный рантайм-API переключения темы.\n  root.dataset.theme = theme\n  // Класс `.theme-dark` — deprecated-алиас для обратной совместимости; в новом коде\n  // ориентируйтесь на `[data-theme]`.\n  root.classList.toggle('theme-dark', theme === 'dark')\n}\n\n// Модульный shared-синглтон состояния темы: единый источник истины для ВСЕХ\n// вызовов `useTheme()` (по образцу `useToast`). Раньше каждый вызов создавал\n// собственный `ref`, из-за чего переключение темы в компоненте A не обновляло\n// `theme`/`isDark` в компоненте B (менялся только DOM-класс) — та самая\n// рассинхронизация. Теперь ref один, реактивность консистентна.\nconst sharedTheme: Ref<ThemeName> = ref<ThemeName>(getPreferredTheme())\n\n// Активные ключ/persist, которыми синглтон инициализирован (нужны слушателям\n// `storage`/`matchMedia`, чтобы знать, какой ключ отслеживать).\nlet activeStorageKey = DEFAULT_STORAGE_KEY\nlet activePersist = true\nlet listenersBound = false\n\n// Подписки на системную тему и синхронизацию между вкладками. Живут на уровне\n// модуля (как таймеры в `useToast`): состояние общее, поэтому подписка нужна\n// одна на приложение, а не per-consumer — здесь `onScopeDispose` был бы вреден\n// (порвал бы shared-подписку при размонтировании одного из потребителей).\nfunction bindListeners() {\n  if (listenersBound || typeof window === 'undefined') return\n  listenersBound = true\n\n  // Cross-tab: другая вкладка записала тему в localStorage.\n  window.addEventListener?.('storage', (event: StorageEvent) => {\n    if (!activePersist || event.key !== activeStorageKey) return\n    if (event.newValue === 'light' || event.newValue === 'dark') {\n      sharedTheme.value = event.newValue\n      applyTheme(event.newValue)\n    }\n  })\n\n  // Системная смена `prefers-color-scheme` — следуем ей только если пользователь\n  // НЕ выбрал тему явно (в storage ничего не сохранено).\n  const mql = window.matchMedia?.('(prefers-color-scheme: dark)')\n  mql?.addEventListener?.('change', (event: MediaQueryListEvent) => {\n    if (readStoredTheme(activeStorageKey, activePersist) !== null) return\n    const next: ThemeName = event.matches ? 'dark' : 'light'\n    sharedTheme.value = next\n    applyTheme(next)\n  })\n}\n\n/**\n * Для применения темы максимально рано (до монтирования Vue), чтобы избежать \"мигания\".\n * Также сидирует shared-синглтон, чтобы значение в `useTheme()` совпадало с уже\n * применённым к документу.\n */\nexport function initThemeEarly(options: UseThemeOptions = {}) {\n  const storageKey = options.storageKey ?? DEFAULT_STORAGE_KEY\n  const persist = options.persist ?? true\n  const preferred = getPreferredTheme(storageKey, persist)\n\n  activeStorageKey = storageKey\n  activePersist = persist\n  sharedTheme.value = preferred\n  applyTheme(preferred)\n}\n\nexport function useTheme(options: UseThemeOptions = {}) {\n  const storageKey = options.storageKey ?? DEFAULT_STORAGE_KEY\n  const persist = options.persist ?? true\n\n  activeStorageKey = storageKey\n  activePersist = persist\n  bindListeners()\n\n  const theme = sharedTheme\n  const isDark = computed(() => theme.value === 'dark')\n\n  function setTheme(next: ThemeName) {\n    theme.value = next\n\n    if (persist && typeof window !== 'undefined') {\n      // См. комментарий в `readStoredTheme`: запись тоже может бросать.\n      try {\n        const storage = window.localStorage\n        if (typeof storage?.setItem === 'function')\n          storage.setItem(storageKey, next)\n      }\n      catch {\n        // ignore\n      }\n    }\n\n    applyTheme(next)\n  }\n\n  function toggleTheme() {\n    setTheme(theme.value === 'dark' ? 'light' : 'dark')\n  }\n\n  function initTheme() {\n    applyTheme(theme.value)\n  }\n\n  return {\n    theme,\n    isDark,\n    setTheme,\n    toggleTheme,\n    initTheme,\n  }\n}\n"],"mappings":";;AAmBA,IAAM,sBAAsB;AAE5B,SAAS,gBAAgB,YAAoB,SAAoC;CAC/E,IAAI,OAAO,WAAW,eAAe,CAAC,SAAS,OAAO;CAItD,IAAI;EACF,MAAM,UAAU,OAAO;EACvB,IAAI,OAAO,SAAS,YAAY,YAAY,OAAO;EAEnD,MAAM,SAAS,QAAQ,QAAQ,UAAU;EACzC,IAAI,WAAW,WAAW,WAAW,QAAQ,OAAO;CACtD,QACM,CAEN;CAEA,OAAO;AACT;AAEA,SAAS,iBAA4B;CACnC,IAAI,OAAO,WAAW,aAAa,OAAO;CAC1C,OAAO,OAAO,aAAa,8BAA8B,CAAC,EAAE,UAAU,SAAS;AACjF;AAEA,SAAS,kBAAkB,aAAa,qBAAqB,UAAU,MAAiB;CACtF,OAAO,gBAAgB,YAAY,OAAO,KAAK,eAAe;AAChE;AAEA,SAAS,WAAW,OAAkB;CACpC,IAAI,OAAO,aAAa,aAAa;CAErC,MAAM,OAAO,SAAS;CAGtB,KAAK,QAAQ,QAAQ;CAGrB,KAAK,UAAU,OAAO,cAAc,UAAU,MAAM;AACtD;AAOA,IAAM,cAA8B,IAAe,kBAAkB,CAAC;AAItE,IAAI,mBAAmB;AACvB,IAAI,gBAAgB;AACpB,IAAI,iBAAiB;AAMrB,SAAS,gBAAgB;CACvB,IAAI,kBAAkB,OAAO,WAAW,aAAa;CACrD,iBAAiB;CAGjB,OAAO,mBAAmB,YAAY,UAAwB;EAC5D,IAAI,CAAC,iBAAiB,MAAM,QAAQ,kBAAkB;EACtD,IAAI,MAAM,aAAa,WAAW,MAAM,aAAa,QAAQ;GAC3D,YAAY,QAAQ,MAAM;GAC1B,WAAW,MAAM,QAAQ;EAC3B;CACF,CAAC;CAKD,CADY,OAAO,aAAa,8BAA8B,EAAA,EACzD,mBAAmB,WAAW,UAA+B;EAChE,IAAI,gBAAgB,kBAAkB,aAAa,MAAM,MAAM;EAC/D,MAAM,OAAkB,MAAM,UAAU,SAAS;EACjD,YAAY,QAAQ;EACpB,WAAW,IAAI;CACjB,CAAC;AACH;;;;;;AAOA,SAAgB,eAAe,UAA2B,CAAC,GAAG;CAC5D,MAAM,aAAa,QAAQ,cAAc;CACzC,MAAM,UAAU,QAAQ,WAAW;CACnC,MAAM,YAAY,kBAAkB,YAAY,OAAO;CAEvD,mBAAmB;CACnB,gBAAgB;CAChB,YAAY,QAAQ;CACpB,WAAW,SAAS;AACtB;AAEA,SAAgB,SAAS,UAA2B,CAAC,GAAG;CACtD,MAAM,aAAa,QAAQ,cAAc;CACzC,MAAM,UAAU,QAAQ,WAAW;CAEnC,mBAAmB;CACnB,gBAAgB;CAChB,cAAc;CAEd,MAAM,QAAQ;CACd,MAAM,SAAS,eAAe,MAAM,UAAU,MAAM;CAEpD,SAAS,SAAS,MAAiB;EACjC,MAAM,QAAQ;EAEd,IAAI,WAAW,OAAO,WAAW,aAE/B,IAAI;GACF,MAAM,UAAU,OAAO;GACvB,IAAI,OAAO,SAAS,YAAY,YAC9B,QAAQ,QAAQ,YAAY,IAAI;EACpC,QACM,CAEN;EAGF,WAAW,IAAI;CACjB;CAEA,SAAS,cAAc;EACrB,SAAS,MAAM,UAAU,SAAS,UAAU,MAAM;CACpD;CAEA,SAAS,YAAY;EACnB,WAAW,MAAM,KAAK;CACxB;CAEA,OAAO;EACL;EACA;EACA;EACA;EACA;CACF;AACF"}

package/dist/composables/useToast.js

@@ -1,54 +1,116 @@
-import { computed, reactive } from "vue";
+import { computed, getCurrentInstance, inject, reactive } from "vue";
 //#region src/composables/useToast.ts
-var toasts = reactive([]);
-var timers = /* @__PURE__ */ new Map();
 var DEFAULT_TIMEOUT_MS = 3500;
-function makeId() {
-	return `${Date.now()}-${Math.random().toString(16).slice(2)}`;
+var IS_SERVER = typeof window === "undefined";
+function createToastState() {
+	return {
+		toasts: reactive([]),
+		timers: /* @__PURE__ */ new Map()
+	};
 }
-function clearTimer(id) {
-	const handle = timers.get(id);
-	if (handle !== void 0) {
-		clearTimeout(handle);
-		timers.delete(id);
+/** Ключ provide/inject для app-scoped состояния тостов (устанавливает плагин ниже). */
+var GRANULARITY_TOAST_STATE = Symbol.for("@feugene/granularity/toast-state");
+/**
+* Vue-плагин: даёт каждому приложению собственное изолированное состояние тостов
+* через `app.provide`. Обязателен для (а) нескольких Vue-приложений на одной
+* странице (микрофронтенды — иначе делят один стек тостов) и (б) SSR (иначе
+* модульное состояние течёт между запросами).
+*
+* ```ts
+* app.use(granularityToastPlugin)
+* ```
+*/
+var granularityToastPlugin = { install(app) {
+	app.provide(GRANULARITY_TOAST_STATE, createToastState());
+} };
+var moduleToastState = null;
+function resolveToastState() {
+	if (getCurrentInstance()) {
+		const provided = inject(GRANULARITY_TOAST_STATE, null);
+		if (provided) return provided;
 	}
+	if (IS_SERVER) throw new Error("[granularity] useToast requires `app.use(granularityToastPlugin)` during SSR — the module-singleton fallback is disabled server-side to avoid state leaking between requests.");
+	if (!moduleToastState) moduleToastState = createToastState();
+	return moduleToastState;
+}
+function now() {
+	return typeof performance !== "undefined" ? performance.now() : Date.now();
+}
+function makeId() {
+	return `${Date.now()}-${Math.random().toString(16).slice(2)}`;
 }
 function useToast() {
-	const list = computed(() => toasts);
+	const state = resolveToastState();
+	const list = computed(() => state.toasts);
+	function armTimer(id, timer) {
+		if (timer.remaining <= 0 || typeof window === "undefined") return;
+		timer.startedAt = now();
+		timer.handle = window.setTimeout(() => {
+			state.timers.delete(id);
+			dismiss(id);
+		}, timer.remaining);
+	}
+	function clearTimer(id) {
+		const timer = state.timers.get(id);
+		if (timer?.handle != null) {
+			clearTimeout(timer.handle);
+			timer.handle = null;
+		}
+		state.timers.delete(id);
+	}
 	function push(input) {
 		const id = makeId();
+		const timeout = input.timeoutMs ?? DEFAULT_TIMEOUT_MS;
 		const toast = {
 			id,
 			title: input.title,
 			message: input.message,
-			tone: input.tone ?? "info"
+			tone: input.tone ?? "info",
+			timeoutMs: timeout > 0 ? timeout : 0
 		};
-		toasts.unshift(toast);
-		const timeout = input.timeoutMs ?? DEFAULT_TIMEOUT_MS;
-		if (timeout > 0 && typeof window !== "undefined") {
-			const handle = window.setTimeout(() => {
-				timers.delete(id);
-				dismiss(id);
-			}, timeout);
-			timers.set(id, handle);
+		state.toasts.unshift(toast);
+		if (toast.timeoutMs > 0) {
+			const timer = {
+				handle: null,
+				remaining: toast.timeoutMs,
+				startedAt: now()
+			};
+			state.timers.set(id, timer);
+			armTimer(id, timer);
 		}
 		return id;
 	}
+	/** Останавливает отсчёт автозакрытия, сохраняя остаток (идемпотентно). */
+	function pause(id) {
+		const timer = state.timers.get(id);
+		if (!timer || timer.handle == null) return;
+		clearTimeout(timer.handle);
+		timer.handle = null;
+		timer.remaining = Math.max(0, timer.remaining - (now() - timer.startedAt));
+	}
+	/** Возобновляет отсчёт с сохранённого остатка (идемпотентно). */
+	function resume(id) {
+		const timer = state.timers.get(id);
+		if (!timer || timer.handle != null) return;
+		armTimer(id, timer);
+	}
 	function dismiss(id) {
 		clearTimer(id);
-		const index = toasts.findIndex((toast) => toast.id === id);
-		if (index >= 0) toasts.splice(index, 1);
+		const index = state.toasts.findIndex((toast) => toast.id === id);
+		if (index >= 0) state.toasts.splice(index, 1);
 	}
 	function clear() {
-		for (const id of timers.keys()) clearTimer(id);
-		toasts.splice(0, toasts.length);
+		for (const id of [...state.timers.keys()]) clearTimer(id);
+		state.toasts.splice(0, state.toasts.length);
 	}
 	return {
 		list,
 		push,
 		dismiss,
-		clear
+		clear,
+		pause,
+		resume
 	};
 }
 //#endregion
-export { useToast };
+export { GRANULARITY_TOAST_STATE, granularityToastPlugin, useToast };

package/dist/composables/useToast.js.map

@@ -1 +1 @@
-{"version":3,"file":"useToast.js","names":[],"sources":["../../src/composables/useToast.ts"],"sourcesContent":["import { computed, reactive } from 'vue'\n\nimport type { GrTone } from '../components/shared/tones'\n\nexport type GrToastTone = GrTone\n\nexport type ToastInput = {\n  title: string\n  message?: string\n  tone?: GrToastTone\n  /**\n   * Автозакрытие через N мс. `0` или отрицательное значение — «навсегда»\n   * (до явного вызова `dismiss(id)` / `clear()`). По умолчанию: `3500`.\n   */\n  timeoutMs?: number\n}\n\nexport type Toast = {\n  id: string\n  title: string\n  message?: string\n  tone: GrToastTone\n}\n\n// Модульный синглтон состояния: один источник истины для всех `GrToaster`\n// в приложении. Подразумевается один активный `GrToaster` на корень.\nconst toasts = reactive<Toast[]>([])\n\n// Таймеры авто-дисмисса по id — чтобы при раннем `dismiss()` / `clear()`\n// не оставлять «висящие» setTimeout'ы и не будить мёртвый tab.\nconst timers = new Map<string, number>()\n\nconst DEFAULT_TIMEOUT_MS = 3500\n\nfunction makeId(): string {\n  return `${Date.now()}-${Math.random().toString(16).slice(2)}`\n}\n\nfunction clearTimer(id: string): void {\n  const handle = timers.get(id)\n  if (handle !== undefined) {\n    clearTimeout(handle)\n    timers.delete(id)\n  }\n}\n\nexport function useToast() {\n  const list = computed(() => toasts)\n\n  function push(input: ToastInput): string {\n    const id = makeId()\n    const toast: Toast = {\n      id,\n      title: input.title,\n      message: input.message,\n      tone: input.tone ?? 'info',\n    }\n\n    toasts.unshift(toast)\n\n    const timeout = input.timeoutMs ?? DEFAULT_TIMEOUT_MS\n    if (timeout > 0 && typeof window !== 'undefined') {\n      const handle = window.setTimeout(() => {\n        timers.delete(id)\n        dismiss(id)\n      }, timeout)\n      timers.set(id, handle)\n    }\n\n    return id\n  }\n\n  function dismiss(id: string): void {\n    clearTimer(id)\n    const index = toasts.findIndex(toast => toast.id === id)\n    if (index >= 0)\n      toasts.splice(index, 1)\n  }\n\n  function clear(): void {\n    for (const id of timers.keys()) clearTimer(id)\n    toasts.splice(0, toasts.length)\n  }\n\n  return {\n    list,\n    push,\n    dismiss,\n    clear,\n  }\n}\n"],"mappings":";;AA0BA,IAAM,SAAS,SAAkB,EAAE,CAAC;AAIpC,IAAM,yBAAS,IAAI,KAAqB;AAExC,IAAM,qBAAqB;AAE3B,SAAS,SAAiB;AACxB,QAAO,GAAG,KAAK,KAAK,CAAC,GAAG,KAAK,QAAQ,CAAC,SAAS,GAAG,CAAC,MAAM,EAAE;;AAG7D,SAAS,WAAW,IAAkB;CACpC,MAAM,SAAS,OAAO,IAAI,GAAG;AAC7B,KAAI,WAAW,KAAA,GAAW;AACxB,eAAa,OAAO;AACpB,SAAO,OAAO,GAAG;;;AAIrB,SAAgB,WAAW;CACzB,MAAM,OAAO,eAAe,OAAO;CAEnC,SAAS,KAAK,OAA2B;EACvC,MAAM,KAAK,QAAQ;EACnB,MAAM,QAAe;GACnB;GACA,OAAO,MAAM;GACb,SAAS,MAAM;GACf,MAAM,MAAM,QAAQ;GACrB;AAED,SAAO,QAAQ,MAAM;EAErB,MAAM,UAAU,MAAM,aAAa;AACnC,MAAI,UAAU,KAAK,OAAO,WAAW,aAAa;GAChD,MAAM,SAAS,OAAO,iBAAiB;AACrC,WAAO,OAAO,GAAG;AACjB,YAAQ,GAAG;MACV,QAAQ;AACX,UAAO,IAAI,IAAI,OAAO;;AAGxB,SAAO;;CAGT,SAAS,QAAQ,IAAkB;AACjC,aAAW,GAAG;EACd,MAAM,QAAQ,OAAO,WAAU,UAAS,MAAM,OAAO,GAAG;AACxD,MAAI,SAAS,EACX,QAAO,OAAO,OAAO,EAAE;;CAG3B,SAAS,QAAc;AACrB,OAAK,MAAM,MAAM,OAAO,MAAM,CAAE,YAAW,GAAG;AAC9C,SAAO,OAAO,GAAG,OAAO,OAAO;;AAGjC,QAAO;EACL;EACA;EACA;EACA;EACD"}
+{"version":3,"file":"useToast.js","names":[],"sources":["../../src/composables/useToast.ts"],"sourcesContent":["import { computed, getCurrentInstance, inject, reactive } from 'vue'\nimport type { App, InjectionKey } from 'vue'\n\nimport type { GrTone } from '../components/shared/tones'\n\nexport type GrToastTone = GrTone\n\nexport type ToastInput = {\n  title: string\n  message?: string\n  tone?: GrToastTone\n  /**\n   * Автозакрытие через N мс. `0` или отрицательное значение — «навсегда»\n   * (до явного вызова `dismiss(id)` / `clear()`). По умолчанию: `3500`.\n   */\n  timeoutMs?: number\n}\n\nexport type Toast = {\n  id: string\n  title: string\n  message?: string\n  tone: GrToastTone\n  /** Исходный таймаут автозакрытия, мс (`0` — без автозакрытия). Нужен для progress-бара. */\n  timeoutMs: number\n}\n\nconst DEFAULT_TIMEOUT_MS = 3500\nconst IS_SERVER = typeof window === 'undefined'\n\n// Метаданные таймера автозакрытия с поддержкой pause/resume (WCAG 2.2.1: под\n// курсором/фокусом отсчёт должен останавливаться).\ntype ToastTimer = {\n  handle: number | null\n  /** Сколько мс осталось до автозакрытия на момент последней паузы/старта. */\n  remaining: number\n  /** `performance.now()` момента запуска текущего отрезка (для вычисления остатка). */\n  startedAt: number\n}\n\nexport type ToastState = {\n  toasts: Toast[]\n  timers: Map<string, ToastTimer>\n}\n\nfunction createToastState(): ToastState {\n  return {\n    toasts: reactive<Toast[]>([]),\n    timers: new Map<string, ToastTimer>(),\n  }\n}\n\n/** Ключ provide/inject для app-scoped состояния тостов (устанавливает плагин ниже). */\nexport const GRANULARITY_TOAST_STATE: InjectionKey<ToastState> = Symbol.for('@feugene/granularity/toast-state')\n\n/**\n * Vue-плагин: даёт каждому приложению собственное изолированное состояние тостов\n * через `app.provide`. Обязателен для (а) нескольких Vue-приложений на одной\n * странице (микрофронтенды — иначе делят один стек тостов) и (б) SSR (иначе\n * модульное состояние течёт между запросами).\n *\n * ```ts\n * app.use(granularityToastPlugin)\n * ```\n */\nexport const granularityToastPlugin = {\n  install(app: App) {\n    app.provide(GRANULARITY_TOAST_STATE, createToastState())\n  },\n}\n\n// Ленивый модульный синглтон — канонический фолбэк для простых SPA без плагина.\nlet moduleToastState: ToastState | null = null\n\nfunction resolveToastState(): ToastState {\n  // App-scoped состояние (provide через плагин) доступно только в setup-контексте.\n  if (getCurrentInstance()) {\n    const provided = inject(GRANULARITY_TOAST_STATE, null)\n    if (provided) return provided\n  }\n\n  // В SSR модульный фолбэк запрещён: одно mutable-состояние на модуль утекало бы\n  // между запросами. Требуем установленный плагин (app.provide).\n  if (IS_SERVER) {\n    throw new Error(\n      '[granularity] useToast requires `app.use(granularityToastPlugin)` during SSR — '\n      + 'the module-singleton fallback is disabled server-side to avoid state leaking between requests.',\n    )\n  }\n\n  if (!moduleToastState)\n    moduleToastState = createToastState()\n\n  return moduleToastState\n}\n\nfunction now(): number {\n  return typeof performance !== 'undefined' ? performance.now() : Date.now()\n}\n\nfunction makeId(): string {\n  return `${Date.now()}-${Math.random().toString(16).slice(2)}`\n}\n\nexport function useToast() {\n  const state = resolveToastState()\n  const list = computed(() => state.toasts)\n\n  function armTimer(id: string, timer: ToastTimer): void {\n    if (timer.remaining <= 0 || typeof window === 'undefined') return\n    timer.startedAt = now()\n    timer.handle = window.setTimeout(() => {\n      state.timers.delete(id)\n      dismiss(id)\n    }, timer.remaining)\n  }\n\n  function clearTimer(id: string): void {\n    const timer = state.timers.get(id)\n    if (timer?.handle != null) {\n      clearTimeout(timer.handle)\n      timer.handle = null\n    }\n    state.timers.delete(id)\n  }\n\n  function push(input: ToastInput): string {\n    const id = makeId()\n    const timeout = input.timeoutMs ?? DEFAULT_TIMEOUT_MS\n    const toast: Toast = {\n      id,\n      title: input.title,\n      message: input.message,\n      tone: input.tone ?? 'info',\n      timeoutMs: timeout > 0 ? timeout : 0,\n    }\n\n    state.toasts.unshift(toast)\n\n    if (toast.timeoutMs > 0) {\n      const timer: ToastTimer = { handle: null, remaining: toast.timeoutMs, startedAt: now() }\n      state.timers.set(id, timer)\n      armTimer(id, timer)\n    }\n\n    return id\n  }\n\n  /** Останавливает отсчёт автозакрытия, сохраняя остаток (идемпотентно). */\n  function pause(id: string): void {\n    const timer = state.timers.get(id)\n    if (!timer || timer.handle == null) return\n\n    clearTimeout(timer.handle)\n    timer.handle = null\n    timer.remaining = Math.max(0, timer.remaining - (now() - timer.startedAt))\n  }\n\n  /** Возобновляет отсчёт с сохранённого остатка (идемпотентно). */\n  function resume(id: string): void {\n    const timer = state.timers.get(id)\n    if (!timer || timer.handle != null) return\n\n    armTimer(id, timer)\n  }\n\n  function dismiss(id: string): void {\n    clearTimer(id)\n    const index = state.toasts.findIndex(toast => toast.id === id)\n    if (index >= 0)\n      state.toasts.splice(index, 1)\n  }\n\n  function clear(): void {\n    for (const id of [...state.timers.keys()]) clearTimer(id)\n    state.toasts.splice(0, state.toasts.length)\n  }\n\n  return {\n    list,\n    push,\n    dismiss,\n    clear,\n    pause,\n    resume,\n  }\n}\n"],"mappings":"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"}

package/dist/directives/autofocus.js.map

@@ -1 +1 @@
-{"version":3,"file":"autofocus.js","names":[],"sources":["../../src/directives/autofocus.ts"],"sourcesContent":["import type { Directive } from 'vue'\nimport { nextTick } from 'vue'\n\nexport type AutofocusBindingValue =\n  | boolean\n  | string\n  | {\n      selector?: string\n      preventScroll?: boolean\n      disabled?: boolean\n    }\n\nfunction resolveOptions(value: AutofocusBindingValue | undefined) {\n  if (value === false) {\n    return { enabled: false, selector: '', preventScroll: true }\n  }\n\n  if (typeof value === 'string') {\n    return { enabled: true, selector: value, preventScroll: true }\n  }\n\n  if (value && typeof value === 'object') {\n    return {\n      enabled: value.disabled !== true,\n      selector: value.selector,\n      preventScroll: value.preventScroll ?? true,\n    }\n  }\n\n  return { enabled: true, selector: undefined as string | undefined, preventScroll: true }\n}\n\nfunction tryFocus(target: Element | null | undefined, preventScroll: boolean) {\n  if (!target) return\n\n  const focusable = target as unknown as { focus?: (options?: any) => void }\n  if (typeof focusable.focus !== 'function') return\n\n  try {\n    focusable.focus({ preventScroll })\n  } catch {\n    // Fallback for browsers that don't support FocusOptions.\n    focusable.focus()\n  }\n}\n\n/**\n * `v-autofocus` — универсальный автофокус.\n * Работает как на нативных элементах, так и на компонентах-обёртках (фокусирует вложенный `input/textarea/...`).\n */\nexport const vAutofocus: Directive<HTMLElement, AutofocusBindingValue> = {\n  mounted(el, binding) {\n    const { enabled, selector, preventScroll } = resolveOptions(binding.value)\n    if (!enabled) return\n\n    void nextTick().then(() => {\n      // Небольшая задержка помогает, когда внутренний input появляется после обновления/анимаций.\n      requestAnimationFrame(() => {\n        const defaultSelector = 'input, textarea, select, button, [tabindex]:not([tabindex=\"-1\"])'\n        const finalSelector = selector || defaultSelector\n\n        if ((el as any).matches?.(finalSelector)) {\n          tryFocus(el, preventScroll)\n          return\n        }\n\n        const inner = el.querySelector?.(finalSelector)\n        tryFocus(inner, preventScroll)\n      })\n    })\n  },\n}\n"],"mappings":";;AAYA,SAAS,eAAe,OAA0C;AAChE,KAAI,UAAU,MACZ,QAAO;EAAE,SAAS;EAAO,UAAU;EAAI,eAAe;EAAM;AAG9D,KAAI,OAAO,UAAU,SACnB,QAAO;EAAE,SAAS;EAAM,UAAU;EAAO,eAAe;EAAM;AAGhE,KAAI,SAAS,OAAO,UAAU,SAC5B,QAAO;EACL,SAAS,MAAM,aAAa;EAC5B,UAAU,MAAM;EAChB,eAAe,MAAM,iBAAiB;EACvC;AAGH,QAAO;EAAE,SAAS;EAAM,UAAU,KAAA;EAAiC,eAAe;EAAM;;AAG1F,SAAS,SAAS,QAAoC,eAAwB;AAC5E,KAAI,CAAC,OAAQ;CAEb,MAAM,YAAY;AAClB,KAAI,OAAO,UAAU,UAAU,WAAY;AAE3C,KAAI;AACF,YAAU,MAAM,EAAE,eAAe,CAAC;SAC5B;AAEN,YAAU,OAAO;;;;;;;AAQrB,IAAa,aAA4D,EACvE,QAAQ,IAAI,SAAS;CACnB,MAAM,EAAE,SAAS,UAAU,kBAAkB,eAAe,QAAQ,MAAM;AAC1E,KAAI,CAAC,QAAS;AAET,WAAU,CAAC,WAAW;AAEzB,8BAA4B;GAE1B,MAAM,gBAAgB,YADE;AAGxB,OAAK,GAAW,UAAU,cAAc,EAAE;AACxC,aAAS,IAAI,cAAc;AAC3B;;GAGF,MAAM,QAAQ,GAAG,gBAAgB,cAAc;AAC/C,YAAS,OAAO,cAAc;IAC9B;GACF;GAEL"}
+{"version":3,"file":"autofocus.js","names":[],"sources":["../../src/directives/autofocus.ts"],"sourcesContent":["import type { Directive } from 'vue'\nimport { nextTick } from 'vue'\n\nexport type AutofocusBindingValue =\n  | boolean\n  | string\n  | {\n      selector?: string\n      preventScroll?: boolean\n      disabled?: boolean\n    }\n\nfunction resolveOptions(value: AutofocusBindingValue | undefined) {\n  if (value === false) {\n    return { enabled: false, selector: '', preventScroll: true }\n  }\n\n  if (typeof value === 'string') {\n    return { enabled: true, selector: value, preventScroll: true }\n  }\n\n  if (value && typeof value === 'object') {\n    return {\n      enabled: value.disabled !== true,\n      selector: value.selector,\n      preventScroll: value.preventScroll ?? true,\n    }\n  }\n\n  return { enabled: true, selector: undefined as string | undefined, preventScroll: true }\n}\n\nfunction tryFocus(target: Element | null | undefined, preventScroll: boolean) {\n  if (!target) return\n\n  const focusable = target as unknown as { focus?: (options?: any) => void }\n  if (typeof focusable.focus !== 'function') return\n\n  try {\n    focusable.focus({ preventScroll })\n  } catch {\n    // Fallback for browsers that don't support FocusOptions.\n    focusable.focus()\n  }\n}\n\n/**\n * `v-autofocus` — универсальный автофокус.\n * Работает как на нативных элементах, так и на компонентах-обёртках (фокусирует вложенный `input/textarea/...`).\n */\nexport const vAutofocus: Directive<HTMLElement, AutofocusBindingValue> = {\n  mounted(el, binding) {\n    const { enabled, selector, preventScroll } = resolveOptions(binding.value)\n    if (!enabled) return\n\n    void nextTick().then(() => {\n      // Небольшая задержка помогает, когда внутренний input появляется после обновления/анимаций.\n      requestAnimationFrame(() => {\n        const defaultSelector = 'input, textarea, select, button, [tabindex]:not([tabindex=\"-1\"])'\n        const finalSelector = selector || defaultSelector\n\n        if ((el as any).matches?.(finalSelector)) {\n          tryFocus(el, preventScroll)\n          return\n        }\n\n        const inner = el.querySelector?.(finalSelector)\n        tryFocus(inner, preventScroll)\n      })\n    })\n  },\n}\n"],"mappings":";;AAYA,SAAS,eAAe,OAA0C;CAChE,IAAI,UAAU,OACZ,OAAO;EAAE,SAAS;EAAO,UAAU;EAAI,eAAe;CAAK;CAG7D,IAAI,OAAO,UAAU,UACnB,OAAO;EAAE,SAAS;EAAM,UAAU;EAAO,eAAe;CAAK;CAG/D,IAAI,SAAS,OAAO,UAAU,UAC5B,OAAO;EACL,SAAS,MAAM,aAAa;EAC5B,UAAU,MAAM;EAChB,eAAe,MAAM,iBAAiB;CACxC;CAGF,OAAO;EAAE,SAAS;EAAM,UAAU,KAAA;EAAiC,eAAe;CAAK;AACzF;AAEA,SAAS,SAAS,QAAoC,eAAwB;CAC5E,IAAI,CAAC,QAAQ;CAEb,MAAM,YAAY;CAClB,IAAI,OAAO,UAAU,UAAU,YAAY;CAE3C,IAAI;EACF,UAAU,MAAM,EAAE,cAAc,CAAC;CACnC,QAAQ;EAEN,UAAU,MAAM;CAClB;AACF;;;;;AAMA,IAAa,aAA4D,EACvE,QAAQ,IAAI,SAAS;CACnB,MAAM,EAAE,SAAS,UAAU,kBAAkB,eAAe,QAAQ,KAAK;CACzE,IAAI,CAAC,SAAS;CAEd,SAAc,CAAC,CAAC,WAAW;EAEzB,4BAA4B;GAE1B,MAAM,gBAAgB,YAAY;GAElC,IAAK,GAAW,UAAU,aAAa,GAAG;IACxC,SAAS,IAAI,aAAa;IAC1B;GACF;GAEA,MAAM,QAAQ,GAAG,gBAAgB,aAAa;GAC9C,SAAS,OAAO,aAAa;EAC/B,CAAC;CACH,CAAC;AACH,EACF"}

package/dist/directives/autosize.js.map

@@ -1 +1 @@
-{"version":3,"file":"autosize.js","names":[],"sources":["../../src/directives/autosize.ts"],"sourcesContent":["import type { Directive } from 'vue'\nimport { nextTick } from 'vue'\n\nexport type AutosizeBindingValue =\n  | boolean\n  | {\n      enabled?: boolean\n    }\n\ntype InternalState = {\n  textarea: HTMLTextAreaElement | null\n  onInput: (() => void) | null\n  prevOverflowY: string | null\n}\n\nconst states = new WeakMap<HTMLElement, InternalState>()\n\nfunction normalize(value: AutosizeBindingValue | undefined) {\n  if (value === false) return { enabled: false }\n  if (value && typeof value === 'object') return { enabled: value.enabled ?? true }\n  return { enabled: true }\n}\n\nfunction resolveTextarea(el: HTMLElement): HTMLTextAreaElement | null {\n  if (el instanceof HTMLTextAreaElement) return el\n  return el.querySelector('textarea')\n}\n\nfunction toNumber(input: string): number {\n  const n = Number.parseFloat(input)\n  return Number.isFinite(n) ? n : 0\n}\n\nfunction autosize(textarea: HTMLTextAreaElement) {\n  // Важно сбросить, чтобы textarea могла уменьшаться при удалении текста.\n  textarea.style.height = 'auto'\n\n  const style = getComputedStyle(textarea)\n  const border = toNumber(style.borderTopWidth) + toNumber(style.borderBottomWidth)\n  const height = style.boxSizing === 'border-box' ? textarea.scrollHeight + border : textarea.scrollHeight\n\n  textarea.style.height = `${height}px`\n}\n\nfunction scheduleAutosize(textarea: HTMLTextAreaElement) {\n  void nextTick().then(() => {\n    requestAnimationFrame(() => autosize(textarea))\n  })\n}\n\n/**\n * `v-autosize` — автоподстройка высоты `textarea`.\n *\n * Пример:\n * ```vue\n * <textarea v-autosize />\n * ```\n */\nexport const vAutosize: Directive<HTMLElement, AutosizeBindingValue> = {\n  mounted(el, binding) {\n    const { enabled } = normalize(binding.value)\n    const textarea = resolveTextarea(el)\n\n    const state: InternalState = {\n      textarea,\n      onInput: null,\n      prevOverflowY: textarea ? textarea.style.overflowY : null,\n    }\n    states.set(el, state)\n\n    if (!enabled || !textarea) return\n\n    textarea.style.overflowY = 'hidden'\n    autosize(textarea)\n    scheduleAutosize(textarea)\n\n    const onInput = () => {\n      const current = states.get(el)\n      if (!current?.textarea) return\n      autosize(current.textarea)\n    }\n\n    state.onInput = onInput\n    textarea.addEventListener('input', onInput)\n  },\n  updated(el, binding) {\n    const { enabled } = normalize(binding.value)\n    const state = states.get(el)\n    if (!state) return\n\n    const nextTextarea = resolveTextarea(el)\n    if (state.textarea !== nextTextarea) {\n      if (state.textarea && state.onInput) {\n        state.textarea.removeEventListener('input', state.onInput)\n      }\n\n      state.textarea = nextTextarea\n      state.prevOverflowY = nextTextarea ? nextTextarea.style.overflowY : null\n      state.onInput = null\n\n      if (enabled && nextTextarea) {\n        nextTextarea.style.overflowY = 'hidden'\n        autosize(nextTextarea)\n        scheduleAutosize(nextTextarea)\n\n        const onInput = () => {\n          const current = states.get(el)\n          if (!current?.textarea) return\n          autosize(current.textarea)\n        }\n        state.onInput = onInput\n        nextTextarea.addEventListener('input', onInput)\n      }\n\n      return\n    }\n\n    if (!state.textarea) return\n\n    if (!enabled) {\n      // Disabled in-flight: detach listener and restore previous overflow.\n      if (state.onInput) {\n        state.textarea.removeEventListener('input', state.onInput)\n        state.onInput = null\n      }\n      if (state.prevOverflowY !== null) {\n        state.textarea.style.overflowY = state.prevOverflowY\n      }\n      return\n    }\n\n    // Re-enable after being disabled: reattach listener and re-apply overflow.\n    if (!state.onInput) {\n      state.prevOverflowY = state.textarea.style.overflowY\n      state.textarea.style.overflowY = 'hidden'\n\n      const onInput = () => {\n        const current = states.get(el)\n        if (!current?.textarea) return\n        autosize(current.textarea)\n      }\n      state.onInput = onInput\n      state.textarea.addEventListener('input', onInput)\n    }\n\n    autosize(state.textarea)\n    scheduleAutosize(state.textarea)\n  },\n  unmounted(el) {\n    const state = states.get(el)\n    if (!state) return\n\n    if (state.textarea && state.onInput) {\n      state.textarea.removeEventListener('input', state.onInput)\n      if (state.prevOverflowY !== null) state.textarea.style.overflowY = state.prevOverflowY\n    }\n\n    states.delete(el)\n  },\n}\n"],"mappings":"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"}
+{"version":3,"file":"autosize.js","names":[],"sources":["../../src/directives/autosize.ts"],"sourcesContent":["import type { Directive } from 'vue'\nimport { nextTick } from 'vue'\n\nexport type AutosizeBindingValue =\n  | boolean\n  | {\n      enabled?: boolean\n    }\n\ntype InternalState = {\n  textarea: HTMLTextAreaElement | null\n  onInput: (() => void) | null\n  prevOverflowY: string | null\n}\n\nconst states = new WeakMap<HTMLElement, InternalState>()\n\nfunction normalize(value: AutosizeBindingValue | undefined) {\n  if (value === false) return { enabled: false }\n  if (value && typeof value === 'object') return { enabled: value.enabled ?? true }\n  return { enabled: true }\n}\n\nfunction resolveTextarea(el: HTMLElement): HTMLTextAreaElement | null {\n  if (el instanceof HTMLTextAreaElement) return el\n  return el.querySelector('textarea')\n}\n\nfunction toNumber(input: string): number {\n  const n = Number.parseFloat(input)\n  return Number.isFinite(n) ? n : 0\n}\n\nfunction autosize(textarea: HTMLTextAreaElement) {\n  // Важно сбросить, чтобы textarea могла уменьшаться при удалении текста.\n  textarea.style.height = 'auto'\n\n  const style = getComputedStyle(textarea)\n  const border = toNumber(style.borderTopWidth) + toNumber(style.borderBottomWidth)\n  const height = style.boxSizing === 'border-box' ? textarea.scrollHeight + border : textarea.scrollHeight\n\n  textarea.style.height = `${height}px`\n}\n\nfunction scheduleAutosize(textarea: HTMLTextAreaElement) {\n  void nextTick().then(() => {\n    requestAnimationFrame(() => autosize(textarea))\n  })\n}\n\n/**\n * `v-autosize` — автоподстройка высоты `textarea`.\n *\n * Пример:\n * ```vue\n * <textarea v-autosize />\n * ```\n */\nexport const vAutosize: Directive<HTMLElement, AutosizeBindingValue> = {\n  mounted(el, binding) {\n    const { enabled } = normalize(binding.value)\n    const textarea = resolveTextarea(el)\n\n    const state: InternalState = {\n      textarea,\n      onInput: null,\n      prevOverflowY: textarea ? textarea.style.overflowY : null,\n    }\n    states.set(el, state)\n\n    if (!enabled || !textarea) return\n\n    textarea.style.overflowY = 'hidden'\n    autosize(textarea)\n    scheduleAutosize(textarea)\n\n    const onInput = () => {\n      const current = states.get(el)\n      if (!current?.textarea) return\n      autosize(current.textarea)\n    }\n\n    state.onInput = onInput\n    textarea.addEventListener('input', onInput)\n  },\n  updated(el, binding) {\n    const { enabled } = normalize(binding.value)\n    const state = states.get(el)\n    if (!state) return\n\n    const nextTextarea = resolveTextarea(el)\n    if (state.textarea !== nextTextarea) {\n      if (state.textarea && state.onInput) {\n        state.textarea.removeEventListener('input', state.onInput)\n      }\n\n      state.textarea = nextTextarea\n      state.prevOverflowY = nextTextarea ? nextTextarea.style.overflowY : null\n      state.onInput = null\n\n      if (enabled && nextTextarea) {\n        nextTextarea.style.overflowY = 'hidden'\n        autosize(nextTextarea)\n        scheduleAutosize(nextTextarea)\n\n        const onInput = () => {\n          const current = states.get(el)\n          if (!current?.textarea) return\n          autosize(current.textarea)\n        }\n        state.onInput = onInput\n        nextTextarea.addEventListener('input', onInput)\n      }\n\n      return\n    }\n\n    if (!state.textarea) return\n\n    if (!enabled) {\n      // Disabled in-flight: detach listener and restore previous overflow.\n      if (state.onInput) {\n        state.textarea.removeEventListener('input', state.onInput)\n        state.onInput = null\n      }\n      if (state.prevOverflowY !== null) {\n        state.textarea.style.overflowY = state.prevOverflowY\n      }\n      return\n    }\n\n    // Re-enable after being disabled: reattach listener and re-apply overflow.\n    if (!state.onInput) {\n      state.prevOverflowY = state.textarea.style.overflowY\n      state.textarea.style.overflowY = 'hidden'\n\n      const onInput = () => {\n        const current = states.get(el)\n        if (!current?.textarea) return\n        autosize(current.textarea)\n      }\n      state.onInput = onInput\n      state.textarea.addEventListener('input', onInput)\n    }\n\n    autosize(state.textarea)\n    scheduleAutosize(state.textarea)\n  },\n  unmounted(el) {\n    const state = states.get(el)\n    if (!state) return\n\n    if (state.textarea && state.onInput) {\n      state.textarea.removeEventListener('input', state.onInput)\n      if (state.prevOverflowY !== null) state.textarea.style.overflowY = state.prevOverflowY\n    }\n\n    states.delete(el)\n  },\n}\n"],"mappings":"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"}