@feugene/granularity 0.18.0 → 0.20.0

package/dist/components/GrDialog/chunks/GrDialog-MD9Fzy9C.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GrDialog-MD9Fzy9C.js","names":["$emit","$emit"],"sources":["../../../../src/components/GrDialog/GrDialogFooter.vue","../../../../src/components/GrDialog/GrDialogFooter.vue","../../../../src/components/GrDialog/GrDialogCloseButton.vue","../../../../src/components/GrDialog/GrDialogCloseButton.vue","../../../../src/components/GrDialog/GrDialogHeader.vue","../../../../src/components/GrDialog/GrDialogHeader.vue","../../../../src/components/GrDialog/GrDialog.vue","../../../../src/components/GrDialog/GrDialog.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport {\n  DEFAULT_GR_DIALOG_FOOTER_CONFIG,\n  resolveGrDialogSectionConfig,\n  type GrDialogSectionConfig,\n} from './dialogShared'\n\nexport interface GrDialogFooterProps {\n  config?: GrDialogSectionConfig\n}\n\nconst props = withDefaults(defineProps<GrDialogFooterProps>(), {\n  config: undefined,\n})\n\nconst resolvedConfig = computed(() => resolveGrDialogSectionConfig(props.config, DEFAULT_GR_DIALOG_FOOTER_CONFIG))\n\nconst rootClass = computed(() => [\n  resolvedConfig.value.paddingX,\n  resolvedConfig.value.paddingY,\n  resolvedConfig.value.bordered ? 'border-t border-[var(--gr-brd)]' : '',\n])\n</script>\n\n<template>\n  <div data-gr-dialog-footer :class=\"rootClass\">\n    <slot />\n  </div>\n</template>","<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport {\n  DEFAULT_GR_DIALOG_FOOTER_CONFIG,\n  resolveGrDialogSectionConfig,\n  type GrDialogSectionConfig,\n} from './dialogShared'\n\nexport interface GrDialogFooterProps {\n  config?: GrDialogSectionConfig\n}\n\nconst props = withDefaults(defineProps<GrDialogFooterProps>(), {\n  config: undefined,\n})\n\nconst resolvedConfig = computed(() => resolveGrDialogSectionConfig(props.config, DEFAULT_GR_DIALOG_FOOTER_CONFIG))\n\nconst rootClass = computed(() => [\n  resolvedConfig.value.paddingX,\n  resolvedConfig.value.paddingY,\n  resolvedConfig.value.bordered ? 'border-t border-[var(--gr-brd)]' : '',\n])\n</script>\n\n<template>\n  <div data-gr-dialog-footer :class=\"rootClass\">\n    <slot />\n  </div>\n</template>","<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue'\n\nimport GrButton from '../GrButton/GrButton.vue'\nimport IconClose from '~icons/lucide/x'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\n\nexport interface GrDialogCloseButtonEmits {\n  (e: 'click'): void\n}\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nconst { t } = useGranularityTranslations()\n\n// A11y-лейбл: берём из атрибутов (родитель прокидывает `:aria-label=\"closeLabel\"`)\n// или используем i18n-дефолт. Не хардкодим английское \"Close\" — GR должен быть i18n-friendly.\nconst attrs = useAttrs()\nconst ariaLabel = computed(() => (attrs['aria-label'] as string | undefined) ?? t('gr.common.close', 'Close'))\n\ndefineEmits<GrDialogCloseButtonEmits>()\n</script>\n\n<template>\n  <GrButton\n    v-bind=\"attrs\"\n    data-gr-dialog-close\n    variant=\"ghost\"\n    size=\"sm\"\n    square\n    :aria-label=\"ariaLabel\"\n    @click=\"$emit('click')\"\n  >\n    <IconClose class=\"h-4 w-4\" aria-hidden=\"true\" />\n  </GrButton>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue'\n\nimport GrButton from '../GrButton/GrButton.vue'\nimport IconClose from '~icons/lucide/x'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\n\nexport interface GrDialogCloseButtonEmits {\n  (e: 'click'): void\n}\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nconst { t } = useGranularityTranslations()\n\n// A11y-лейбл: берём из атрибутов (родитель прокидывает `:aria-label=\"closeLabel\"`)\n// или используем i18n-дефолт. Не хардкодим английское \"Close\" — GR должен быть i18n-friendly.\nconst attrs = useAttrs()\nconst ariaLabel = computed(() => (attrs['aria-label'] as string | undefined) ?? t('gr.common.close', 'Close'))\n\ndefineEmits<GrDialogCloseButtonEmits>()\n</script>\n\n<template>\n  <GrButton\n    v-bind=\"attrs\"\n    data-gr-dialog-close\n    variant=\"ghost\"\n    size=\"sm\"\n    square\n    :aria-label=\"ariaLabel\"\n    @click=\"$emit('click')\"\n  >\n    <IconClose class=\"h-4 w-4\" aria-hidden=\"true\" />\n  </GrButton>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport GrDialogCloseButton from './GrDialogCloseButton.vue'\nimport { useGrModalTitle } from '../GrModal/context'\nimport {\n  DEFAULT_GR_DIALOG_HEADER_CONFIG,\n  type GrDialogSectionConfig,\n  resolveGrDialogSectionConfig,\n  resolveGrDialogTitle,\n} from './dialogShared'\n\nexport interface GrDialogHeaderProps {\n  title?: string\n  showCloseButton?: boolean\n  config?: GrDialogSectionConfig\n  /** A11y-лейбл кнопки закрытия (i18n). */\n  closeLabel?: string\n}\n\nexport interface GrDialogHeaderEmits {\n  (e: 'close'): void\n}\n\nconst props = withDefaults(defineProps<GrDialogHeaderProps>(), {\n  title: undefined,\n  showCloseButton: true,\n  config: undefined,\n  closeLabel: undefined,\n})\n\nconst slots = defineSlots<{\n  default?: (props: { title?: string }) => any\n}>()\n\ndefineEmits<GrDialogHeaderEmits>()\n\nconst resolvedTitle = computed(() => resolveGrDialogTitle(props.title))\n\nconst resolvedConfig = computed(() =>\n  resolveGrDialogSectionConfig(props.config, DEFAULT_GR_DIALOG_HEADER_CONFIG),\n)\n\nconst rootClass = computed(() => [\n  resolvedConfig.value.paddingX,\n  resolvedConfig.value.paddingY,\n  resolvedConfig.value.bordered ? 'border-b border-[var(--gr-brd)]' : '',\n  'flex items-center justify-between gap-4',\n])\n\n// Видимый заголовок рендерим только когда нет пользовательского слота:\n// если слот `#header` задан, a11y-title отдаётся через `GrModal #title`\n// на уровне `GrDialog` (см. JSDoc у `GrDialog.vue`).\nconst showVisibleTitle = computed(() => !slots.default && !!resolvedTitle.value)\n\n// Имя окна: заголовок объявляет себя окну, и `GrModal` ставит на него\n// `aria-labelledby`. Вне `GrModal` регистрация — no-op, шапку можно\n// использовать и отдельно.\nconst { titleId } = useGrModalTitle(() => showVisibleTitle.value)\n</script>\n\n<template>\n  <div data-gr-dialog-header :class=\"rootClass\">\n    <template v-if=\"slots.default\">\n      <div class=\"flex-1 min-w-0 flex items-center\">\n        <slot :title=\"resolvedTitle\" />\n      </div>\n    </template>\n    <div\n      v-else-if=\"showVisibleTitle\"\n      :id=\"titleId\"\n      data-gr-dialog-title\n      class=\"flex-1 min-w-0 text-[length:var(--gr-control-text-md)] font-700\"\n    >\n      {{ resolvedTitle }}\n    </div>\n    <div v-else class=\"flex-1 min-w-0\" />\n    <GrDialogCloseButton\n      v-if=\"showCloseButton\"\n      :aria-label=\"closeLabel\"\n      @click=\"$emit('close')\"\n    />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport GrDialogCloseButton from './GrDialogCloseButton.vue'\nimport { useGrModalTitle } from '../GrModal/context'\nimport {\n  DEFAULT_GR_DIALOG_HEADER_CONFIG,\n  type GrDialogSectionConfig,\n  resolveGrDialogSectionConfig,\n  resolveGrDialogTitle,\n} from './dialogShared'\n\nexport interface GrDialogHeaderProps {\n  title?: string\n  showCloseButton?: boolean\n  config?: GrDialogSectionConfig\n  /** A11y-лейбл кнопки закрытия (i18n). */\n  closeLabel?: string\n}\n\nexport interface GrDialogHeaderEmits {\n  (e: 'close'): void\n}\n\nconst props = withDefaults(defineProps<GrDialogHeaderProps>(), {\n  title: undefined,\n  showCloseButton: true,\n  config: undefined,\n  closeLabel: undefined,\n})\n\nconst slots = defineSlots<{\n  default?: (props: { title?: string }) => any\n}>()\n\ndefineEmits<GrDialogHeaderEmits>()\n\nconst resolvedTitle = computed(() => resolveGrDialogTitle(props.title))\n\nconst resolvedConfig = computed(() =>\n  resolveGrDialogSectionConfig(props.config, DEFAULT_GR_DIALOG_HEADER_CONFIG),\n)\n\nconst rootClass = computed(() => [\n  resolvedConfig.value.paddingX,\n  resolvedConfig.value.paddingY,\n  resolvedConfig.value.bordered ? 'border-b border-[var(--gr-brd)]' : '',\n  'flex items-center justify-between gap-4',\n])\n\n// Видимый заголовок рендерим только когда нет пользовательского слота:\n// если слот `#header` задан, a11y-title отдаётся через `GrModal #title`\n// на уровне `GrDialog` (см. JSDoc у `GrDialog.vue`).\nconst showVisibleTitle = computed(() => !slots.default && !!resolvedTitle.value)\n\n// Имя окна: заголовок объявляет себя окну, и `GrModal` ставит на него\n// `aria-labelledby`. Вне `GrModal` регистрация — no-op, шапку можно\n// использовать и отдельно.\nconst { titleId } = useGrModalTitle(() => showVisibleTitle.value)\n</script>\n\n<template>\n  <div data-gr-dialog-header :class=\"rootClass\">\n    <template v-if=\"slots.default\">\n      <div class=\"flex-1 min-w-0 flex items-center\">\n        <slot :title=\"resolvedTitle\" />\n      </div>\n    </template>\n    <div\n      v-else-if=\"showVisibleTitle\"\n      :id=\"titleId\"\n      data-gr-dialog-title\n      class=\"flex-1 min-w-0 text-[length:var(--gr-control-text-md)] font-700\"\n    >\n      {{ resolvedTitle }}\n    </div>\n    <div v-else class=\"flex-1 min-w-0\" />\n    <GrDialogCloseButton\n      v-if=\"showCloseButton\"\n      :aria-label=\"closeLabel\"\n      @click=\"$emit('close')\"\n    />\n  </div>\n</template>\n","<script setup lang=\"ts\">\n/**\n * GrDialog — GR-примитив диалога поверх `GrModal`.\n *\n * Архитектурно:\n * - ширина/радиус/скролл-лок/Esc/бэкдроп — ответственность `GrModal`;\n * - заголовок/подвал/кнопка закрытия/паддинги секций — ответственность `GrDialog`.\n *\n * A11y: ровно один `DialogTitle` на открытое окно.\n * - Если хедер отображается без слота `#header` — видимый `DialogTitle` рендерит\n *   `GrDialogHeader`.\n * - В остальных случаях (`!showHeader`, либо `showHeader` со слотом `#header`)\n *   `GrDialog` отдаёт sr-only title в слот `#title` у `GrModal`, чтобы\n *   `GrModal` корректно проставил `aria-labelledby` на корень окна.\n * - `aria-label` вниз уходит всегда: `GrModal` иначе не отличил бы «заголовок\n *   рисует `GrDialogHeader`» от «имени нет вовсе» и подставил бы обобщённое.\n */\nimport { useGrComponentProp } from '../GrConfigProvider/context'\nimport { computed } from 'vue'\n\nimport GrModal from '../GrModal/GrModal.vue'\nimport type { GrModalScrollBehavior } from '../GrModal/grModalStyles'\nimport GrDialogFooter from './GrDialogFooter.vue'\nimport GrDialogHeader from './GrDialogHeader.vue'\nimport {\n  DEFAULT_GR_DIALOG_BODY_CONFIG,\n  type GrDialogSectionConfig,\n  type GrDialogSize,\n  resolveGrDialogSectionConfig,\n  resolveGrDialogTitle,\n} from './dialogShared'\n\nexport interface GrDialogProps {\n  modelValue: boolean\n  title?: string\n  closeOnBackdrop?: boolean\n  closeOnEsc?: boolean\n  showHeader?: boolean\n  showCloseButton?: boolean\n  size?: GrDialogSize\n  headerConfig?: GrDialogSectionConfig\n  footerConfig?: GrDialogSectionConfig\n  bodyConfig?: GrDialogSectionConfig\n  /** A11y-лейбл кнопки закрытия (i18n). */\n  closeLabel?: string\n  /**\n   * Доступное имя окна, когда заголовка нет вовсе: `showHeader: false` без\n   * `title` и без слота `#header` оставил бы окно безымянным.\n   */\n  ariaLabel?: string\n  /**\n   * Кто скроллится при длинном содержимом. При `inside` шапка и подвал\n   * закреплены, а едет только тело.\n   */\n  scrollBehavior?: GrModalScrollBehavior\n  /**\n   * Элемент, получающий фокус при открытии. По умолчанию — панель окна.\n   * Элемент **из самого диалога** сюда передавать нельзя: проп, возвращающий\n   * наверх то, что рождено внутри поддерева, замыкает рендер в цикл. Фокус на\n   * своём содержимом ставится из содержимого — так это сделано в\n   * `GrPromptDialog`.\n   */\n  initialFocus?: HTMLElement | null\n}\n\nexport interface GrDialogEmits {\n  (e: 'update:modelValue', value: boolean): void\n  /** Окно открылось и анимация закончилась. */\n  (e: 'opened'): void\n  /** Окно закрылось и анимация закончилась — содержимое можно размонтировать. */\n  (e: 'closed'): void\n}\n\nimport './defaults'\n\nconst props = withDefaults(defineProps<GrDialogProps>(), {\n  title: undefined,\n  closeOnBackdrop: true,\n  closeOnEsc: true,\n  showHeader: true,\n  showCloseButton: true,\n  // Дефолт `size` живёт в резолвере ниже, а не здесь: Vue подставил бы его\n  // до того, как компонент заглянет в `GrConfigProvider`.\n  size: undefined,\n  headerConfig: undefined,\n  footerConfig: undefined,\n  bodyConfig: undefined,\n  closeLabel: undefined,\n  ariaLabel: undefined,\n  scrollBehavior: 'outside',\n  initialFocus: null,\n})\n\nconst emit = defineEmits<GrDialogEmits>()\n\nconst slots = defineSlots<{\n  default?: () => any\n  header?: (props: { title?: string }) => any\n  footer?: () => any\n}>()\n\n// Эффективный размер: локальный проп → `GrConfigProvider` → дефолт компонента.\n// Резолвим здесь, а не полагаемся на `GrModal`: иначе дефолт диалога затенил бы\n// конфиг раньше, чем примитив успел бы в него заглянуть.\nconst resolvedSize = useGrComponentProp('GrDialog', 'size', () => props.size, 'md')\n\nconst resolvedTitle = computed(() => resolveGrDialogTitle(props.title))\n\nconst bodyClass = computed(() => {\n  const cfg = resolveGrDialogSectionConfig(props.bodyConfig, DEFAULT_GR_DIALOG_BODY_CONFIG)\n  return [cfg.paddingX, cfg.paddingY]\n})\n\n// Нужен ли sr-only title через `GrModal #title`:\n// - `!showHeader` — вообще нет заголовка в разметке;\n// - `showHeader && $slots.header` — кастомный хедер не обязан содержать DialogTitle.\n// В обоих случаях даём окну a11y-title, не дублируя его визуально.\nconst useModalSrOnlyTitle = computed(\n  () => !!resolvedTitle.value && (!props.showHeader || !!slots.header),\n)\n\nfunction open(): void {\n  emit('update:modelValue', true)\n}\n\nfunction close(): void {\n  emit('update:modelValue', false)\n}\n\nfunction toggle(): void {\n  emit('update:modelValue', !props.modelValue)\n}\n\ndefineExpose({ open, close, toggle })\n</script>\n\n<template>\n  <GrModal\n    :model-value=\"modelValue\"\n    :size=\"resolvedSize\"\n    :scroll-behavior=\"scrollBehavior\"\n    :initial-focus=\"initialFocus\"\n    :close-on-backdrop=\"closeOnBackdrop\"\n    :close-on-esc=\"closeOnEsc\"\n    :aria-label=\"ariaLabel ?? resolvedTitle\"\n    @update:model-value=\"emit('update:modelValue', $event)\"\n    @opened=\"emit('opened')\"\n    @closed=\"emit('closed')\"\n  >\n    <template v-if=\"useModalSrOnlyTitle\" #title>\n      <span class=\"sr-only\">{{ resolvedTitle }}</span>\n    </template>\n\n    <!-- Шапка и подвал уходят в layout-слоты `GrModal`: при `inside` они\n         остаются вне скроллящегося тела. -->\n    <template v-if=\"showHeader\" #header>\n      <GrDialogHeader\n        :title=\"resolvedTitle\"\n        :show-close-button=\"showCloseButton\"\n        :config=\"headerConfig\"\n        :close-label=\"closeLabel\"\n        @close=\"close\"\n      >\n        <template v-if=\"slots.header\" #default=\"slotProps\">\n          <slot name=\"header\" v-bind=\"slotProps\" />\n        </template>\n      </GrDialogHeader>\n    </template>\n\n    <div :class=\"bodyClass\">\n      <slot />\n    </div>\n\n    <template v-if=\"slots.footer\" #footer>\n      <GrDialogFooter :config=\"footerConfig\">\n        <slot name=\"footer\" />\n      </GrDialogFooter>\n    </template>\n  </GrModal>\n</template>\n","<script setup lang=\"ts\">\n/**\n * GrDialog — GR-примитив диалога поверх `GrModal`.\n *\n * Архитектурно:\n * - ширина/радиус/скролл-лок/Esc/бэкдроп — ответственность `GrModal`;\n * - заголовок/подвал/кнопка закрытия/паддинги секций — ответственность `GrDialog`.\n *\n * A11y: ровно один `DialogTitle` на открытое окно.\n * - Если хедер отображается без слота `#header` — видимый `DialogTitle` рендерит\n *   `GrDialogHeader`.\n * - В остальных случаях (`!showHeader`, либо `showHeader` со слотом `#header`)\n *   `GrDialog` отдаёт sr-only title в слот `#title` у `GrModal`, чтобы\n *   `GrModal` корректно проставил `aria-labelledby` на корень окна.\n * - `aria-label` вниз уходит всегда: `GrModal` иначе не отличил бы «заголовок\n *   рисует `GrDialogHeader`» от «имени нет вовсе» и подставил бы обобщённое.\n */\nimport { useGrComponentProp } from '../GrConfigProvider/context'\nimport { computed } from 'vue'\n\nimport GrModal from '../GrModal/GrModal.vue'\nimport type { GrModalScrollBehavior } from '../GrModal/grModalStyles'\nimport GrDialogFooter from './GrDialogFooter.vue'\nimport GrDialogHeader from './GrDialogHeader.vue'\nimport {\n  DEFAULT_GR_DIALOG_BODY_CONFIG,\n  type GrDialogSectionConfig,\n  type GrDialogSize,\n  resolveGrDialogSectionConfig,\n  resolveGrDialogTitle,\n} from './dialogShared'\n\nexport interface GrDialogProps {\n  modelValue: boolean\n  title?: string\n  closeOnBackdrop?: boolean\n  closeOnEsc?: boolean\n  showHeader?: boolean\n  showCloseButton?: boolean\n  size?: GrDialogSize\n  headerConfig?: GrDialogSectionConfig\n  footerConfig?: GrDialogSectionConfig\n  bodyConfig?: GrDialogSectionConfig\n  /** A11y-лейбл кнопки закрытия (i18n). */\n  closeLabel?: string\n  /**\n   * Доступное имя окна, когда заголовка нет вовсе: `showHeader: false` без\n   * `title` и без слота `#header` оставил бы окно безымянным.\n   */\n  ariaLabel?: string\n  /**\n   * Кто скроллится при длинном содержимом. При `inside` шапка и подвал\n   * закреплены, а едет только тело.\n   */\n  scrollBehavior?: GrModalScrollBehavior\n  /**\n   * Элемент, получающий фокус при открытии. По умолчанию — панель окна.\n   * Элемент **из самого диалога** сюда передавать нельзя: проп, возвращающий\n   * наверх то, что рождено внутри поддерева, замыкает рендер в цикл. Фокус на\n   * своём содержимом ставится из содержимого — так это сделано в\n   * `GrPromptDialog`.\n   */\n  initialFocus?: HTMLElement | null\n}\n\nexport interface GrDialogEmits {\n  (e: 'update:modelValue', value: boolean): void\n  /** Окно открылось и анимация закончилась. */\n  (e: 'opened'): void\n  /** Окно закрылось и анимация закончилась — содержимое можно размонтировать. */\n  (e: 'closed'): void\n}\n\nimport './defaults'\n\nconst props = withDefaults(defineProps<GrDialogProps>(), {\n  title: undefined,\n  closeOnBackdrop: true,\n  closeOnEsc: true,\n  showHeader: true,\n  showCloseButton: true,\n  // Дефолт `size` живёт в резолвере ниже, а не здесь: Vue подставил бы его\n  // до того, как компонент заглянет в `GrConfigProvider`.\n  size: undefined,\n  headerConfig: undefined,\n  footerConfig: undefined,\n  bodyConfig: undefined,\n  closeLabel: undefined,\n  ariaLabel: undefined,\n  scrollBehavior: 'outside',\n  initialFocus: null,\n})\n\nconst emit = defineEmits<GrDialogEmits>()\n\nconst slots = defineSlots<{\n  default?: () => any\n  header?: (props: { title?: string }) => any\n  footer?: () => any\n}>()\n\n// Эффективный размер: локальный проп → `GrConfigProvider` → дефолт компонента.\n// Резолвим здесь, а не полагаемся на `GrModal`: иначе дефолт диалога затенил бы\n// конфиг раньше, чем примитив успел бы в него заглянуть.\nconst resolvedSize = useGrComponentProp('GrDialog', 'size', () => props.size, 'md')\n\nconst resolvedTitle = computed(() => resolveGrDialogTitle(props.title))\n\nconst bodyClass = computed(() => {\n  const cfg = resolveGrDialogSectionConfig(props.bodyConfig, DEFAULT_GR_DIALOG_BODY_CONFIG)\n  return [cfg.paddingX, cfg.paddingY]\n})\n\n// Нужен ли sr-only title через `GrModal #title`:\n// - `!showHeader` — вообще нет заголовка в разметке;\n// - `showHeader && $slots.header` — кастомный хедер не обязан содержать DialogTitle.\n// В обоих случаях даём окну a11y-title, не дублируя его визуально.\nconst useModalSrOnlyTitle = computed(\n  () => !!resolvedTitle.value && (!props.showHeader || !!slots.header),\n)\n\nfunction open(): void {\n  emit('update:modelValue', true)\n}\n\nfunction close(): void {\n  emit('update:modelValue', false)\n}\n\nfunction toggle(): void {\n  emit('update:modelValue', !props.modelValue)\n}\n\ndefineExpose({ open, close, toggle })\n</script>\n\n<template>\n  <GrModal\n    :model-value=\"modelValue\"\n    :size=\"resolvedSize\"\n    :scroll-behavior=\"scrollBehavior\"\n    :initial-focus=\"initialFocus\"\n    :close-on-backdrop=\"closeOnBackdrop\"\n    :close-on-esc=\"closeOnEsc\"\n    :aria-label=\"ariaLabel ?? resolvedTitle\"\n    @update:model-value=\"emit('update:modelValue', $event)\"\n    @opened=\"emit('opened')\"\n    @closed=\"emit('closed')\"\n  >\n    <template v-if=\"useModalSrOnlyTitle\" #title>\n      <span class=\"sr-only\">{{ resolvedTitle }}</span>\n    </template>\n\n    <!-- Шапка и подвал уходят в layout-слоты `GrModal`: при `inside` они\n         остаются вне скроллящегося тела. -->\n    <template v-if=\"showHeader\" #header>\n      <GrDialogHeader\n        :title=\"resolvedTitle\"\n        :show-close-button=\"showCloseButton\"\n        :config=\"headerConfig\"\n        :close-label=\"closeLabel\"\n        @close=\"close\"\n      >\n        <template v-if=\"slots.header\" #default=\"slotProps\">\n          <slot name=\"header\" v-bind=\"slotProps\" />\n        </template>\n      </GrDialogHeader>\n    </template>\n\n    <div :class=\"bodyClass\">\n      <slot />\n    </div>\n\n    <template v-if=\"slots.footer\" #footer>\n      <GrDialogFooter :config=\"footerConfig\">\n        <slot name=\"footer\" />\n      </GrDialogFooter>\n    </template>\n  </GrModal>\n</template>\n"],"mappings":"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"}