@rt-tools/ui-kit-v2 0.34.3 → 0.34.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (82) hide show
  1. package/fesm2022/rt-tools-ui-kit-v2-action-bar.mjs +2 -0
  2. package/fesm2022/rt-tools-ui-kit-v2-action-bar.mjs.map +1 -1
  3. package/fesm2022/rt-tools-ui-kit-v2-aside.mjs +2 -0
  4. package/fesm2022/rt-tools-ui-kit-v2-aside.mjs.map +1 -1
  5. package/fesm2022/rt-tools-ui-kit-v2-autocomplete.mjs +2 -0
  6. package/fesm2022/rt-tools-ui-kit-v2-autocomplete.mjs.map +1 -1
  7. package/fesm2022/rt-tools-ui-kit-v2-calendar.mjs +2 -0
  8. package/fesm2022/rt-tools-ui-kit-v2-calendar.mjs.map +1 -1
  9. package/fesm2022/rt-tools-ui-kit-v2-copy-value.mjs +2 -0
  10. package/fesm2022/rt-tools-ui-kit-v2-copy-value.mjs.map +1 -1
  11. package/fesm2022/rt-tools-ui-kit-v2-counter.mjs +2 -0
  12. package/fesm2022/rt-tools-ui-kit-v2-counter.mjs.map +1 -1
  13. package/fesm2022/rt-tools-ui-kit-v2-data-list.mjs +4 -0
  14. package/fesm2022/rt-tools-ui-kit-v2-data-list.mjs.map +1 -1
  15. package/fesm2022/rt-tools-ui-kit-v2-data-table.mjs +4 -0
  16. package/fesm2022/rt-tools-ui-kit-v2-data-table.mjs.map +1 -1
  17. package/fesm2022/rt-tools-ui-kit-v2-date-picker.mjs +4 -0
  18. package/fesm2022/rt-tools-ui-kit-v2-date-picker.mjs.map +1 -1
  19. package/fesm2022/rt-tools-ui-kit-v2-date-range.mjs +2 -0
  20. package/fesm2022/rt-tools-ui-kit-v2-date-range.mjs.map +1 -1
  21. package/fesm2022/rt-tools-ui-kit-v2-dialog.mjs +2 -0
  22. package/fesm2022/rt-tools-ui-kit-v2-dialog.mjs.map +1 -1
  23. package/fesm2022/rt-tools-ui-kit-v2-dynamic-list.mjs +2 -0
  24. package/fesm2022/rt-tools-ui-kit-v2-dynamic-list.mjs.map +1 -1
  25. package/fesm2022/rt-tools-ui-kit-v2-dynamic-selector.mjs +2 -0
  26. package/fesm2022/rt-tools-ui-kit-v2-dynamic-selector.mjs.map +1 -1
  27. package/fesm2022/rt-tools-ui-kit-v2-file-card.mjs +2 -0
  28. package/fesm2022/rt-tools-ui-kit-v2-file-card.mjs.map +1 -1
  29. package/fesm2022/rt-tools-ui-kit-v2-header.mjs +2 -0
  30. package/fesm2022/rt-tools-ui-kit-v2-header.mjs.map +1 -1
  31. package/fesm2022/rt-tools-ui-kit-v2-icon-button.mjs +103 -6
  32. package/fesm2022/rt-tools-ui-kit-v2-icon-button.mjs.map +1 -1
  33. package/fesm2022/rt-tools-ui-kit-v2-image-upload.mjs +2 -0
  34. package/fesm2022/rt-tools-ui-kit-v2-image-upload.mjs.map +1 -1
  35. package/fesm2022/rt-tools-ui-kit-v2-inline-edit.mjs +2 -0
  36. package/fesm2022/rt-tools-ui-kit-v2-inline-edit.mjs.map +1 -1
  37. package/fesm2022/rt-tools-ui-kit-v2-input-number.mjs +2 -0
  38. package/fesm2022/rt-tools-ui-kit-v2-input-number.mjs.map +1 -1
  39. package/fesm2022/rt-tools-ui-kit-v2-input.mjs +6 -1
  40. package/fesm2022/rt-tools-ui-kit-v2-input.mjs.map +1 -1
  41. package/fesm2022/rt-tools-ui-kit-v2-menu.mjs +2 -0
  42. package/fesm2022/rt-tools-ui-kit-v2-menu.mjs.map +1 -1
  43. package/fesm2022/rt-tools-ui-kit-v2-message.mjs +2 -0
  44. package/fesm2022/rt-tools-ui-kit-v2-message.mjs.map +1 -1
  45. package/fesm2022/rt-tools-ui-kit-v2-multiselect.mjs +2 -0
  46. package/fesm2022/rt-tools-ui-kit-v2-multiselect.mjs.map +1 -1
  47. package/fesm2022/rt-tools-ui-kit-v2-pagination.mjs +2 -0
  48. package/fesm2022/rt-tools-ui-kit-v2-pagination.mjs.map +1 -1
  49. package/fesm2022/rt-tools-ui-kit-v2-pdf-viewer.mjs +2 -0
  50. package/fesm2022/rt-tools-ui-kit-v2-pdf-viewer.mjs.map +1 -1
  51. package/fesm2022/rt-tools-ui-kit-v2-photo-viewer.mjs +2 -0
  52. package/fesm2022/rt-tools-ui-kit-v2-photo-viewer.mjs.map +1 -1
  53. package/fesm2022/rt-tools-ui-kit-v2-rich-editor.mjs +10 -0
  54. package/fesm2022/rt-tools-ui-kit-v2-rich-editor.mjs.map +1 -1
  55. package/fesm2022/rt-tools-ui-kit-v2-select.mjs +2 -0
  56. package/fesm2022/rt-tools-ui-kit-v2-select.mjs.map +1 -1
  57. package/fesm2022/rt-tools-ui-kit-v2-side-menu.mjs +6 -0
  58. package/fesm2022/rt-tools-ui-kit-v2-side-menu.mjs.map +1 -1
  59. package/fesm2022/rt-tools-ui-kit-v2-speed-menu.mjs +2 -0
  60. package/fesm2022/rt-tools-ui-kit-v2-speed-menu.mjs.map +1 -1
  61. package/fesm2022/rt-tools-ui-kit-v2-table.mjs +8 -0
  62. package/fesm2022/rt-tools-ui-kit-v2-table.mjs.map +1 -1
  63. package/fesm2022/rt-tools-ui-kit-v2-tag.mjs +2 -0
  64. package/fesm2022/rt-tools-ui-kit-v2-tag.mjs.map +1 -1
  65. package/fesm2022/rt-tools-ui-kit-v2-theme-toggle.mjs +2 -0
  66. package/fesm2022/rt-tools-ui-kit-v2-theme-toggle.mjs.map +1 -1
  67. package/fesm2022/rt-tools-ui-kit-v2-thread-list.mjs +2 -0
  68. package/fesm2022/rt-tools-ui-kit-v2-thread-list.mjs.map +1 -1
  69. package/fesm2022/rt-tools-ui-kit-v2-toast.mjs +2 -0
  70. package/fesm2022/rt-tools-ui-kit-v2-toast.mjs.map +1 -1
  71. package/fesm2022/rt-tools-ui-kit-v2-workspace-details.mjs +2 -0
  72. package/fesm2022/rt-tools-ui-kit-v2-workspace-details.mjs.map +1 -1
  73. package/fesm2022/rt-tools-ui-kit-v2-workspace.mjs +2 -0
  74. package/fesm2022/rt-tools-ui-kit-v2-workspace.mjs.map +1 -1
  75. package/package.json +1 -1
  76. package/src/lib/components/icon-button/CONTEXT.md +32 -16
  77. package/src/lib/components/icon-button/rt-icon-button.component.scss +17 -9
  78. package/src/lib/components/input/CONTEXT.md +6 -0
  79. package/src/styles/_form.scss +14 -1
  80. package/styles/tokens.css +13 -1
  81. package/types/rt-tools-ui-kit-v2-icon-button.d.ts +38 -2
  82. package/types/rt-tools-ui-kit-v2-input.d.ts +2 -0
@@ -135,6 +135,8 @@ var RtActionBarComponent = class RtActionBarComponent {
135
135
  "disabled",
136
136
  "active",
137
137
  "expanded",
138
+ "ariaHaspopup",
139
+ "link",
138
140
  "indicator"
139
141
  ],
140
142
  outputs: ["clicked"]
@@ -1 +1 @@
1
- {"version":3,"file":"rt-tools-ui-kit-v2-action-bar.mjs","names":["BEM_BLOCK"],"sources":["../../../projects/ui-kit-v2/src/lib/components/action-bar/rt-action-bar.component.ts","../../../projects/ui-kit-v2/src/lib/components/action-bar/rt-action-bar.component.html","../../../projects/ui-kit-v2/src/lib/components/action-bar/rt-action-bar.model.ts","../../../projects/ui-kit-v2/src/lib/components/action-bar/rt-action-bar.service.ts","../../../projects/ui-kit-v2/src/lib/components/action-bar/rt-action-bar-holder.component.ts","../../../projects/ui-kit-v2/src/lib/components/action-bar/rt-action-bar-holder.component.html"],"sourcesContent":["import { NgTemplateOutlet } from '@angular/common';\nimport {\n ChangeDetectionStrategy,\n Component,\n InputSignal,\n OutputEmitterRef,\n Signal,\n ViewEncapsulation,\n computed,\n input,\n output,\n} from '@angular/core';\n\nimport { BlockDirective, ElemDirective, ModDirective } from '@rt-tools/core';\n\nimport { rtKitLabel } from '@rt-tools/ui-kit-v2/core';\nimport { IRtIcon, TRtKitLabelParams } from '@rt-tools/ui-kit-v2/core';\nimport { RtIconButtonComponent } from '@rt-tools/ui-kit-v2/icon-button';\nimport { RtIconComponent } from '@rt-tools/ui-kit-v2/icon';\nimport { RtMenuItemComponent } from '@rt-tools/ui-kit-v2/menu';\nimport { RtPopoverDirective } from '@rt-tools/ui-kit-v2/popover';\nimport { RtRadiusDirective } from '@rt-tools/ui-kit-v2/radius';\nimport { IRtActionBar } from './rt-action-bar.model';\n\nconst BEM_BLOCK: string = 'rt-action-bar';\n\n/** Действие вместе с готовой записью модификаторов: шаблон методов не зовёт. */\ninterface IActionView {\n readonly action: IRtActionBar.Action;\n readonly modifiers: Readonly<Record<string, boolean>>;\n /**\n * Имя кнопки для вспомогательных средств — у действия со значком. На грубом указателе подпись\n * снята правилом стиля, а значок немой: без имени кнопка осталась бы безымянной.\n */\n readonly ariaLabel: string | null;\n}\n\n/**\n * Полоса массовых действий: счёт слева, действия рядом, крестик справа.\n *\n * Своего состояния не держит вовсе — ни выбранного, ни открытости. Ей дают\n * настройку входом, а наружу она сообщает две вещи: что нажали действие и что\n * нажали крестик. Держатель `rt-action-bar-holder` решает, стоит ли она в\n * разметке и где над страницей приколота.\n *\n * Действие с вложенным списком само не срабатывает: оно заголовок группы, и\n * список раскрывается всплывающим слоем кита. Нажатие пункта списка закрывает\n * полосу так же, как нажатие обычного действия: где человек нажал — в полосе\n * или на шаг глубже — о трате выбранного не говорит ничего.\n */\n@Component({\n selector: 'rt-action-bar',\n templateUrl: './rt-action-bar.component.html',\n styleUrl: './rt-action-bar.component.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n imports: [\n NgTemplateOutlet,\n RtIconComponent,\n RtIconButtonComponent,\n RtMenuItemComponent,\n RtPopoverDirective,\n BlockDirective,\n ElemDirective,\n ModDirective,\n ],\n hostDirectives: [{ directive: RtRadiusDirective, inputs: ['radius'] }],\n host: {\n class: BEM_BLOCK,\n role: 'toolbar',\n },\n})\nexport class RtActionBarComponent {\n /** Подстановки счётчика: подпись собирает словарь, а не склейка слов в шаблоне. */\n readonly #countParams: Signal<TRtKitLabelParams> = computed((): TRtKitLabelParams => ({\n count: this.config().selected,\n total: this.config().total,\n }));\n\n protected readonly countText: Signal<string> = rtKitLabel('uiSelectedOf', this.#countParams);\n\n protected readonly closeLabel: Signal<string> = rtKitLabel('uiClose');\n\n /**\n * Действия с готовыми модификаторами. Признак значка стоит модификатором, а не\n * условием в шаблоне: подпись у действия со значком снимает правило стиля по\n * грубому указателю, и решать это условием значило бы увезти оформление в код.\n */\n protected readonly actions: Signal<readonly IActionView[]> = computed((): readonly IActionView[] =>\n this.config().actions.map((action: IRtActionBar.Action): IActionView => ({\n action,\n modifiers: { danger: action.look === 'danger', withIcon: !!(action.icon || action.glyph) },\n ariaLabel: action.icon || action.glyph ? action.label : null,\n }))\n );\n\n public readonly config: InputSignal<IRtActionBar.Config> = input.required<IRtActionBar.Config>();\n /** Значок кнопки, закрывающей полосу. */\n public readonly closeIcon: InputSignal<IRtIcon.Name> = input<IRtIcon.Name>('close');\n\n public readonly actionRun: OutputEmitterRef<IRtActionBar.Action> = output<IRtActionBar.Action>();\n\n public readonly closed: OutputEmitterRef<void> = output<void>();\n\n protected onAction(action: IRtActionBar.Action): void {\n action.run?.();\n this.actionRun.emit(action);\n this.closed.emit();\n }\n\n protected onClose(): void {\n this.closed.emit();\n }\n}\n","<ng-container rtBlock=\"rt-action-bar\">\n <span rtElem=\"counter\" qa-dataid=\"action-bar-counter\">{{ countText() }}</span>\n\n @if (actions().length) {\n <div rtElem=\"actions\" qa-dataid=\"action-bar-actions\">\n @for (view of actions(); track view.action.label) {\n @if (view.action.menu) {\n <!--\n Действие с вложенным списком само не срабатывает: оно заголовок группы, и\n нажатие раскрывает слой. Список приходит слою контекстом — одного шаблона\n хватает на все такие действия.\n -->\n <button\n type=\"button\"\n rtElem=\"action\"\n qa-dataid=\"action-bar-action\"\n [rtMod]=\"view.modifiers\"\n [attr.aria-label]=\"view.ariaLabel\"\n [rtPopover]=\"menuTpl\"\n [rtPopoverContext]=\"view.action.menu\">\n <ng-container *ngTemplateOutlet=\"actionFace; context: { $implicit: view.action }\" />\n </button>\n } @else {\n <button\n type=\"button\"\n rtElem=\"action\"\n qa-dataid=\"action-bar-action\"\n [rtMod]=\"view.modifiers\"\n [attr.aria-label]=\"view.ariaLabel\"\n (click)=\"onAction(view.action)\">\n <ng-container *ngTemplateOutlet=\"actionFace; context: { $implicit: view.action }\" />\n </button>\n }\n }\n </div>\n }\n\n <rt-icon-button\n rtElem=\"close\"\n qa-dataid=\"action-bar-close\"\n variant=\"ghost\"\n size=\"sm\"\n [icon]=\"closeIcon()\"\n [ariaLabel]=\"closeLabel()\"\n (clicked)=\"onClose()\" />\n\n <!--\n Оба шаблона объявлены внутри блока намеренно: `rtElem` берёт имя блока инъекцией у\n ближайшего предка с `rtBlock`, а у шаблона, объявленного снаружи, такого предка нет\n вовсе — компонент не поднимается совсем, с отказом об отсутствующем поставщике.\n\n Лицо действия: значок и подпись. Подпись стоит в разметке всегда — снимает её правило\n стиля по грубому указателю, и только у действия, у которого значок есть.\n -->\n <ng-template #actionFace let-action>\n @if (action.icon || action.glyph) {\n <rt-icon rtElem=\"action-icon\" size=\"sm\" [name]=\"action.icon ?? null\" [glyph]=\"action.glyph ?? null\" />\n }\n\n <span rtElem=\"action-label\">{{ action.label }}</span>\n </ng-template>\n\n <ng-template #menuTpl let-menu>\n <div rtElem=\"menu\" qa-dataid=\"action-bar-menu\" role=\"menu\">\n @for (item of menu; track item.label) {\n <rt-menu-item\n qa-dataid=\"action-bar-menu-item\"\n [icon]=\"item.icon ?? null\"\n [glyph]=\"item.glyph ?? null\"\n [label]=\"item.label\"\n [danger]=\"item.look === 'danger'\"\n (selected)=\"onAction(item)\" />\n }\n </div>\n </ng-template>\n</ng-container>\n","import { IRtIcon } from '@rt-tools/ui-kit-v2/core';\n\n/**\n * Контракты полосы массовых действий. Один корневой неймспейс с префиксом `I`.\n *\n * Отличие от договора первого кита одно и оно намеренное: произвольного объекта\n * стилей на действии здесь нет. Вид кнопки называется именем из набора кита —\n * значение цвета в разметку не приходит вовсе.\n */\nexport namespace IRtActionBar {\n /** Вид действия: тем же именем, каким его зовёт кнопка кита. */\n export type Look = 'plain' | 'danger';\n\n /**\n * Одно нажатие в полосе. Либо `run` — то, что действие делает, — либо `menu`:\n * вложенный список. Действие с вложенным списком само не срабатывает: оно\n * заголовок группы, и запуск его наравне с раскрытием запустил бы то, чего\n * человек не выбирал.\n */\n export interface Action {\n readonly label: string;\n readonly icon?: IRtIcon.Name;\n /**\n * Имя Material вместо значка кита: рисуется так же, как вход `glyph` у `rt-icon` — парой из\n * перечня кита или лигатурой шрифта. Значок кита, заданный рядом, сильнее.\n */\n readonly glyph?: string;\n readonly look?: IRtActionBar.Look;\n readonly run?: () => void;\n readonly menu?: readonly IRtActionBar.Action[];\n }\n\n /**\n * Настройка полосы целиком. Счёт приходит парой: сколько выбрано и сколько\n * всего. Полоса ничего из этого не считает — ей дают числа.\n */\n export interface Config {\n readonly selected: number;\n readonly total: number;\n readonly actions: readonly IRtActionBar.Action[];\n }\n}\n\n/**\n * Сколько полоса держится в разметке после закрытия — ровно длительность ухода\n * из стилей.\n *\n * Число живёт здесь, а не только в правиле стиля: разметку снимает держатель, и,\n * разойдясь с правилом, он обрывает уход на полпути. Держателю и стилям нужно\n * одно и то же число, поэтому оно объявлено рядом с договором, а не в одном из них.\n */\nexport const RT_ACTION_BAR_LEAVE_MS: number = 300;\n","import { Injectable, Signal, WritableSignal, signal } from '@angular/core';\n\nimport { IRtActionBar } from './rt-action-bar.model';\n\nconst EMPTY_CONFIG: IRtActionBar.Config = { selected: 0, total: 0, actions: [] };\n\n/**\n * Настройка полосы массовых действий: держатель её читает, список — пишет.\n *\n * Служба без корня намеренно. Тот, кто отмечает строки, и тот, кто рисует полосу,\n * стоят на разной глубине одного экрана, и передавать настройку вниз через всё,\n * что между ними, значит рассказать о полосе каждому из них. Потребитель\n * объявляет службу на своём уровне — там, где у него живёт список.\n */\n@Injectable()\nexport class RtActionBarService {\n readonly #config: WritableSignal<IRtActionBar.Config> = signal<IRtActionBar.Config>(EMPTY_CONFIG);\n\n public readonly config: Signal<IRtActionBar.Config> = this.#config.asReadonly();\n\n /** Список действий. Счёт не трогается: он приходит своим вызовом. */\n public setActions(actions: readonly IRtActionBar.Action[]): void {\n this.#config.update((config: IRtActionBar.Config): IRtActionBar.Config => ({ ...config, actions }));\n }\n\n /** Счёт выбранного. Полоса открывается именно им. */\n public setCounts(selected: number, total: number): void {\n this.#config.update((config: IRtActionBar.Config): IRtActionBar.Config => ({ ...config, selected, total }));\n }\n\n /** Отпустить выбранное: счёт обнуляется, список действий остаётся. */\n public clearSelection(): void {\n this.#config.update((config: IRtActionBar.Config): IRtActionBar.Config => ({ ...config, selected: 0, total: 0 }));\n }\n}\n","import {\n ChangeDetectionStrategy,\n Component,\n DestroyRef,\n InputSignal,\n Signal,\n ViewEncapsulation,\n WritableSignal,\n computed,\n effect,\n inject,\n input,\n signal,\n untracked,\n} from '@angular/core';\n\nimport { BlockDirective, ElemDirective, ModDirective } from '@rt-tools/core';\n\nimport { IRtIcon } from '@rt-tools/ui-kit-v2/core';\n\nimport { RtActionBarComponent } from './rt-action-bar.component';\nimport { IRtActionBar, RT_ACTION_BAR_LEAVE_MS } from './rt-action-bar.model';\nimport { RtActionBarService } from './rt-action-bar.service';\n\nconst BEM_BLOCK: string = 'rt-action-bar-holder';\n\n/**\n * Держатель полосы массовых действий: решает, стоит ли она в разметке, и прикалывает\n * её над страницей. Настройку читает у службы, которую потребитель объявил на своём\n * уровне — там, где у него живёт список.\n *\n * Полоса открывается счётом выбранного, а не своим признаком: два источника одного\n * признака расходятся молча, и признак, оставшийся поднятым над опустевшим выбором,\n * держал бы полосу над страницей, где ничего не выбрано.\n *\n * После закрытия полоса остаётся в разметке ровно на длительность ухода — число одно\n * и лежит в договоре рядом. Разойдясь с правилом стиля, держатель обрывал бы уход на\n * полпути.\n */\n@Component({\n selector: 'rt-action-bar-holder',\n templateUrl: './rt-action-bar-holder.component.html',\n styleUrl: './rt-action-bar-holder.component.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n imports: [RtActionBarComponent, BlockDirective, ElemDirective, ModDirective],\n host: {\n class: BEM_BLOCK,\n },\n})\nexport class RtActionBarHolderComponent {\n readonly #service: RtActionBarService = inject(RtActionBarService);\n readonly #destroyRef: DestroyRef = inject(DestroyRef);\n\n /** Уходит ли полоса прямо сейчас: разметка держит её, пока правило стиля не доиграет. */\n readonly #leaving: WritableSignal<boolean> = signal<boolean>(false);\n\n #leaveTimer: ReturnType<typeof setTimeout> | null = null;\n\n /**\n * Была ли полоса открыта до этой перемены. Без этого признака уходу не с чего начаться:\n * к минуте, когда выбранное обнулилось, и «открыта», и «стоит в разметке» уже ложь, так\n * что условие по ним не срабатывает никогда. В первом ките оно написано именно так, и\n * уход там не заводится вовсе — образец прочитан, а не перенесён.\n */\n #wasOpened: boolean = false;\n\n protected readonly config: Signal<IRtActionBar.Config> = this.#service.config;\n\n /** Выбрано ли что-нибудь: этим полоса и открывается. */\n protected readonly opened: Signal<boolean> = computed((): boolean => this.config().selected > 0);\n\n /** Стоит ли полоса в разметке: она остаётся в ней и на время ухода. */\n protected readonly shown: Signal<boolean> = computed((): boolean => this.opened() || this.#leaving());\n\n protected readonly leaving: Signal<boolean> = this.#leaving.asReadonly();\n\n /** Значок кнопки, закрывающей полосу, — уходит в саму полосу. */\n public readonly closeIcon: InputSignal<IRtIcon.Name> = input<IRtIcon.Name>('close');\n\n constructor() {\n effect((): void => {\n const opened: boolean = this.opened();\n\n untracked((): void => {\n this.#clearLeaveTimer();\n\n if (opened) {\n this.#wasOpened = true;\n this.#leaving.set(false);\n\n return;\n }\n\n if (this.#wasOpened) {\n this.#wasOpened = false;\n this.#startLeaving();\n }\n });\n });\n\n this.#destroyRef.onDestroy((): void => this.#clearLeaveTimer());\n }\n\n /** Крестик сообщает наружу; выбранное отпускает служба, которой список и владеет. */\n protected onClosed(): void {\n this.#service.clearSelection();\n }\n\n /** Полоса остаётся в разметке на время ухода и снимается по его концу. */\n #startLeaving(): void {\n this.#leaving.set(true);\n this.#leaveTimer = setTimeout((): void => {\n this.#leaving.set(false);\n this.#leaveTimer = null;\n }, RT_ACTION_BAR_LEAVE_MS);\n }\n\n #clearLeaveTimer(): void {\n if (this.#leaveTimer !== null) {\n clearTimeout(this.#leaveTimer);\n this.#leaveTimer = null;\n }\n }\n}\n","<ng-container rtBlock=\"rt-action-bar-holder\">\n @if (shown()) {\n <rt-action-bar\n rtElem=\"bar\"\n qa-dataid=\"action-bar-holder-bar\"\n [rtMod]=\"{ leaving: leaving() }\"\n [config]=\"config()\"\n [closeIcon]=\"closeIcon()\"\n (closed)=\"onClosed()\" />\n }\n</ng-container>\n"],"mappings":"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"}
1
+ {"version":3,"file":"rt-tools-ui-kit-v2-action-bar.mjs","names":["BEM_BLOCK"],"sources":["../../../projects/ui-kit-v2/src/lib/components/action-bar/rt-action-bar.component.ts","../../../projects/ui-kit-v2/src/lib/components/action-bar/rt-action-bar.component.html","../../../projects/ui-kit-v2/src/lib/components/action-bar/rt-action-bar.model.ts","../../../projects/ui-kit-v2/src/lib/components/action-bar/rt-action-bar.service.ts","../../../projects/ui-kit-v2/src/lib/components/action-bar/rt-action-bar-holder.component.ts","../../../projects/ui-kit-v2/src/lib/components/action-bar/rt-action-bar-holder.component.html"],"sourcesContent":["import { NgTemplateOutlet } from '@angular/common';\nimport {\n ChangeDetectionStrategy,\n Component,\n InputSignal,\n OutputEmitterRef,\n Signal,\n ViewEncapsulation,\n computed,\n input,\n output,\n} from '@angular/core';\n\nimport { BlockDirective, ElemDirective, ModDirective } from '@rt-tools/core';\n\nimport { rtKitLabel } from '@rt-tools/ui-kit-v2/core';\nimport { IRtIcon, TRtKitLabelParams } from '@rt-tools/ui-kit-v2/core';\nimport { RtIconButtonComponent } from '@rt-tools/ui-kit-v2/icon-button';\nimport { RtIconComponent } from '@rt-tools/ui-kit-v2/icon';\nimport { RtMenuItemComponent } from '@rt-tools/ui-kit-v2/menu';\nimport { RtPopoverDirective } from '@rt-tools/ui-kit-v2/popover';\nimport { RtRadiusDirective } from '@rt-tools/ui-kit-v2/radius';\nimport { IRtActionBar } from './rt-action-bar.model';\n\nconst BEM_BLOCK: string = 'rt-action-bar';\n\n/** Действие вместе с готовой записью модификаторов: шаблон методов не зовёт. */\ninterface IActionView {\n readonly action: IRtActionBar.Action;\n readonly modifiers: Readonly<Record<string, boolean>>;\n /**\n * Имя кнопки для вспомогательных средств — у действия со значком. На грубом указателе подпись\n * снята правилом стиля, а значок немой: без имени кнопка осталась бы безымянной.\n */\n readonly ariaLabel: string | null;\n}\n\n/**\n * Полоса массовых действий: счёт слева, действия рядом, крестик справа.\n *\n * Своего состояния не держит вовсе — ни выбранного, ни открытости. Ей дают\n * настройку входом, а наружу она сообщает две вещи: что нажали действие и что\n * нажали крестик. Держатель `rt-action-bar-holder` решает, стоит ли она в\n * разметке и где над страницей приколота.\n *\n * Действие с вложенным списком само не срабатывает: оно заголовок группы, и\n * список раскрывается всплывающим слоем кита. Нажатие пункта списка закрывает\n * полосу так же, как нажатие обычного действия: где человек нажал — в полосе\n * или на шаг глубже — о трате выбранного не говорит ничего.\n */\n@Component({\n selector: 'rt-action-bar',\n templateUrl: './rt-action-bar.component.html',\n styleUrl: './rt-action-bar.component.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n imports: [\n NgTemplateOutlet,\n RtIconComponent,\n RtIconButtonComponent,\n RtMenuItemComponent,\n RtPopoverDirective,\n BlockDirective,\n ElemDirective,\n ModDirective,\n ],\n hostDirectives: [{ directive: RtRadiusDirective, inputs: ['radius'] }],\n host: {\n class: BEM_BLOCK,\n role: 'toolbar',\n },\n})\nexport class RtActionBarComponent {\n /** Подстановки счётчика: подпись собирает словарь, а не склейка слов в шаблоне. */\n readonly #countParams: Signal<TRtKitLabelParams> = computed((): TRtKitLabelParams => ({\n count: this.config().selected,\n total: this.config().total,\n }));\n\n protected readonly countText: Signal<string> = rtKitLabel('uiSelectedOf', this.#countParams);\n\n protected readonly closeLabel: Signal<string> = rtKitLabel('uiClose');\n\n /**\n * Действия с готовыми модификаторами. Признак значка стоит модификатором, а не\n * условием в шаблоне: подпись у действия со значком снимает правило стиля по\n * грубому указателю, и решать это условием значило бы увезти оформление в код.\n */\n protected readonly actions: Signal<readonly IActionView[]> = computed((): readonly IActionView[] =>\n this.config().actions.map((action: IRtActionBar.Action): IActionView => ({\n action,\n modifiers: { danger: action.look === 'danger', withIcon: !!(action.icon || action.glyph) },\n ariaLabel: action.icon || action.glyph ? action.label : null,\n }))\n );\n\n public readonly config: InputSignal<IRtActionBar.Config> = input.required<IRtActionBar.Config>();\n /** Значок кнопки, закрывающей полосу. */\n public readonly closeIcon: InputSignal<IRtIcon.Name> = input<IRtIcon.Name>('close');\n\n public readonly actionRun: OutputEmitterRef<IRtActionBar.Action> = output<IRtActionBar.Action>();\n\n public readonly closed: OutputEmitterRef<void> = output<void>();\n\n protected onAction(action: IRtActionBar.Action): void {\n action.run?.();\n this.actionRun.emit(action);\n this.closed.emit();\n }\n\n protected onClose(): void {\n this.closed.emit();\n }\n}\n","<ng-container rtBlock=\"rt-action-bar\">\n <span rtElem=\"counter\" qa-dataid=\"action-bar-counter\">{{ countText() }}</span>\n\n @if (actions().length) {\n <div rtElem=\"actions\" qa-dataid=\"action-bar-actions\">\n @for (view of actions(); track view.action.label) {\n @if (view.action.menu) {\n <!--\n Действие с вложенным списком само не срабатывает: оно заголовок группы, и\n нажатие раскрывает слой. Список приходит слою контекстом — одного шаблона\n хватает на все такие действия.\n -->\n <button\n type=\"button\"\n rtElem=\"action\"\n qa-dataid=\"action-bar-action\"\n [rtMod]=\"view.modifiers\"\n [attr.aria-label]=\"view.ariaLabel\"\n [rtPopover]=\"menuTpl\"\n [rtPopoverContext]=\"view.action.menu\">\n <ng-container *ngTemplateOutlet=\"actionFace; context: { $implicit: view.action }\" />\n </button>\n } @else {\n <button\n type=\"button\"\n rtElem=\"action\"\n qa-dataid=\"action-bar-action\"\n [rtMod]=\"view.modifiers\"\n [attr.aria-label]=\"view.ariaLabel\"\n (click)=\"onAction(view.action)\">\n <ng-container *ngTemplateOutlet=\"actionFace; context: { $implicit: view.action }\" />\n </button>\n }\n }\n </div>\n }\n\n <rt-icon-button\n rtElem=\"close\"\n qa-dataid=\"action-bar-close\"\n variant=\"ghost\"\n size=\"sm\"\n [icon]=\"closeIcon()\"\n [ariaLabel]=\"closeLabel()\"\n (clicked)=\"onClose()\" />\n\n <!--\n Оба шаблона объявлены внутри блока намеренно: `rtElem` берёт имя блока инъекцией у\n ближайшего предка с `rtBlock`, а у шаблона, объявленного снаружи, такого предка нет\n вовсе — компонент не поднимается совсем, с отказом об отсутствующем поставщике.\n\n Лицо действия: значок и подпись. Подпись стоит в разметке всегда — снимает её правило\n стиля по грубому указателю, и только у действия, у которого значок есть.\n -->\n <ng-template #actionFace let-action>\n @if (action.icon || action.glyph) {\n <rt-icon rtElem=\"action-icon\" size=\"sm\" [name]=\"action.icon ?? null\" [glyph]=\"action.glyph ?? null\" />\n }\n\n <span rtElem=\"action-label\">{{ action.label }}</span>\n </ng-template>\n\n <ng-template #menuTpl let-menu>\n <div rtElem=\"menu\" qa-dataid=\"action-bar-menu\" role=\"menu\">\n @for (item of menu; track item.label) {\n <rt-menu-item\n qa-dataid=\"action-bar-menu-item\"\n [icon]=\"item.icon ?? null\"\n [glyph]=\"item.glyph ?? null\"\n [label]=\"item.label\"\n [danger]=\"item.look === 'danger'\"\n (selected)=\"onAction(item)\" />\n }\n </div>\n </ng-template>\n</ng-container>\n","import { IRtIcon } from '@rt-tools/ui-kit-v2/core';\n\n/**\n * Контракты полосы массовых действий. Один корневой неймспейс с префиксом `I`.\n *\n * Отличие от договора первого кита одно и оно намеренное: произвольного объекта\n * стилей на действии здесь нет. Вид кнопки называется именем из набора кита —\n * значение цвета в разметку не приходит вовсе.\n */\nexport namespace IRtActionBar {\n /** Вид действия: тем же именем, каким его зовёт кнопка кита. */\n export type Look = 'plain' | 'danger';\n\n /**\n * Одно нажатие в полосе. Либо `run` — то, что действие делает, — либо `menu`:\n * вложенный список. Действие с вложенным списком само не срабатывает: оно\n * заголовок группы, и запуск его наравне с раскрытием запустил бы то, чего\n * человек не выбирал.\n */\n export interface Action {\n readonly label: string;\n readonly icon?: IRtIcon.Name;\n /**\n * Имя Material вместо значка кита: рисуется так же, как вход `glyph` у `rt-icon` — парой из\n * перечня кита или лигатурой шрифта. Значок кита, заданный рядом, сильнее.\n */\n readonly glyph?: string;\n readonly look?: IRtActionBar.Look;\n readonly run?: () => void;\n readonly menu?: readonly IRtActionBar.Action[];\n }\n\n /**\n * Настройка полосы целиком. Счёт приходит парой: сколько выбрано и сколько\n * всего. Полоса ничего из этого не считает — ей дают числа.\n */\n export interface Config {\n readonly selected: number;\n readonly total: number;\n readonly actions: readonly IRtActionBar.Action[];\n }\n}\n\n/**\n * Сколько полоса держится в разметке после закрытия — ровно длительность ухода\n * из стилей.\n *\n * Число живёт здесь, а не только в правиле стиля: разметку снимает держатель, и,\n * разойдясь с правилом, он обрывает уход на полпути. Держателю и стилям нужно\n * одно и то же число, поэтому оно объявлено рядом с договором, а не в одном из них.\n */\nexport const RT_ACTION_BAR_LEAVE_MS: number = 300;\n","import { Injectable, Signal, WritableSignal, signal } from '@angular/core';\n\nimport { IRtActionBar } from './rt-action-bar.model';\n\nconst EMPTY_CONFIG: IRtActionBar.Config = { selected: 0, total: 0, actions: [] };\n\n/**\n * Настройка полосы массовых действий: держатель её читает, список — пишет.\n *\n * Служба без корня намеренно. Тот, кто отмечает строки, и тот, кто рисует полосу,\n * стоят на разной глубине одного экрана, и передавать настройку вниз через всё,\n * что между ними, значит рассказать о полосе каждому из них. Потребитель\n * объявляет службу на своём уровне — там, где у него живёт список.\n */\n@Injectable()\nexport class RtActionBarService {\n readonly #config: WritableSignal<IRtActionBar.Config> = signal<IRtActionBar.Config>(EMPTY_CONFIG);\n\n public readonly config: Signal<IRtActionBar.Config> = this.#config.asReadonly();\n\n /** Список действий. Счёт не трогается: он приходит своим вызовом. */\n public setActions(actions: readonly IRtActionBar.Action[]): void {\n this.#config.update((config: IRtActionBar.Config): IRtActionBar.Config => ({ ...config, actions }));\n }\n\n /** Счёт выбранного. Полоса открывается именно им. */\n public setCounts(selected: number, total: number): void {\n this.#config.update((config: IRtActionBar.Config): IRtActionBar.Config => ({ ...config, selected, total }));\n }\n\n /** Отпустить выбранное: счёт обнуляется, список действий остаётся. */\n public clearSelection(): void {\n this.#config.update((config: IRtActionBar.Config): IRtActionBar.Config => ({ ...config, selected: 0, total: 0 }));\n }\n}\n","import {\n ChangeDetectionStrategy,\n Component,\n DestroyRef,\n InputSignal,\n Signal,\n ViewEncapsulation,\n WritableSignal,\n computed,\n effect,\n inject,\n input,\n signal,\n untracked,\n} from '@angular/core';\n\nimport { BlockDirective, ElemDirective, ModDirective } from '@rt-tools/core';\n\nimport { IRtIcon } from '@rt-tools/ui-kit-v2/core';\n\nimport { RtActionBarComponent } from './rt-action-bar.component';\nimport { IRtActionBar, RT_ACTION_BAR_LEAVE_MS } from './rt-action-bar.model';\nimport { RtActionBarService } from './rt-action-bar.service';\n\nconst BEM_BLOCK: string = 'rt-action-bar-holder';\n\n/**\n * Держатель полосы массовых действий: решает, стоит ли она в разметке, и прикалывает\n * её над страницей. Настройку читает у службы, которую потребитель объявил на своём\n * уровне — там, где у него живёт список.\n *\n * Полоса открывается счётом выбранного, а не своим признаком: два источника одного\n * признака расходятся молча, и признак, оставшийся поднятым над опустевшим выбором,\n * держал бы полосу над страницей, где ничего не выбрано.\n *\n * После закрытия полоса остаётся в разметке ровно на длительность ухода — число одно\n * и лежит в договоре рядом. Разойдясь с правилом стиля, держатель обрывал бы уход на\n * полпути.\n */\n@Component({\n selector: 'rt-action-bar-holder',\n templateUrl: './rt-action-bar-holder.component.html',\n styleUrl: './rt-action-bar-holder.component.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n imports: [RtActionBarComponent, BlockDirective, ElemDirective, ModDirective],\n host: {\n class: BEM_BLOCK,\n },\n})\nexport class RtActionBarHolderComponent {\n readonly #service: RtActionBarService = inject(RtActionBarService);\n readonly #destroyRef: DestroyRef = inject(DestroyRef);\n\n /** Уходит ли полоса прямо сейчас: разметка держит её, пока правило стиля не доиграет. */\n readonly #leaving: WritableSignal<boolean> = signal<boolean>(false);\n\n #leaveTimer: ReturnType<typeof setTimeout> | null = null;\n\n /**\n * Была ли полоса открыта до этой перемены. Без этого признака уходу не с чего начаться:\n * к минуте, когда выбранное обнулилось, и «открыта», и «стоит в разметке» уже ложь, так\n * что условие по ним не срабатывает никогда. В первом ките оно написано именно так, и\n * уход там не заводится вовсе — образец прочитан, а не перенесён.\n */\n #wasOpened: boolean = false;\n\n protected readonly config: Signal<IRtActionBar.Config> = this.#service.config;\n\n /** Выбрано ли что-нибудь: этим полоса и открывается. */\n protected readonly opened: Signal<boolean> = computed((): boolean => this.config().selected > 0);\n\n /** Стоит ли полоса в разметке: она остаётся в ней и на время ухода. */\n protected readonly shown: Signal<boolean> = computed((): boolean => this.opened() || this.#leaving());\n\n protected readonly leaving: Signal<boolean> = this.#leaving.asReadonly();\n\n /** Значок кнопки, закрывающей полосу, — уходит в саму полосу. */\n public readonly closeIcon: InputSignal<IRtIcon.Name> = input<IRtIcon.Name>('close');\n\n constructor() {\n effect((): void => {\n const opened: boolean = this.opened();\n\n untracked((): void => {\n this.#clearLeaveTimer();\n\n if (opened) {\n this.#wasOpened = true;\n this.#leaving.set(false);\n\n return;\n }\n\n if (this.#wasOpened) {\n this.#wasOpened = false;\n this.#startLeaving();\n }\n });\n });\n\n this.#destroyRef.onDestroy((): void => this.#clearLeaveTimer());\n }\n\n /** Крестик сообщает наружу; выбранное отпускает служба, которой список и владеет. */\n protected onClosed(): void {\n this.#service.clearSelection();\n }\n\n /** Полоса остаётся в разметке на время ухода и снимается по его концу. */\n #startLeaving(): void {\n this.#leaving.set(true);\n this.#leaveTimer = setTimeout((): void => {\n this.#leaving.set(false);\n this.#leaveTimer = null;\n }, RT_ACTION_BAR_LEAVE_MS);\n }\n\n #clearLeaveTimer(): void {\n if (this.#leaveTimer !== null) {\n clearTimeout(this.#leaveTimer);\n this.#leaveTimer = null;\n }\n }\n}\n","<ng-container rtBlock=\"rt-action-bar-holder\">\n @if (shown()) {\n <rt-action-bar\n rtElem=\"bar\"\n qa-dataid=\"action-bar-holder-bar\"\n [rtMod]=\"{ leaving: leaving() }\"\n [config]=\"config()\"\n [closeIcon]=\"closeIcon()\"\n (closed)=\"onClosed()\" />\n }\n</ng-container>\n"],"mappings":"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"}
@@ -682,6 +682,8 @@ var RtAsideHeaderComponent = class RtAsideHeaderComponent {
682
682
  "disabled",
683
683
  "active",
684
684
  "expanded",
685
+ "ariaHaspopup",
686
+ "link",
685
687
  "indicator"
686
688
  ],
687
689
  outputs: ["clicked"]
@@ -1 +1 @@
1
- {"version":3,"file":"rt-tools-ui-kit-v2-aside.mjs","names":["BEM_BLOCK","BEM_BLOCK","BEM_BLOCK","BEM_BLOCK"],"sources":["../../../projects/ui-kit-v2/src/lib/components/aside/error-box/rt-aside-error-box.logic.ts","../../../projects/ui-kit-v2/src/lib/components/aside/error-box/rt-aside-error-box.component.ts","../../../projects/ui-kit-v2/src/lib/components/aside/error-box/rt-aside-error-box.component.html","../../../projects/ui-kit-v2/src/lib/components/aside/rt-aside.component.ts","../../../projects/ui-kit-v2/src/lib/components/aside/rt-aside.component.html","../../../projects/ui-kit-v2/src/lib/components/aside/rt-aside-ref.ts","../../../projects/ui-kit-v2/src/lib/components/aside/rt-aside.tokens.ts","../../../projects/ui-kit-v2/src/lib/components/aside/rt-aside.service.ts","../../../projects/ui-kit-v2/src/lib/components/aside/header/rt-aside-header.component.ts","../../../projects/ui-kit-v2/src/lib/components/aside/header/rt-aside-header.component.html","../../../projects/ui-kit-v2/src/lib/components/aside/footer/rt-aside-footer.component.ts","../../../projects/ui-kit-v2/src/lib/components/aside/footer/rt-aside-footer.component.html","../../../projects/ui-kit-v2/src/lib/components/aside/unsaved-dialog/rt-aside-unsaved.logic.ts","../../../projects/ui-kit-v2/src/lib/components/aside/unsaved-dialog/rt-aside-unsaved-dialog.component.ts","../../../projects/ui-kit-v2/src/lib/components/aside/unsaved-dialog/rt-aside-unsaved-dialog.component.html"],"sourcesContent":["function errorAsText(error: unknown): string {\n try {\n return JSON.stringify(error) ?? String(error);\n } catch {\n return String(error);\n }\n}\n\n/**\n * Текст, который кнопка блока ошибки кладёт в буфер обмена.\n *\n * Вид повторяет первый кит — `Error time: <дата>_<время>;Error info: <JSON>`: кто разбирал такие\n * копии раньше, читает их так же. Ошибку с петлёй внутри `JSON.stringify` не пишет и бросает —\n * тогда в копию идёт её строковый вид, и нажатие не падает.\n */\nexport function rtAsideErrorCopyText(error: unknown, now: Date): string {\n return `Error time: ${now.toDateString()}_${now.toTimeString()};Error info: ${errorAsText(error)}`;\n}\n","import { Clipboard } from '@angular/cdk/clipboard';\nimport {\n ChangeDetectionStrategy,\n Component,\n computed,\n DestroyRef,\n inject,\n input,\n InputSignal,\n signal,\n Signal,\n ViewEncapsulation,\n WritableSignal,\n} from '@angular/core';\n\nimport { BlockDirective, ElemDirective } from '@rt-tools/core';\n\nimport { rtKitLabel } from '@rt-tools/ui-kit-v2/core';\nimport { RtButtonDirective } from '@rt-tools/ui-kit-v2/button';\nimport { rtAsideErrorCopyText } from './rt-aside-error-box.logic';\n\nconst BEM_BLOCK: string = 'rt-aside-error-box';\n\n/** Сколько кнопка держит «скопировано» — секунда, как у первого кита. */\nconst CONFIRM_DELAY_MS: number = 1000;\n\n/**\n * Блок ошибки запроса боковой панели: надпись и кнопка, которая кладёт в буфер обмена время и\n * ошибку. Перенос `rtui-aside-error-box` первого кита без Material.\n *\n * Обычно его рисует сама панель по входу `requestError`; отдельно он нужен приложению, которое\n * показывает ошибку в другом месте.\n */\n@Component({\n selector: 'rt-aside-error-box',\n templateUrl: './rt-aside-error-box.component.html',\n styleUrl: './rt-aside-error-box.component.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n imports: [RtButtonDirective, BlockDirective, ElemDirective],\n host: {\n class: BEM_BLOCK,\n },\n})\nexport class RtAsideErrorBoxComponent {\n readonly #clipboard: Clipboard = inject(Clipboard);\n readonly #destroyRef: DestroyRef = inject(DestroyRef);\n\n #confirmTimer: ReturnType<typeof setTimeout> | null = null;\n\n readonly #copyLabel: Signal<string> = rtKitLabel('asideCopyErrorInfo');\n readonly #copiedLabel: Signal<string> = rtKitLabel('uiCopied');\n\n protected readonly title: Signal<string> = rtKitLabel('asideRequestError');\n\n protected readonly copied: WritableSignal<boolean> = signal(false);\n\n protected readonly buttonLabel: Signal<string> = computed((): string => (this.copied() ? this.#copiedLabel() : this.#copyLabel()));\n\n protected readonly buttonIcon: Signal<string | null> = computed((): string | null => (this.copied() ? 'check' : null));\n\n /** Ошибка, пришедшая от неудавшегося запроса: уходит в копию как JSON. */\n public readonly error: InputSignal<unknown> = input.required<unknown>();\n\n constructor() {\n this.#destroyRef.onDestroy((): void => this.#clearTimer());\n }\n\n protected onCopy(): void {\n this.#clipboard.copy(rtAsideErrorCopyText(this.error(), new Date()));\n this.copied.set(true);\n\n this.#clearTimer();\n this.#confirmTimer = setTimeout((): void => this.copied.set(false), CONFIRM_DELAY_MS);\n }\n\n #clearTimer(): void {\n if (this.#confirmTimer !== null) {\n clearTimeout(this.#confirmTimer);\n this.#confirmTimer = null;\n }\n }\n}\n","<ng-container rtBlock=\"rt-aside-error-box\">\n <div rtElem=\"frame\" qa-dataid=\"aside-error-box\">\n <span rtElem=\"title\" qa-dataid=\"aside-error-title\">{{ title() }}</span>\n\n <button\n rtButton\n rtElem=\"copy\"\n qa-dataid=\"aside-error-copy\"\n type=\"button\"\n theme=\"secondary\"\n appearance=\"text\"\n size=\"sm\"\n [label]=\"buttonLabel()\"\n [icon]=\"buttonIcon()\"\n [attr.aria-label]=\"buttonLabel()\"\n (click)=\"onCopy()\"></button>\n </div>\n</ng-container>\n","import { FocusTrap, FocusTrapFactory } from '@angular/cdk/a11y';\nimport { BooleanInput } from '@angular/cdk/coercion';\nimport { DOCUMENT } from '@angular/common';\nimport {\n afterRenderEffect,\n booleanAttribute,\n computed,\n inject,\n input,\n untracked,\n viewChild,\n ChangeDetectionStrategy,\n Component,\n DestroyRef,\n ElementRef,\n InputSignal,\n InputSignalWithTransform,\n Signal,\n ViewEncapsulation,\n} from '@angular/core';\n\nimport { BlockDirective, ElemDirective, ModDirective } from '@rt-tools/core';\n\nimport { RtSpinnerComponent } from '@rt-tools/ui-kit-v2/spinner';\nimport { RtAsideErrorBoxComponent } from './error-box/rt-aside-error-box.component';\n\nconst BEM_BLOCK: string = 'rt-aside';\n\n/**\n * Варианты ширины side-sheet:\n * - `sm` — 400px (`--rt-aside-width-sm`)\n * - `md` — 540px (`--rt-aside-width-md`, дефолт)\n * - `lg` — 720px (`--rt-aside-width-lg`)\n */\nexport type TRtAsideSize = 'sm' | 'md' | 'lg';\n\n/**\n * Раскладка контентной зоны side-sheet:\n * - `default` — контентная зона сама скроллится при overflow (штатный режим);\n * - `tabs` — контент — это `rt-tabs`: внешняя зона перестаёт быть скроллером,\n * полоса вкладок прибита, скроллится только контент активной вкладки\n * (`rt-tabs__content`).\n */\nexport type TRtAsideContentLayout = 'default' | 'tabs';\n\n/**\n * Презентационный styled-frame для side-sheet.\n *\n * Видимость / backdrop / scroll-block / ESC / slide-in анимация — НЕ внутренняя\n * ответственность компонента. Это обеспечивает CDK Overlay через\n * `RtAsideService.open()`. rt-aside здесь — стилизованная \"рамка\" с size-вариантами\n * и тремя слотами: `rt-aside-header`, содержимое и `rt-aside-footer`.\n *\n * Содержимое лежит в одной зоне `.rt-aside__content` — она и держит инсет панели,\n * и прокручивается. Пока зоны не было, каждый корневой узел содержимого получал\n * инсет и прокрутку сам по себе: разделы делили высоту панели между собой, а\n * обводка фокуса поля срезалась краем такого мини-скроллера.\n *\n * Семантика — `role=\"complementary\"` (mirror rt-dialog имеет `role=\"dialog\"`,\n * aside — другая роль, side-sheet не обязательно блокирующий).\n *\n * `ViewEncapsulation.None` — стили префиксованы `.rt-aside`, чтобы соседние\n * rt-aside-header / rt-aside-footer работали с одним BEM-блоком без\n * cross-encapsulation хака.\n */\n@Component({\n selector: 'rt-aside',\n templateUrl: './rt-aside.component.html',\n styleUrl: './rt-aside.component.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n imports: [BlockDirective, ElemDirective, ModDirective, RtAsideErrorBoxComponent, RtSpinnerComponent],\n host: {\n class: BEM_BLOCK,\n },\n})\nexport class RtAsideComponent {\n readonly #focusTrapFactory: FocusTrapFactory = inject(FocusTrapFactory);\n readonly #document: Document = inject(DOCUMENT);\n\n #focusTrap: FocusTrap | null = null;\n #restoreFocusTo: HTMLElement | null = null;\n\n protected readonly frame: Signal<ElementRef<HTMLElement>> = viewChild.required<ElementRef<HTMLElement>>('frame');\n\n protected readonly hasRequestError: Signal<boolean> = computed(\n (): boolean => this.requestError() !== null && this.requestError() !== undefined\n );\n\n public readonly size: InputSignal<TRtAsideSize> = input<TRtAsideSize>('md');\n public readonly contentLayout: InputSignal<TRtAsideContentLayout> = input<TRtAsideContentLayout>('default');\n public readonly width: InputSignal<string | null> = input<string | null>(null);\n public readonly ariaLabel: InputSignal<string | null> = input<string | null>(null);\n\n /**\n * Ошибка неудавшегося запроса. Пока она есть, между шапкой и содержимым стоит блок ошибки с\n * кнопкой копирования; `null` и `undefined` — ошибки нет, любое другое значение её показывает.\n */\n public readonly requestError: InputSignal<unknown> = input<unknown>(null);\n\n /**\n * Держать Tab внутри панели. При включении фокус уходит на `[cdkFocusInitial]` или первый\n * элемент под Tab, а когда панель уходит или вход гаснет, возвращается туда, где стоял.\n */\n public readonly trapFocus: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n transform: booleanAttribute,\n });\n\n /** Идёт запрос: панель накрыта слоем с крутилкой и помечена занятой. */\n public readonly pending: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n transform: booleanAttribute,\n });\n\n constructor() {\n // После отрисовки: до неё у рамки нет ни полей, ни кнопок, и ловить фокус не на чем.\n afterRenderEffect((): void => {\n const enabled: boolean = this.trapFocus();\n const frame: HTMLElement = this.frame().nativeElement;\n untracked((): void => (enabled ? this.#holdFocus(frame) : this.#releaseFocus()));\n });\n inject(DestroyRef).onDestroy((): void => this.#releaseFocus());\n }\n\n #holdFocus(frame: HTMLElement): void {\n if (this.#focusTrap !== null) {\n return;\n }\n const focused: Element | null = this.#document.activeElement;\n this.#restoreFocusTo = focused instanceof HTMLElement ? focused : null;\n this.#focusTrap = this.#focusTrapFactory.create(frame);\n void this.#focusTrap.focusInitialElementWhenReady();\n }\n\n #releaseFocus(): void {\n if (this.#focusTrap === null) {\n return;\n }\n this.#focusTrap.destroy();\n this.#focusTrap = null;\n const restoreTo: HTMLElement | null = this.#restoreFocusTo;\n this.#restoreFocusTo = null;\n if (restoreTo?.isConnected === true) {\n restoreTo.focus();\n }\n }\n}\n","<div\n #frame\n rtBlock=\"rt-aside\"\n qa-dataid=\"aside\"\n role=\"complementary\"\n [rtMod]=\"{ size: size(), content: contentLayout() }\"\n [style.--rt-aside-width]=\"width()\"\n [attr.aria-label]=\"ariaLabel()\"\n [attr.aria-busy]=\"pending() || null\">\n <ng-content select=\"rt-aside-header\" />\n\n @if (hasRequestError()) {\n <rt-aside-error-box rtElem=\"error\" [error]=\"requestError()\" />\n }\n\n <div rtElem=\"content\" qa-dataid=\"aside-content\">\n <ng-content />\n </div>\n\n <ng-content select=\"rt-aside-footer\" />\n\n @if (pending()) {\n <div rtElem=\"pending\" qa-dataid=\"aside-pending\">\n <rt-spinner />\n </div>\n }\n</div>\n","import { OverlayRef } from '@angular/cdk/overlay';\nimport { Renderer2, signal, WritableSignal } from '@angular/core';\n\nimport { Observable, Subject, take } from 'rxjs';\n\n/** Длительность slide-out анимации; синхронизирована с `--rt-aside-animation-duration` в SCSS. */\nconst LEAVE_ANIMATION_DURATION_MS: number = 200;\n\n/**\n * Жест закрытия, на который панель не закрылась: `Escape` или нажатие по подложке. Панель\n * отказывает в нём под `disableClose()` и когда жест выключен настройкой открытия.\n */\nexport type TRtAsideCloseRequest = 'escape' | 'backdrop';\n\n/**\n * Хэндл к программно открытой side-sheet (через `RtAsideService.open()`).\n *\n * Контент-компонент инжектит `RtAsideRef` и закрывает aside через `.close(result?)`.\n * Родитель ждёт результата через `.afterClosed()`.\n *\n * Generic `<T>` — тип результата `close(result)`. Дефолт `unknown` — если результат\n * не нужен, оставляй generic пустым.\n *\n * Lifecycle close():\n * 1. Race-guard `#isClosing` гарантирует один эмит даже при двойном вызове.\n * 2. Снимает `rt-aside-overlay--open` и ставит `rt-aside-overlay--leaving` на host —\n * CSS-transition (200ms) играет slide-out.\n * 3. Эмиттит result в `afterClosed()` СРАЗУ (consumer не ждёт анимацию).\n * 4. Через `setTimeout(200ms)` зовёт `overlayRef.dispose()` — overlay убран после анимации.\n *\n * Слой, снятый без `close()` — переходом по адресу (`disposeOnNavigation`) или уничтожением\n * хозяина, — тоже завершает `afterClosed()`: подписчик получает `undefined`.\n *\n * @example\n * \\`\\`\\`ts\n * // в контент-компоненте\n * private readonly asideRef = inject(RtAsideRef<{ saved: boolean }>);\n * onSave(): void { this.asideRef.close({ saved: true }); }\n *\n * // в родителе\n * asideService.open(EditAsideComponent).afterClosed().subscribe(result => {...});\n * \\`\\`\\`\n */\nexport class RtAsideRef<T = unknown> {\n /**\n * Runtime-флаг, блокирующий close() через ESC / backdrop click.\n *\n * Default `false`. Включай (`asideRef.disableClose.set(true)`) на время\n * in-flight submit'а, чтобы юзер не потерял введённые в форму данные.\n * Программный `close(result)` гейтом не задет — он всегда закрывает.\n */\n public readonly disableClose: WritableSignal<boolean> = signal(false);\n\n readonly #overlayRef: OverlayRef;\n readonly #renderer: Renderer2;\n readonly #afterClosedSource: Subject<T | undefined> = new Subject<T | undefined>();\n readonly #closeRequestsSource: Subject<TRtAsideCloseRequest>;\n\n #isClosing: boolean = false;\n\n /**\n * `closeRequestsSource` наполняет служба: она слушает жесты и знает, отказала ли в них панель.\n * Хэндл только завершает поток вместе с панелью.\n */\n constructor(\n overlayRef: OverlayRef,\n renderer: Renderer2,\n closeRequestsSource: Subject<TRtAsideCloseRequest> = new Subject<TRtAsideCloseRequest>()\n ) {\n this.#overlayRef = overlayRef;\n this.#renderer = renderer;\n this.#closeRequestsSource = closeRequestsSource;\n this.#overlayRef\n .detachments()\n .pipe(take(1))\n .subscribe((): void => this.#finish(undefined));\n }\n\n /** Закрывает overlay со slide-out анимацией; эмиттит result в `afterClosed()` синхронно. */\n public close(result?: T): void {\n if (this.#isClosing) {\n return;\n }\n this.#isClosing = true;\n\n this.#renderer.removeClass(this.#overlayRef.overlayElement, 'rt-aside-overlay--open');\n this.#renderer.addClass(this.#overlayRef.overlayElement, 'rt-aside-overlay--leaving');\n\n // Эмитим результат сразу — consumer не ждёт slide-out.\n this.#emit(result);\n\n // Дефер dispose'а на длительность анимации — overlay остаётся в DOM,\n // пока CSS-transition не отыграет slide-out.\n setTimeout((): void => {\n this.#overlayRef.dispose();\n }, LEAVE_ANIMATION_DURATION_MS);\n }\n\n /** Эмиттит один раз — результат `close(result)` или `undefined` при снятом слое — и завершается. */\n public afterClosed(): Observable<T | undefined> {\n return this.#afterClosedSource.asObservable();\n }\n\n /**\n * Жесты закрытия, в которых панель отказала: `Escape` и нажатие по подложке под\n * `disableClose()` или выключенные настройкой. Завершается вместе с панелью.\n */\n public closeRequests(): Observable<TRtAsideCloseRequest> {\n return this.#closeRequestsSource.asObservable();\n }\n\n /** Слой снят без `close()`: анимации играть не на чем, остаётся отдать результат. */\n #finish(result: T | undefined): void {\n if (this.#isClosing) {\n return;\n }\n this.#isClosing = true;\n this.#emit(result);\n }\n\n #emit(result: T | undefined): void {\n this.#afterClosedSource.next(result);\n this.#afterClosedSource.complete();\n this.#closeRequestsSource.complete();\n }\n}\n","import { InjectionToken } from '@angular/core';\n\n/**\n * Injection token для передачи данных в side-sheet, открытую через `RtAsideService.open()`.\n *\n * Пользовательский компонент-контент aside'а инжектит токен и получает данные,\n * переданные в `IRtAsideConfig.data`. Тип значения задаётся generic'ом — `inject(RT_ASIDE_DATA)`\n * вернёт `unknown`, прокастуй через `inject(RT_ASIDE_DATA) as MyDataType` ИЛИ\n * объяви токен с конкретным generic'ом в feature-либе.\n *\n * Намеренно отдельный токен от `RT_DIALOG_DATA`, чтобы type-checker не путал контексты\n * (rt-dialog vs rt-aside) — оба сервиса могут существовать в одном DI-дереве.\n *\n * @example\n * \\`\\`\\`ts\n * @Component({...})\n * export class GuestProfileAsideComponent {\n * readonly data = inject(RT_ASIDE_DATA) as { userId: number };\n * }\n *\n * // parent\n * asideService.open(GuestProfileAsideComponent, { data: { userId: 42 } });\n * \\`\\`\\`\n */\nexport const RT_ASIDE_DATA: InjectionToken<unknown> = new InjectionToken<unknown>('RT_ASIDE_DATA');\n","import { ComponentType, Overlay, OverlayConfig, OverlayRef, PositionStrategy } from '@angular/cdk/overlay';\nimport { ComponentPortal } from '@angular/cdk/portal';\nimport { DOCUMENT } from '@angular/common';\nimport { inject, DestroyRef, Injectable, Injector, Renderer2, RendererFactory2, Signal } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\nimport { EMPTY, map, merge, mergeMap, Observable, Subject, Subscriber, takeUntil } from 'rxjs';\n\nimport { IRtKitConfig } from '@rt-tools/ui-kit-v2/core';\nimport { rtKitDefault } from '@rt-tools/ui-kit-v2/core';\nimport { carryThemeScopeOfFocus, materialPresetClassesOfFocus } from '@rt-tools/ui-kit-v2/core';\nimport { RtAsideRef, TRtAsideCloseRequest } from './rt-aside-ref';\nimport { RT_ASIDE_DATA } from './rt-aside.tokens';\n\n/**\n * Позиционирование side-sheet — у какого края viewport \"приклеена\" панель.\n */\nexport type TRtAsidePosition = 'right' | 'left';\n\n/**\n * Конфигурация открытия side-sheet через `RtAsideService.open()`.\n */\nexport interface IRtAsideConfig<TData = unknown> {\n /** Данные, доступные внутри aside'а через `inject(RT_ASIDE_DATA)`. */\n data?: TData;\n\n /** Дополнительный CSS-класс для backdrop (поверх стандартного `rt-aside-backdrop`). */\n backdropClass?: string | string[];\n\n /** Дополнительный CSS-класс для panel-обёртки overlay (поверх `rt-aside-overlay`). */\n panelClass?: string | string[];\n\n /** Закрывать aside по клику на backdrop. По дефолту `true`. */\n closeOnBackdropClick?: boolean;\n\n /** Закрывать aside по ESC. По дефолту `true`. */\n closeOnEscape?: boolean;\n\n /** К какому краю viewport \"приклеить\" панель. По дефолту `\"right\"`. */\n position?: TRtAsidePosition;\n\n /**\n * Injector хозяина панели — обычно `inject(Injector)` открывающего компонента. Он становится\n * родителем портала: содержимое видит провайдеры хозяина. Уничтожение хозяина закрывает\n * панель через `close()`. Без него родитель — корневой injector, и панель живёт сама по себе.\n */\n injector?: Injector;\n\n /**\n * Снимать панель при переходе по адресу. По умолчанию `true`; `false` оставляет её открытой —\n * для панели, которая сама ведёт навигацию и должна пережить смену адреса.\n */\n disposeOnNavigation?: boolean;\n}\n\n/**\n * Контекст одного открытия aside'а — payload для per-open close-подписок в конструкторном\n * стриме. `asideRef` сужен до используемых handler'ами членов (`RtAsideRef<T>` инвариантен\n * по `T`, целиком в generic-agnostic контекст не влезает).\n */\ninterface IRtAsideOpenContext {\n overlayRef: OverlayRef;\n asideRef: {\n disableClose: Signal<boolean>;\n close: () => void;\n };\n closeRequests: Subject<TRtAsideCloseRequest>;\n /** DestroyRef хозяина из `config.injector`; его уничтожение закрывает панель. */\n ownerDestroyRef: DestroyRef | null;\n closeOnBackdropClick: boolean;\n closeOnEscape: boolean;\n}\n\n/**\n * Программный API для открытия side-sheet поверх CDK Overlay.\n *\n * Архитектурно зеркалит `RtDialogService`, отличаясь только positionStrategy\n * (edge-anchored: `right('0')` / `left('0')` + `top('0')`) и slide-in анимацией,\n * которая триггерится через CSS-классы на overlay host (`Renderer2` инжектится\n * через `RendererFactory2`, потому что в service нет ComponentRef).\n *\n * Lifecycle:\n * 1. `overlay.create({ panelClass: [..., '--entering'] })` — host получает initial\n * CSS-стейт (translateX(±100%)).\n * 2. `overlayRef.attach(portal)` — контент-компонент монтируется в host.\n * 3. На следующий paint (`requestAnimationFrame`) сервис снимает `--entering` и\n * добавляет `--open` — CSS-transition сделает slide-in.\n * 4. На `ref.close(result)` ref добавляет `--leaving`, эмиттит result синхронно,\n * deferred `dispose()` через 200ms (длительность анимации).\n *\n * Альтернатива rt-dialog — для длинных форм / мастеров / side-panels, где\n * центрированная модалка ощущается тесной. Не предназначено для подтверждений\n * или коротких диалогов (для этого — `RtDialogService`).\n *\n * @example\n * \\`\\`\\`ts\n * private readonly asideService = inject(RtAsideService);\n *\n * openProfile(userId: number): void {\n * const ref = this.asideService.open<GuestProfileAsideComponent, { userId: number }, void>(\n * GuestProfileAsideComponent,\n * { data: { userId }, position: \"right\" }\n * );\n * ref.afterClosed().subscribe(() => this.reloadList());\n * }\n *\n * // контент-компонент\n * @Component({ ... })\n * export class GuestProfileAsideComponent {\n * readonly data = inject(RT_ASIDE_DATA) as { userId: number };\n * readonly #ref = inject(RtAsideRef);\n * close(): void { this.#ref.close(); }\n * }\n * \\`\\`\\`\n */\n@Injectable({ providedIn: 'root' })\nexport class RtAsideService {\n readonly #overlay: Overlay = inject(Overlay);\n readonly #injector: Injector = inject(Injector);\n readonly #document: Document = inject(DOCUMENT);\n // Renderer2 нужен для манипуляции CSS-классами на overlay.hostElement.\n // В service нет ComponentRef, поэтому Renderer2 берём через factory.\n readonly #renderer: Renderer2 = inject(RendererFactory2).createRenderer(null, null);\n\n readonly #openSource: Subject<IRtAsideOpenContext> = new Subject<IRtAsideOpenContext>();\n\n /* Закрывает ли `Escape` штору, когда вызов об этом промолчал. Умолчание кита — закрывает;\n приложению, которому это мешает, иначе пришлось бы писать отказ на каждом вызове, и\n забытый вызов отличался бы от остальных. */\n readonly #closeOnEscape: boolean = rtKitDefault('aside', (it: IRtKitConfig.Aside): boolean | undefined => it.closeOnEscape, true);\n\n constructor() {\n // Per-open close-подписки (backdrop / ESC) живут в одном постоянном\n // конструкторном стриме: open() эмитит контекст открытия, mergeMap\n // подписывает event-стримы конкретного OverlayRef до его dispose\n // (`detachments()` терминирует внутренний поток). mergeMap, а не\n // switchMap — одновременно может быть открыто несколько aside'ов.\n //\n // Runtime-guard через asideRef.disableClose() — те же правила, что в\n // rt-dialog: ESC / backdrop НЕ закрывают overlay, если disableClose=true;\n // программный ref.close() гейтом не задет.\n this.#openSource\n .pipe(\n mergeMap((openContext: IRtAsideOpenContext): Observable<() => void> => {\n // Оба жеста слушаются всегда: отказ в закрытии — тоже ответ, и он уходит в\n // `closeRequests()` хэндла, будь то `disableClose` или выключенный жест.\n const backdropClose$: Observable<() => void> = openContext.overlayRef.backdropClick().pipe(\n map((): (() => void) => (): void => {\n this.#answerCloseGesture(openContext, 'backdrop', openContext.closeOnBackdropClick);\n })\n );\n const escapeClose$: Observable<() => void> = openContext.overlayRef.keydownEvents().pipe(\n map((event: KeyboardEvent): (() => void) => (): void => {\n if (event.key !== 'Escape') {\n return;\n }\n if (openContext.closeOnEscape) {\n event.preventDefault();\n }\n this.#answerCloseGesture(openContext, 'escape', openContext.closeOnEscape);\n })\n );\n const ownerClose$: Observable<() => void> = this.#destroyed(openContext.ownerDestroyRef).pipe(\n map((): (() => void) => (): void => openContext.asideRef.close())\n );\n return merge(backdropClose$, escapeClose$, ownerClose$).pipe(takeUntil(openContext.overlayRef.detachments()));\n }),\n takeUntilDestroyed()\n )\n .subscribe((handleCloseIntent: () => void): void => handleCloseIntent());\n }\n\n public open<TComponent, TData = unknown, TResult = unknown>(\n component: ComponentType<TComponent>,\n config?: IRtAsideConfig<TData>\n ): RtAsideRef<TResult> {\n const position: TRtAsidePosition = config?.position ?? 'right';\n const positionStrategy: PositionStrategy =\n position === 'right'\n ? this.#overlay.position().global().right('0').top('0')\n : this.#overlay.position().global().left('0').top('0');\n\n const panelClasses: string[] = [\n 'rt-aside-overlay',\n `rt-aside-overlay--position-${position}`,\n 'rt-aside-overlay--entering',\n ...materialPresetClassesOfFocus(this.#document),\n ];\n\n const overlayConfig: OverlayConfig = {\n positionStrategy,\n scrollStrategy: this.#overlay.scrollStrategies.block(),\n hasBackdrop: true,\n backdropClass: config?.backdropClass ?? 'rt-aside-backdrop',\n panelClass: config?.panelClass !== undefined ? [...panelClasses, ...this.#toArray(config.panelClass)] : panelClasses,\n disposeOnNavigation: config?.disposeOnNavigation ?? true,\n };\n\n const overlayRef: OverlayRef = this.#overlay.create(overlayConfig);\n // До attach: содержимое панели может забрать фокус, и кусок темы у кнопки будет потерян.\n carryThemeScopeOfFocus(overlayRef.overlayElement, this.#document);\n const closeRequests: Subject<TRtAsideCloseRequest> = new Subject<TRtAsideCloseRequest>();\n const asideRef: RtAsideRef<TResult> = new RtAsideRef<TResult>(overlayRef, this.#renderer, closeRequests);\n\n // Сами close-подписки объявлены один раз в конструкторе — здесь только\n // эмит контекста открытия (см. #openSource-стрим).\n this.#openSource.next({\n overlayRef,\n asideRef,\n closeRequests,\n ownerDestroyRef: config?.injector?.get(DestroyRef, null) ?? null,\n closeOnBackdropClick: config?.closeOnBackdropClick !== false,\n closeOnEscape: config?.closeOnEscape ?? this.#closeOnEscape,\n });\n\n const injector: Injector = Injector.create({\n parent: config?.injector ?? this.#injector,\n providers: [\n { provide: RtAsideRef, useValue: asideRef },\n { provide: RT_ASIDE_DATA, useValue: config?.data ?? null },\n ],\n });\n\n const portal: ComponentPortal<TComponent> = new ComponentPortal<TComponent>(component, null, injector);\n overlayRef.attach(portal);\n\n // Slide-in: на следующий paint снимаем --entering и добавляем --open.\n // CSS transition (см. rt-aside.component.scss) сделает анимацию.\n // Backdrop default hidden — toggle --visible одновременно со слайдом.\n // Панель могли снять до кадра — `close()`, переходом или уничтожением хозяина в том же такте.\n requestAnimationFrame((): void => {\n if (!overlayRef.hasAttached()) {\n return;\n }\n this.#renderer.removeClass(overlayRef.overlayElement, 'rt-aside-overlay--entering');\n this.#renderer.addClass(overlayRef.overlayElement, 'rt-aside-overlay--open');\n const backdropEl: HTMLElement | null = overlayRef.backdropElement;\n if (backdropEl !== null) {\n this.#renderer.addClass(backdropEl, 'rt-aside-backdrop--visible');\n }\n });\n\n return asideRef;\n }\n\n /** Жест закрытия: закрывает панель, если жест включён и не держит `disableClose`, иначе сообщает об отказе. */\n #answerCloseGesture(openContext: IRtAsideOpenContext, gesture: TRtAsideCloseRequest, enabled: boolean): void {\n if (enabled && !openContext.asideRef.disableClose()) {\n openContext.asideRef.close();\n return;\n }\n openContext.closeRequests.next(gesture);\n }\n\n /**\n * Уничтожение хозяина как поток. Отписка — уход панели — снимает слушателя с хозяина, и его\n * позднее уничтожение панель уже не трогает.\n */\n #destroyed(ownerDestroyRef: DestroyRef | null): Observable<void> {\n if (ownerDestroyRef === null) {\n return EMPTY;\n }\n return new Observable<void>((subscriber: Subscriber<void>): (() => void) =>\n ownerDestroyRef.onDestroy((): void => subscriber.next())\n );\n }\n\n /** Нормализует `string | string[]` к массиву (panelClass поддерживает оба формата). */\n #toArray(value: string | string[]): string[] {\n return Array.isArray(value) ? value : [value];\n }\n}\n","import { BooleanInput } from '@angular/cdk/coercion';\nimport {\n booleanAttribute,\n inject,\n input,\n output,\n ChangeDetectionStrategy,\n Component,\n InputSignal,\n InputSignalWithTransform,\n OutputEmitterRef,\n Signal,\n ViewEncapsulation,\n} from '@angular/core';\n\nimport { BlockDirective, ElemDirective } from '@rt-tools/core';\n\nimport { RT_KIT_LABELS, TRtKitLabelMap } from '@rt-tools/ui-kit-v2/core';\nimport { RtIconButtonComponent } from '@rt-tools/ui-kit-v2/icon-button';\nimport { RtSkeletonWrapperComponent } from '@rt-tools/ui-kit-v2/skeleton-wrapper';\nimport { RtTagComponent } from '@rt-tools/ui-kit-v2/tag';\nimport { RtAsideRef } from '../rt-aside-ref';\nimport { IRtAsideHeader } from './rt-aside-header.model';\n\nconst BEM_BLOCK: string = 'rt-aside-header';\n\n/**\n * Заголовок side-sheet'а; работает в двух modes:\n *\n * 1. **Programmatic** (через `RtAsideService.open()`) — `RtAsideRef` провайдится\n * оверлей-инжектором; стрелка «назад» дёргает `asideRef.close()` напрямую,\n * consumer подписан на `afterClosed()`.\n * 2. **Route-driven** (через `[rtContainerRightSidenavPanel]` driver в\n * rt-container'е) — `RtAsideRef` НЕ провайдится (overlay принадлежит\n * rt-container'у, не RtAsideService). Consumer слушает `(dismiss)` output и\n * сам зовёт `panel.close()`.\n *\n * Оба пути живут одновременно: `onDismiss()` сперва эмитит output, затем (если\n * есть) дёргает optional `asideRef.close()`.\n *\n * Доменные действия (отклонить / удалить / снять с публикации и т.п.)\n * проецируются в слот `[asideActions]` как ряд `rt-icon-button` справа от title.\n *\n * Слот `[asideHeaderContent]` — строка под заголовком на всю ширину шапки: поиск, вкладки,\n * сводка. Пустой слот места не занимает.\n *\n * Слот `[asideHeadingContent]` — содержимое в колонке заголовка, под подписью и бэйджами, по её\n * левому краю. Пустой слот ничего не рисует.\n *\n * `ViewEncapsulation.None` — для единообразия с rt-dialog-header (стили\n * префиксованы `.rt-aside-header`).\n *\n * @example\n * ```html\n * <rt-aside-header title=\"Профиль пользователя\" />\n * <rt-aside-header title=\"Создание записи\" [closable]=\"false\" />\n * <rt-aside-header title=\"Детали\" (dismiss)=\"onClose()\">\n * <rt-icon-button asideActions icon=\"ico-error\" variant=\"danger\"\n * ariaLabel=\"Отклонить\" (clicked)=\"reject()\" />\n * </rt-aside-header>\n * ```\n */\n@Component({\n selector: 'rt-aside-header',\n templateUrl: './rt-aside-header.component.html',\n styleUrl: './rt-aside-header.component.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n imports: [\n // standalone components / directives\n RtIconButtonComponent,\n RtSkeletonWrapperComponent,\n RtTagComponent,\n BlockDirective,\n ElemDirective,\n ],\n host: {\n class: BEM_BLOCK,\n },\n})\nexport class RtAsideHeaderComponent {\n readonly #asideRef: RtAsideRef | null = inject(RtAsideRef, { optional: true });\n\n /** Текст заголовка — рендерится в `<h2>`. Null/пустая строка вместе с\n * `[loading]=true` показывают skeleton вместо title. */\n protected readonly t: Signal<TRtKitLabelMap> = inject(RT_KIT_LABELS);\n\n public readonly title: InputSignal<string | null> = input<string | null>(null);\n\n /**\n * Мелкий приглушённый надзаголовок НАД основным title (контекст действия:\n * «Создание записи», «Запись № 6»). Null (дефолт) — обычный\n * однострочный хедер. Overline не участвует в skeleton-режиме — это\n * статичный текст, известный до загрузки данных.\n */\n public readonly overline: InputSignal<string | null> = input<string | null>(null);\n\n /**\n * Приглушённая подпись ПОД заголовком: что делается в панели. Null (дефолт) —\n * строки нет. Как надзаголовок, в skeleton-режиме не участвует.\n */\n public readonly subtitle: InputSignal<string | null> = input<string | null>(null);\n\n /**\n * Ряд бэйджей (`rt-tag`) под заголовком — контекст сущности (статус, метка\n * записи и т.п.). Пустой массив (дефолт) — ряд не рендерится. Async-данные:\n * потребитель отдаёт `[]` пока сущность не зарезолвилась.\n */\n public readonly badges: InputSignal<readonly IRtAsideHeader.Badge[]> = input<readonly IRtAsideHeader.Badge[]>([]);\n\n /** Показывать кнопку закрытия в углу заголовка. Дефолт `true`. */\n public readonly closable: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(true, {\n transform: booleanAttribute,\n });\n\n /** Показывать skeleton вместо title (loading-state aside'а пока данные\n * резолвятся через async fasade). Дефолт `false`. */\n public readonly loading: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n transform: booleanAttribute,\n });\n\n /**\n * Эмитится при клике по стрелке «назад» — намерение пользователя закрыть\n * aside (intent, не «закрыто»). Route-driven consumer слушает этот output и\n * дёргает `panel.close()` сам. Имя `dismiss` вместо `close` — ESLint\n * `@angular-eslint/no-output-native` блокирует output с именем стандартного\n * DOM-события (`close`).\n */\n public readonly dismiss: OutputEmitterRef<void> = output<void>();\n\n protected onDismiss(): void {\n // Сначала output — route-driven consumer обработает intent.\n this.dismiss.emit();\n // Затем (если есть) AsideRef — programmatic mode через RtAsideService.\n this.#asideRef?.close();\n }\n}\n","<ng-container rtBlock=\"rt-aside-header\">\n <header rtElem=\"content\" qa-dataid=\"aside-header\">\n @if (closable()) {\n <rt-icon-button\n rtElem=\"back\"\n qa-dataid=\"aside-back\"\n icon=\"arrow-left\"\n size=\"sm\"\n variant=\"ghost\"\n [ariaLabel]=\"t().uiBack\"\n [tooltip]=\"t().uiBack\"\n (clicked)=\"onDismiss()\" />\n }\n\n <div rtElem=\"heading\">\n @if (overline(); as overlineText) {\n <p rtElem=\"overline\" qa-dataid=\"aside-overline\">{{ overlineText }}</p>\n }\n <h2 rtElem=\"title\" qa-dataid=\"aside-title\">\n <rt-skeleton-wrapper width=\"180px\" height=\"20px\" [isLoading]=\"loading()\">\n {{ title() }}\n </rt-skeleton-wrapper>\n </h2>\n\n @if (subtitle(); as subtitleText) {\n <p rtElem=\"subtitle\" qa-dataid=\"aside-subtitle\">{{ subtitleText }}</p>\n }\n\n @if (badges().length > 0) {\n <div rtElem=\"badges\">\n @for (badge of badges(); track badge.value) {\n @if (badge.href; as href) {\n <a rtElem=\"badge-link\" qa-dataid=\"aside-badge-link\" target=\"_blank\" rel=\"noopener\" [href]=\"href\">\n <rt-tag\n iconEnd=\"external-link\"\n [value]=\"badge.value\"\n [severity]=\"badge.severity ?? 'neutral'\"\n [appearance]=\"badge.appearance ?? 'solid'\"\n [radius]=\"badge.radius ?? 'md'\"\n [icon]=\"badge.icon ?? null\" />\n </a>\n } @else {\n <rt-tag\n [value]=\"badge.value\"\n [severity]=\"badge.severity ?? 'neutral'\"\n [appearance]=\"badge.appearance ?? 'solid'\"\n [radius]=\"badge.radius ?? 'md'\"\n [icon]=\"badge.icon ?? null\" />\n }\n }\n </div>\n }\n\n <ng-content select=\"[asideHeadingContent]\" />\n </div>\n\n <div rtElem=\"actions\" qa-dataid=\"aside-actions\">\n <ng-content select=\"[asideActions]\" />\n </div>\n </header>\n\n <div rtElem=\"row\" qa-dataid=\"aside-header-row\">\n <ng-content select=\"[asideHeaderContent]\" />\n </div>\n</ng-container>\n","import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';\n\nimport { BlockDirective, ElemDirective } from '@rt-tools/core';\n\nconst BEM_BLOCK: string = 'rt-aside-footer';\n\n/**\n * Footer-слот для композиции внутри `<rt-aside>`. Две зоны через именованные\n * слоты: `[asideDismiss]` (слева — «Закрыть», `appearance=\"text\"`, всегда) и\n * `[asidePrimary]` (справа — единственный позитивный глагол: Сохранить /\n * Отправить / Опубликовать, если есть). Раскладка `justify-content:\n * space-between`. Доменные/деструктивные действия в футер не кладём — они\n * проецируются иконками в `<rt-aside-header>` слот `[asideActions]`.\n *\n * Только две именованные зоны — безатрибутный контент НЕ проецируется (контент\n * без `asideDismiss`/`asidePrimary` не отрендерится).\n *\n * `ViewEncapsulation.None` — для единообразия с rt-aside.\n *\n * @example\n * \\`\\`\\`html\n * <rt-aside-footer>\n * <button rtButton asideDismiss appearance=\"text\" (click)=\"onClose()\">Закрыть</button>\n * <button rtButton asidePrimary theme=\"primary\" (click)=\"save()\">Сохранить</button>\n * </rt-aside-footer>\n * \\`\\`\\`\n */\n@Component({\n selector: 'rt-aside-footer',\n templateUrl: './rt-aside-footer.component.html',\n styleUrl: './rt-aside-footer.component.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n imports: [BlockDirective, ElemDirective],\n host: {\n class: BEM_BLOCK,\n },\n})\nexport class RtAsideFooterComponent {}\n","<ng-container rtBlock=\"rt-aside-footer\">\n <footer rtElem=\"content\" qa-dataid=\"aside-footer\">\n <ng-content select=\"[asideDismiss]\" />\n <ng-content select=\"[asidePrimary]\" />\n </footer>\n</ng-container>\n","import { Signal } from '@angular/core';\n\n/** Что делает панель, когда её просят закрыться. */\nexport enum ERtAsideCloseIntent {\n /** Ничего: идёт запись, и закрытие посреди неё потеряло бы её результат. */\n Ignore = 'ignore',\n /** Закрыться сразу: терять нечего. */\n Close = 'close',\n /** Спросить, что сделать с несохранёнными правками. */\n Ask = 'ask',\n}\n\n/** Исход окна с несохранёнными правками. */\nexport enum ERtAsideUnsavedOutcome {\n /** Закрыть без сохранения. */\n Discard = 'discard',\n /** Закрыть с сохранением. */\n Save = 'save',\n /** Остаться в панели. */\n Stay = 'stay',\n}\n\n/**\n * Гард закрытия, который панель ставит на себя: признак нетронутости формы и\n * запись, которую зовёт исход «закрыть с сохранением».\n */\nexport interface IRtAsideUnsavedGuard {\n pristine: Signal<boolean>;\n save: () => void;\n}\n\n/** Состояние панели на момент намерения закрыть её. */\nexport interface IRtAsideCloseState {\n submitting: boolean;\n guarded: boolean;\n pristine: boolean;\n}\n\n/**\n * Решение по намерению закрыть панель. Одно на все четыре пути закрытия: кнопку\n * в шапке, кнопку в футере, нажатие мимо панели и клавишу Esc — иначе Esc обошёл\n * бы то, что ловит кнопка.\n */\nexport function resolveCloseIntent(state: IRtAsideCloseState): ERtAsideCloseIntent {\n if (state.submitting) {\n return ERtAsideCloseIntent.Ignore;\n }\n\n return state.guarded && !state.pristine ? ERtAsideCloseIntent.Ask : ERtAsideCloseIntent.Close;\n}\n","import { inject, ChangeDetectionStrategy, Component, Signal, ViewEncapsulation } from '@angular/core';\n\nimport { BlockDirective, ElemDirective } from '@rt-tools/core';\n\nimport { RT_KIT_LABELS, TRtKitLabelMap } from '@rt-tools/ui-kit-v2/core';\nimport { RtButtonDirective } from '@rt-tools/ui-kit-v2/button';\nimport { RtDialogRef } from '@rt-tools/ui-kit-v2/dialog';\nimport { RtDialogComponent } from '@rt-tools/ui-kit-v2/dialog';\nimport { ERtAsideUnsavedOutcome } from './rt-aside-unsaved.logic';\n\nconst BEM_BLOCK: string = 'rt-aside-unsaved-dialog';\n\n/**\n * Окно, которое видит пользователь, закрывая панель с несохранёнными правками. Три\n * исхода: закрыть без сохранения, закрыть с сохранением, остаться. Открывает его\n * общая основа асайда, поэтому наружу компонент не экспортируется.\n *\n * Отказ от правок подан красной кнопкой: это единственный исход, после которого\n * введённое не вернуть.\n */\n@Component({\n selector: 'rt-aside-unsaved-dialog',\n templateUrl: './rt-aside-unsaved-dialog.component.html',\n styleUrl: './rt-aside-unsaved-dialog.component.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n imports: [\n // standalone components / directives\n RtButtonDirective,\n RtDialogComponent,\n BlockDirective,\n ElemDirective,\n ],\n host: {\n class: BEM_BLOCK,\n },\n})\nexport class RtAsideUnsavedDialogComponent {\n readonly #dialogRef: RtDialogRef<ERtAsideUnsavedOutcome> = inject(RtDialogRef);\n\n protected readonly t: Signal<TRtKitLabelMap> = inject(RT_KIT_LABELS);\n\n protected onDiscard(): void {\n this.#dialogRef.close(ERtAsideUnsavedOutcome.Discard);\n }\n\n protected onSave(): void {\n this.#dialogRef.close(ERtAsideUnsavedOutcome.Save);\n }\n\n protected onStay(): void {\n this.#dialogRef.close(ERtAsideUnsavedOutcome.Stay);\n }\n}\n","<rt-dialog width=\"440px\" qa-dataid=\"aside-unsaved-dialog\" [ariaLabel]=\"t().uiUnsavedTitle\">\n <div rtBlock=\"rt-aside-unsaved-dialog\">\n <div rtElem=\"text\">\n <h2 rtElem=\"title\" qa-dataid=\"aside-unsaved-title\">{{ t().uiUnsavedTitle }}</h2>\n <p rtElem=\"message\" qa-dataid=\"aside-unsaved-message\">{{ t().uiUnsavedMessage }}</p>\n </div>\n\n <div rtElem=\"footer\">\n <button\n rtButton\n qa-dataid=\"aside-unsaved-discard\"\n type=\"button\"\n theme=\"danger\"\n appearance=\"outlined\"\n [label]=\"t().uiUnsavedDiscard\"\n [attr.aria-label]=\"t().uiUnsavedDiscard\"\n (click)=\"onDiscard()\"></button>\n <button\n rtButton\n qa-dataid=\"aside-unsaved-stay\"\n type=\"button\"\n theme=\"secondary\"\n appearance=\"text\"\n [label]=\"t().uiUnsavedStay\"\n [attr.aria-label]=\"t().uiUnsavedStay\"\n (click)=\"onStay()\"></button>\n <button\n rtButton\n qa-dataid=\"aside-unsaved-save\"\n type=\"button\"\n appearance=\"filled\"\n [label]=\"t().uiUnsavedSave\"\n [attr.aria-label]=\"t().uiUnsavedSave\"\n (click)=\"onSave()\"></button>\n </div>\n </div>\n</rt-dialog>\n"],"mappings":"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"}
1
+ {"version":3,"file":"rt-tools-ui-kit-v2-aside.mjs","names":["BEM_BLOCK","BEM_BLOCK","BEM_BLOCK","BEM_BLOCK"],"sources":["../../../projects/ui-kit-v2/src/lib/components/aside/error-box/rt-aside-error-box.logic.ts","../../../projects/ui-kit-v2/src/lib/components/aside/error-box/rt-aside-error-box.component.ts","../../../projects/ui-kit-v2/src/lib/components/aside/error-box/rt-aside-error-box.component.html","../../../projects/ui-kit-v2/src/lib/components/aside/rt-aside.component.ts","../../../projects/ui-kit-v2/src/lib/components/aside/rt-aside.component.html","../../../projects/ui-kit-v2/src/lib/components/aside/rt-aside-ref.ts","../../../projects/ui-kit-v2/src/lib/components/aside/rt-aside.tokens.ts","../../../projects/ui-kit-v2/src/lib/components/aside/rt-aside.service.ts","../../../projects/ui-kit-v2/src/lib/components/aside/header/rt-aside-header.component.ts","../../../projects/ui-kit-v2/src/lib/components/aside/header/rt-aside-header.component.html","../../../projects/ui-kit-v2/src/lib/components/aside/footer/rt-aside-footer.component.ts","../../../projects/ui-kit-v2/src/lib/components/aside/footer/rt-aside-footer.component.html","../../../projects/ui-kit-v2/src/lib/components/aside/unsaved-dialog/rt-aside-unsaved.logic.ts","../../../projects/ui-kit-v2/src/lib/components/aside/unsaved-dialog/rt-aside-unsaved-dialog.component.ts","../../../projects/ui-kit-v2/src/lib/components/aside/unsaved-dialog/rt-aside-unsaved-dialog.component.html"],"sourcesContent":["function errorAsText(error: unknown): string {\n try {\n return JSON.stringify(error) ?? String(error);\n } catch {\n return String(error);\n }\n}\n\n/**\n * Текст, который кнопка блока ошибки кладёт в буфер обмена.\n *\n * Вид повторяет первый кит — `Error time: <дата>_<время>;Error info: <JSON>`: кто разбирал такие\n * копии раньше, читает их так же. Ошибку с петлёй внутри `JSON.stringify` не пишет и бросает —\n * тогда в копию идёт её строковый вид, и нажатие не падает.\n */\nexport function rtAsideErrorCopyText(error: unknown, now: Date): string {\n return `Error time: ${now.toDateString()}_${now.toTimeString()};Error info: ${errorAsText(error)}`;\n}\n","import { Clipboard } from '@angular/cdk/clipboard';\nimport {\n ChangeDetectionStrategy,\n Component,\n computed,\n DestroyRef,\n inject,\n input,\n InputSignal,\n signal,\n Signal,\n ViewEncapsulation,\n WritableSignal,\n} from '@angular/core';\n\nimport { BlockDirective, ElemDirective } from '@rt-tools/core';\n\nimport { rtKitLabel } from '@rt-tools/ui-kit-v2/core';\nimport { RtButtonDirective } from '@rt-tools/ui-kit-v2/button';\nimport { rtAsideErrorCopyText } from './rt-aside-error-box.logic';\n\nconst BEM_BLOCK: string = 'rt-aside-error-box';\n\n/** Сколько кнопка держит «скопировано» — секунда, как у первого кита. */\nconst CONFIRM_DELAY_MS: number = 1000;\n\n/**\n * Блок ошибки запроса боковой панели: надпись и кнопка, которая кладёт в буфер обмена время и\n * ошибку. Перенос `rtui-aside-error-box` первого кита без Material.\n *\n * Обычно его рисует сама панель по входу `requestError`; отдельно он нужен приложению, которое\n * показывает ошибку в другом месте.\n */\n@Component({\n selector: 'rt-aside-error-box',\n templateUrl: './rt-aside-error-box.component.html',\n styleUrl: './rt-aside-error-box.component.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n imports: [RtButtonDirective, BlockDirective, ElemDirective],\n host: {\n class: BEM_BLOCK,\n },\n})\nexport class RtAsideErrorBoxComponent {\n readonly #clipboard: Clipboard = inject(Clipboard);\n readonly #destroyRef: DestroyRef = inject(DestroyRef);\n\n #confirmTimer: ReturnType<typeof setTimeout> | null = null;\n\n readonly #copyLabel: Signal<string> = rtKitLabel('asideCopyErrorInfo');\n readonly #copiedLabel: Signal<string> = rtKitLabel('uiCopied');\n\n protected readonly title: Signal<string> = rtKitLabel('asideRequestError');\n\n protected readonly copied: WritableSignal<boolean> = signal(false);\n\n protected readonly buttonLabel: Signal<string> = computed((): string => (this.copied() ? this.#copiedLabel() : this.#copyLabel()));\n\n protected readonly buttonIcon: Signal<string | null> = computed((): string | null => (this.copied() ? 'check' : null));\n\n /** Ошибка, пришедшая от неудавшегося запроса: уходит в копию как JSON. */\n public readonly error: InputSignal<unknown> = input.required<unknown>();\n\n constructor() {\n this.#destroyRef.onDestroy((): void => this.#clearTimer());\n }\n\n protected onCopy(): void {\n this.#clipboard.copy(rtAsideErrorCopyText(this.error(), new Date()));\n this.copied.set(true);\n\n this.#clearTimer();\n this.#confirmTimer = setTimeout((): void => this.copied.set(false), CONFIRM_DELAY_MS);\n }\n\n #clearTimer(): void {\n if (this.#confirmTimer !== null) {\n clearTimeout(this.#confirmTimer);\n this.#confirmTimer = null;\n }\n }\n}\n","<ng-container rtBlock=\"rt-aside-error-box\">\n <div rtElem=\"frame\" qa-dataid=\"aside-error-box\">\n <span rtElem=\"title\" qa-dataid=\"aside-error-title\">{{ title() }}</span>\n\n <button\n rtButton\n rtElem=\"copy\"\n qa-dataid=\"aside-error-copy\"\n type=\"button\"\n theme=\"secondary\"\n appearance=\"text\"\n size=\"sm\"\n [label]=\"buttonLabel()\"\n [icon]=\"buttonIcon()\"\n [attr.aria-label]=\"buttonLabel()\"\n (click)=\"onCopy()\"></button>\n </div>\n</ng-container>\n","import { FocusTrap, FocusTrapFactory } from '@angular/cdk/a11y';\nimport { BooleanInput } from '@angular/cdk/coercion';\nimport { DOCUMENT } from '@angular/common';\nimport {\n afterRenderEffect,\n booleanAttribute,\n computed,\n inject,\n input,\n untracked,\n viewChild,\n ChangeDetectionStrategy,\n Component,\n DestroyRef,\n ElementRef,\n InputSignal,\n InputSignalWithTransform,\n Signal,\n ViewEncapsulation,\n} from '@angular/core';\n\nimport { BlockDirective, ElemDirective, ModDirective } from '@rt-tools/core';\n\nimport { RtSpinnerComponent } from '@rt-tools/ui-kit-v2/spinner';\nimport { RtAsideErrorBoxComponent } from './error-box/rt-aside-error-box.component';\n\nconst BEM_BLOCK: string = 'rt-aside';\n\n/**\n * Варианты ширины side-sheet:\n * - `sm` — 400px (`--rt-aside-width-sm`)\n * - `md` — 540px (`--rt-aside-width-md`, дефолт)\n * - `lg` — 720px (`--rt-aside-width-lg`)\n */\nexport type TRtAsideSize = 'sm' | 'md' | 'lg';\n\n/**\n * Раскладка контентной зоны side-sheet:\n * - `default` — контентная зона сама скроллится при overflow (штатный режим);\n * - `tabs` — контент — это `rt-tabs`: внешняя зона перестаёт быть скроллером,\n * полоса вкладок прибита, скроллится только контент активной вкладки\n * (`rt-tabs__content`).\n */\nexport type TRtAsideContentLayout = 'default' | 'tabs';\n\n/**\n * Презентационный styled-frame для side-sheet.\n *\n * Видимость / backdrop / scroll-block / ESC / slide-in анимация — НЕ внутренняя\n * ответственность компонента. Это обеспечивает CDK Overlay через\n * `RtAsideService.open()`. rt-aside здесь — стилизованная \"рамка\" с size-вариантами\n * и тремя слотами: `rt-aside-header`, содержимое и `rt-aside-footer`.\n *\n * Содержимое лежит в одной зоне `.rt-aside__content` — она и держит инсет панели,\n * и прокручивается. Пока зоны не было, каждый корневой узел содержимого получал\n * инсет и прокрутку сам по себе: разделы делили высоту панели между собой, а\n * обводка фокуса поля срезалась краем такого мини-скроллера.\n *\n * Семантика — `role=\"complementary\"` (mirror rt-dialog имеет `role=\"dialog\"`,\n * aside — другая роль, side-sheet не обязательно блокирующий).\n *\n * `ViewEncapsulation.None` — стили префиксованы `.rt-aside`, чтобы соседние\n * rt-aside-header / rt-aside-footer работали с одним BEM-блоком без\n * cross-encapsulation хака.\n */\n@Component({\n selector: 'rt-aside',\n templateUrl: './rt-aside.component.html',\n styleUrl: './rt-aside.component.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n imports: [BlockDirective, ElemDirective, ModDirective, RtAsideErrorBoxComponent, RtSpinnerComponent],\n host: {\n class: BEM_BLOCK,\n },\n})\nexport class RtAsideComponent {\n readonly #focusTrapFactory: FocusTrapFactory = inject(FocusTrapFactory);\n readonly #document: Document = inject(DOCUMENT);\n\n #focusTrap: FocusTrap | null = null;\n #restoreFocusTo: HTMLElement | null = null;\n\n protected readonly frame: Signal<ElementRef<HTMLElement>> = viewChild.required<ElementRef<HTMLElement>>('frame');\n\n protected readonly hasRequestError: Signal<boolean> = computed(\n (): boolean => this.requestError() !== null && this.requestError() !== undefined\n );\n\n public readonly size: InputSignal<TRtAsideSize> = input<TRtAsideSize>('md');\n public readonly contentLayout: InputSignal<TRtAsideContentLayout> = input<TRtAsideContentLayout>('default');\n public readonly width: InputSignal<string | null> = input<string | null>(null);\n public readonly ariaLabel: InputSignal<string | null> = input<string | null>(null);\n\n /**\n * Ошибка неудавшегося запроса. Пока она есть, между шапкой и содержимым стоит блок ошибки с\n * кнопкой копирования; `null` и `undefined` — ошибки нет, любое другое значение её показывает.\n */\n public readonly requestError: InputSignal<unknown> = input<unknown>(null);\n\n /**\n * Держать Tab внутри панели. При включении фокус уходит на `[cdkFocusInitial]` или первый\n * элемент под Tab, а когда панель уходит или вход гаснет, возвращается туда, где стоял.\n */\n public readonly trapFocus: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n transform: booleanAttribute,\n });\n\n /** Идёт запрос: панель накрыта слоем с крутилкой и помечена занятой. */\n public readonly pending: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n transform: booleanAttribute,\n });\n\n constructor() {\n // После отрисовки: до неё у рамки нет ни полей, ни кнопок, и ловить фокус не на чем.\n afterRenderEffect((): void => {\n const enabled: boolean = this.trapFocus();\n const frame: HTMLElement = this.frame().nativeElement;\n untracked((): void => (enabled ? this.#holdFocus(frame) : this.#releaseFocus()));\n });\n inject(DestroyRef).onDestroy((): void => this.#releaseFocus());\n }\n\n #holdFocus(frame: HTMLElement): void {\n if (this.#focusTrap !== null) {\n return;\n }\n const focused: Element | null = this.#document.activeElement;\n this.#restoreFocusTo = focused instanceof HTMLElement ? focused : null;\n this.#focusTrap = this.#focusTrapFactory.create(frame);\n void this.#focusTrap.focusInitialElementWhenReady();\n }\n\n #releaseFocus(): void {\n if (this.#focusTrap === null) {\n return;\n }\n this.#focusTrap.destroy();\n this.#focusTrap = null;\n const restoreTo: HTMLElement | null = this.#restoreFocusTo;\n this.#restoreFocusTo = null;\n if (restoreTo?.isConnected === true) {\n restoreTo.focus();\n }\n }\n}\n","<div\n #frame\n rtBlock=\"rt-aside\"\n qa-dataid=\"aside\"\n role=\"complementary\"\n [rtMod]=\"{ size: size(), content: contentLayout() }\"\n [style.--rt-aside-width]=\"width()\"\n [attr.aria-label]=\"ariaLabel()\"\n [attr.aria-busy]=\"pending() || null\">\n <ng-content select=\"rt-aside-header\" />\n\n @if (hasRequestError()) {\n <rt-aside-error-box rtElem=\"error\" [error]=\"requestError()\" />\n }\n\n <div rtElem=\"content\" qa-dataid=\"aside-content\">\n <ng-content />\n </div>\n\n <ng-content select=\"rt-aside-footer\" />\n\n @if (pending()) {\n <div rtElem=\"pending\" qa-dataid=\"aside-pending\">\n <rt-spinner />\n </div>\n }\n</div>\n","import { OverlayRef } from '@angular/cdk/overlay';\nimport { Renderer2, signal, WritableSignal } from '@angular/core';\n\nimport { Observable, Subject, take } from 'rxjs';\n\n/** Длительность slide-out анимации; синхронизирована с `--rt-aside-animation-duration` в SCSS. */\nconst LEAVE_ANIMATION_DURATION_MS: number = 200;\n\n/**\n * Жест закрытия, на который панель не закрылась: `Escape` или нажатие по подложке. Панель\n * отказывает в нём под `disableClose()` и когда жест выключен настройкой открытия.\n */\nexport type TRtAsideCloseRequest = 'escape' | 'backdrop';\n\n/**\n * Хэндл к программно открытой side-sheet (через `RtAsideService.open()`).\n *\n * Контент-компонент инжектит `RtAsideRef` и закрывает aside через `.close(result?)`.\n * Родитель ждёт результата через `.afterClosed()`.\n *\n * Generic `<T>` — тип результата `close(result)`. Дефолт `unknown` — если результат\n * не нужен, оставляй generic пустым.\n *\n * Lifecycle close():\n * 1. Race-guard `#isClosing` гарантирует один эмит даже при двойном вызове.\n * 2. Снимает `rt-aside-overlay--open` и ставит `rt-aside-overlay--leaving` на host —\n * CSS-transition (200ms) играет slide-out.\n * 3. Эмиттит result в `afterClosed()` СРАЗУ (consumer не ждёт анимацию).\n * 4. Через `setTimeout(200ms)` зовёт `overlayRef.dispose()` — overlay убран после анимации.\n *\n * Слой, снятый без `close()` — переходом по адресу (`disposeOnNavigation`) или уничтожением\n * хозяина, — тоже завершает `afterClosed()`: подписчик получает `undefined`.\n *\n * @example\n * \\`\\`\\`ts\n * // в контент-компоненте\n * private readonly asideRef = inject(RtAsideRef<{ saved: boolean }>);\n * onSave(): void { this.asideRef.close({ saved: true }); }\n *\n * // в родителе\n * asideService.open(EditAsideComponent).afterClosed().subscribe(result => {...});\n * \\`\\`\\`\n */\nexport class RtAsideRef<T = unknown> {\n /**\n * Runtime-флаг, блокирующий close() через ESC / backdrop click.\n *\n * Default `false`. Включай (`asideRef.disableClose.set(true)`) на время\n * in-flight submit'а, чтобы юзер не потерял введённые в форму данные.\n * Программный `close(result)` гейтом не задет — он всегда закрывает.\n */\n public readonly disableClose: WritableSignal<boolean> = signal(false);\n\n readonly #overlayRef: OverlayRef;\n readonly #renderer: Renderer2;\n readonly #afterClosedSource: Subject<T | undefined> = new Subject<T | undefined>();\n readonly #closeRequestsSource: Subject<TRtAsideCloseRequest>;\n\n #isClosing: boolean = false;\n\n /**\n * `closeRequestsSource` наполняет служба: она слушает жесты и знает, отказала ли в них панель.\n * Хэндл только завершает поток вместе с панелью.\n */\n constructor(\n overlayRef: OverlayRef,\n renderer: Renderer2,\n closeRequestsSource: Subject<TRtAsideCloseRequest> = new Subject<TRtAsideCloseRequest>()\n ) {\n this.#overlayRef = overlayRef;\n this.#renderer = renderer;\n this.#closeRequestsSource = closeRequestsSource;\n this.#overlayRef\n .detachments()\n .pipe(take(1))\n .subscribe((): void => this.#finish(undefined));\n }\n\n /** Закрывает overlay со slide-out анимацией; эмиттит result в `afterClosed()` синхронно. */\n public close(result?: T): void {\n if (this.#isClosing) {\n return;\n }\n this.#isClosing = true;\n\n this.#renderer.removeClass(this.#overlayRef.overlayElement, 'rt-aside-overlay--open');\n this.#renderer.addClass(this.#overlayRef.overlayElement, 'rt-aside-overlay--leaving');\n\n // Эмитим результат сразу — consumer не ждёт slide-out.\n this.#emit(result);\n\n // Дефер dispose'а на длительность анимации — overlay остаётся в DOM,\n // пока CSS-transition не отыграет slide-out.\n setTimeout((): void => {\n this.#overlayRef.dispose();\n }, LEAVE_ANIMATION_DURATION_MS);\n }\n\n /** Эмиттит один раз — результат `close(result)` или `undefined` при снятом слое — и завершается. */\n public afterClosed(): Observable<T | undefined> {\n return this.#afterClosedSource.asObservable();\n }\n\n /**\n * Жесты закрытия, в которых панель отказала: `Escape` и нажатие по подложке под\n * `disableClose()` или выключенные настройкой. Завершается вместе с панелью.\n */\n public closeRequests(): Observable<TRtAsideCloseRequest> {\n return this.#closeRequestsSource.asObservable();\n }\n\n /** Слой снят без `close()`: анимации играть не на чем, остаётся отдать результат. */\n #finish(result: T | undefined): void {\n if (this.#isClosing) {\n return;\n }\n this.#isClosing = true;\n this.#emit(result);\n }\n\n #emit(result: T | undefined): void {\n this.#afterClosedSource.next(result);\n this.#afterClosedSource.complete();\n this.#closeRequestsSource.complete();\n }\n}\n","import { InjectionToken } from '@angular/core';\n\n/**\n * Injection token для передачи данных в side-sheet, открытую через `RtAsideService.open()`.\n *\n * Пользовательский компонент-контент aside'а инжектит токен и получает данные,\n * переданные в `IRtAsideConfig.data`. Тип значения задаётся generic'ом — `inject(RT_ASIDE_DATA)`\n * вернёт `unknown`, прокастуй через `inject(RT_ASIDE_DATA) as MyDataType` ИЛИ\n * объяви токен с конкретным generic'ом в feature-либе.\n *\n * Намеренно отдельный токен от `RT_DIALOG_DATA`, чтобы type-checker не путал контексты\n * (rt-dialog vs rt-aside) — оба сервиса могут существовать в одном DI-дереве.\n *\n * @example\n * \\`\\`\\`ts\n * @Component({...})\n * export class GuestProfileAsideComponent {\n * readonly data = inject(RT_ASIDE_DATA) as { userId: number };\n * }\n *\n * // parent\n * asideService.open(GuestProfileAsideComponent, { data: { userId: 42 } });\n * \\`\\`\\`\n */\nexport const RT_ASIDE_DATA: InjectionToken<unknown> = new InjectionToken<unknown>('RT_ASIDE_DATA');\n","import { ComponentType, Overlay, OverlayConfig, OverlayRef, PositionStrategy } from '@angular/cdk/overlay';\nimport { ComponentPortal } from '@angular/cdk/portal';\nimport { DOCUMENT } from '@angular/common';\nimport { inject, DestroyRef, Injectable, Injector, Renderer2, RendererFactory2, Signal } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\nimport { EMPTY, map, merge, mergeMap, Observable, Subject, Subscriber, takeUntil } from 'rxjs';\n\nimport { IRtKitConfig } from '@rt-tools/ui-kit-v2/core';\nimport { rtKitDefault } from '@rt-tools/ui-kit-v2/core';\nimport { carryThemeScopeOfFocus, materialPresetClassesOfFocus } from '@rt-tools/ui-kit-v2/core';\nimport { RtAsideRef, TRtAsideCloseRequest } from './rt-aside-ref';\nimport { RT_ASIDE_DATA } from './rt-aside.tokens';\n\n/**\n * Позиционирование side-sheet — у какого края viewport \"приклеена\" панель.\n */\nexport type TRtAsidePosition = 'right' | 'left';\n\n/**\n * Конфигурация открытия side-sheet через `RtAsideService.open()`.\n */\nexport interface IRtAsideConfig<TData = unknown> {\n /** Данные, доступные внутри aside'а через `inject(RT_ASIDE_DATA)`. */\n data?: TData;\n\n /** Дополнительный CSS-класс для backdrop (поверх стандартного `rt-aside-backdrop`). */\n backdropClass?: string | string[];\n\n /** Дополнительный CSS-класс для panel-обёртки overlay (поверх `rt-aside-overlay`). */\n panelClass?: string | string[];\n\n /** Закрывать aside по клику на backdrop. По дефолту `true`. */\n closeOnBackdropClick?: boolean;\n\n /** Закрывать aside по ESC. По дефолту `true`. */\n closeOnEscape?: boolean;\n\n /** К какому краю viewport \"приклеить\" панель. По дефолту `\"right\"`. */\n position?: TRtAsidePosition;\n\n /**\n * Injector хозяина панели — обычно `inject(Injector)` открывающего компонента. Он становится\n * родителем портала: содержимое видит провайдеры хозяина. Уничтожение хозяина закрывает\n * панель через `close()`. Без него родитель — корневой injector, и панель живёт сама по себе.\n */\n injector?: Injector;\n\n /**\n * Снимать панель при переходе по адресу. По умолчанию `true`; `false` оставляет её открытой —\n * для панели, которая сама ведёт навигацию и должна пережить смену адреса.\n */\n disposeOnNavigation?: boolean;\n}\n\n/**\n * Контекст одного открытия aside'а — payload для per-open close-подписок в конструкторном\n * стриме. `asideRef` сужен до используемых handler'ами членов (`RtAsideRef<T>` инвариантен\n * по `T`, целиком в generic-agnostic контекст не влезает).\n */\ninterface IRtAsideOpenContext {\n overlayRef: OverlayRef;\n asideRef: {\n disableClose: Signal<boolean>;\n close: () => void;\n };\n closeRequests: Subject<TRtAsideCloseRequest>;\n /** DestroyRef хозяина из `config.injector`; его уничтожение закрывает панель. */\n ownerDestroyRef: DestroyRef | null;\n closeOnBackdropClick: boolean;\n closeOnEscape: boolean;\n}\n\n/**\n * Программный API для открытия side-sheet поверх CDK Overlay.\n *\n * Архитектурно зеркалит `RtDialogService`, отличаясь только positionStrategy\n * (edge-anchored: `right('0')` / `left('0')` + `top('0')`) и slide-in анимацией,\n * которая триггерится через CSS-классы на overlay host (`Renderer2` инжектится\n * через `RendererFactory2`, потому что в service нет ComponentRef).\n *\n * Lifecycle:\n * 1. `overlay.create({ panelClass: [..., '--entering'] })` — host получает initial\n * CSS-стейт (translateX(±100%)).\n * 2. `overlayRef.attach(portal)` — контент-компонент монтируется в host.\n * 3. На следующий paint (`requestAnimationFrame`) сервис снимает `--entering` и\n * добавляет `--open` — CSS-transition сделает slide-in.\n * 4. На `ref.close(result)` ref добавляет `--leaving`, эмиттит result синхронно,\n * deferred `dispose()` через 200ms (длительность анимации).\n *\n * Альтернатива rt-dialog — для длинных форм / мастеров / side-panels, где\n * центрированная модалка ощущается тесной. Не предназначено для подтверждений\n * или коротких диалогов (для этого — `RtDialogService`).\n *\n * @example\n * \\`\\`\\`ts\n * private readonly asideService = inject(RtAsideService);\n *\n * openProfile(userId: number): void {\n * const ref = this.asideService.open<GuestProfileAsideComponent, { userId: number }, void>(\n * GuestProfileAsideComponent,\n * { data: { userId }, position: \"right\" }\n * );\n * ref.afterClosed().subscribe(() => this.reloadList());\n * }\n *\n * // контент-компонент\n * @Component({ ... })\n * export class GuestProfileAsideComponent {\n * readonly data = inject(RT_ASIDE_DATA) as { userId: number };\n * readonly #ref = inject(RtAsideRef);\n * close(): void { this.#ref.close(); }\n * }\n * \\`\\`\\`\n */\n@Injectable({ providedIn: 'root' })\nexport class RtAsideService {\n readonly #overlay: Overlay = inject(Overlay);\n readonly #injector: Injector = inject(Injector);\n readonly #document: Document = inject(DOCUMENT);\n // Renderer2 нужен для манипуляции CSS-классами на overlay.hostElement.\n // В service нет ComponentRef, поэтому Renderer2 берём через factory.\n readonly #renderer: Renderer2 = inject(RendererFactory2).createRenderer(null, null);\n\n readonly #openSource: Subject<IRtAsideOpenContext> = new Subject<IRtAsideOpenContext>();\n\n /* Закрывает ли `Escape` штору, когда вызов об этом промолчал. Умолчание кита — закрывает;\n приложению, которому это мешает, иначе пришлось бы писать отказ на каждом вызове, и\n забытый вызов отличался бы от остальных. */\n readonly #closeOnEscape: boolean = rtKitDefault('aside', (it: IRtKitConfig.Aside): boolean | undefined => it.closeOnEscape, true);\n\n constructor() {\n // Per-open close-подписки (backdrop / ESC) живут в одном постоянном\n // конструкторном стриме: open() эмитит контекст открытия, mergeMap\n // подписывает event-стримы конкретного OverlayRef до его dispose\n // (`detachments()` терминирует внутренний поток). mergeMap, а не\n // switchMap — одновременно может быть открыто несколько aside'ов.\n //\n // Runtime-guard через asideRef.disableClose() — те же правила, что в\n // rt-dialog: ESC / backdrop НЕ закрывают overlay, если disableClose=true;\n // программный ref.close() гейтом не задет.\n this.#openSource\n .pipe(\n mergeMap((openContext: IRtAsideOpenContext): Observable<() => void> => {\n // Оба жеста слушаются всегда: отказ в закрытии — тоже ответ, и он уходит в\n // `closeRequests()` хэндла, будь то `disableClose` или выключенный жест.\n const backdropClose$: Observable<() => void> = openContext.overlayRef.backdropClick().pipe(\n map((): (() => void) => (): void => {\n this.#answerCloseGesture(openContext, 'backdrop', openContext.closeOnBackdropClick);\n })\n );\n const escapeClose$: Observable<() => void> = openContext.overlayRef.keydownEvents().pipe(\n map((event: KeyboardEvent): (() => void) => (): void => {\n if (event.key !== 'Escape') {\n return;\n }\n if (openContext.closeOnEscape) {\n event.preventDefault();\n }\n this.#answerCloseGesture(openContext, 'escape', openContext.closeOnEscape);\n })\n );\n const ownerClose$: Observable<() => void> = this.#destroyed(openContext.ownerDestroyRef).pipe(\n map((): (() => void) => (): void => openContext.asideRef.close())\n );\n return merge(backdropClose$, escapeClose$, ownerClose$).pipe(takeUntil(openContext.overlayRef.detachments()));\n }),\n takeUntilDestroyed()\n )\n .subscribe((handleCloseIntent: () => void): void => handleCloseIntent());\n }\n\n public open<TComponent, TData = unknown, TResult = unknown>(\n component: ComponentType<TComponent>,\n config?: IRtAsideConfig<TData>\n ): RtAsideRef<TResult> {\n const position: TRtAsidePosition = config?.position ?? 'right';\n const positionStrategy: PositionStrategy =\n position === 'right'\n ? this.#overlay.position().global().right('0').top('0')\n : this.#overlay.position().global().left('0').top('0');\n\n const panelClasses: string[] = [\n 'rt-aside-overlay',\n `rt-aside-overlay--position-${position}`,\n 'rt-aside-overlay--entering',\n ...materialPresetClassesOfFocus(this.#document),\n ];\n\n const overlayConfig: OverlayConfig = {\n positionStrategy,\n scrollStrategy: this.#overlay.scrollStrategies.block(),\n hasBackdrop: true,\n backdropClass: config?.backdropClass ?? 'rt-aside-backdrop',\n panelClass: config?.panelClass !== undefined ? [...panelClasses, ...this.#toArray(config.panelClass)] : panelClasses,\n disposeOnNavigation: config?.disposeOnNavigation ?? true,\n };\n\n const overlayRef: OverlayRef = this.#overlay.create(overlayConfig);\n // До attach: содержимое панели может забрать фокус, и кусок темы у кнопки будет потерян.\n carryThemeScopeOfFocus(overlayRef.overlayElement, this.#document);\n const closeRequests: Subject<TRtAsideCloseRequest> = new Subject<TRtAsideCloseRequest>();\n const asideRef: RtAsideRef<TResult> = new RtAsideRef<TResult>(overlayRef, this.#renderer, closeRequests);\n\n // Сами close-подписки объявлены один раз в конструкторе — здесь только\n // эмит контекста открытия (см. #openSource-стрим).\n this.#openSource.next({\n overlayRef,\n asideRef,\n closeRequests,\n ownerDestroyRef: config?.injector?.get(DestroyRef, null) ?? null,\n closeOnBackdropClick: config?.closeOnBackdropClick !== false,\n closeOnEscape: config?.closeOnEscape ?? this.#closeOnEscape,\n });\n\n const injector: Injector = Injector.create({\n parent: config?.injector ?? this.#injector,\n providers: [\n { provide: RtAsideRef, useValue: asideRef },\n { provide: RT_ASIDE_DATA, useValue: config?.data ?? null },\n ],\n });\n\n const portal: ComponentPortal<TComponent> = new ComponentPortal<TComponent>(component, null, injector);\n overlayRef.attach(portal);\n\n // Slide-in: на следующий paint снимаем --entering и добавляем --open.\n // CSS transition (см. rt-aside.component.scss) сделает анимацию.\n // Backdrop default hidden — toggle --visible одновременно со слайдом.\n // Панель могли снять до кадра — `close()`, переходом или уничтожением хозяина в том же такте.\n requestAnimationFrame((): void => {\n if (!overlayRef.hasAttached()) {\n return;\n }\n this.#renderer.removeClass(overlayRef.overlayElement, 'rt-aside-overlay--entering');\n this.#renderer.addClass(overlayRef.overlayElement, 'rt-aside-overlay--open');\n const backdropEl: HTMLElement | null = overlayRef.backdropElement;\n if (backdropEl !== null) {\n this.#renderer.addClass(backdropEl, 'rt-aside-backdrop--visible');\n }\n });\n\n return asideRef;\n }\n\n /** Жест закрытия: закрывает панель, если жест включён и не держит `disableClose`, иначе сообщает об отказе. */\n #answerCloseGesture(openContext: IRtAsideOpenContext, gesture: TRtAsideCloseRequest, enabled: boolean): void {\n if (enabled && !openContext.asideRef.disableClose()) {\n openContext.asideRef.close();\n return;\n }\n openContext.closeRequests.next(gesture);\n }\n\n /**\n * Уничтожение хозяина как поток. Отписка — уход панели — снимает слушателя с хозяина, и его\n * позднее уничтожение панель уже не трогает.\n */\n #destroyed(ownerDestroyRef: DestroyRef | null): Observable<void> {\n if (ownerDestroyRef === null) {\n return EMPTY;\n }\n return new Observable<void>((subscriber: Subscriber<void>): (() => void) =>\n ownerDestroyRef.onDestroy((): void => subscriber.next())\n );\n }\n\n /** Нормализует `string | string[]` к массиву (panelClass поддерживает оба формата). */\n #toArray(value: string | string[]): string[] {\n return Array.isArray(value) ? value : [value];\n }\n}\n","import { BooleanInput } from '@angular/cdk/coercion';\nimport {\n booleanAttribute,\n inject,\n input,\n output,\n ChangeDetectionStrategy,\n Component,\n InputSignal,\n InputSignalWithTransform,\n OutputEmitterRef,\n Signal,\n ViewEncapsulation,\n} from '@angular/core';\n\nimport { BlockDirective, ElemDirective } from '@rt-tools/core';\n\nimport { RT_KIT_LABELS, TRtKitLabelMap } from '@rt-tools/ui-kit-v2/core';\nimport { RtIconButtonComponent } from '@rt-tools/ui-kit-v2/icon-button';\nimport { RtSkeletonWrapperComponent } from '@rt-tools/ui-kit-v2/skeleton-wrapper';\nimport { RtTagComponent } from '@rt-tools/ui-kit-v2/tag';\nimport { RtAsideRef } from '../rt-aside-ref';\nimport { IRtAsideHeader } from './rt-aside-header.model';\n\nconst BEM_BLOCK: string = 'rt-aside-header';\n\n/**\n * Заголовок side-sheet'а; работает в двух modes:\n *\n * 1. **Programmatic** (через `RtAsideService.open()`) — `RtAsideRef` провайдится\n * оверлей-инжектором; стрелка «назад» дёргает `asideRef.close()` напрямую,\n * consumer подписан на `afterClosed()`.\n * 2. **Route-driven** (через `[rtContainerRightSidenavPanel]` driver в\n * rt-container'е) — `RtAsideRef` НЕ провайдится (overlay принадлежит\n * rt-container'у, не RtAsideService). Consumer слушает `(dismiss)` output и\n * сам зовёт `panel.close()`.\n *\n * Оба пути живут одновременно: `onDismiss()` сперва эмитит output, затем (если\n * есть) дёргает optional `asideRef.close()`.\n *\n * Доменные действия (отклонить / удалить / снять с публикации и т.п.)\n * проецируются в слот `[asideActions]` как ряд `rt-icon-button` справа от title.\n *\n * Слот `[asideHeaderContent]` — строка под заголовком на всю ширину шапки: поиск, вкладки,\n * сводка. Пустой слот места не занимает.\n *\n * Слот `[asideHeadingContent]` — содержимое в колонке заголовка, под подписью и бэйджами, по её\n * левому краю. Пустой слот ничего не рисует.\n *\n * `ViewEncapsulation.None` — для единообразия с rt-dialog-header (стили\n * префиксованы `.rt-aside-header`).\n *\n * @example\n * ```html\n * <rt-aside-header title=\"Профиль пользователя\" />\n * <rt-aside-header title=\"Создание записи\" [closable]=\"false\" />\n * <rt-aside-header title=\"Детали\" (dismiss)=\"onClose()\">\n * <rt-icon-button asideActions icon=\"ico-error\" variant=\"danger\"\n * ariaLabel=\"Отклонить\" (clicked)=\"reject()\" />\n * </rt-aside-header>\n * ```\n */\n@Component({\n selector: 'rt-aside-header',\n templateUrl: './rt-aside-header.component.html',\n styleUrl: './rt-aside-header.component.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n imports: [\n // standalone components / directives\n RtIconButtonComponent,\n RtSkeletonWrapperComponent,\n RtTagComponent,\n BlockDirective,\n ElemDirective,\n ],\n host: {\n class: BEM_BLOCK,\n },\n})\nexport class RtAsideHeaderComponent {\n readonly #asideRef: RtAsideRef | null = inject(RtAsideRef, { optional: true });\n\n /** Текст заголовка — рендерится в `<h2>`. Null/пустая строка вместе с\n * `[loading]=true` показывают skeleton вместо title. */\n protected readonly t: Signal<TRtKitLabelMap> = inject(RT_KIT_LABELS);\n\n public readonly title: InputSignal<string | null> = input<string | null>(null);\n\n /**\n * Мелкий приглушённый надзаголовок НАД основным title (контекст действия:\n * «Создание записи», «Запись № 6»). Null (дефолт) — обычный\n * однострочный хедер. Overline не участвует в skeleton-режиме — это\n * статичный текст, известный до загрузки данных.\n */\n public readonly overline: InputSignal<string | null> = input<string | null>(null);\n\n /**\n * Приглушённая подпись ПОД заголовком: что делается в панели. Null (дефолт) —\n * строки нет. Как надзаголовок, в skeleton-режиме не участвует.\n */\n public readonly subtitle: InputSignal<string | null> = input<string | null>(null);\n\n /**\n * Ряд бэйджей (`rt-tag`) под заголовком — контекст сущности (статус, метка\n * записи и т.п.). Пустой массив (дефолт) — ряд не рендерится. Async-данные:\n * потребитель отдаёт `[]` пока сущность не зарезолвилась.\n */\n public readonly badges: InputSignal<readonly IRtAsideHeader.Badge[]> = input<readonly IRtAsideHeader.Badge[]>([]);\n\n /** Показывать кнопку закрытия в углу заголовка. Дефолт `true`. */\n public readonly closable: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(true, {\n transform: booleanAttribute,\n });\n\n /** Показывать skeleton вместо title (loading-state aside'а пока данные\n * резолвятся через async fasade). Дефолт `false`. */\n public readonly loading: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n transform: booleanAttribute,\n });\n\n /**\n * Эмитится при клике по стрелке «назад» — намерение пользователя закрыть\n * aside (intent, не «закрыто»). Route-driven consumer слушает этот output и\n * дёргает `panel.close()` сам. Имя `dismiss` вместо `close` — ESLint\n * `@angular-eslint/no-output-native` блокирует output с именем стандартного\n * DOM-события (`close`).\n */\n public readonly dismiss: OutputEmitterRef<void> = output<void>();\n\n protected onDismiss(): void {\n // Сначала output — route-driven consumer обработает intent.\n this.dismiss.emit();\n // Затем (если есть) AsideRef — programmatic mode через RtAsideService.\n this.#asideRef?.close();\n }\n}\n","<ng-container rtBlock=\"rt-aside-header\">\n <header rtElem=\"content\" qa-dataid=\"aside-header\">\n @if (closable()) {\n <rt-icon-button\n rtElem=\"back\"\n qa-dataid=\"aside-back\"\n icon=\"arrow-left\"\n size=\"sm\"\n variant=\"ghost\"\n [ariaLabel]=\"t().uiBack\"\n [tooltip]=\"t().uiBack\"\n (clicked)=\"onDismiss()\" />\n }\n\n <div rtElem=\"heading\">\n @if (overline(); as overlineText) {\n <p rtElem=\"overline\" qa-dataid=\"aside-overline\">{{ overlineText }}</p>\n }\n <h2 rtElem=\"title\" qa-dataid=\"aside-title\">\n <rt-skeleton-wrapper width=\"180px\" height=\"20px\" [isLoading]=\"loading()\">\n {{ title() }}\n </rt-skeleton-wrapper>\n </h2>\n\n @if (subtitle(); as subtitleText) {\n <p rtElem=\"subtitle\" qa-dataid=\"aside-subtitle\">{{ subtitleText }}</p>\n }\n\n @if (badges().length > 0) {\n <div rtElem=\"badges\">\n @for (badge of badges(); track badge.value) {\n @if (badge.href; as href) {\n <a rtElem=\"badge-link\" qa-dataid=\"aside-badge-link\" target=\"_blank\" rel=\"noopener\" [href]=\"href\">\n <rt-tag\n iconEnd=\"external-link\"\n [value]=\"badge.value\"\n [severity]=\"badge.severity ?? 'neutral'\"\n [appearance]=\"badge.appearance ?? 'solid'\"\n [radius]=\"badge.radius ?? 'md'\"\n [icon]=\"badge.icon ?? null\" />\n </a>\n } @else {\n <rt-tag\n [value]=\"badge.value\"\n [severity]=\"badge.severity ?? 'neutral'\"\n [appearance]=\"badge.appearance ?? 'solid'\"\n [radius]=\"badge.radius ?? 'md'\"\n [icon]=\"badge.icon ?? null\" />\n }\n }\n </div>\n }\n\n <ng-content select=\"[asideHeadingContent]\" />\n </div>\n\n <div rtElem=\"actions\" qa-dataid=\"aside-actions\">\n <ng-content select=\"[asideActions]\" />\n </div>\n </header>\n\n <div rtElem=\"row\" qa-dataid=\"aside-header-row\">\n <ng-content select=\"[asideHeaderContent]\" />\n </div>\n</ng-container>\n","import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';\n\nimport { BlockDirective, ElemDirective } from '@rt-tools/core';\n\nconst BEM_BLOCK: string = 'rt-aside-footer';\n\n/**\n * Footer-слот для композиции внутри `<rt-aside>`. Две зоны через именованные\n * слоты: `[asideDismiss]` (слева — «Закрыть», `appearance=\"text\"`, всегда) и\n * `[asidePrimary]` (справа — единственный позитивный глагол: Сохранить /\n * Отправить / Опубликовать, если есть). Раскладка `justify-content:\n * space-between`. Доменные/деструктивные действия в футер не кладём — они\n * проецируются иконками в `<rt-aside-header>` слот `[asideActions]`.\n *\n * Только две именованные зоны — безатрибутный контент НЕ проецируется (контент\n * без `asideDismiss`/`asidePrimary` не отрендерится).\n *\n * `ViewEncapsulation.None` — для единообразия с rt-aside.\n *\n * @example\n * \\`\\`\\`html\n * <rt-aside-footer>\n * <button rtButton asideDismiss appearance=\"text\" (click)=\"onClose()\">Закрыть</button>\n * <button rtButton asidePrimary theme=\"primary\" (click)=\"save()\">Сохранить</button>\n * </rt-aside-footer>\n * \\`\\`\\`\n */\n@Component({\n selector: 'rt-aside-footer',\n templateUrl: './rt-aside-footer.component.html',\n styleUrl: './rt-aside-footer.component.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n imports: [BlockDirective, ElemDirective],\n host: {\n class: BEM_BLOCK,\n },\n})\nexport class RtAsideFooterComponent {}\n","<ng-container rtBlock=\"rt-aside-footer\">\n <footer rtElem=\"content\" qa-dataid=\"aside-footer\">\n <ng-content select=\"[asideDismiss]\" />\n <ng-content select=\"[asidePrimary]\" />\n </footer>\n</ng-container>\n","import { Signal } from '@angular/core';\n\n/** Что делает панель, когда её просят закрыться. */\nexport enum ERtAsideCloseIntent {\n /** Ничего: идёт запись, и закрытие посреди неё потеряло бы её результат. */\n Ignore = 'ignore',\n /** Закрыться сразу: терять нечего. */\n Close = 'close',\n /** Спросить, что сделать с несохранёнными правками. */\n Ask = 'ask',\n}\n\n/** Исход окна с несохранёнными правками. */\nexport enum ERtAsideUnsavedOutcome {\n /** Закрыть без сохранения. */\n Discard = 'discard',\n /** Закрыть с сохранением. */\n Save = 'save',\n /** Остаться в панели. */\n Stay = 'stay',\n}\n\n/**\n * Гард закрытия, который панель ставит на себя: признак нетронутости формы и\n * запись, которую зовёт исход «закрыть с сохранением».\n */\nexport interface IRtAsideUnsavedGuard {\n pristine: Signal<boolean>;\n save: () => void;\n}\n\n/** Состояние панели на момент намерения закрыть её. */\nexport interface IRtAsideCloseState {\n submitting: boolean;\n guarded: boolean;\n pristine: boolean;\n}\n\n/**\n * Решение по намерению закрыть панель. Одно на все четыре пути закрытия: кнопку\n * в шапке, кнопку в футере, нажатие мимо панели и клавишу Esc — иначе Esc обошёл\n * бы то, что ловит кнопка.\n */\nexport function resolveCloseIntent(state: IRtAsideCloseState): ERtAsideCloseIntent {\n if (state.submitting) {\n return ERtAsideCloseIntent.Ignore;\n }\n\n return state.guarded && !state.pristine ? ERtAsideCloseIntent.Ask : ERtAsideCloseIntent.Close;\n}\n","import { inject, ChangeDetectionStrategy, Component, Signal, ViewEncapsulation } from '@angular/core';\n\nimport { BlockDirective, ElemDirective } from '@rt-tools/core';\n\nimport { RT_KIT_LABELS, TRtKitLabelMap } from '@rt-tools/ui-kit-v2/core';\nimport { RtButtonDirective } from '@rt-tools/ui-kit-v2/button';\nimport { RtDialogRef } from '@rt-tools/ui-kit-v2/dialog';\nimport { RtDialogComponent } from '@rt-tools/ui-kit-v2/dialog';\nimport { ERtAsideUnsavedOutcome } from './rt-aside-unsaved.logic';\n\nconst BEM_BLOCK: string = 'rt-aside-unsaved-dialog';\n\n/**\n * Окно, которое видит пользователь, закрывая панель с несохранёнными правками. Три\n * исхода: закрыть без сохранения, закрыть с сохранением, остаться. Открывает его\n * общая основа асайда, поэтому наружу компонент не экспортируется.\n *\n * Отказ от правок подан красной кнопкой: это единственный исход, после которого\n * введённое не вернуть.\n */\n@Component({\n selector: 'rt-aside-unsaved-dialog',\n templateUrl: './rt-aside-unsaved-dialog.component.html',\n styleUrl: './rt-aside-unsaved-dialog.component.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n imports: [\n // standalone components / directives\n RtButtonDirective,\n RtDialogComponent,\n BlockDirective,\n ElemDirective,\n ],\n host: {\n class: BEM_BLOCK,\n },\n})\nexport class RtAsideUnsavedDialogComponent {\n readonly #dialogRef: RtDialogRef<ERtAsideUnsavedOutcome> = inject(RtDialogRef);\n\n protected readonly t: Signal<TRtKitLabelMap> = inject(RT_KIT_LABELS);\n\n protected onDiscard(): void {\n this.#dialogRef.close(ERtAsideUnsavedOutcome.Discard);\n }\n\n protected onSave(): void {\n this.#dialogRef.close(ERtAsideUnsavedOutcome.Save);\n }\n\n protected onStay(): void {\n this.#dialogRef.close(ERtAsideUnsavedOutcome.Stay);\n }\n}\n","<rt-dialog width=\"440px\" qa-dataid=\"aside-unsaved-dialog\" [ariaLabel]=\"t().uiUnsavedTitle\">\n <div rtBlock=\"rt-aside-unsaved-dialog\">\n <div rtElem=\"text\">\n <h2 rtElem=\"title\" qa-dataid=\"aside-unsaved-title\">{{ t().uiUnsavedTitle }}</h2>\n <p rtElem=\"message\" qa-dataid=\"aside-unsaved-message\">{{ t().uiUnsavedMessage }}</p>\n </div>\n\n <div rtElem=\"footer\">\n <button\n rtButton\n qa-dataid=\"aside-unsaved-discard\"\n type=\"button\"\n theme=\"danger\"\n appearance=\"outlined\"\n [label]=\"t().uiUnsavedDiscard\"\n [attr.aria-label]=\"t().uiUnsavedDiscard\"\n (click)=\"onDiscard()\"></button>\n <button\n rtButton\n qa-dataid=\"aside-unsaved-stay\"\n type=\"button\"\n theme=\"secondary\"\n appearance=\"text\"\n [label]=\"t().uiUnsavedStay\"\n [attr.aria-label]=\"t().uiUnsavedStay\"\n (click)=\"onStay()\"></button>\n <button\n rtButton\n qa-dataid=\"aside-unsaved-save\"\n type=\"button\"\n appearance=\"filled\"\n [label]=\"t().uiUnsavedSave\"\n [attr.aria-label]=\"t().uiUnsavedSave\"\n (click)=\"onSave()\"></button>\n </div>\n </div>\n</rt-dialog>\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA,SAAS,YAAY,OAAc;CAC/B,IAAI;EACA,OAAO,KAAK,UAAU,KAAK,KAAK,OAAO,KAAK;CAChD,QAAQ;EACJ,OAAO,OAAO,KAAK;CACvB;AACJ;AASA,SAAgB,qBAAqB,OAAgB,KAAS;CAC1D,OAAO,eAAe,IAAI,aAAY,EAAE,GAAI,IAAI,aAAY,EAAE,eAAgB,YAAY,KAAK;AACnG;ACIA,MAAMA,cAAoB;AAG1B,MAAM,mBAA2B;AAoBjC,IAAa,2BAAb,MAAa,yBAAwB;CACxB;CACA;CAET;CAES;CACA;CAaT,cAAA;EAnBS,KAAA,aAAwB,OAAO,SAAS;EACxC,KAAA,cAA0B,OAAO,UAAU;EAEpD,KAAA,gBAAsD;EAE7C,KAAA,aAA6B,WAAW,oBAAoB;EAC5D,KAAA,eAA+B,WAAW,UAAU;EAE1C,KAAA,QAAwB,WAAW,mBAAmB;EAEtD,KAAA,SAAkC,OAAO,OAAM,GAAA,YAAA,CAAA,EAAA,WAAA,SAAA,CAAA,+BAAA,CAAA,CAAA;EAE/C,KAAA,cAA8B,eAAwB,KAAK,OAAM,IAAK,KAAK,aAAY,IAAK,KAAK,WAAU,GAAI,GAAA,YAAA,CAAA,EAAA,WAAA,cAAA,CAAA,+BAAA,CAAA,CAAA;EAE/G,KAAA,aAAoC,eAA+B,KAAK,OAAM,IAAK,UAAU,MAAM,GAAA,YAAA,CAAA,EAAA,WAAA,aAAA,CAAA,+BAAA,CAAA,CAAA;EAGtG,KAAA,QAA8B,MAAM,SAAmB,GAAA,YAAA,CAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;EAGnE,KAAK,YAAY,gBAAsB,KAAK,YAAW,CAAE;CAC7D;CAEU,SAAM;EACZ,KAAK,WAAW,KAAK,qBAAqB,KAAK,MAAK,mBAAI,IAAI,KAAI,CAAE,CAAC;EACnE,KAAK,OAAO,IAAI,IAAI;EAEpB,KAAK,YAAW;EAChB,KAAK,gBAAgB,iBAAuB,KAAK,OAAO,IAAI,KAAK,GAAG,gBAAgB;CACxF;CAEA,cAAW;EACP,IAAI,KAAK,kBAAkB,MAAM;GAC7B,aAAa,KAAK,aAAa;GAC/B,KAAK,gBAAgB;EACzB;CACJ;CArCS;EAAA,KAAA,OAAA,GAAA,mBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,UAAA;GAAA,MAAA;GAAwB,MAAA,CAAA;GAAA,QAAA,GAAA,gBAAA;EAAA,CAAA;CAAA;CAAxB;EAAA,KAAA,OAAA,GAAA,qBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,MAAA;GAAwB,cAAA;GAAA,UAAA;GAAA,QAAA,EAAA,OAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA,EAAA;GAAA,MAAA,EAAA,gBAAA,qBAAA;GAAA,UAAA;GAAA,UC5CrC;GAkBA,QAAA,CAAA,usBAAA;GAAA,cAAA;IAAA;KAAA,MAAA;KAAA,MDqBc;KAAiB,UAAA;KAAA,QAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;KAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MAAE;KAAc,UAAA;KAAA,QAAA,CAAA,OAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MAAE;KAAa,UAAA;KAAA,QAAA,CAAA,OAAA;IAAA;GAAA;GAAA,iBAAA,GAAA,wBAAA;GAAA,eAAA,GAAA,kBAAA;EAAA,CAAA;CAAA;;AAKjD,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAwB,YAAA,CAAA;EAXpC,MAAA;EACa,MAAA,CAAA;GAAA,UAAA;GAAoB,iBAGb,wBAAwB;GAAM,eAChC,kBAAkB;GAAI,SAC5B;IAAC;IAAmB;IAAgB;GAAa;GAAC,MACrD,EACF,OAAOA,YACV;GAAA,UAAA;GAAA,QAAA,CAAA,usBAAA;EAAA,CAAA;;;;;;;;;;;;AEhBL,MAAMC,cAAoB;AAkD1B,IAAa,mBAAb,MAAa,iBAAgB;CAChB;CACA;CAET;CACA;CAgCA,cAAA;EApCS,KAAA,oBAAsC,OAAO,gBAAgB;EAC7D,KAAA,YAAsB,OAAO,QAAQ;EAE9C,KAAA,aAA+B;EAC/B,KAAA,kBAAsC;EAEnB,KAAA,QAAyC,UAAU,SAAkC,SAAQ,GAAA,YAAA,CAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;EAE7F,KAAA,kBAAmC,eACnC,KAAK,aAAY,MAAO,QAAQ,KAAK,aAAY,MAAO,QAC1E,GAAA,YAAA,CAAA,EAAA,WAAA,kBAAA,CAAA,+BAAA,CAAA,CAAA;EAEe,KAAA,OAAkC,MAAoB,MAAK,GAAA,YAAA,CAAA,EAAA,WAAA,OAAA,CAAA,+BAAA,CAAA,CAAA;EAC3D,KAAA,gBAAoD,MAA6B,WAAU,GAAA,YAAA,CAAA,EAAA,WAAA,gBAAA,CAAA,+BAAA,CAAA,CAAA;EAC3F,KAAA,QAAoC,MAAqB,MAAK,GAAA,YAAA,CAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;EAC9D,KAAA,YAAwC,MAAqB,MAAK,GAAA,YAAA,CAAA,EAAA,WAAA,YAAA,CAAA,+BAAA,CAAA,CAAA;EAMlE,KAAA,eAAqC,MAAe,MAAK,GAAA,YAAA,CAAA,EAAA,WAAA,eAAA,CAAA,+BAAA,CAAA,CAAA;EAMzD,KAAA,YAA6D,MAA6B,OAAK;GAAA,GAAA,YAAA,EAAA,WAAA,YAAA,+BAAA,CAAA;GAC3G,WAAW;EAAgB,CAAA;EAIf,KAAA,UAA2D,MAA6B,OAAK;GAAA,GAAA,YAAA,EAAA,WAAA,UAAA,+BAAA,CAAA;GACzG,WAAW;EAAgB,CAAA;EAK3B,wBAA6B;GACzB,MAAM,UAAmB,KAAK,UAAS;GACvC,MAAM,QAAqB,KAAK,MAAK,CAAE,CAAC;GACxC,gBAAuB,UAAU,KAAK,WAAW,KAAK,IAAI,KAAK,cAAa,CAAG;EACnF,CAAC;EACD,OAAO,UAAU,CAAC,CAAC,gBAAsB,KAAK,cAAa,CAAE;CACjE;CAEA,WAAW,OAAkB;EACzB,IAAI,KAAK,eAAe,MACpB;EAEJ,MAAM,UAA0B,KAAK,UAAU;EAC/C,KAAK,kBAAkB,mBAAmB,cAAc,UAAU;EAClE,KAAK,aAAa,KAAK,kBAAkB,OAAO,KAAK;EACrD,AAAK,KAAK,WAAW,6BAA4B;CACrD;CAEA,gBAAa;EACT,IAAI,KAAK,eAAe,MACpB;EAEJ,KAAK,WAAW,QAAO;EACvB,KAAK,aAAa;EAClB,MAAM,YAAgC,KAAK;EAC3C,KAAK,kBAAkB;EACvB,IAAI,WAAW,gBAAgB,MAC3B,UAAU,MAAK;CAEvB;CApES;EAAA,KAAA,OAAA,GAAA,mBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,UAAA;GAAA,MAAA;GAAgB,MAAA,CAAA;GAAA,QAAA,GAAA,gBAAA;EAAA,CAAA;CAAA;CAAhB;EAAA,KAAA,OAAA,GAAA,qBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,MAAA;GAAgB,cAAA;GAAA,UAAA;GAAA,QAAA;IAAA,MAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;IAAA,eAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;IAAA,OAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;IAAA,WAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;IAAA,cAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;IAAA,WAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;IAAA,SAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;GAAA;GAAA,MAAA,EAAA,gBAAA,WAAA;GAAA,aAAA,CAAA;IAAA,cAAA;IAAA,OAAA;IAAA,WAAA,CAAA,OAAA;IAAA,aAAA;IAAA,UAAA;GAAA,CAAA;GAAA,UAAA;GAAA,UC5E7B;GA2BA,QAAA,CAAA,qoHAAA;GAAA,cAAA;IAAA;KAAA,MAAA;KAAA,MD4Cc;KAAc,UAAA;KAAA,QAAA,CAAA,OAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MAAE;KAAa,UAAA;KAAA,QAAA,CAAA,OAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MAAE;KAAY,UAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MAAE;KAAwB,UAAA;KAAA,QAAA,CAAA,OAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MAAE;KAAkB,UAAA;KAAA,QAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;KAAA;IAAA;GAAA;GAAA,iBAAA,GAAA,wBAAA;GAAA,eAAA,GAAA,kBAAA;EAAA,CAAA;CAAA;;AAK1F,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAgB,YAAA,CAAA;EAX5B,MAAA;EACa,MAAA,CAAA;GAAA,UAAA;GAAU,iBAGH,wBAAwB;GAAM,eAChC,kBAAkB;GAAI,SAC5B;IAAC;IAAgB;IAAe;IAAc;IAA0B;GAAkB;GAAC,MAC9F,EACF,OAAOA,YACV;GAAA,UAAA;GAAA,QAAA,CAAA,qoHAAA;EAAA,CAAA;CASuG,CAAA;CAAA,sBAAA,CAAA;CAAA,gBAAA;EAAA,OAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA,SAAO,EAAA,UAAA,KAAA,CAAA;EAAA,CAAA;EAAA,MAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,CAAA;EAAA,eAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,CAAA;EAAA,OAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,CAAA;EAAA,WAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,CAAA;EAAA,cAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,CAAA;EAAA,WAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,CAAA;EAAA,SAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,CAAA;CAAA;AAAA,CAAA;AE7EnH,MAAM,8BAAsC;AAqC5C,IAAa,aAAb,MAAuB;CAUV;CACA;CACA;CACA;CAET;CAMA,YACI,YACA,UACA,sBAAqD,IAAI,QAAO,GAAwB;EAhB5E,KAAA,eAAwC,OAAO,OAAM,GAAA,YAAA,CAAA,EAAA,WAAA,eAAA,CAAA,+BAAA,CAAA,CAAA;EAI5D,KAAA,qBAA6C,IAAI,QAAO;EAGjE,KAAA,aAAsB;EAWlB,KAAK,cAAc;EACnB,KAAK,YAAY;EACjB,KAAK,uBAAuB;EAC5B,KAAK,YACA,YAAW,CAAE,CACb,KAAK,KAAK,CAAC,CAAC,CAAC,CACb,gBAAsB,KAAK,QAAQ,MAAS,CAAC;CACtD;CAGO,MAAM,QAAU;EACnB,IAAI,KAAK,YACL;EAEJ,KAAK,aAAa;EAElB,KAAK,UAAU,YAAY,KAAK,YAAY,gBAAgB,wBAAwB;EACpF,KAAK,UAAU,SAAS,KAAK,YAAY,gBAAgB,2BAA2B;EAGpF,KAAK,MAAM,MAAM;EAIjB,iBAAsB;GAClB,KAAK,YAAY,QAAO;EAC5B,GAAG,2BAA2B;CAClC;CAGO,cAAW;EACd,OAAO,KAAK,mBAAmB,aAAY;CAC/C;CAMO,gBAAa;EAChB,OAAO,KAAK,qBAAqB,aAAY;CACjD;CAGA,QAAQ,QAAqB;EACzB,IAAI,KAAK,YACL;EAEJ,KAAK,aAAa;EAClB,KAAK,MAAM,MAAM;CACrB;CAEA,MAAM,QAAqB;EACvB,KAAK,mBAAmB,KAAK,MAAM;EACnC,KAAK,mBAAmB,SAAQ;EAChC,KAAK,qBAAqB,SAAQ;CACtC;AACH;ACrGD,MAAa,gBAAyC,IAAI,eAAwB,eAAe;AC4FjG,IAAa,iBAAb,MAAa,eAAc;CACd,WAAoB,OAAO,OAAO;CAClC,YAAsB,OAAO,QAAQ;CACrC,YAAsB,OAAO,QAAQ;CAGrC,YAAuB,OAAO,gBAAgB,CAAC,CAAC,eAAe,MAAM,IAAI;CAEzE,cAA4C,IAAI,QAAO;CAKvD,iBAA0B,aAAa,UAAU,OAAgD,GAAG,eAAe,IAAI;CAEhI,cAAA;EAUI,KAAK,YACA,KACG,UAAU,gBAA4D;GAGlE,MAAM,iBAAyC,YAAY,WAAW,cAAa,CAAE,CAAC,KAClF,gBAAmC;IAC/B,KAAK,oBAAoB,aAAa,YAAY,YAAY,oBAAoB;GACtF,CAAC,CAAC;GAEN,MAAM,eAAuC,YAAY,WAAW,cAAa,CAAE,CAAC,KAChF,KAAK,gBAAkD;IACnD,IAAI,MAAM,QAAQ,UACd;IAEJ,IAAI,YAAY,eACZ,MAAM,eAAc;IAExB,KAAK,oBAAoB,aAAa,UAAU,YAAY,aAAa;GAC7E,CAAC,CAAC;GAEN,MAAM,cAAsC,KAAK,WAAW,YAAY,eAAe,CAAC,CAAC,KACrF,gBAAoC,YAAY,SAAS,MAAK,CAAE,CAAC;GAErE,OAAO,MAAM,gBAAgB,cAAc,WAAW,CAAC,CAAC,KAAK,UAAU,YAAY,WAAW,YAAW,CAAE,CAAC;EAChH,CAAC,GACD,mBAAkB,CAAE,CACvB,CACA,WAAW,sBAAwC,kBAAiB,CAAE;CAC/E;CAEO,KACH,WACA,QAA8B;EAE9B,MAAM,WAA6B,QAAQ,YAAY;EACvD,MAAM,mBACF,aAAa,UACP,KAAK,SAAS,SAAQ,CAAE,CAAC,OAAM,CAAE,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,GAAG,IACpD,KAAK,SAAS,SAAQ,CAAE,CAAC,OAAM,CAAE,CAAC,KAAK,GAAG,CAAC,CAAC,IAAI,GAAG;EAE7D,MAAM,eAAyB;GAC3B;GACA,8BAA8B;GAC9B;GACA,GAAG,6BAA6B,KAAK,SAAS;EACjD;EAED,MAAM,gBAA+B;GACjC;GACA,gBAAgB,KAAK,SAAS,iBAAiB,MAAK;GACpD,aAAa;GACb,eAAe,QAAQ,iBAAiB;GACxC,YAAY,QAAQ,eAAe,SAAY,CAAC,GAAG,cAAc,GAAG,KAAK,SAAS,OAAO,UAAU,CAAC,IAAI;GACxG,qBAAqB,QAAQ,uBAAuB;EACvD;EAED,MAAM,aAAyB,KAAK,SAAS,OAAO,aAAa;EAEjE,uBAAuB,WAAW,gBAAgB,KAAK,SAAS;EAChE,MAAM,gBAA+C,IAAI,QAAO;EAChE,MAAM,WAAgC,IAAI,WAAoB,YAAY,KAAK,WAAW,aAAa;EAIvG,KAAK,YAAY,KAAK;GAClB;GACA;GACA;GACA,iBAAiB,QAAQ,UAAU,IAAI,YAAY,IAAI,KAAK;GAC5D,sBAAsB,QAAQ,yBAAyB;GACvD,eAAe,QAAQ,iBAAiB,KAAK;EAChD,CAAA;EAED,MAAM,WAAqB,SAAS,OAAO;GACvC,QAAQ,QAAQ,YAAY,KAAK;GACjC,WAAW,CACP;IAAE,SAAS;IAAY,UAAU;GAAQ,GACzC;IAAE,SAAS;IAAe,UAAU,QAAQ,QAAQ;GAAI,CAC3D;EACJ,CAAA;EAED,MAAM,SAAsC,IAAI,gBAA4B,WAAW,MAAM,QAAQ;EACrG,WAAW,OAAO,MAAM;EAMxB,4BAAiC;GAC7B,IAAI,CAAC,WAAW,YAAW,GACvB;GAEJ,KAAK,UAAU,YAAY,WAAW,gBAAgB,4BAA4B;GAClF,KAAK,UAAU,SAAS,WAAW,gBAAgB,wBAAwB;GAC3E,MAAM,aAAiC,WAAW;GAClD,IAAI,eAAe,MACf,KAAK,UAAU,SAAS,YAAY,4BAA4B;EAExE,CAAC;EAED,OAAO;CACX;CAGA,oBAAoB,aAAkC,SAA+B,SAAgB;EACjG,IAAI,WAAW,CAAC,YAAY,SAAS,aAAY,GAAI;GACjD,YAAY,SAAS,MAAK;GAC1B;EACJ;EACA,YAAY,cAAc,KAAK,OAAO;CAC1C;CAMA,WAAW,iBAAkC;EACzC,IAAI,oBAAoB,MACpB,OAAO;EAEX,OAAO,IAAI,YAAkB,eACzB,gBAAgB,gBAAsB,WAAW,KAAI,CAAE,CAAC;CAEhE;CAGA,SAAS,OAAwB;EAC7B,OAAO,MAAM,QAAQ,KAAK,IAAI,QAAQ,CAAC,KAAK;CAChD;CA1JS;EAAA,KAAA,OAAA,GAAA,mBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,UAAA;GAAA,MAAA;GAAc,MAAA,CAAA;GAAA,QAAA,GAAA,gBAAA;EAAA,CAAA;CAAA;CAAd;EAAA,KAAA,QAAA,GAAA,sBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,UAAA;GAAA,MAAA;GAAc,YADD;EAAM,CAAA;CAAA;;AACnB,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAc,YAAA,CAAA;EAD1B,MAAA;EAAW,MAAA,CAAA,EAAE,YAAY,OAAM,CAAE;;;;AC3FlC,MAAMC,cAAoB;AAwD1B,IAAa,yBAAb,MAAa,uBAAsB;CAlBnC,cAAA;EAmBa,KAAA,YAA+B,OAAO,YAAY,EAAE,UAAU,KAAI,CAAE;EAI1D,KAAA,IAA4B,OAAO,aAAa;EAEnD,KAAA,QAAoC,MAAqB,MAAK,GAAA,YAAA,CAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;EAQ9D,KAAA,WAAuC,MAAqB,MAAK,GAAA,YAAA,CAAA,EAAA,WAAA,WAAA,CAAA,+BAAA,CAAA,CAAA;EAMjE,KAAA,WAAuC,MAAqB,MAAK,GAAA,YAAA,CAAA,EAAA,WAAA,WAAA,CAAA,+BAAA,CAAA,CAAA;EAOjE,KAAA,SAAuD,MAAuC,CAAA,GAAG,GAAA,YAAA,CAAA,EAAA,WAAA,SAAA,CAAA,+BAAA,CAAA,CAAA;EAGjG,KAAA,WAA4D,MAA6B,MAAI;GAAA,GAAA,YAAA,EAAA,WAAA,WAAA,+BAAA,CAAA;GACzG,WAAW;EAAgB,CAAA;EAKf,KAAA,UAA2D,MAA6B,OAAK;GAAA,GAAA,YAAA,EAAA,WAAA,UAAA,+BAAA,CAAA;GACzG,WAAW;EAAgB,CAAA;EAUf,KAAA,UAAkC,OAAM;CAQ3D;CAvDY;CAiDC,YAAS;EAEf,KAAK,QAAQ,KAAI;EAEjB,KAAK,WAAW,MAAK;CACzB;CAvDS;EAAA,KAAA,OAAA,GAAA,mBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,UAAA;GAAA,MAAA;GAAsB,MAAA,CAAA;GAAA,QAAA,GAAA,gBAAA;EAAA,CAAA;CAAA;CAAtB;EAAA,KAAA,OAAA,GAAA,qBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,MAAA;GAAsB,cAAA;GAAA,UAAA;GAAA,QAAA;IAAA,OAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;IAAA,UAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;IAAA,UAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;IAAA,QAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;IAAA,UAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;IAAA,SAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;GAAA;GAAA,SAAA,EAAA,SAAA,UAAA;GAAA,MAAA,EAAA,gBAAA,kBAAA;GAAA,UAAA;GAAA,UChFnC;GAiEA,QAAA,CAAA,k0EAAA;GAAA,cAAA;IAAA;KAAA,MAAA;KAAA,MDKQ;KAAqB,UAAA;KAAA,QAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;KAAA;KAAA,SAAA,CAAA,SAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MACrB;KAA0B,UAAA;KAAA,QAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;KAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MAC1B;KAAc,UAAA;KAAA,QAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;KAAA;KAAA,SAAA,CAAA,QAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MACd;KAAc,UAAA;KAAA,QAAA,CAAA,OAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MACd;KAAa,UAAA;KAAA,QAAA,CAAA,OAAA;IAAA;GAAA;GAAA,iBAAA,GAAA,wBAAA;GAAA,eAAA,GAAA,kBAAA;EAAA,CAAA;CAAA;;AAMR,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAsB,YAAA,CAAA;EAlBlC,MAAA;EACa,MAAA,CAAA;GAAA,UAAA;GAAiB,iBAGV,wBAAwB;GAAM,eAChC,kBAAkB;GAAI,SAC5B;IAEL;IACA;IACA;IACA;IACA;GACH;GAAA,MACK,EACF,OAAOA,YACV;GAAA,UAAA;GAAA,QAAA,CAAA,k0EAAA;EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AE1EL,MAAMC,cAAoB;AAkC1B,IAAa,yBAAb,MAAa,uBAAsB;CAAtB;EAAA,KAAA,OAAA,GAAA,mBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,UAAA;GAAA,MAAA;GAAsB,MAAA,CAAA;GAAA,QAAA,GAAA,gBAAA;EAAA,CAAA;CAAA;CAAtB;EAAA,KAAA,OAAA,GAAA,qBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,MAAA;GAAsB,cAAA;GAAA,UAAA;GAAA,MAAA,EAAA,gBAAA,kBAAA;GAAA,UAAA;GAAA,UCtCnC;GAMA,QAAA,CAAA,giBAAA;GAAA,cAAA,CAAA;IAAA,MAAA;IAAA,MD2Bc;IAAc,UAAA;IAAA,QAAA,CAAA,OAAA;GAAA,GAAA;IAAA,MAAA;IAAA,MAAE;IAAa,UAAA;IAAA,QAAA,CAAA,OAAA;GAAA,CAAA;GAAA,iBAAA,GAAA,wBAAA;GAAA,eAAA,GAAA,kBAAA;EAAA,CAAA;CAAA;;AAK9B,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAsB,YAAA,CAAA;EAXlC,MAAA;EACa,MAAA,CAAA;GAAA,UAAA;GAAiB,iBAGV,wBAAwB;GAAM,eAChC,kBAAkB;GAAI,SAC5B,CAAC,gBAAgB,aAAa;GAAC,MAClC,EACF,OAAOA,YACV;GAAA,UAAA;GAAA,QAAA,CAAA,giBAAA;EAAA,CAAA;;;AEjCL,IAAY;CAAZ,SAAY,qBAAmB;CAE3B,oBAAA,YAAA;CAEA,oBAAA,WAAA;CAEA,oBAAA,SAAA;AACJ,EAAA,CAPY,wBAAA,sBAAmB,CAAA,EAAA;AAU/B,IAAY;CAAZ,SAAY,wBAAsB;CAE9B,uBAAA,aAAA;CAEA,uBAAA,UAAA;CAEA,uBAAA,UAAA;AACJ,EAAA,CAPY,2BAAA,yBAAsB,CAAA,EAAA;AA8BlC,SAAgB,mBAAmB,OAAyB;CACxD,IAAI,MAAM,YACN,OAAO,oBAAoB;CAG/B,OAAO,MAAM,WAAW,CAAC,MAAM,WAAW,oBAAoB,MAAM,oBAAoB;AAC5F;ACvCA,MAAM,YAAoB;AA2B1B,IAAa,gCAAb,MAAa,8BAA6B;CAjB1C,cAAA;EAkBa,KAAA,aAAkD,OAAO,WAAW;EAE1D,KAAA,IAA4B,OAAO,aAAa;CAatE;CAfY;CAIC,YAAS;EACf,KAAK,WAAW,MAAM,uBAAuB,OAAO;CACxD;CAEU,SAAM;EACZ,KAAK,WAAW,MAAM,uBAAuB,IAAI;CACrD;CAEU,SAAM;EACZ,KAAK,WAAW,MAAM,uBAAuB,IAAI;CACrD;CAfS;EAAA,KAAA,OAAA,GAAA,mBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,UAAA;GAAA,MAAA;GAA6B,MAAA,CAAA;GAAA,QAAA,GAAA,gBAAA;EAAA,CAAA;CAAA;CAA7B;EAAA,KAAA,OAAA,GAAA,qBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,MAAA;GAA6B,cAAA;GAAA,UAAA;GAAA,MAAA,EAAA,gBAAA,0BAAA;GAAA,UAAA;GAAA,UCrC1C;GAqCA,QAAA,CAAA,knBAAA;GAAA,cAAA;IAAA;KAAA,MAAA;KAAA,MDTQ;KAAiB,UAAA;KAAA,QAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;KAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MACjB;KAAiB,UAAA;KAAA,QAAA;MAAA;MAAA;MAAA;KAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MACjB;KAAc,UAAA;KAAA,QAAA,CAAA,OAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MACd;KAAa,UAAA;KAAA,QAAA,CAAA,OAAA;IAAA;GAAA;GAAA,iBAAA,GAAA,wBAAA;GAAA,eAAA,GAAA,kBAAA;EAAA,CAAA;CAAA;;AAMR,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAA6B,YAAA,CAAA;EAjBzC,MAAA;EACa,MAAA,CAAA;GAAA,UAAA;GAAyB,iBAGlB,wBAAwB;GAAM,eAChC,kBAAkB;GAAI,SAC5B;IAEL;IACA;IACA;IACA;GACH;GAAA,MACK,EACF,OAAO,UACV;GAAA,UAAA;GAAA,QAAA,CAAA,knBAAA;EAAA,CAAA"}
@@ -311,6 +311,8 @@ var RtAutocompleteComponent = class RtAutocompleteComponent extends RtFormContro
311
311
  "disabled",
312
312
  "active",
313
313
  "expanded",
314
+ "ariaHaspopup",
315
+ "link",
314
316
  "indicator"
315
317
  ],
316
318
  outputs: ["clicked"]