@rt-tools/ui-kit-v2 0.34.5 → 0.35.1

package/fesm2022/rt-tools-ui-kit-v2-image-upload.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"rt-tools-ui-kit-v2-image-upload.mjs","names":[],"sources":["../../../projects/ui-kit-v2/src/lib/components/image-upload/rt-image-upload.logic.ts","../../../projects/ui-kit-v2/src/lib/components/image-upload/rt-image-upload.component.ts","../../../projects/ui-kit-v2/src/lib/components/image-upload/rt-image-upload.component.html"],"sourcesContent":["import { IRtImageUpload } from './rt-image-upload.model';\n\n/**\n * Какое состояние занимает место. Загрузка приложения важнее всего, выбранный исходник важнее\n * картинки, картинка важнее зоны загрузки.\n */\nexport function uploadState(loading: boolean, hasSource: boolean, image: string | null): IRtImageUpload.State {\n    if (loading) {\n        return 'loading';\n    }\n    if (hasSource) {\n        return 'cropping';\n    }\n    return image ? 'image' : 'empty';\n}\n\n/** Берётся только файл изображения: брошенный файл другого типа загрузчик пропускает */\nexport function isImageFile(file: File | null | undefined): file is File {\n    return !!file && file.type.startsWith('image/');\n}\n","import { BooleanInput, NumberInput } from '@angular/cdk/coercion';\nimport { DOCUMENT } from '@angular/common';\nimport {\n    booleanAttribute,\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    DestroyRef,\n    ElementRef,\n    inject,\n    input,\n    InputSignal,\n    InputSignalWithTransform,\n    linkedSignal,\n    numberAttribute,\n    output,\n    OutputEmitterRef,\n    Signal,\n    signal,\n    viewChild,\n    ViewEncapsulation,\n    WritableSignal,\n} from '@angular/core';\n\nimport { BlockDirective, ElemDirective, ModDirective, WINDOW } from '@rt-tools/core';\n\nimport { RT_KIT_LABELS, TRtKitLabelMap } from '@rt-tools/ui-kit-v2/core';\nimport { IButton } from '@rt-tools/ui-kit-v2/core';\nimport { RtButtonDirective } from '@rt-tools/ui-kit-v2/button';\nimport { RtEmptyStateComponent } from '@rt-tools/ui-kit-v2/empty-state';\nimport { RtFileDropComponent } from '@rt-tools/ui-kit-v2/file-drop';\nimport { IRtIcon } from '@rt-tools/ui-kit-v2/core';\nimport { RtIconButtonComponent } from '@rt-tools/ui-kit-v2/icon-button';\nimport { IRtImageCropper, RT_IMAGE_CROPPER_QUALITY, RtImageCropperComponent } from '@rt-tools/ui-kit-v2/image-cropper';\nimport { TRtRadius } from '@rt-tools/ui-kit-v2/core';\nimport { RtSpinnerComponent } from '@rt-tools/ui-kit-v2/spinner';\nimport { RtTooltipDirective } from '@rt-tools/ui-kit-v2/tooltip';\nimport { isImageFile, uploadState } from './rt-image-upload.logic';\nimport { IRtImageUpload } from './rt-image-upload.model';\n\nconst BEM_BLOCK: string = 'rt-image-upload';\n\n/**\n * Загрузчик одного изображения: одно место, в котором по очереди стоят зона загрузки, обрезка и\n * сама картинка. Файл выбирают кнопкой зоны или бросают на неё; выбранный открывает обрезку, а\n * «Применить» ставит результат на место картинки и отдаёт файл приложению. Нажатие на картинку\n * выбирает другой файл.\n *\n * Картинка — адрес: приложение даёт свой, а адрес применённого файла загрузчик делает сам и\n * отпускает его, когда картинку сменили или компонент ушёл. Файл приложение получает в\n * `imageChanged`.\n */\n@Component({\n    selector: 'rt-image-upload',\n    templateUrl: './rt-image-upload.component.html',\n    styleUrl: './rt-image-upload.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        // directives\n        BlockDirective,\n        ElemDirective,\n        ModDirective,\n        RtButtonDirective,\n        RtTooltipDirective,\n\n        // components\n        RtEmptyStateComponent,\n        RtFileDropComponent,\n        RtIconButtonComponent,\n        RtImageCropperComponent,\n        RtSpinnerComponent,\n    ],\n    host: {\n        class: BEM_BLOCK,\n        '[class.rt-image-upload--disabled]': 'disabled()',\n    },\n})\nexport class RtImageUploadComponent {\n    readonly #window: Window & typeof globalThis = inject(WINDOW) as Window & typeof globalThis;\n\n    readonly #document: Document = inject(DOCUMENT);\n\n    /** Адрес, сделанный загрузчиком под применённый файл: его и только его он отпускает */\n    #ownUrl: string | null = null;\n\n    protected readonly picker: Signal<ElementRef<HTMLInputElement>> = viewChild.required<ElementRef<HTMLInputElement>>('picker');\n\n    protected readonly t: Signal<TRtKitLabelMap> = inject(RT_KIT_LABELS);\n\n    /** Выбранный файл, который сейчас режет обрезка */\n    protected readonly source: WritableSignal<File | null> = signal(null);\n\n    /** Последний результат обрезки — его берёт «Применить» */\n    protected readonly result: WritableSignal<IRtImageCropper.Result | null> = signal(null);\n\n    /** Что сейчас стоит в месте загрузчика */\n    protected readonly state: Signal<IRtImageUpload.State> = computed((): IRtImageUpload.State =>\n        uploadState(this.loading(), this.source() !== null, this.image())\n    );\n\n    /** Подсказка над картинкой: своя приложения или подпись кита */\n    protected readonly hint: Signal<string> = computed((): string => this.tooltip() || this.t().uiImageUploadChange);\n\n    /** Круглая ли кнопка скачивания: подложка под размытием повторяет её скругление */\n    protected readonly downloadRound: Signal<boolean> = computed((): boolean => this.downloadShape() === 'circle');\n\n    /** Шаг скругления кнопки скачивания: круг — полный шаг, квадрат — скругление кнопки по умолчанию */\n    protected readonly downloadRadius: Signal<TRtRadius | null> = computed((): TRtRadius | null => (this.downloadRound() ? 'full' : null));\n\n    /**\n     * Адрес текущей картинки: данный приложением или сделанный под применённый файл. Новый адрес от\n     * приложения снова берёт верх над применённым.\n     */\n    protected readonly image: WritableSignal<string | null> = linkedSignal((): string | null => this.imageUrl());\n\n    /** Адрес картинки от приложения */\n    public readonly imageUrl: InputSignal<string | null> = input<string | null>(null);\n\n    /** Имя файла, под которым картинку скачивают и отдают приложению */\n    public readonly fileName: InputSignal<string> = input<string>('image');\n\n    /** Подсказка над картинкой; пустая — подпись кита */\n    public readonly tooltip: InputSignal<string> = input<string>('');\n\n    /** Кнопка скачивания рядом с картинкой */\n    public readonly downloadable: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n\n    /** Форма кнопки скачивания; она заходит за правый верхний угол картинки при любой форме */\n    public readonly downloadShape: InputSignal<IRtImageUpload.DownloadShape> = input<IRtImageUpload.DownloadShape>('circle');\n\n    /** Размер значка кнопки скачивания; пусто — от размера кнопки */\n    public readonly downloadIconSize: InputSignal<IRtIcon.Size | null> = input<IRtIcon.Size | null>(null);\n\n    /** Вид кнопки выбора файла в пустом загрузчике */\n    public readonly chooseAppearance: InputSignal<IButton.Appearance> = input<IButton.Appearance>('outlined');\n\n    /** Значок кнопки выбора файла; пусто — кнопка без значка */\n    public readonly chooseIcon: InputSignal<string | null> = input<string | null>('ico-upload');\n\n    /** Без кнопок «Отмена» и «Применить»: каждый результат обрезки применяется сразу */\n    public readonly autoApply: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n\n    /** Приложение загружает картинку: на месте стоит индикатор */\n    public readonly loading: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n\n    /** Недоступный загрузчик не берёт файлов и не отзывается на нажатие картинки */\n    public readonly disabled: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n\n    /** Соотношение рамки обрезки; пусто — свободная рамка */\n    public readonly ratio: InputSignalWithTransform<number | null, NumberInput> = input<number | null, NumberInput>(null, {\n        transform: (value: NumberInput): number | null => (value === null || value === '' ? null : numberAttribute(value, 0) || null),\n    });\n\n    /** Круглая маска обрезки для аватара */\n    public readonly round: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n\n    /** Формат результата; пусто — формат исходника */\n    public readonly format: InputSignal<IRtImageCropper.Format | null> = input<IRtImageCropper.Format | null>(null);\n\n    /** Качество результата, от 0 до 100 */\n    public readonly quality: InputSignalWithTransform<number, NumberInput> = input<number, NumberInput>(RT_IMAGE_CROPPER_QUALITY, {\n        transform: (value: NumberInput): number => numberAttribute(value, RT_IMAGE_CROPPER_QUALITY),\n    });\n\n    /** Применённый файл — его приложение отправляет, куда ему надо */\n    public readonly imageChanged: OutputEmitterRef<File> = output<File>();\n\n    /** Картинку скачали */\n    public readonly downloaded: OutputEmitterRef<void> = output<void>();\n\n    constructor() {\n        inject(DestroyRef).onDestroy((): void => this.#release());\n    }\n\n    /** Открывает выбор файла, если загрузчик доступен */\n    public pick(): void {\n        if (!this.disabled()) {\n            this.picker().nativeElement.click();\n        }\n    }\n\n    /** Файл выбран кнопкой или брошен: изображение открывает обрезку, остальное пропускается */\n    public choose(file: File | null | undefined): void {\n        if (this.disabled() || !isImageFile(file)) {\n            return;\n        }\n        this.result.set(null);\n        this.source.set(file);\n    }\n\n    protected onPicked(event: Event): void {\n        const input: HTMLInputElement = event.target as HTMLInputElement;\n        this.choose(input.files?.[0]);\n        // Тот же файл, выбранный второй раз, иначе не даёт события\n        input.value = '';\n    }\n\n    protected onSpace(event: Event): void {\n        event.preventDefault();\n        this.pick();\n    }\n\n    protected onCropped(result: IRtImageCropper.Result): void {\n        this.result.set(result);\n        if (this.autoApply()) {\n            this.#applyResult(result, false);\n        }\n    }\n\n    protected apply(): void {\n        const result: IRtImageCropper.Result | null = this.result();\n        if (result !== null) {\n            this.#applyResult(result, true);\n        }\n    }\n\n    protected cancel(): void {\n        this.source.set(null);\n        this.result.set(null);\n    }\n\n    protected download(): void {\n        const url: string | null = this.image();\n        if (url === null) {\n            return;\n        }\n        const link: HTMLAnchorElement = this.#document.createElement('a');\n        link.href = url;\n        link.download = this.fileName();\n        this.#document.body.appendChild(link);\n        link.click();\n        link.remove();\n        this.downloaded.emit();\n    }\n\n    /** Результат становится картинкой; `close` убирает обрезку — при автоприменении она остаётся */\n    #applyResult(result: IRtImageCropper.Result, close: boolean): void {\n        const file: File = new File([result.file], this.fileName(), { type: result.file.type });\n        this.#release();\n        this.#ownUrl = this.#window.URL.createObjectURL(file);\n        this.image.set(this.#ownUrl);\n        this.imageChanged.emit(file);\n        if (close) {\n            this.cancel();\n        }\n    }\n\n    #release(): void {\n        if (this.#ownUrl !== null) {\n            this.#window.URL.revokeObjectURL(this.#ownUrl);\n            this.#ownUrl = null;\n        }\n    }\n}\n","<ng-container rtBlock=\"rt-image-upload\">\n    <input\n        #picker\n        hidden\n        type=\"file\"\n        accept=\"image/*\"\n        qa-dataid=\"image-upload-native\"\n        [disabled]=\"disabled()\"\n        (change)=\"onPicked($event)\" />\n\n    @switch (state()) {\n        @case ('loading') {\n            <div rtElem=\"loading\" qa-dataid=\"image-upload-loading\">\n                <rt-spinner />\n            </div>\n        }\n        @case ('cropping') {\n            <rt-image-cropper\n                qa-dataid=\"image-upload-cropper\"\n                [file]=\"source()\"\n                [ratio]=\"ratio()\"\n                [round]=\"round()\"\n                [format]=\"format()\"\n                [quality]=\"quality()\"\n                (cropped)=\"onCropped($event)\"\n                (loadFailed)=\"cancel()\" />\n\n            @if (!autoApply()) {\n                <div rtElem=\"actions\">\n                    <button\n                        rtButton\n                        appearance=\"text\"\n                        type=\"button\"\n                        qa-dataid=\"image-upload-cancel\"\n                        [label]=\"t().uiImageUploadCancel\"\n                        [attr.aria-label]=\"t().uiImageUploadCancel\"\n                        (click)=\"cancel()\"></button>\n                    <button\n                        rtButton\n                        type=\"button\"\n                        qa-dataid=\"image-upload-apply\"\n                        [label]=\"t().uiImageUploadApply\"\n                        [attr.aria-label]=\"t().uiImageUploadApply\"\n                        [disabled]=\"!result()\"\n                        (click)=\"apply()\"></button>\n                </div>\n            }\n        }\n        @case ('image') {\n            <rt-file-drop accept=\"image/*\" [disabled]=\"disabled()\" (filesDropped)=\"choose($event[0])\">\n                <div rtElem=\"preview\">\n                    <img\n                        rtElem=\"image\"\n                        role=\"button\"\n                        qa-dataid=\"image-upload-image\"\n                        [attr.tabindex]=\"disabled() ? -1 : 0\"\n                        [attr.aria-disabled]=\"disabled()\"\n                        [attr.alt]=\"t().uiImageUploadImage\"\n                        [rtTooltip]=\"disabled() ? '' : hint()\"\n                        [rtMod]=\"{ active: !disabled() }\"\n                        [src]=\"image()\"\n                        (click)=\"pick()\"\n                        (keydown.enter)=\"pick()\"\n                        (keydown.space)=\"onSpace($event)\" />\n\n                    @if (downloadable()) {\n                        <rt-icon-button\n                            rtElem=\"download\"\n                            icon=\"ico-download\"\n                            qa-dataid=\"image-upload-download\"\n                            [radius]=\"downloadRadius()\"\n                            [iconSize]=\"downloadIconSize()\"\n                            [rtMod]=\"{ round: downloadRound() }\"\n                            [ariaLabel]=\"t().uiDownload\"\n                            [tooltip]=\"t().uiDownload\"\n                            (click)=\"download()\" />\n                    }\n                </div>\n            </rt-file-drop>\n        }\n        @default {\n            <rt-file-drop accept=\"image/*\" qa-dataid=\"image-upload-drop\" [disabled]=\"disabled()\" (filesDropped)=\"choose($event[0])\">\n                <rt-empty-state framed icon=\"cloud-upload\" [title]=\"t().uiImageUploadDrop\">\n                    <button\n                        rtButton\n                        type=\"button\"\n                        qa-dataid=\"image-upload-choose\"\n                        [appearance]=\"chooseAppearance()\"\n                        [icon]=\"chooseIcon()\"\n                        [label]=\"t().uiImageUploadChoose\"\n                        [attr.aria-label]=\"t().uiImageUploadChoose\"\n                        [disabled]=\"disabled()\"\n                        (click)=\"pick()\"></button>\n                </rt-empty-state>\n            </rt-file-drop>\n        }\n    }\n</ng-container>\n"],"mappings":"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"}
+{"version":3,"file":"rt-tools-ui-kit-v2-image-upload.mjs","names":[],"sources":["../../../projects/ui-kit-v2/src/lib/components/image-upload/rt-image-upload.logic.ts","../../../projects/ui-kit-v2/src/lib/components/image-upload/rt-image-upload.component.ts","../../../projects/ui-kit-v2/src/lib/components/image-upload/rt-image-upload.component.html"],"sourcesContent":["import { IRtImageUpload } from './rt-image-upload.model';\n\n/**\n * Какое состояние занимает место. Загрузка приложения важнее всего, выбранный исходник важнее\n * картинки, картинка важнее зоны загрузки.\n */\nexport function uploadState(loading: boolean, hasSource: boolean, image: string | null): IRtImageUpload.State {\n    if (loading) {\n        return 'loading';\n    }\n    if (hasSource) {\n        return 'cropping';\n    }\n    return image ? 'image' : 'empty';\n}\n\n/** Берётся только файл изображения: брошенный файл другого типа загрузчик пропускает */\nexport function isImageFile(file: File | null | undefined): file is File {\n    return !!file && file.type.startsWith('image/');\n}\n","import { BooleanInput, NumberInput } from '@angular/cdk/coercion';\nimport { DOCUMENT } from '@angular/common';\nimport {\n    booleanAttribute,\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    DestroyRef,\n    ElementRef,\n    inject,\n    input,\n    InputSignal,\n    InputSignalWithTransform,\n    linkedSignal,\n    numberAttribute,\n    output,\n    OutputEmitterRef,\n    Signal,\n    signal,\n    viewChild,\n    ViewEncapsulation,\n    WritableSignal,\n} from '@angular/core';\n\nimport { BlockDirective, ElemDirective, ModDirective, WINDOW } from '@rt-tools/core';\n\nimport { RT_KIT_LABELS, TRtKitLabelMap } from '@rt-tools/ui-kit-v2/core';\nimport { IButton } from '@rt-tools/ui-kit-v2/core';\nimport { RtButtonDirective } from '@rt-tools/ui-kit-v2/button';\nimport { RtEmptyStateComponent } from '@rt-tools/ui-kit-v2/empty-state';\nimport { RtFileDropComponent } from '@rt-tools/ui-kit-v2/file-drop';\nimport { IRtIcon } from '@rt-tools/ui-kit-v2/core';\nimport { RtIconButtonComponent } from '@rt-tools/ui-kit-v2/icon-button';\nimport { IRtImageCropper, RT_IMAGE_CROPPER_QUALITY, RtImageCropperComponent } from '@rt-tools/ui-kit-v2/image-cropper';\nimport { TRtRadius } from '@rt-tools/ui-kit-v2/core';\nimport { RtSpinnerComponent } from '@rt-tools/ui-kit-v2/spinner';\nimport { RtTooltipDirective } from '@rt-tools/ui-kit-v2/tooltip';\nimport { isImageFile, uploadState } from './rt-image-upload.logic';\nimport { IRtImageUpload } from './rt-image-upload.model';\n\nconst BEM_BLOCK: string = 'rt-image-upload';\n\n/**\n * Загрузчик одного изображения: одно место, в котором по очереди стоят зона загрузки, обрезка и\n * сама картинка. Файл выбирают кнопкой зоны или бросают на неё; выбранный открывает обрезку, а\n * «Применить» ставит результат на место картинки и отдаёт файл приложению. Нажатие на картинку\n * выбирает другой файл.\n *\n * Картинка — адрес: приложение даёт свой, а адрес применённого файла загрузчик делает сам и\n * отпускает его, когда картинку сменили или компонент ушёл. Файл приложение получает в\n * `imageChanged`.\n */\n@Component({\n    selector: 'rt-image-upload',\n    templateUrl: './rt-image-upload.component.html',\n    styleUrl: './rt-image-upload.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        // directives\n        BlockDirective,\n        ElemDirective,\n        ModDirective,\n        RtButtonDirective,\n        RtTooltipDirective,\n\n        // components\n        RtEmptyStateComponent,\n        RtFileDropComponent,\n        RtIconButtonComponent,\n        RtImageCropperComponent,\n        RtSpinnerComponent,\n    ],\n    host: {\n        class: BEM_BLOCK,\n        '[class.rt-image-upload--disabled]': 'disabled()',\n    },\n})\nexport class RtImageUploadComponent {\n    readonly #window: Window & typeof globalThis = inject(WINDOW) as Window & typeof globalThis;\n\n    readonly #document: Document = inject(DOCUMENT);\n\n    /** Адрес, сделанный загрузчиком под применённый файл: его и только его он отпускает */\n    #ownUrl: string | null = null;\n\n    protected readonly picker: Signal<ElementRef<HTMLInputElement>> = viewChild.required<ElementRef<HTMLInputElement>>('picker');\n\n    protected readonly t: Signal<TRtKitLabelMap> = inject(RT_KIT_LABELS);\n\n    /** Выбранный файл, который сейчас режет обрезка */\n    protected readonly source: WritableSignal<File | null> = signal(null);\n\n    /** Последний результат обрезки — его берёт «Применить» */\n    protected readonly result: WritableSignal<IRtImageCropper.Result | null> = signal(null);\n\n    /** Что сейчас стоит в месте загрузчика */\n    protected readonly state: Signal<IRtImageUpload.State> = computed((): IRtImageUpload.State =>\n        uploadState(this.loading(), this.source() !== null, this.image())\n    );\n\n    /** Подсказка над картинкой: своя приложения или подпись кита */\n    protected readonly hint: Signal<string> = computed((): string => this.tooltip() || this.t().uiImageUploadChange);\n\n    /** Круглая ли кнопка скачивания: подложка под размытием повторяет её скругление */\n    protected readonly downloadRound: Signal<boolean> = computed((): boolean => this.downloadShape() === 'circle');\n\n    /** Шаг скругления кнопки скачивания: круг — полный шаг, квадрат — скругление кнопки по умолчанию */\n    protected readonly downloadRadius: Signal<TRtRadius | null> = computed((): TRtRadius | null => (this.downloadRound() ? 'full' : null));\n\n    /**\n     * Адрес текущей картинки: данный приложением или сделанный под применённый файл. Новый адрес от\n     * приложения снова берёт верх над применённым.\n     */\n    protected readonly image: WritableSignal<string | null> = linkedSignal((): string | null => this.imageUrl());\n\n    /** Адрес картинки от приложения */\n    public readonly imageUrl: InputSignal<string | null> = input<string | null>(null);\n\n    /** Имя файла, под которым картинку скачивают и отдают приложению */\n    public readonly fileName: InputSignal<string> = input<string>('image');\n\n    /** Подсказка над картинкой; пустая — подпись кита */\n    public readonly tooltip: InputSignal<string> = input<string>('');\n\n    /** Кнопка скачивания рядом с картинкой */\n    public readonly downloadable: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n\n    /** Форма кнопки скачивания; она заходит за правый верхний угол картинки при любой форме */\n    public readonly downloadShape: InputSignal<IRtImageUpload.DownloadShape> = input<IRtImageUpload.DownloadShape>('circle');\n\n    /** Размер значка кнопки скачивания; пусто — от размера кнопки */\n    public readonly downloadIconSize: InputSignal<IRtIcon.Size | null> = input<IRtIcon.Size | null>(null);\n\n    /** Вид кнопки выбора файла в пустом загрузчике */\n    public readonly chooseAppearance: InputSignal<IButton.Appearance> = input<IButton.Appearance>('outlined');\n\n    /** Значок кнопки выбора файла; пусто — кнопка без значка */\n    public readonly chooseIcon: InputSignal<string | null> = input<string | null>('ico-upload');\n\n    /** Без кнопок «Отмена» и «Применить»: каждый результат обрезки применяется сразу */\n    public readonly autoApply: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n\n    /** Приложение загружает картинку: на месте стоит индикатор */\n    public readonly loading: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n\n    /** Недоступный загрузчик не берёт файлов и не отзывается на нажатие картинки */\n    public readonly disabled: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n\n    /** Соотношение рамки обрезки; пусто — свободная рамка */\n    public readonly ratio: InputSignalWithTransform<number | null, NumberInput> = input<number | null, NumberInput>(null, {\n        transform: (value: NumberInput): number | null => (value === null || value === '' ? null : numberAttribute(value, 0) || null),\n    });\n\n    /** Круглая маска обрезки для аватара */\n    public readonly round: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n\n    /** Формат результата; пусто — формат исходника */\n    public readonly format: InputSignal<IRtImageCropper.Format | null> = input<IRtImageCropper.Format | null>(null);\n\n    /** Качество результата, от 0 до 100 */\n    public readonly quality: InputSignalWithTransform<number, NumberInput> = input<number, NumberInput>(RT_IMAGE_CROPPER_QUALITY, {\n        transform: (value: NumberInput): number => numberAttribute(value, RT_IMAGE_CROPPER_QUALITY),\n    });\n\n    /** Применённый файл — его приложение отправляет, куда ему надо */\n    public readonly imageChanged: OutputEmitterRef<File> = output<File>();\n\n    /** Картинку скачали */\n    public readonly downloaded: OutputEmitterRef<void> = output<void>();\n\n    constructor() {\n        inject(DestroyRef).onDestroy((): void => this.#release());\n    }\n\n    /** Открывает выбор файла, если загрузчик доступен */\n    public pick(): void {\n        if (!this.disabled()) {\n            this.picker().nativeElement.click();\n        }\n    }\n\n    /** Файл выбран кнопкой или брошен: изображение открывает обрезку, остальное пропускается */\n    public choose(file: File | null | undefined): void {\n        if (this.disabled() || !isImageFile(file)) {\n            return;\n        }\n        this.result.set(null);\n        this.source.set(file);\n    }\n\n    protected onPicked(event: Event): void {\n        const input: HTMLInputElement = event.target as HTMLInputElement;\n        this.choose(input.files?.[0]);\n        // Тот же файл, выбранный второй раз, иначе не даёт события\n        input.value = '';\n    }\n\n    protected onSpace(event: Event): void {\n        event.preventDefault();\n        this.pick();\n    }\n\n    protected onCropped(result: IRtImageCropper.Result): void {\n        this.result.set(result);\n        if (this.autoApply()) {\n            this.#applyResult(result, false);\n        }\n    }\n\n    protected apply(): void {\n        const result: IRtImageCropper.Result | null = this.result();\n        if (result !== null) {\n            this.#applyResult(result, true);\n        }\n    }\n\n    protected cancel(): void {\n        this.source.set(null);\n        this.result.set(null);\n    }\n\n    protected download(): void {\n        const url: string | null = this.image();\n        if (url === null) {\n            return;\n        }\n        const link: HTMLAnchorElement = this.#document.createElement('a');\n        link.href = url;\n        link.download = this.fileName();\n        this.#document.body.appendChild(link);\n        link.click();\n        link.remove();\n        this.downloaded.emit();\n    }\n\n    /** Результат становится картинкой; `close` убирает обрезку — при автоприменении она остаётся */\n    #applyResult(result: IRtImageCropper.Result, close: boolean): void {\n        const file: File = new File([result.file], this.fileName(), { type: result.file.type });\n        this.#release();\n        this.#ownUrl = this.#window.URL.createObjectURL(file);\n        this.image.set(this.#ownUrl);\n        this.imageChanged.emit(file);\n        if (close) {\n            this.cancel();\n        }\n    }\n\n    #release(): void {\n        if (this.#ownUrl !== null) {\n            this.#window.URL.revokeObjectURL(this.#ownUrl);\n            this.#ownUrl = null;\n        }\n    }\n}\n","<ng-container rtBlock=\"rt-image-upload\">\n    <input\n        #picker\n        hidden\n        type=\"file\"\n        accept=\"image/*\"\n        qa-dataid=\"image-upload-native\"\n        [disabled]=\"disabled()\"\n        (change)=\"onPicked($event)\" />\n\n    @switch (state()) {\n        @case ('loading') {\n            <div rtElem=\"loading\" qa-dataid=\"image-upload-loading\">\n                <rt-spinner />\n            </div>\n        }\n        @case ('cropping') {\n            <rt-image-cropper\n                qa-dataid=\"image-upload-cropper\"\n                [file]=\"source()\"\n                [ratio]=\"ratio()\"\n                [round]=\"round()\"\n                [format]=\"format()\"\n                [quality]=\"quality()\"\n                (cropped)=\"onCropped($event)\"\n                (loadFailed)=\"cancel()\" />\n\n            @if (!autoApply()) {\n                <div rtElem=\"actions\">\n                    <button\n                        rtButton\n                        appearance=\"text\"\n                        type=\"button\"\n                        qa-dataid=\"image-upload-cancel\"\n                        [label]=\"t().uiImageUploadCancel\"\n                        [attr.aria-label]=\"t().uiImageUploadCancel\"\n                        (click)=\"cancel()\"></button>\n                    <button\n                        rtButton\n                        type=\"button\"\n                        qa-dataid=\"image-upload-apply\"\n                        [label]=\"t().uiImageUploadApply\"\n                        [attr.aria-label]=\"t().uiImageUploadApply\"\n                        [disabled]=\"!result()\"\n                        (click)=\"apply()\"></button>\n                </div>\n            }\n        }\n        @case ('image') {\n            <rt-file-drop accept=\"image/*\" [disabled]=\"disabled()\" (filesDropped)=\"choose($event[0])\">\n                <div rtElem=\"preview\">\n                    <img\n                        rtElem=\"image\"\n                        role=\"button\"\n                        qa-dataid=\"image-upload-image\"\n                        [attr.tabindex]=\"disabled() ? -1 : 0\"\n                        [attr.aria-disabled]=\"disabled()\"\n                        [attr.alt]=\"t().uiImageUploadImage\"\n                        [rtTooltip]=\"disabled() ? '' : hint()\"\n                        [rtMod]=\"{ active: !disabled() }\"\n                        [src]=\"image()\"\n                        (click)=\"pick()\"\n                        (keydown.enter)=\"pick()\"\n                        (keydown.space)=\"onSpace($event)\" />\n\n                    @if (downloadable()) {\n                        <rt-icon-button\n                            rtElem=\"download\"\n                            icon=\"ico-download\"\n                            qa-dataid=\"image-upload-download\"\n                            [radius]=\"downloadRadius()\"\n                            [iconSize]=\"downloadIconSize()\"\n                            [rtMod]=\"{ round: downloadRound() }\"\n                            [ariaLabel]=\"t().uiDownload\"\n                            [tooltip]=\"t().uiDownload\"\n                            (click)=\"download()\" />\n                    }\n                </div>\n            </rt-file-drop>\n        }\n        @default {\n            <rt-file-drop accept=\"image/*\" qa-dataid=\"image-upload-drop\" [disabled]=\"disabled()\" (filesDropped)=\"choose($event[0])\">\n                <rt-empty-state framed icon=\"cloud-upload\" [title]=\"t().uiImageUploadDrop\">\n                    <button\n                        rtButton\n                        type=\"button\"\n                        qa-dataid=\"image-upload-choose\"\n                        [appearance]=\"chooseAppearance()\"\n                        [icon]=\"chooseIcon()\"\n                        [label]=\"t().uiImageUploadChoose\"\n                        [attr.aria-label]=\"t().uiImageUploadChoose\"\n                        [disabled]=\"disabled()\"\n                        (click)=\"pick()\"></button>\n                </rt-empty-state>\n            </rt-file-drop>\n        }\n    }\n</ng-container>\n"],"mappings":";;;;;;;;;;;;AAMA,SAAgB,YAAY,SAAkB,WAAoB,OAAoB;CAClF,IAAI,SACA,OAAO;CAEX,IAAI,WACA,OAAO;CAEX,OAAO,QAAQ,UAAU;AAC7B;AAGA,SAAgB,YAAY,MAA6B;CACrD,OAAO,CAAC,CAAC,QAAQ,KAAK,KAAK,WAAW,QAAQ;AAClD;ACqBA,MAAM,YAAoB;AAsC1B,IAAa,yBAAb,MAAa,uBAAsB;CACtB;CAEA;CAGT;CAiGA,cAAA;EAtGS,KAAA,UAAsC,OAAO,MAAM;EAEnD,KAAA,YAAsB,OAAO,QAAQ;EAG9C,KAAA,UAAyB;EAEN,KAAA,SAA+C,UAAU,SAAuC,UAAS,GAAA,YAAA,CAAA,EAAA,WAAA,SAAA,CAAA,+BAAA,CAAA,CAAA;EAEzG,KAAA,IAA4B,OAAO,aAAa;EAGhD,KAAA,SAAsC,OAAO,MAAK,GAAA,YAAA,CAAA,EAAA,WAAA,SAAA,CAAA,+BAAA,CAAA,CAAA;EAGlD,KAAA,SAAwD,OAAO,MAAK,GAAA,YAAA,CAAA,EAAA,WAAA,SAAA,CAAA,+BAAA,CAAA,CAAA;EAGpE,KAAA,QAAsC,eACrD,YAAY,KAAK,QAAO,GAAI,KAAK,OAAM,MAAO,MAAM,KAAK,MAAK,CAAE,GACnE,GAAA,YAAA,CAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;EAGkB,KAAA,OAAuB,eAAuB,KAAK,QAAO,KAAM,KAAK,EAAC,CAAE,CAAC,qBAAoB,GAAA,YAAA,CAAA,EAAA,WAAA,OAAA,CAAA,+BAAA,CAAA,CAAA;EAG7F,KAAA,gBAAiC,eAAwB,KAAK,cAAa,MAAO,UAAS,GAAA,YAAA,CAAA,EAAA,WAAA,gBAAA,CAAA,+BAAA,CAAA,CAAA;EAG3F,KAAA,iBAA2C,eAAkC,KAAK,cAAa,IAAK,SAAS,MAAM,GAAA,YAAA,CAAA,EAAA,WAAA,iBAAA,CAAA,+BAAA,CAAA,CAAA;EAMnH,KAAA,QAAuC,mBAAkC,KAAK,SAAQ,GAAG,GAAA,YAAA,CAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;EAG5F,KAAA,WAAuC,MAAqB,MAAK,GAAA,YAAA,CAAA,EAAA,WAAA,WAAA,CAAA,+BAAA,CAAA,CAAA;EAGjE,KAAA,WAAgC,MAAc,SAAQ,GAAA,YAAA,CAAA,EAAA,WAAA,WAAA,CAAA,+BAAA,CAAA,CAAA;EAGtD,KAAA,UAA+B,MAAc,IAAG,GAAA,YAAA,CAAA,EAAA,WAAA,UAAA,CAAA,+BAAA,CAAA,CAAA;EAGhD,KAAA,eAAgE,MAA6B,OAAK;GAAA,GAAA,YAAA,EAAA,WAAA,eAAA,+BAAA,CAAA;GAC9G,WAAW;EAAgB,CAAA;EAIf,KAAA,gBAA2D,MAAoC,UAAS,GAAA,YAAA,CAAA,EAAA,WAAA,gBAAA,CAAA,+BAAA,CAAA,CAAA;EAGxG,KAAA,mBAAqD,MAA2B,MAAK,GAAA,YAAA,CAAA,EAAA,WAAA,mBAAA,CAAA,+BAAA,CAAA,CAAA;EAGrF,KAAA,mBAAoD,MAA0B,YAAW,GAAA,YAAA,CAAA,EAAA,WAAA,mBAAA,CAAA,+BAAA,CAAA,CAAA;EAGzF,KAAA,aAAyC,MAAqB,cAAa,GAAA,YAAA,CAAA,EAAA,WAAA,aAAA,CAAA,+BAAA,CAAA,CAAA;EAG3E,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;EAIf,KAAA,WAA4D,MAA6B,OAAK;GAAA,GAAA,YAAA,EAAA,WAAA,WAAA,+BAAA,CAAA;GAC1G,WAAW;EAAgB,CAAA;EAIf,KAAA,QAA8D,MAAkC,MAAI;GAAA,GAAA,YAAA,EAAA,WAAA,QAAA,+BAAA,CAAA;GAChH,YAAY,UAAuC,UAAU,QAAQ,UAAU,KAAK,OAAO,gBAAgB,OAAO,CAAC,KAAK;EAAK,CAAA;EAIjH,KAAA,QAAyD,MAA6B,OAAK;GAAA,GAAA,YAAA,EAAA,WAAA,QAAA,+BAAA,CAAA;GACvG,WAAW;EAAgB,CAAA;EAIf,KAAA,SAAqD,MAAqC,MAAK,GAAA,YAAA,CAAA,EAAA,WAAA,SAAA,CAAA,+BAAA,CAAA,CAAA;EAG/F,KAAA,UAAyD,MAA2B,0BAAwB;GAAA,GAAA,YAAA,EAAA,WAAA,UAAA,+BAAA,CAAA;GACxH,YAAY,UAA+B,gBAAgB,OAAO,wBAAwB;EAAC,CAAA;EAI/E,KAAA,eAAuC,OAAM;EAG7C,KAAA,aAAqC,OAAM;EAGvD,OAAO,UAAU,CAAC,CAAC,gBAAsB,KAAK,SAAQ,CAAE;CAC5D;CAGO,OAAI;EACP,IAAI,CAAC,KAAK,SAAQ,GACd,KAAK,OAAM,CAAE,CAAC,cAAc,MAAK;CAEzC;CAGO,OAAO,MAA6B;EACvC,IAAI,KAAK,SAAQ,KAAM,CAAC,YAAY,IAAI,GACpC;EAEJ,KAAK,OAAO,IAAI,IAAI;EACpB,KAAK,OAAO,IAAI,IAAI;CACxB;CAEU,SAAS,OAAY;EAC3B,MAAM,QAA0B,MAAM;EACtC,KAAK,OAAO,MAAM,QAAQ,EAAE;EAE5B,MAAM,QAAQ;CAClB;CAEU,QAAQ,OAAY;EAC1B,MAAM,eAAc;EACpB,KAAK,KAAI;CACb;CAEU,UAAU,QAA8B;EAC9C,KAAK,OAAO,IAAI,MAAM;EACtB,IAAI,KAAK,UAAS,GACd,KAAK,aAAa,QAAQ,KAAK;CAEvC;CAEU,QAAK;EACX,MAAM,SAAwC,KAAK,OAAM;EACzD,IAAI,WAAW,MACX,KAAK,aAAa,QAAQ,IAAI;CAEtC;CAEU,SAAM;EACZ,KAAK,OAAO,IAAI,IAAI;EACpB,KAAK,OAAO,IAAI,IAAI;CACxB;CAEU,WAAQ;EACd,MAAM,MAAqB,KAAK,MAAK;EACrC,IAAI,QAAQ,MACR;EAEJ,MAAM,OAA0B,KAAK,UAAU,cAAc,GAAG;EAChE,KAAK,OAAO;EACZ,KAAK,WAAW,KAAK,SAAQ;EAC7B,KAAK,UAAU,KAAK,YAAY,IAAI;EACpC,KAAK,MAAK;EACV,KAAK,OAAM;EACX,KAAK,WAAW,KAAI;CACxB;CAGA,aAAa,QAAgC,OAAc;EACvD,MAAM,OAAa,IAAI,KAAK,CAAC,OAAO,IAAI,GAAG,KAAK,SAAQ,GAAI,EAAE,MAAM,OAAO,KAAK,KAAI,CAAE;EACtF,KAAK,SAAQ;EACb,KAAK,UAAU,KAAK,QAAQ,IAAI,gBAAgB,IAAI;EACpD,KAAK,MAAM,IAAI,KAAK,OAAO;EAC3B,KAAK,aAAa,KAAK,IAAI;EAC3B,IAAI,OACA,KAAK,OAAM;CAEnB;CAEA,WAAQ;EACJ,IAAI,KAAK,YAAY,MAAM;GACvB,KAAK,QAAQ,IAAI,gBAAgB,KAAK,OAAO;GAC7C,KAAK,UAAU;EACnB;CACJ;CAzLS;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,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,SAAA;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,eAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;IAAA,kBAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;IAAA,kBAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;IAAA,YAAA;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;IAAA,UAAA;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,OAAA;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,SAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;GAAA;GAAA,SAAA;IAAA,cAAA;IAAA,YAAA;GAAA;GAAA,MAAA;IAAA,YAAA,EAAA,mCAAA,aAAA;IAAA,gBAAA;GAAA;GAAA,aAAA,CAAA;IAAA,cAAA;IAAA,OAAA;IAAA,WAAA,CAAA,QAAA;IAAA,aAAA;IAAA,UAAA;GAAA,CAAA;GAAA,UAAA;GAAA,UC9EnC;GAkGA,QAAA,CAAA,81DAAA;GAAA,cAAA;IAAA;KAAA,MAAA;KAAA,MDtCQ;KAAc,UAAA;KAAA,QAAA,CAAA,OAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MACd;KAAa,UAAA;KAAA,QAAA,CAAA,OAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MACb;KAAY,UAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MACZ;KAAiB,UAAA;KAAA,QAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;KAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MACjB;KAAkB,UAAA;KAAA,QAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;KAAA;KAAA,UAAA,CAAA,WAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MAGlB;KAAqB,UAAA;KAAA,QAAA;MAAA;MAAA;MAAA;MAAA;MAAA;KAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MACrB;KAAmB,UAAA;KAAA,QAAA;MAAA;MAAA;MAAA;MAAA;KAAA;KAAA,SAAA;MAAA;MAAA;MAAA;KAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MACnB;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;KAAuB,UAAA;KAAA,QAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;KAAA;KAAA,SAAA,CAAA,WAAA,YAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MACvB;KAAkB,UAAA;KAAA,QAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;KAAA;IAAA;GAAA;GAAA,iBAAA,GAAA,wBAAA;GAAA,eAAA,GAAA,kBAAA;EAAA,CAAA;CAAA;;AAOb,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAsB,YAAA,CAAA;EA1BlC,MAAA;EACa,MAAA,CAAA;GAAA,UAAA;GAAiB,iBAGV,wBAAwB;GAAM,eAChC,kBAAkB;GAAI,SAC5B;IAEL;IACA;IACA;IACA;IACA;IAGA;IACA;IACA;IACA;IACA;GACH;GAAA,MACK;IACF,OAAO;IACP,qCAAqC;GACxC;GAAA,UAAA;GAAA,QAAA,CAAA,81DAAA;EAAA,CAAA;CAUkH,CAAA;CAAA,sBAAA,CAAA;CAAA,gBAAA;EAAA,QAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA,UAAQ,EAAA,UAAA,KAAA,CAAA;EAAA,CAAA;EAAA,UAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,CAAA;EAAA,UAAA,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;EAAA,cAAA,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,kBAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,CAAA;EAAA,kBAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,CAAA;EAAA,YAAA,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;EAAA,UAAA,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,OAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,CAAA;EAAA,QAAA,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;EAAA,cAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA,cAAA;EAAA,CAAA;EAAA,YAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA,YAAA;EAAA,CAAA;CAAA;AAAA,CAAA"}

package/fesm2022/rt-tools-ui-kit-v2-inline-edit.mjs

@@ -450,7 +450,8 @@ var RtInlineEditComponent = class RtInlineEditComponent {
 						"rtTooltipPlacement",
 						"rtTooltipShowDelay",
 						"rtTooltipWhenTruncated",
-						"rtTooltipHideOnClick"
+						"rtTooltipHideOnClick",
+						"rtTooltipShowOnTap"
 					],
 					exportAs: ["rtTooltip"]
 				}

package/fesm2022/rt-tools-ui-kit-v2-inline-edit.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"rt-tools-ui-kit-v2-inline-edit.mjs","names":[],"sources":["../../../projects/ui-kit-v2/src/lib/components/inline-edit/rt-inline-edit.logic.ts","../../../projects/ui-kit-v2/src/lib/components/inline-edit/rt-inline-edit.component.ts","../../../projects/ui-kit-v2/src/lib/components/inline-edit/rt-inline-edit.component.html"],"sourcesContent":["import { IRtInlineEdit } from './rt-inline-edit.model';\n\n/** Сколько знаков конца текста видно всегда при обрезке посередине. */\nconst MIDDLE_TAIL: number = 10;\n\n/**\n * Чем кончается сохранение черновика. Черновик обрезается по краям; пустой не уходит, пока его не\n * разрешили; равный значению закрывает поле и ничего не шлёт.\n */\nexport function inlineEditOutcome(value: string, draft: string, allowEmpty: boolean): IRtInlineEdit.Outcome {\n    const next: string = draft.trim();\n\n    if (next === '' && !allowEmpty) {\n        return { kind: 'refuse' };\n    }\n\n    return next === value ? { kind: 'close' } : { kind: 'save', value: next };\n}\n\n/**\n * Текст для обрезки посередине: последние десять знаков видны всегда, многоточие встаёт в начале.\n * Текст не длиннее двух концов не режется — весь он идёт началом. Знаки считаются по кодовым точкам,\n * поэтому пара суррогатов не рвётся.\n */\nexport function inlineEditMiddle(text: string): IRtInlineEdit.MiddleParts {\n    const chars: string[] = Array.from(text);\n\n    if (chars.length <= MIDDLE_TAIL * 2) {\n        return { head: text, tail: '' };\n    }\n\n    return { head: chars.slice(0, -MIDDLE_TAIL).join(''), tail: chars.slice(-MIDDLE_TAIL).join('') };\n}\n\n/**\n * Ушёл ли фокус из компонента. Переход на свои кнопки уходом не считается: нажатие «Сохранить» или\n * «Отмена» начинается с ухода фокуса из поля. Неизвестная цель — окно или пустое место — уход.\n */\nexport function inlineEditLeaves(host: Node, target: EventTarget | null): boolean {\n    return !(target instanceof Node && host.contains(target));\n}\n","import {\n    afterNextRender,\n    booleanAttribute,\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    effect,\n    ElementRef,\n    inject,\n    Injector,\n    input,\n    InputSignal,\n    InputSignalWithTransform,\n    model,\n    ModelSignal,\n    output,\n    OutputEmitterRef,\n    signal,\n    Signal,\n    untracked,\n    ViewEncapsulation,\n    WritableSignal,\n} from '@angular/core';\nimport { FormControl, ReactiveFormsModule } from '@angular/forms';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\nimport { BlockDirective, ElemDirective, ModDirective } from '@rt-tools/core';\n\nimport { IRtIcon, IRtInput, rtKitLabel } from '@rt-tools/ui-kit-v2/core';\nimport { RtIconComponent } from '@rt-tools/ui-kit-v2/icon';\nimport { RtIconButtonComponent } from '@rt-tools/ui-kit-v2/icon-button';\nimport { RtInputComponent } from '@rt-tools/ui-kit-v2/input';\nimport { RtTooltipDirective } from '@rt-tools/ui-kit-v2/tooltip';\nimport { inlineEditLeaves, inlineEditMiddle, inlineEditOutcome } from './rt-inline-edit.logic';\nimport { IRtInlineEdit } from './rt-inline-edit.model';\n\nconst BEM_BLOCK: string = 'rt-inline-edit';\n\n/**\n * Правка короткого значения на месте. В покое значение — кнопка с карандашом; нажатие открывает поле\n * кита с черновиком, кнопкой сохранения и кнопкой отмены. Enter сохраняет, Escape отменяет.\n *\n * Значение принадлежит приложению: компонент отдаёт новое выходом и сам его не хранит. Приложение,\n * которое отвечает позже, держит поле открытым входом `closeOnSave` и закрывает его само.\n */\n@Component({\n    selector: 'rt-inline-edit',\n    templateUrl: './rt-inline-edit.component.html',\n    styleUrl: './rt-inline-edit.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        ReactiveFormsModule,\n        BlockDirective,\n        ElemDirective,\n        ModDirective,\n        RtIconComponent,\n        RtIconButtonComponent,\n        RtInputComponent,\n        RtTooltipDirective,\n    ],\n    host: {\n        class: BEM_BLOCK,\n        '[class.rt-inline-edit--chip]': \"look() === 'chip'\",\n        '[class.rt-inline-edit--chip-field]': 'isChipField()',\n        '[class.rt-inline-edit--size-md]': \"size() === 'md'\",\n        '[class.rt-inline-edit--size-lg]': \"size() === 'lg'\",\n        '(focusin)': 'onFocusIn()',\n        '(focusout)': 'onFocusOut($event)',\n    },\n})\nexport class RtInlineEditComponent {\n    readonly #host: ElementRef<HTMLElement> = inject(ElementRef);\n    readonly #injector: Injector = inject(Injector);\n\n    readonly #t_uiEdit: Signal<string> = rtKitLabel('uiEdit');\n\n    /**\n     * Фокус был внутри и не ушёл на другой элемент страницы. Недоступное на время сохранения поле\n     * роняет фокус в никуда, и без этой отметки его некуда вернуть, когда поле закроет приложение.\n     */\n    #focusInside: boolean = false;\n    #wasEditing: boolean = false;\n    #wasSaving: boolean = false;\n    /** Фокус в поле плашки: пока человек правит, новое значение приложения не переписывает черновик. */\n    #chipFocused: boolean = false;\n    /** Enter или Escape уже сохранили черновик и снимают фокус сами: уход не сохраняет второй раз. */\n    #chipLeaving: boolean = false;\n\n    protected readonly saveLabel: Signal<string> = rtKitLabel('uiSave');\n    protected readonly cancelLabel: Signal<string> = rtKitLabel('uiCancel');\n\n    /** Что видно в покое: значение, а пустое — подсказка. */\n    protected readonly shown: Signal<string> = computed((): string => this.value() || this.placeholder());\n    protected readonly isEmpty: Signal<boolean> = computed((): boolean => this.value() === '');\n    /** Имя кнопки покоя: действие и то, что правится. */\n    protected readonly startLabel: Signal<string> = computed((): string => `${this.#t_uiEdit()}: ${this.shown()}`);\n\n    /** Что набрано в открытом поле; зеркало поля для расчёта доступности сохранения. */\n    readonly #draft: WritableSignal<string> = signal('');\n\n    /**\n     * Поле черновика. Форма, а не двусторонняя привязка: форма пишет значение в поле в том же\n     * проходе отрисовки, и выделение текста при открытии застаёт его на месте.\n     */\n    protected readonly draftControl: FormControl<string> = new FormControl<string>('', { nonNullable: true });\n    protected readonly canSave: Signal<boolean> = computed(\n        (): boolean => inlineEditOutcome(this.value(), this.#draft(), this.allowEmpty()).kind !== 'refuse'\n    );\n\n    /** Плашка сама остаётся полем: нет покоя и открытия, нет кнопок. */\n    protected readonly isChipField: Signal<boolean> = computed((): boolean => this.look() === 'chip-field');\n    /** Текст, по которому плашка-поле берёт ширину: черновик, а пустой — подсказка. */\n    protected readonly chipText: Signal<string> = computed((): string => this.#draft() || this.placeholder());\n    /** Видимый вне фокуса текст плашки-поля, разрезанный посередине; пустой черновик не режется. */\n    protected readonly middleParts: Signal<IRtInlineEdit.MiddleParts | null> = computed((): IRtInlineEdit.MiddleParts | null =>\n        this.truncate() === 'middle' && this.#draft() !== '' ? inlineEditMiddle(this.#draft()) : null\n    );\n\n    /** Значение приложения: видно в покое и встаёт в поле при открытии. */\n    public readonly value: InputSignal<string> = input.required<string>();\n    /** Подсказка пустого значения в покое и пустого поля. */\n    public readonly placeholder: InputSignal<string> = input<string>('');\n    /** Вид в покое: строка текста или плашка. */\n    public readonly look: InputSignal<IRtInlineEdit.Look> = input<IRtInlineEdit.Look>('text');\n    /** Где плашка-поле режет длинный текст вне фокуса. Читается только видом `chip-field`. */\n    public readonly truncate: InputSignal<IRtInlineEdit.Truncate> = input<IRtInlineEdit.Truncate>('end');\n    /** Ступень поля и кнопок. */\n    public readonly size: InputSignal<IRtInput.Size> = input<IRtInput.Size>('sm');\n    /** Имя поля для чтения экрана; пусто — подсказка поля. */\n    public readonly fieldLabel: InputSignal<string> = input<string>('');\n    /** Компонент недоступен: поле не открывается. */\n    public readonly disabled: InputSignalWithTransform<boolean, unknown> = input<boolean, unknown>(false, { transform: booleanAttribute });\n    /** Приложение сохраняет: кнопка сохранения крутится, поле и отмена недоступны. */\n    public readonly saving: InputSignalWithTransform<boolean, unknown> = input<boolean, unknown>(false, { transform: booleanAttribute });\n    /** Пустой черновик сохраняется; выключено — кнопка сохранения недоступна. */\n    public readonly allowEmpty: InputSignalWithTransform<boolean, unknown> = input<boolean, unknown>(false, {\n        transform: booleanAttribute,\n    });\n    /** Поле закрывается при сохранении; выключено — его закрывает приложение через `editing`. */\n    public readonly closeOnSave: InputSignalWithTransform<boolean, unknown> = input<boolean, unknown>(true, {\n        transform: booleanAttribute,\n    });\n    /** Что делает уход фокуса из компонента. */\n    public readonly blurAction: InputSignal<IRtInlineEdit.BlurAction> = input<IRtInlineEdit.BlurAction>('keep');\n    /** Значок перед текстом плашки-поля: имя значка кита. */\n    public readonly fieldIcon: InputSignal<IRtIcon.Name> = input<IRtIcon.Name>('pencil');\n\n    /** Поле открыто. Приложение может открыть и закрыть его само. */\n    public readonly editing: ModelSignal<boolean> = model<boolean>(false);\n\n    /** Новое значение, уже обрезанное по краям. Равное прежнему не уходит. */\n    public readonly saved: OutputEmitterRef<string> = output<string>();\n    /** Правка отменена: поле закрыто, значение прежнее. */\n    public readonly cancelled: OutputEmitterRef<void> = output<void>();\n\n    constructor() {\n        this.draftControl.valueChanges.pipe(takeUntilDestroyed()).subscribe((draft: string): void => this.#draft.set(draft));\n\n        // Поле открылось — нажатием или входом приложения: черновик берёт значение, фокус встаёт в поле.\n        // Поле закрылось — своей кнопкой или входом приложения: фокус возвращается на значение.\n        effect((): void => {\n            const editing: boolean = this.editing();\n\n            if (editing) {\n                this.draftControl.setValue(untracked(this.value));\n                afterNextRender((): void => this.focusField(), { injector: this.#injector });\n            } else if (this.#wasEditing) {\n                this.#restoreFocus('.rt-inline-edit__value');\n            } else {\n                // Покой без перехода: фокус никто не трогает.\n            }\n            this.#wasEditing = editing;\n        });\n\n        // Плашка-поле показывает значение приложения, пока человек её не правит.\n        effect((): void => {\n            const value: string = this.value();\n\n            if (this.isChipField() && !this.#chipFocused) {\n                this.draftControl.setValue(value);\n            }\n        });\n\n        // Пока приложение сохраняет, поле недоступно; отказ оставил поле открытым — фокус снова в нём.\n        // Плашка-поле всегда на месте, и недоступный компонент запирает её саму.\n        effect((): void => {\n            const saving: boolean = this.saving();\n\n            if (saving || (this.isChipField() && this.disabled())) {\n                this.draftControl.disable({ emitEvent: false });\n            } else {\n                this.draftControl.enable({ emitEvent: false });\n                if (this.#wasSaving && untracked(this.editing)) {\n                    this.#restoreFocus('.rt-inline-edit__field input');\n                }\n            }\n            this.#wasSaving = saving;\n        });\n    }\n\n    /** Нажатие на значение в покое. */\n    public open(): void {\n        if (this.disabled() || this.editing()) {\n            return;\n        }\n        this.editing.set(true);\n    }\n\n    public save(): void {\n        if (this.saving()) {\n            return;\n        }\n        const outcome: IRtInlineEdit.Outcome = inlineEditOutcome(this.value(), this.draftControl.value, this.allowEmpty());\n\n        if (outcome.kind === 'refuse') {\n            return;\n        }\n        if (outcome.kind === 'save') {\n            this.saved.emit(outcome.value);\n            if (!this.closeOnSave()) {\n                return;\n            }\n        }\n        this.#close();\n    }\n\n    public cancel(): void {\n        if (this.saving()) {\n            return;\n        }\n        this.#close();\n        this.cancelled.emit();\n    }\n\n    protected onKeydown(event: KeyboardEvent): void {\n        if (event.key === 'Enter') {\n            event.preventDefault();\n            this.save();\n        } else if (event.key === 'Escape') {\n            // Escape принадлежит полю: окно или панель вокруг не закрываются вместе с правкой.\n            event.preventDefault();\n            event.stopPropagation();\n            this.cancel();\n        } else {\n            // Остальные клавиши правят черновик в самом поле.\n        }\n    }\n\n    protected onFocusIn(): void {\n        this.#focusInside = true;\n    }\n\n    protected onFocusOut(event: FocusEvent): void {\n        if (event.relatedTarget instanceof Node && !this.#host.nativeElement.contains(event.relatedTarget)) {\n            this.#focusInside = false;\n        }\n        if (!this.editing() || this.saving() || !inlineEditLeaves(this.#host.nativeElement, event.relatedTarget)) {\n            return;\n        }\n        if (this.blurAction() === 'save') {\n            this.save();\n        } else if (this.blurAction() === 'cancel') {\n            this.cancel();\n        } else {\n            // Поле держится открытым: случайное нажатие мимо не теряет набранное.\n        }\n    }\n\n    /** Фокус пришёл в плашку-поле: весь текст выделен, и первое нажатие заменяет значение целиком. */\n    protected onChipFocus(event: FocusEvent): void {\n        this.#chipFocused = true;\n        if (event.target instanceof HTMLInputElement) {\n            event.target.select();\n        }\n    }\n\n    /** Уход из плашки-поля сохраняет черновик. */\n    protected onChipBlur(): void {\n        this.#chipFocused = false;\n        if (!this.#chipLeaving) {\n            this.#commitChip();\n        }\n    }\n\n    protected onChipKeydown(event: KeyboardEvent): void {\n        if (event.key === 'Enter') {\n            event.preventDefault();\n            this.#leaveChip(event);\n        } else if (event.key === 'Escape') {\n            // Escape принадлежит полю: окно или панель вокруг не закрываются вместе с правкой.\n            event.preventDefault();\n            event.stopPropagation();\n            this.draftControl.setValue(this.value());\n            this.#leaveChip(event);\n            this.cancelled.emit();\n        } else {\n            // Остальные клавиши правят черновик в самом поле.\n        }\n    }\n\n    /** Фокус в поле и весь текст выделен: первое нажатие клавиши заменяет значение целиком. */\n    protected focusField(): void {\n        const field: HTMLInputElement | null = this.#host.nativeElement.querySelector('.rt-inline-edit__field input');\n\n        field?.focus();\n        field?.select();\n    }\n\n    #close(): void {\n        this.editing.set(false);\n    }\n\n    /**\n     * Черновик плашки-поля уходит приложению. Пустой, который не разрешён, и равный значению молча\n     * возвращают значение: у плашки нет недоступной кнопки, которой можно было бы отказать.\n     */\n    #commitChip(): void {\n        if (this.saving()) {\n            return;\n        }\n        const outcome: IRtInlineEdit.Outcome = inlineEditOutcome(this.value(), this.draftControl.value, this.allowEmpty());\n\n        if (outcome.kind === 'save') {\n            this.saved.emit(outcome.value);\n            this.draftControl.setValue(outcome.value);\n        } else {\n            this.draftControl.setValue(this.value());\n        }\n    }\n\n    /** Enter и Escape сохраняют сами и снимают фокус: уход, который за этим следует, не сохраняет второй раз. */\n    #leaveChip(event: KeyboardEvent): void {\n        const target: EventTarget | null = event.target;\n\n        this.#commitChip();\n        if (target instanceof HTMLElement && target.ownerDocument.activeElement === target) {\n            this.#chipLeaving = true;\n            target.blur();\n            this.#chipLeaving = false;\n        }\n    }\n\n    /**\n     * Фокус, бывший внутри, возвращается на элемент компонента после отрисовки. Ушедший на другой\n     * элемент страницы не трогается: человек уже там.\n     */\n    #restoreFocus(selector: string): void {\n        const host: HTMLElement = this.#host.nativeElement;\n        const active: Element | null = host.ownerDocument.activeElement;\n\n        if (!this.#focusInside || (active !== null && active !== host.ownerDocument.body && !host.contains(active))) {\n            return;\n        }\n        afterNextRender((): void => host.querySelector<HTMLElement>(selector)?.focus(), { injector: this.#injector });\n    }\n}\n","<ng-container rtBlock=\"rt-inline-edit\">\n    @if (isChipField()) {\n        <!-- Плашка-поле: значок и поле внутри одной плашки. Ширину задаёт невидимая копия текста под\n             полем — плашка растёт с текстом до своего предела, дальше поле прокручивается. -->\n        <label rtElem=\"chip-field\" [rtMod]=\"{ disabled: disabled() }\">\n            <rt-icon rtElem=\"chip-icon\" size=\"sm\" [name]=\"fieldIcon()\" />\n            <span rtElem=\"sizer\" rtTooltipWhenTruncated [rtTooltip]=\"chipText()\">\n                <span rtElem=\"mirror\" aria-hidden=\"true\">{{ chipText() }}</span>\n                <!-- Обрезка посередине: копия выше по-прежнему задаёт ширину и будит подсказку, а этот\n                     слой в той же клетке показывает начало с многоточием и конец, пока поле не в фокусе. -->\n                @if (middleParts(); as parts) {\n                    <span rtElem=\"middle\" aria-hidden=\"true\">\n                        <span rtElem=\"head\">{{ parts.head }}</span>\n                        <span rtElem=\"tail\">{{ parts.tail }}</span>\n                    </span>\n                }\n                <input\n                    type=\"text\"\n                    rtElem=\"chip-input\"\n                    qa-dataid=\"inline-edit-chip-input\"\n                    [placeholder]=\"placeholder()\"\n                    [attr.aria-label]=\"fieldLabel() || placeholder() || null\"\n                    [formControl]=\"draftControl\"\n                    (focus)=\"onChipFocus($event)\"\n                    (blur)=\"onChipBlur()\"\n                    (keydown)=\"onChipKeydown($event)\" />\n            </span>\n        </label>\n    } @else if (editing()) {\n        <rt-input\n            rtElem=\"field\"\n            qa-dataid=\"inline-edit-field\"\n            [size]=\"size()\"\n            [placeholder]=\"placeholder()\"\n            [ariaLabel]=\"fieldLabel() || placeholder() || null\"\n            [clearable]=\"false\"\n            [formControl]=\"draftControl\"\n            (keydown)=\"onKeydown($event)\" />\n\n        <rt-icon-button\n            rtElem=\"save\"\n            qa-dataid=\"inline-edit-save\"\n            icon=\"check\"\n            [size]=\"size()\"\n            [ariaLabel]=\"saveLabel()\"\n            [tooltip]=\"saveLabel()\"\n            [loading]=\"saving()\"\n            [disabled]=\"!canSave()\"\n            (clicked)=\"save()\" />\n\n        <rt-icon-button\n            rtElem=\"cancel\"\n            qa-dataid=\"inline-edit-cancel\"\n            icon=\"close\"\n            [size]=\"size()\"\n            [ariaLabel]=\"cancelLabel()\"\n            [tooltip]=\"cancelLabel()\"\n            [disabled]=\"saving()\"\n            (clicked)=\"cancel()\" />\n    } @else {\n        <button\n            type=\"button\"\n            rtElem=\"value\"\n            qa-dataid=\"inline-edit-value\"\n            [rtMod]=\"{ empty: isEmpty() }\"\n            [disabled]=\"disabled()\"\n            [attr.aria-label]=\"startLabel()\"\n            (click)=\"open()\">\n            <span rtElem=\"text\" rtTooltipWhenTruncated [rtTooltip]=\"shown()\">{{ shown() }}</span>\n\n            @if (!disabled()) {\n                <rt-icon rtElem=\"pencil\" name=\"pencil\" size=\"sm\" />\n            }\n        </button>\n    }\n</ng-container>\n"],"mappings":"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"}
+{"version":3,"file":"rt-tools-ui-kit-v2-inline-edit.mjs","names":[],"sources":["../../../projects/ui-kit-v2/src/lib/components/inline-edit/rt-inline-edit.logic.ts","../../../projects/ui-kit-v2/src/lib/components/inline-edit/rt-inline-edit.component.ts","../../../projects/ui-kit-v2/src/lib/components/inline-edit/rt-inline-edit.component.html"],"sourcesContent":["import { IRtInlineEdit } from './rt-inline-edit.model';\n\n/** Сколько знаков конца текста видно всегда при обрезке посередине. */\nconst MIDDLE_TAIL: number = 10;\n\n/**\n * Чем кончается сохранение черновика. Черновик обрезается по краям; пустой не уходит, пока его не\n * разрешили; равный значению закрывает поле и ничего не шлёт.\n */\nexport function inlineEditOutcome(value: string, draft: string, allowEmpty: boolean): IRtInlineEdit.Outcome {\n    const next: string = draft.trim();\n\n    if (next === '' && !allowEmpty) {\n        return { kind: 'refuse' };\n    }\n\n    return next === value ? { kind: 'close' } : { kind: 'save', value: next };\n}\n\n/**\n * Текст для обрезки посередине: последние десять знаков видны всегда, многоточие встаёт в начале.\n * Текст не длиннее двух концов не режется — весь он идёт началом. Знаки считаются по кодовым точкам,\n * поэтому пара суррогатов не рвётся.\n */\nexport function inlineEditMiddle(text: string): IRtInlineEdit.MiddleParts {\n    const chars: string[] = Array.from(text);\n\n    if (chars.length <= MIDDLE_TAIL * 2) {\n        return { head: text, tail: '' };\n    }\n\n    return { head: chars.slice(0, -MIDDLE_TAIL).join(''), tail: chars.slice(-MIDDLE_TAIL).join('') };\n}\n\n/**\n * Ушёл ли фокус из компонента. Переход на свои кнопки уходом не считается: нажатие «Сохранить» или\n * «Отмена» начинается с ухода фокуса из поля. Неизвестная цель — окно или пустое место — уход.\n */\nexport function inlineEditLeaves(host: Node, target: EventTarget | null): boolean {\n    return !(target instanceof Node && host.contains(target));\n}\n","import {\n    afterNextRender,\n    booleanAttribute,\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    effect,\n    ElementRef,\n    inject,\n    Injector,\n    input,\n    InputSignal,\n    InputSignalWithTransform,\n    model,\n    ModelSignal,\n    output,\n    OutputEmitterRef,\n    signal,\n    Signal,\n    untracked,\n    ViewEncapsulation,\n    WritableSignal,\n} from '@angular/core';\nimport { FormControl, ReactiveFormsModule } from '@angular/forms';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\nimport { BlockDirective, ElemDirective, ModDirective } from '@rt-tools/core';\n\nimport { IRtIcon, IRtInput, rtKitLabel } from '@rt-tools/ui-kit-v2/core';\nimport { RtIconComponent } from '@rt-tools/ui-kit-v2/icon';\nimport { RtIconButtonComponent } from '@rt-tools/ui-kit-v2/icon-button';\nimport { RtInputComponent } from '@rt-tools/ui-kit-v2/input';\nimport { RtTooltipDirective } from '@rt-tools/ui-kit-v2/tooltip';\nimport { inlineEditLeaves, inlineEditMiddle, inlineEditOutcome } from './rt-inline-edit.logic';\nimport { IRtInlineEdit } from './rt-inline-edit.model';\n\nconst BEM_BLOCK: string = 'rt-inline-edit';\n\n/**\n * Правка короткого значения на месте. В покое значение — кнопка с карандашом; нажатие открывает поле\n * кита с черновиком, кнопкой сохранения и кнопкой отмены. Enter сохраняет, Escape отменяет.\n *\n * Значение принадлежит приложению: компонент отдаёт новое выходом и сам его не хранит. Приложение,\n * которое отвечает позже, держит поле открытым входом `closeOnSave` и закрывает его само.\n */\n@Component({\n    selector: 'rt-inline-edit',\n    templateUrl: './rt-inline-edit.component.html',\n    styleUrl: './rt-inline-edit.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        ReactiveFormsModule,\n        BlockDirective,\n        ElemDirective,\n        ModDirective,\n        RtIconComponent,\n        RtIconButtonComponent,\n        RtInputComponent,\n        RtTooltipDirective,\n    ],\n    host: {\n        class: BEM_BLOCK,\n        '[class.rt-inline-edit--chip]': \"look() === 'chip'\",\n        '[class.rt-inline-edit--chip-field]': 'isChipField()',\n        '[class.rt-inline-edit--size-md]': \"size() === 'md'\",\n        '[class.rt-inline-edit--size-lg]': \"size() === 'lg'\",\n        '(focusin)': 'onFocusIn()',\n        '(focusout)': 'onFocusOut($event)',\n    },\n})\nexport class RtInlineEditComponent {\n    readonly #host: ElementRef<HTMLElement> = inject(ElementRef);\n    readonly #injector: Injector = inject(Injector);\n\n    readonly #t_uiEdit: Signal<string> = rtKitLabel('uiEdit');\n\n    /**\n     * Фокус был внутри и не ушёл на другой элемент страницы. Недоступное на время сохранения поле\n     * роняет фокус в никуда, и без этой отметки его некуда вернуть, когда поле закроет приложение.\n     */\n    #focusInside: boolean = false;\n    #wasEditing: boolean = false;\n    #wasSaving: boolean = false;\n    /** Фокус в поле плашки: пока человек правит, новое значение приложения не переписывает черновик. */\n    #chipFocused: boolean = false;\n    /** Enter или Escape уже сохранили черновик и снимают фокус сами: уход не сохраняет второй раз. */\n    #chipLeaving: boolean = false;\n\n    protected readonly saveLabel: Signal<string> = rtKitLabel('uiSave');\n    protected readonly cancelLabel: Signal<string> = rtKitLabel('uiCancel');\n\n    /** Что видно в покое: значение, а пустое — подсказка. */\n    protected readonly shown: Signal<string> = computed((): string => this.value() || this.placeholder());\n    protected readonly isEmpty: Signal<boolean> = computed((): boolean => this.value() === '');\n    /** Имя кнопки покоя: действие и то, что правится. */\n    protected readonly startLabel: Signal<string> = computed((): string => `${this.#t_uiEdit()}: ${this.shown()}`);\n\n    /** Что набрано в открытом поле; зеркало поля для расчёта доступности сохранения. */\n    readonly #draft: WritableSignal<string> = signal('');\n\n    /**\n     * Поле черновика. Форма, а не двусторонняя привязка: форма пишет значение в поле в том же\n     * проходе отрисовки, и выделение текста при открытии застаёт его на месте.\n     */\n    protected readonly draftControl: FormControl<string> = new FormControl<string>('', { nonNullable: true });\n    protected readonly canSave: Signal<boolean> = computed(\n        (): boolean => inlineEditOutcome(this.value(), this.#draft(), this.allowEmpty()).kind !== 'refuse'\n    );\n\n    /** Плашка сама остаётся полем: нет покоя и открытия, нет кнопок. */\n    protected readonly isChipField: Signal<boolean> = computed((): boolean => this.look() === 'chip-field');\n    /** Текст, по которому плашка-поле берёт ширину: черновик, а пустой — подсказка. */\n    protected readonly chipText: Signal<string> = computed((): string => this.#draft() || this.placeholder());\n    /** Видимый вне фокуса текст плашки-поля, разрезанный посередине; пустой черновик не режется. */\n    protected readonly middleParts: Signal<IRtInlineEdit.MiddleParts | null> = computed((): IRtInlineEdit.MiddleParts | null =>\n        this.truncate() === 'middle' && this.#draft() !== '' ? inlineEditMiddle(this.#draft()) : null\n    );\n\n    /** Значение приложения: видно в покое и встаёт в поле при открытии. */\n    public readonly value: InputSignal<string> = input.required<string>();\n    /** Подсказка пустого значения в покое и пустого поля. */\n    public readonly placeholder: InputSignal<string> = input<string>('');\n    /** Вид в покое: строка текста или плашка. */\n    public readonly look: InputSignal<IRtInlineEdit.Look> = input<IRtInlineEdit.Look>('text');\n    /** Где плашка-поле режет длинный текст вне фокуса. Читается только видом `chip-field`. */\n    public readonly truncate: InputSignal<IRtInlineEdit.Truncate> = input<IRtInlineEdit.Truncate>('end');\n    /** Ступень поля и кнопок. */\n    public readonly size: InputSignal<IRtInput.Size> = input<IRtInput.Size>('sm');\n    /** Имя поля для чтения экрана; пусто — подсказка поля. */\n    public readonly fieldLabel: InputSignal<string> = input<string>('');\n    /** Компонент недоступен: поле не открывается. */\n    public readonly disabled: InputSignalWithTransform<boolean, unknown> = input<boolean, unknown>(false, { transform: booleanAttribute });\n    /** Приложение сохраняет: кнопка сохранения крутится, поле и отмена недоступны. */\n    public readonly saving: InputSignalWithTransform<boolean, unknown> = input<boolean, unknown>(false, { transform: booleanAttribute });\n    /** Пустой черновик сохраняется; выключено — кнопка сохранения недоступна. */\n    public readonly allowEmpty: InputSignalWithTransform<boolean, unknown> = input<boolean, unknown>(false, {\n        transform: booleanAttribute,\n    });\n    /** Поле закрывается при сохранении; выключено — его закрывает приложение через `editing`. */\n    public readonly closeOnSave: InputSignalWithTransform<boolean, unknown> = input<boolean, unknown>(true, {\n        transform: booleanAttribute,\n    });\n    /** Что делает уход фокуса из компонента. */\n    public readonly blurAction: InputSignal<IRtInlineEdit.BlurAction> = input<IRtInlineEdit.BlurAction>('keep');\n    /** Значок перед текстом плашки-поля: имя значка кита. */\n    public readonly fieldIcon: InputSignal<IRtIcon.Name> = input<IRtIcon.Name>('pencil');\n\n    /** Поле открыто. Приложение может открыть и закрыть его само. */\n    public readonly editing: ModelSignal<boolean> = model<boolean>(false);\n\n    /** Новое значение, уже обрезанное по краям. Равное прежнему не уходит. */\n    public readonly saved: OutputEmitterRef<string> = output<string>();\n    /** Правка отменена: поле закрыто, значение прежнее. */\n    public readonly cancelled: OutputEmitterRef<void> = output<void>();\n\n    constructor() {\n        this.draftControl.valueChanges.pipe(takeUntilDestroyed()).subscribe((draft: string): void => this.#draft.set(draft));\n\n        // Поле открылось — нажатием или входом приложения: черновик берёт значение, фокус встаёт в поле.\n        // Поле закрылось — своей кнопкой или входом приложения: фокус возвращается на значение.\n        effect((): void => {\n            const editing: boolean = this.editing();\n\n            if (editing) {\n                this.draftControl.setValue(untracked(this.value));\n                afterNextRender((): void => this.focusField(), { injector: this.#injector });\n            } else if (this.#wasEditing) {\n                this.#restoreFocus('.rt-inline-edit__value');\n            } else {\n                // Покой без перехода: фокус никто не трогает.\n            }\n            this.#wasEditing = editing;\n        });\n\n        // Плашка-поле показывает значение приложения, пока человек её не правит.\n        effect((): void => {\n            const value: string = this.value();\n\n            if (this.isChipField() && !this.#chipFocused) {\n                this.draftControl.setValue(value);\n            }\n        });\n\n        // Пока приложение сохраняет, поле недоступно; отказ оставил поле открытым — фокус снова в нём.\n        // Плашка-поле всегда на месте, и недоступный компонент запирает её саму.\n        effect((): void => {\n            const saving: boolean = this.saving();\n\n            if (saving || (this.isChipField() && this.disabled())) {\n                this.draftControl.disable({ emitEvent: false });\n            } else {\n                this.draftControl.enable({ emitEvent: false });\n                if (this.#wasSaving && untracked(this.editing)) {\n                    this.#restoreFocus('.rt-inline-edit__field input');\n                }\n            }\n            this.#wasSaving = saving;\n        });\n    }\n\n    /** Нажатие на значение в покое. */\n    public open(): void {\n        if (this.disabled() || this.editing()) {\n            return;\n        }\n        this.editing.set(true);\n    }\n\n    public save(): void {\n        if (this.saving()) {\n            return;\n        }\n        const outcome: IRtInlineEdit.Outcome = inlineEditOutcome(this.value(), this.draftControl.value, this.allowEmpty());\n\n        if (outcome.kind === 'refuse') {\n            return;\n        }\n        if (outcome.kind === 'save') {\n            this.saved.emit(outcome.value);\n            if (!this.closeOnSave()) {\n                return;\n            }\n        }\n        this.#close();\n    }\n\n    public cancel(): void {\n        if (this.saving()) {\n            return;\n        }\n        this.#close();\n        this.cancelled.emit();\n    }\n\n    protected onKeydown(event: KeyboardEvent): void {\n        if (event.key === 'Enter') {\n            event.preventDefault();\n            this.save();\n        } else if (event.key === 'Escape') {\n            // Escape принадлежит полю: окно или панель вокруг не закрываются вместе с правкой.\n            event.preventDefault();\n            event.stopPropagation();\n            this.cancel();\n        } else {\n            // Остальные клавиши правят черновик в самом поле.\n        }\n    }\n\n    protected onFocusIn(): void {\n        this.#focusInside = true;\n    }\n\n    protected onFocusOut(event: FocusEvent): void {\n        if (event.relatedTarget instanceof Node && !this.#host.nativeElement.contains(event.relatedTarget)) {\n            this.#focusInside = false;\n        }\n        if (!this.editing() || this.saving() || !inlineEditLeaves(this.#host.nativeElement, event.relatedTarget)) {\n            return;\n        }\n        if (this.blurAction() === 'save') {\n            this.save();\n        } else if (this.blurAction() === 'cancel') {\n            this.cancel();\n        } else {\n            // Поле держится открытым: случайное нажатие мимо не теряет набранное.\n        }\n    }\n\n    /** Фокус пришёл в плашку-поле: весь текст выделен, и первое нажатие заменяет значение целиком. */\n    protected onChipFocus(event: FocusEvent): void {\n        this.#chipFocused = true;\n        if (event.target instanceof HTMLInputElement) {\n            event.target.select();\n        }\n    }\n\n    /** Уход из плашки-поля сохраняет черновик. */\n    protected onChipBlur(): void {\n        this.#chipFocused = false;\n        if (!this.#chipLeaving) {\n            this.#commitChip();\n        }\n    }\n\n    protected onChipKeydown(event: KeyboardEvent): void {\n        if (event.key === 'Enter') {\n            event.preventDefault();\n            this.#leaveChip(event);\n        } else if (event.key === 'Escape') {\n            // Escape принадлежит полю: окно или панель вокруг не закрываются вместе с правкой.\n            event.preventDefault();\n            event.stopPropagation();\n            this.draftControl.setValue(this.value());\n            this.#leaveChip(event);\n            this.cancelled.emit();\n        } else {\n            // Остальные клавиши правят черновик в самом поле.\n        }\n    }\n\n    /** Фокус в поле и весь текст выделен: первое нажатие клавиши заменяет значение целиком. */\n    protected focusField(): void {\n        const field: HTMLInputElement | null = this.#host.nativeElement.querySelector('.rt-inline-edit__field input');\n\n        field?.focus();\n        field?.select();\n    }\n\n    #close(): void {\n        this.editing.set(false);\n    }\n\n    /**\n     * Черновик плашки-поля уходит приложению. Пустой, который не разрешён, и равный значению молча\n     * возвращают значение: у плашки нет недоступной кнопки, которой можно было бы отказать.\n     */\n    #commitChip(): void {\n        if (this.saving()) {\n            return;\n        }\n        const outcome: IRtInlineEdit.Outcome = inlineEditOutcome(this.value(), this.draftControl.value, this.allowEmpty());\n\n        if (outcome.kind === 'save') {\n            this.saved.emit(outcome.value);\n            this.draftControl.setValue(outcome.value);\n        } else {\n            this.draftControl.setValue(this.value());\n        }\n    }\n\n    /** Enter и Escape сохраняют сами и снимают фокус: уход, который за этим следует, не сохраняет второй раз. */\n    #leaveChip(event: KeyboardEvent): void {\n        const target: EventTarget | null = event.target;\n\n        this.#commitChip();\n        if (target instanceof HTMLElement && target.ownerDocument.activeElement === target) {\n            this.#chipLeaving = true;\n            target.blur();\n            this.#chipLeaving = false;\n        }\n    }\n\n    /**\n     * Фокус, бывший внутри, возвращается на элемент компонента после отрисовки. Ушедший на другой\n     * элемент страницы не трогается: человек уже там.\n     */\n    #restoreFocus(selector: string): void {\n        const host: HTMLElement = this.#host.nativeElement;\n        const active: Element | null = host.ownerDocument.activeElement;\n\n        if (!this.#focusInside || (active !== null && active !== host.ownerDocument.body && !host.contains(active))) {\n            return;\n        }\n        afterNextRender((): void => host.querySelector<HTMLElement>(selector)?.focus(), { injector: this.#injector });\n    }\n}\n","<ng-container rtBlock=\"rt-inline-edit\">\n    @if (isChipField()) {\n        <!-- Плашка-поле: значок и поле внутри одной плашки. Ширину задаёт невидимая копия текста под\n             полем — плашка растёт с текстом до своего предела, дальше поле прокручивается. -->\n        <label rtElem=\"chip-field\" [rtMod]=\"{ disabled: disabled() }\">\n            <rt-icon rtElem=\"chip-icon\" size=\"sm\" [name]=\"fieldIcon()\" />\n            <span rtElem=\"sizer\" rtTooltipWhenTruncated [rtTooltip]=\"chipText()\">\n                <span rtElem=\"mirror\" aria-hidden=\"true\">{{ chipText() }}</span>\n                <!-- Обрезка посередине: копия выше по-прежнему задаёт ширину и будит подсказку, а этот\n                     слой в той же клетке показывает начало с многоточием и конец, пока поле не в фокусе. -->\n                @if (middleParts(); as parts) {\n                    <span rtElem=\"middle\" aria-hidden=\"true\">\n                        <span rtElem=\"head\">{{ parts.head }}</span>\n                        <span rtElem=\"tail\">{{ parts.tail }}</span>\n                    </span>\n                }\n                <input\n                    type=\"text\"\n                    rtElem=\"chip-input\"\n                    qa-dataid=\"inline-edit-chip-input\"\n                    [placeholder]=\"placeholder()\"\n                    [attr.aria-label]=\"fieldLabel() || placeholder() || null\"\n                    [formControl]=\"draftControl\"\n                    (focus)=\"onChipFocus($event)\"\n                    (blur)=\"onChipBlur()\"\n                    (keydown)=\"onChipKeydown($event)\" />\n            </span>\n        </label>\n    } @else if (editing()) {\n        <rt-input\n            rtElem=\"field\"\n            qa-dataid=\"inline-edit-field\"\n            [size]=\"size()\"\n            [placeholder]=\"placeholder()\"\n            [ariaLabel]=\"fieldLabel() || placeholder() || null\"\n            [clearable]=\"false\"\n            [formControl]=\"draftControl\"\n            (keydown)=\"onKeydown($event)\" />\n\n        <rt-icon-button\n            rtElem=\"save\"\n            qa-dataid=\"inline-edit-save\"\n            icon=\"check\"\n            [size]=\"size()\"\n            [ariaLabel]=\"saveLabel()\"\n            [tooltip]=\"saveLabel()\"\n            [loading]=\"saving()\"\n            [disabled]=\"!canSave()\"\n            (clicked)=\"save()\" />\n\n        <rt-icon-button\n            rtElem=\"cancel\"\n            qa-dataid=\"inline-edit-cancel\"\n            icon=\"close\"\n            [size]=\"size()\"\n            [ariaLabel]=\"cancelLabel()\"\n            [tooltip]=\"cancelLabel()\"\n            [disabled]=\"saving()\"\n            (clicked)=\"cancel()\" />\n    } @else {\n        <button\n            type=\"button\"\n            rtElem=\"value\"\n            qa-dataid=\"inline-edit-value\"\n            [rtMod]=\"{ empty: isEmpty() }\"\n            [disabled]=\"disabled()\"\n            [attr.aria-label]=\"startLabel()\"\n            (click)=\"open()\">\n            <span rtElem=\"text\" rtTooltipWhenTruncated [rtTooltip]=\"shown()\">{{ shown() }}</span>\n\n            @if (!disabled()) {\n                <rt-icon rtElem=\"pencil\" name=\"pencil\" size=\"sm\" />\n            }\n        </button>\n    }\n</ng-container>\n"],"mappings":"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"}

package/fesm2022/rt-tools-ui-kit-v2-markdown-text.mjs

@@ -44,7 +44,7 @@ var RtMarkdownTextComponent = class RtMarkdownTextComponent {
 			}],
 			ngImport: i0,
 			template: "<ng-container rtBlock=\"rt-markdown-text\">\n    @for (item of blocks(); track $index) {\n        <ng-container *ngTemplateOutlet=\"blockTpl; context: { $implicit: item }\" />\n    }\n\n    <ng-template #blockTpl let-item>\n        @switch (item.kind) {\n            @case (blockKind.Heading) {\n                <div\n                    rtElem=\"heading\"\n                    qa-dataid=\"markdown-heading\"\n                    role=\"heading\"\n                    [attr.aria-level]=\"item.level\"\n                    [rtMod]=\"{ level: item.levelName }\">\n                    <ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: item.content }\" />\n                </div>\n            }\n            @case (blockKind.List) {\n                @if (item.ordered) {\n                    <ol rtElem=\"list\" qa-dataid=\"markdown-list\" [rtMod]=\"{ ordered: true }\">\n                        <ng-container *ngTemplateOutlet=\"itemsTpl; context: { $implicit: item.items }\" />\n                    </ol>\n                } @else {\n                    <ul rtElem=\"list\" qa-dataid=\"markdown-list\">\n                        <ng-container *ngTemplateOutlet=\"itemsTpl; context: { $implicit: item.items }\" />\n                    </ul>\n                }\n            }\n            @case (blockKind.Quote) {\n                <blockquote rtElem=\"quote\" qa-dataid=\"markdown-quote\">\n                    <ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: item.content }\" />\n                </blockquote>\n            }\n            @case (blockKind.Code) {\n                <pre rtElem=\"code\" qa-dataid=\"markdown-code\"><code>{{ item.code }}</code></pre>\n            }\n            @case (blockKind.Table) {\n                <ng-container *ngTemplateOutlet=\"tableTpl; context: { $implicit: item }\" />\n            }\n            @default {\n                <p rtElem=\"paragraph\" qa-dataid=\"markdown-paragraph\">\n                    <ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: item.content }\" />\n                </p>\n            }\n        }\n    </ng-template>\n\n    <ng-template #itemsTpl let-items>\n        @for (point of items; track $index) {\n            <li rtElem=\"item\" qa-dataid=\"markdown-item\" [rtMod]=\"{ level: point.levelName }\">\n                <ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: point.content }\" />\n            </li>\n        }\n    </ng-template>\n\n    <ng-template #tableTpl let-item>\n        <div rtElem=\"table-scroll\" qa-dataid=\"markdown-table-scroll\">\n            <table rtElem=\"table\" qa-dataid=\"markdown-table\">\n                <thead>\n                    <tr>\n                        @for (cell of item.head; track $index) {\n                            <th rtElem=\"head-cell\" qa-dataid=\"markdown-head-cell\">\n                                <ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: cell }\" />\n                            </th>\n                        }\n                    </tr>\n                </thead>\n                <tbody>\n                    @for (row of item.rows; track $index) {\n                        <tr>\n                            @for (cell of row; track $index) {\n                                <td rtElem=\"cell\" qa-dataid=\"markdown-cell\">\n                                    <ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: cell }\" />\n                                </td>\n                            }\n                        </tr>\n                    }\n                </tbody>\n            </table>\n        </div>\n    </ng-template>\n\n    <!--\n        Ветки шаблона кусков пишутся без переносов, а форматтер отключён для них нарочно: перенос\n        строки в разметке становится пробелом, и размеченный кусок отъезжает от соседнего знака —\n        «жирно , а рядом».\n    -->\n    <!-- prettier-ignore -->\n    <ng-template #inlineTpl let-nodes>@for (node of nodes; track $index) {@switch (node.kind) {@case (inlineKind.Strong) {<strong rtElem=\"strong\"><ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: node.children }\" /></strong>}@case (inlineKind.Emphasis) {<em rtElem=\"emphasis\"><ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: node.children }\" /></em>}@case (inlineKind.Strike) {<s rtElem=\"strike\"><ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: node.children }\" /></s>}@case (inlineKind.Code) {<code rtElem=\"code-inline\" qa-dataid=\"markdown-code-inline\">{{ node.text }}</code>}@case (inlineKind.Link) {<a rtElem=\"link\" qa-dataid=\"markdown-link\" rel=\"noopener noreferrer\" target=\"_blank\" [href]=\"node.href\"><ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: node.children }\" /></a>}@case (inlineKind.Break) {<br />}@default {{{ node.text }}}}}</ng-template>\n</ng-container>\n",
-			styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-markdown-text{--rt-markdown-text-radius: var(--rt-radius-sm);--rt-markdown-text-border-width: var(--rt-border-width-thin);display:flex;min-width:0;max-width:100%;flex-direction:column;color:var(--rt-color-text-primary);font-family:var(--rt-font-family-sans);font-size:var(--rt-text-xs);font-weight:var(--rt-font-weight-regular);gap:var(--rt-space-sm);letter-spacing:var(--rt-letter-spacing-wide);line-height:var(--rt-leading-snug)}.rt-markdown-text__heading{margin:0;color:var(--rt-color-text-primary);font-weight:var(--rt-font-weight-semibold)}.rt-markdown-text__heading--level--1{font-size:var(--rt-text-lg)}.rt-markdown-text__heading--level--2{font-size:var(--rt-text-md)}.rt-markdown-text__heading--level--3,.rt-markdown-text__heading--level--4,.rt-markdown-text__heading--level--5,.rt-markdown-text__heading--level--6{font-size:var(--rt-text-sm)}.rt-markdown-text__paragraph{margin:0}.rt-markdown-text__list{padding-left:var(--rt-space-md);margin:0;list-style:disc}.rt-markdown-text__list--ordered{list-style:decimal}.rt-markdown-text__item--level--1{margin-left:var(--rt-space-md)}.rt-markdown-text__item--level--2{margin-left:var(--rt-space-lg)}.rt-markdown-text__quote{padding-left:var(--rt-space-sm);border-left:var(--rt-markdown-text-border-width) solid var(--rt-color-border-default);margin:0;color:var(--rt-color-text-muted)}.rt-markdown-text__code{max-width:100%;padding:var(--rt-space-sm);border-radius:var(--rt-markdown-text-radius);margin:0;background:var(--rt-color-bg-subtle);color:var(--rt-color-text-primary);font-family:var(--rt-font-family-mono);font-size:var(--rt-text-2xs);line-height:var(--rt-leading-snug);overflow-x:auto}.rt-markdown-text__code-inline{padding:0 var(--rt-space-2xs);border-radius:var(--rt-markdown-text-radius);background:var(--rt-color-bg-subtle);font-family:var(--rt-font-family-mono);font-size:var(--rt-text-2xs)}.rt-markdown-text__table-scroll{max-width:100%;overflow-x:auto}.rt-markdown-text__table{width:100%;border-collapse:collapse}.rt-markdown-text__head-cell,.rt-markdown-text__cell{padding:var(--rt-space-2xs) var(--rt-space-sm);border:var(--rt-markdown-text-border-width) solid var(--rt-color-border-default);text-align:left}.rt-markdown-text__head-cell{color:var(--rt-color-text-muted);font-weight:var(--rt-font-weight-semibold)}.rt-markdown-text__strong{font-weight:var(--rt-font-weight-semibold)}.rt-markdown-text__emphasis{font-style:italic}.rt-markdown-text__strike{text-decoration:line-through}.rt-markdown-text__link{color:var(--rt-color-text-link);text-decoration:underline}.rt-markdown-text[data-rt-radius=none]{--rt-markdown-text-radius: var(--rt-radius-none)}.rt-markdown-text[data-rt-radius=xs]{--rt-markdown-text-radius: var(--rt-radius-xs)}.rt-markdown-text[data-rt-radius=sm]{--rt-markdown-text-radius: var(--rt-radius-sm)}.rt-markdown-text[data-rt-radius=ms]{--rt-markdown-text-radius: var(--rt-radius-ms)}.rt-markdown-text[data-rt-radius=md]{--rt-markdown-text-radius: var(--rt-radius-md)}.rt-markdown-text[data-rt-radius=lg]{--rt-markdown-text-radius: var(--rt-radius-lg)}.rt-markdown-text[data-rt-radius=xl]{--rt-markdown-text-radius: var(--rt-radius-xl)}.rt-markdown-text[data-rt-radius=\"2xl\"]{--rt-markdown-text-radius: var(--rt-radius-2xl)}.rt-markdown-text[data-rt-radius=full]{--rt-markdown-text-radius: var(--rt-radius-full)}}\n"],
+			styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-markdown-text{--rt-markdown-text-radius: var(--rt-radius-sm);--rt-markdown-text-border-width: var(--rt-border-width-thin);display:flex;min-width:0;max-width:100%;flex-direction:column;color:var(--rt-color-text-primary);font-family:var(--rt-font-family-sans);font-size:var(--rt-text-xs);font-weight:var(--rt-font-weight-regular);gap:var(--rt-space-sm);letter-spacing:var(--rt-letter-spacing-wide);line-height:var(--rt-leading-snug);overflow-wrap:anywhere}.rt-markdown-text__heading{margin:0;color:var(--rt-color-text-primary);font-weight:var(--rt-font-weight-semibold)}.rt-markdown-text__heading--level--1{font-size:var(--rt-text-lg)}.rt-markdown-text__heading--level--2{font-size:var(--rt-text-md)}.rt-markdown-text__heading--level--3,.rt-markdown-text__heading--level--4,.rt-markdown-text__heading--level--5,.rt-markdown-text__heading--level--6{font-size:var(--rt-text-sm)}.rt-markdown-text__paragraph{margin:0}.rt-markdown-text__list{padding-left:var(--rt-space-md);margin:0;list-style:disc}.rt-markdown-text__list--ordered{list-style:decimal}.rt-markdown-text__item--level--1{margin-left:var(--rt-space-md)}.rt-markdown-text__item--level--2{margin-left:var(--rt-space-lg)}.rt-markdown-text__quote{padding-left:var(--rt-space-sm);border-left:var(--rt-markdown-text-border-width) solid var(--rt-color-border-default);margin:0;color:var(--rt-color-text-muted)}.rt-markdown-text__code{max-width:100%;padding:var(--rt-space-sm);border-radius:var(--rt-markdown-text-radius);margin:0;background:var(--rt-color-bg-subtle);color:var(--rt-color-text-primary);font-family:var(--rt-font-family-mono);font-size:var(--rt-text-2xs);line-height:var(--rt-leading-snug);overflow-x:auto}.rt-markdown-text__code-inline{padding:0 var(--rt-space-2xs);border-radius:var(--rt-markdown-text-radius);background:var(--rt-color-bg-subtle);font-family:var(--rt-font-family-mono);font-size:var(--rt-text-2xs)}.rt-markdown-text__table-scroll{max-width:100%;overflow-x:auto}.rt-markdown-text__table{width:100%;border-collapse:collapse}.rt-markdown-text__head-cell,.rt-markdown-text__cell{padding:var(--rt-space-2xs) var(--rt-space-sm);border:var(--rt-markdown-text-border-width) solid var(--rt-color-border-default);text-align:left}.rt-markdown-text__head-cell{color:var(--rt-color-text-muted);font-weight:var(--rt-font-weight-semibold)}.rt-markdown-text__strong{font-weight:var(--rt-font-weight-semibold)}.rt-markdown-text__emphasis{font-style:italic}.rt-markdown-text__strike{text-decoration:line-through}.rt-markdown-text__link{color:var(--rt-color-text-link);text-decoration:underline}.rt-markdown-text[data-rt-radius=none]{--rt-markdown-text-radius: var(--rt-radius-none)}.rt-markdown-text[data-rt-radius=xs]{--rt-markdown-text-radius: var(--rt-radius-xs)}.rt-markdown-text[data-rt-radius=sm]{--rt-markdown-text-radius: var(--rt-radius-sm)}.rt-markdown-text[data-rt-radius=ms]{--rt-markdown-text-radius: var(--rt-radius-ms)}.rt-markdown-text[data-rt-radius=md]{--rt-markdown-text-radius: var(--rt-radius-md)}.rt-markdown-text[data-rt-radius=lg]{--rt-markdown-text-radius: var(--rt-radius-lg)}.rt-markdown-text[data-rt-radius=xl]{--rt-markdown-text-radius: var(--rt-radius-xl)}.rt-markdown-text[data-rt-radius=\"2xl\"]{--rt-markdown-text-radius: var(--rt-radius-2xl)}.rt-markdown-text[data-rt-radius=full]{--rt-markdown-text-radius: var(--rt-radius-full)}}\n"],
 			dependencies: [
 				{
 					kind: "directive",
@@ -102,7 +102,7 @@ i0.ɵɵngDeclareClassMetadata({
 			}],
 			host: { class: BEM_BLOCK },
 			template: "<ng-container rtBlock=\"rt-markdown-text\">\n    @for (item of blocks(); track $index) {\n        <ng-container *ngTemplateOutlet=\"blockTpl; context: { $implicit: item }\" />\n    }\n\n    <ng-template #blockTpl let-item>\n        @switch (item.kind) {\n            @case (blockKind.Heading) {\n                <div\n                    rtElem=\"heading\"\n                    qa-dataid=\"markdown-heading\"\n                    role=\"heading\"\n                    [attr.aria-level]=\"item.level\"\n                    [rtMod]=\"{ level: item.levelName }\">\n                    <ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: item.content }\" />\n                </div>\n            }\n            @case (blockKind.List) {\n                @if (item.ordered) {\n                    <ol rtElem=\"list\" qa-dataid=\"markdown-list\" [rtMod]=\"{ ordered: true }\">\n                        <ng-container *ngTemplateOutlet=\"itemsTpl; context: { $implicit: item.items }\" />\n                    </ol>\n                } @else {\n                    <ul rtElem=\"list\" qa-dataid=\"markdown-list\">\n                        <ng-container *ngTemplateOutlet=\"itemsTpl; context: { $implicit: item.items }\" />\n                    </ul>\n                }\n            }\n            @case (blockKind.Quote) {\n                <blockquote rtElem=\"quote\" qa-dataid=\"markdown-quote\">\n                    <ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: item.content }\" />\n                </blockquote>\n            }\n            @case (blockKind.Code) {\n                <pre rtElem=\"code\" qa-dataid=\"markdown-code\"><code>{{ item.code }}</code></pre>\n            }\n            @case (blockKind.Table) {\n                <ng-container *ngTemplateOutlet=\"tableTpl; context: { $implicit: item }\" />\n            }\n            @default {\n                <p rtElem=\"paragraph\" qa-dataid=\"markdown-paragraph\">\n                    <ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: item.content }\" />\n                </p>\n            }\n        }\n    </ng-template>\n\n    <ng-template #itemsTpl let-items>\n        @for (point of items; track $index) {\n            <li rtElem=\"item\" qa-dataid=\"markdown-item\" [rtMod]=\"{ level: point.levelName }\">\n                <ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: point.content }\" />\n            </li>\n        }\n    </ng-template>\n\n    <ng-template #tableTpl let-item>\n        <div rtElem=\"table-scroll\" qa-dataid=\"markdown-table-scroll\">\n            <table rtElem=\"table\" qa-dataid=\"markdown-table\">\n                <thead>\n                    <tr>\n                        @for (cell of item.head; track $index) {\n                            <th rtElem=\"head-cell\" qa-dataid=\"markdown-head-cell\">\n                                <ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: cell }\" />\n                            </th>\n                        }\n                    </tr>\n                </thead>\n                <tbody>\n                    @for (row of item.rows; track $index) {\n                        <tr>\n                            @for (cell of row; track $index) {\n                                <td rtElem=\"cell\" qa-dataid=\"markdown-cell\">\n                                    <ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: cell }\" />\n                                </td>\n                            }\n                        </tr>\n                    }\n                </tbody>\n            </table>\n        </div>\n    </ng-template>\n\n    <!--\n        Ветки шаблона кусков пишутся без переносов, а форматтер отключён для них нарочно: перенос\n        строки в разметке становится пробелом, и размеченный кусок отъезжает от соседнего знака —\n        «жирно , а рядом».\n    -->\n    <!-- prettier-ignore -->\n    <ng-template #inlineTpl let-nodes>@for (node of nodes; track $index) {@switch (node.kind) {@case (inlineKind.Strong) {<strong rtElem=\"strong\"><ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: node.children }\" /></strong>}@case (inlineKind.Emphasis) {<em rtElem=\"emphasis\"><ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: node.children }\" /></em>}@case (inlineKind.Strike) {<s rtElem=\"strike\"><ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: node.children }\" /></s>}@case (inlineKind.Code) {<code rtElem=\"code-inline\" qa-dataid=\"markdown-code-inline\">{{ node.text }}</code>}@case (inlineKind.Link) {<a rtElem=\"link\" qa-dataid=\"markdown-link\" rel=\"noopener noreferrer\" target=\"_blank\" [href]=\"node.href\"><ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: node.children }\" /></a>}@case (inlineKind.Break) {<br />}@default {{{ node.text }}}}}</ng-template>\n</ng-container>\n",
-			styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-markdown-text{--rt-markdown-text-radius: var(--rt-radius-sm);--rt-markdown-text-border-width: var(--rt-border-width-thin);display:flex;min-width:0;max-width:100%;flex-direction:column;color:var(--rt-color-text-primary);font-family:var(--rt-font-family-sans);font-size:var(--rt-text-xs);font-weight:var(--rt-font-weight-regular);gap:var(--rt-space-sm);letter-spacing:var(--rt-letter-spacing-wide);line-height:var(--rt-leading-snug)}.rt-markdown-text__heading{margin:0;color:var(--rt-color-text-primary);font-weight:var(--rt-font-weight-semibold)}.rt-markdown-text__heading--level--1{font-size:var(--rt-text-lg)}.rt-markdown-text__heading--level--2{font-size:var(--rt-text-md)}.rt-markdown-text__heading--level--3,.rt-markdown-text__heading--level--4,.rt-markdown-text__heading--level--5,.rt-markdown-text__heading--level--6{font-size:var(--rt-text-sm)}.rt-markdown-text__paragraph{margin:0}.rt-markdown-text__list{padding-left:var(--rt-space-md);margin:0;list-style:disc}.rt-markdown-text__list--ordered{list-style:decimal}.rt-markdown-text__item--level--1{margin-left:var(--rt-space-md)}.rt-markdown-text__item--level--2{margin-left:var(--rt-space-lg)}.rt-markdown-text__quote{padding-left:var(--rt-space-sm);border-left:var(--rt-markdown-text-border-width) solid var(--rt-color-border-default);margin:0;color:var(--rt-color-text-muted)}.rt-markdown-text__code{max-width:100%;padding:var(--rt-space-sm);border-radius:var(--rt-markdown-text-radius);margin:0;background:var(--rt-color-bg-subtle);color:var(--rt-color-text-primary);font-family:var(--rt-font-family-mono);font-size:var(--rt-text-2xs);line-height:var(--rt-leading-snug);overflow-x:auto}.rt-markdown-text__code-inline{padding:0 var(--rt-space-2xs);border-radius:var(--rt-markdown-text-radius);background:var(--rt-color-bg-subtle);font-family:var(--rt-font-family-mono);font-size:var(--rt-text-2xs)}.rt-markdown-text__table-scroll{max-width:100%;overflow-x:auto}.rt-markdown-text__table{width:100%;border-collapse:collapse}.rt-markdown-text__head-cell,.rt-markdown-text__cell{padding:var(--rt-space-2xs) var(--rt-space-sm);border:var(--rt-markdown-text-border-width) solid var(--rt-color-border-default);text-align:left}.rt-markdown-text__head-cell{color:var(--rt-color-text-muted);font-weight:var(--rt-font-weight-semibold)}.rt-markdown-text__strong{font-weight:var(--rt-font-weight-semibold)}.rt-markdown-text__emphasis{font-style:italic}.rt-markdown-text__strike{text-decoration:line-through}.rt-markdown-text__link{color:var(--rt-color-text-link);text-decoration:underline}.rt-markdown-text[data-rt-radius=none]{--rt-markdown-text-radius: var(--rt-radius-none)}.rt-markdown-text[data-rt-radius=xs]{--rt-markdown-text-radius: var(--rt-radius-xs)}.rt-markdown-text[data-rt-radius=sm]{--rt-markdown-text-radius: var(--rt-radius-sm)}.rt-markdown-text[data-rt-radius=ms]{--rt-markdown-text-radius: var(--rt-radius-ms)}.rt-markdown-text[data-rt-radius=md]{--rt-markdown-text-radius: var(--rt-radius-md)}.rt-markdown-text[data-rt-radius=lg]{--rt-markdown-text-radius: var(--rt-radius-lg)}.rt-markdown-text[data-rt-radius=xl]{--rt-markdown-text-radius: var(--rt-radius-xl)}.rt-markdown-text[data-rt-radius=\"2xl\"]{--rt-markdown-text-radius: var(--rt-radius-2xl)}.rt-markdown-text[data-rt-radius=full]{--rt-markdown-text-radius: var(--rt-radius-full)}}\n"]
+			styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-markdown-text{--rt-markdown-text-radius: var(--rt-radius-sm);--rt-markdown-text-border-width: var(--rt-border-width-thin);display:flex;min-width:0;max-width:100%;flex-direction:column;color:var(--rt-color-text-primary);font-family:var(--rt-font-family-sans);font-size:var(--rt-text-xs);font-weight:var(--rt-font-weight-regular);gap:var(--rt-space-sm);letter-spacing:var(--rt-letter-spacing-wide);line-height:var(--rt-leading-snug);overflow-wrap:anywhere}.rt-markdown-text__heading{margin:0;color:var(--rt-color-text-primary);font-weight:var(--rt-font-weight-semibold)}.rt-markdown-text__heading--level--1{font-size:var(--rt-text-lg)}.rt-markdown-text__heading--level--2{font-size:var(--rt-text-md)}.rt-markdown-text__heading--level--3,.rt-markdown-text__heading--level--4,.rt-markdown-text__heading--level--5,.rt-markdown-text__heading--level--6{font-size:var(--rt-text-sm)}.rt-markdown-text__paragraph{margin:0}.rt-markdown-text__list{padding-left:var(--rt-space-md);margin:0;list-style:disc}.rt-markdown-text__list--ordered{list-style:decimal}.rt-markdown-text__item--level--1{margin-left:var(--rt-space-md)}.rt-markdown-text__item--level--2{margin-left:var(--rt-space-lg)}.rt-markdown-text__quote{padding-left:var(--rt-space-sm);border-left:var(--rt-markdown-text-border-width) solid var(--rt-color-border-default);margin:0;color:var(--rt-color-text-muted)}.rt-markdown-text__code{max-width:100%;padding:var(--rt-space-sm);border-radius:var(--rt-markdown-text-radius);margin:0;background:var(--rt-color-bg-subtle);color:var(--rt-color-text-primary);font-family:var(--rt-font-family-mono);font-size:var(--rt-text-2xs);line-height:var(--rt-leading-snug);overflow-x:auto}.rt-markdown-text__code-inline{padding:0 var(--rt-space-2xs);border-radius:var(--rt-markdown-text-radius);background:var(--rt-color-bg-subtle);font-family:var(--rt-font-family-mono);font-size:var(--rt-text-2xs)}.rt-markdown-text__table-scroll{max-width:100%;overflow-x:auto}.rt-markdown-text__table{width:100%;border-collapse:collapse}.rt-markdown-text__head-cell,.rt-markdown-text__cell{padding:var(--rt-space-2xs) var(--rt-space-sm);border:var(--rt-markdown-text-border-width) solid var(--rt-color-border-default);text-align:left}.rt-markdown-text__head-cell{color:var(--rt-color-text-muted);font-weight:var(--rt-font-weight-semibold)}.rt-markdown-text__strong{font-weight:var(--rt-font-weight-semibold)}.rt-markdown-text__emphasis{font-style:italic}.rt-markdown-text__strike{text-decoration:line-through}.rt-markdown-text__link{color:var(--rt-color-text-link);text-decoration:underline}.rt-markdown-text[data-rt-radius=none]{--rt-markdown-text-radius: var(--rt-radius-none)}.rt-markdown-text[data-rt-radius=xs]{--rt-markdown-text-radius: var(--rt-radius-xs)}.rt-markdown-text[data-rt-radius=sm]{--rt-markdown-text-radius: var(--rt-radius-sm)}.rt-markdown-text[data-rt-radius=ms]{--rt-markdown-text-radius: var(--rt-radius-ms)}.rt-markdown-text[data-rt-radius=md]{--rt-markdown-text-radius: var(--rt-radius-md)}.rt-markdown-text[data-rt-radius=lg]{--rt-markdown-text-radius: var(--rt-radius-lg)}.rt-markdown-text[data-rt-radius=xl]{--rt-markdown-text-radius: var(--rt-radius-xl)}.rt-markdown-text[data-rt-radius=\"2xl\"]{--rt-markdown-text-radius: var(--rt-radius-2xl)}.rt-markdown-text[data-rt-radius=full]{--rt-markdown-text-radius: var(--rt-radius-full)}}\n"]
 		}]
 	}],
 	propDecorators: { text: [{

package/fesm2022/rt-tools-ui-kit-v2-markdown-text.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"rt-tools-ui-kit-v2-markdown-text.mjs","names":[],"sources":["../../../projects/ui-kit-v2/src/lib/components/markdown-text/rt-markdown-text.component.ts","../../../projects/ui-kit-v2/src/lib/components/markdown-text/rt-markdown-text.component.html"],"sourcesContent":["import { NgTemplateOutlet } from '@angular/common';\nimport { computed, input, ChangeDetectionStrategy, Component, InputSignal, Signal, ViewEncapsulation } from '@angular/core';\n\nimport { BlockDirective, ElemDirective, ModDirective } from '@rt-tools/core';\n\nimport { parseMarkdown } from '@rt-tools/ui-kit-v2/core';\nimport { ERtMarkdownBlock, ERtMarkdownInline, IRtMarkdownBlockNode } from '@rt-tools/ui-kit-v2/core';\nimport { RtRadiusDirective } from '@rt-tools/ui-kit-v2/radius';\n\nconst BEM_BLOCK: string = 'rt-markdown-text';\n\n/**\n * Текст, написанный разметкой, показанный узлами.\n *\n * Перечень разметки зашит в разборщике и входом не задаётся: вход у компонента один — сам\n * текст. Настраивать нечего, значит нечем и ослабить.\n *\n * Присланная строка в страницу не отдаётся ни разу: компонент рисует дерево узлов, которое\n * вернул разбор, и другого пути у текста внутрь страницы нет. Поэтому сырой HTML, картинки и\n * адреса чужих схем показываются видимым текстом — узла для них разборщик не строит.\n *\n * Таблица рисуется своей разметкой, а не таблицей кита: та объявляет колонки заранее\n * директивами, а число столбцов здесь приходит из текста и заранее не известно никому.\n */\n@Component({\n    selector: 'rt-markdown-text',\n    templateUrl: './rt-markdown-text.component.html',\n    styleUrl: './rt-markdown-text.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        // standalone components / directives\n        BlockDirective,\n        ElemDirective,\n        ModDirective,\n        NgTemplateOutlet,\n    ],\n    hostDirectives: [{ directive: RtRadiusDirective, inputs: ['radius'] }],\n    host: {\n        class: BEM_BLOCK,\n    },\n})\nexport class RtMarkdownTextComponent {\n    /** Роды блоков в шаблоне: сравнение идёт со значением перечисления, а не со строкой. */\n    protected readonly blockKind: typeof ERtMarkdownBlock = ERtMarkdownBlock;\n\n    /** Роды кусков строки в шаблоне. */\n    protected readonly inlineKind: typeof ERtMarkdownInline = ERtMarkdownInline;\n\n    protected readonly blocks: Signal<readonly IRtMarkdownBlockNode[]> = computed((): readonly IRtMarkdownBlockNode[] =>\n        parseMarkdown(this.text())\n    );\n\n    public readonly text: InputSignal<string | null> = input.required<string | null>();\n}\n","<ng-container rtBlock=\"rt-markdown-text\">\n    @for (item of blocks(); track $index) {\n        <ng-container *ngTemplateOutlet=\"blockTpl; context: { $implicit: item }\" />\n    }\n\n    <ng-template #blockTpl let-item>\n        @switch (item.kind) {\n            @case (blockKind.Heading) {\n                <div\n                    rtElem=\"heading\"\n                    qa-dataid=\"markdown-heading\"\n                    role=\"heading\"\n                    [attr.aria-level]=\"item.level\"\n                    [rtMod]=\"{ level: item.levelName }\">\n                    <ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: item.content }\" />\n                </div>\n            }\n            @case (blockKind.List) {\n                @if (item.ordered) {\n                    <ol rtElem=\"list\" qa-dataid=\"markdown-list\" [rtMod]=\"{ ordered: true }\">\n                        <ng-container *ngTemplateOutlet=\"itemsTpl; context: { $implicit: item.items }\" />\n                    </ol>\n                } @else {\n                    <ul rtElem=\"list\" qa-dataid=\"markdown-list\">\n                        <ng-container *ngTemplateOutlet=\"itemsTpl; context: { $implicit: item.items }\" />\n                    </ul>\n                }\n            }\n            @case (blockKind.Quote) {\n                <blockquote rtElem=\"quote\" qa-dataid=\"markdown-quote\">\n                    <ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: item.content }\" />\n                </blockquote>\n            }\n            @case (blockKind.Code) {\n                <pre rtElem=\"code\" qa-dataid=\"markdown-code\"><code>{{ item.code }}</code></pre>\n            }\n            @case (blockKind.Table) {\n                <ng-container *ngTemplateOutlet=\"tableTpl; context: { $implicit: item }\" />\n            }\n            @default {\n                <p rtElem=\"paragraph\" qa-dataid=\"markdown-paragraph\">\n                    <ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: item.content }\" />\n                </p>\n            }\n        }\n    </ng-template>\n\n    <ng-template #itemsTpl let-items>\n        @for (point of items; track $index) {\n            <li rtElem=\"item\" qa-dataid=\"markdown-item\" [rtMod]=\"{ level: point.levelName }\">\n                <ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: point.content }\" />\n            </li>\n        }\n    </ng-template>\n\n    <ng-template #tableTpl let-item>\n        <div rtElem=\"table-scroll\" qa-dataid=\"markdown-table-scroll\">\n            <table rtElem=\"table\" qa-dataid=\"markdown-table\">\n                <thead>\n                    <tr>\n                        @for (cell of item.head; track $index) {\n                            <th rtElem=\"head-cell\" qa-dataid=\"markdown-head-cell\">\n                                <ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: cell }\" />\n                            </th>\n                        }\n                    </tr>\n                </thead>\n                <tbody>\n                    @for (row of item.rows; track $index) {\n                        <tr>\n                            @for (cell of row; track $index) {\n                                <td rtElem=\"cell\" qa-dataid=\"markdown-cell\">\n                                    <ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: cell }\" />\n                                </td>\n                            }\n                        </tr>\n                    }\n                </tbody>\n            </table>\n        </div>\n    </ng-template>\n\n    <!--\n        Ветки шаблона кусков пишутся без переносов, а форматтер отключён для них нарочно: перенос\n        строки в разметке становится пробелом, и размеченный кусок отъезжает от соседнего знака —\n        «жирно , а рядом».\n    -->\n    <!-- prettier-ignore -->\n    <ng-template #inlineTpl let-nodes>@for (node of nodes; track $index) {@switch (node.kind) {@case (inlineKind.Strong) {<strong rtElem=\"strong\"><ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: node.children }\" /></strong>}@case (inlineKind.Emphasis) {<em rtElem=\"emphasis\"><ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: node.children }\" /></em>}@case (inlineKind.Strike) {<s rtElem=\"strike\"><ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: node.children }\" /></s>}@case (inlineKind.Code) {<code rtElem=\"code-inline\" qa-dataid=\"markdown-code-inline\">{{ node.text }}</code>}@case (inlineKind.Link) {<a rtElem=\"link\" qa-dataid=\"markdown-link\" rel=\"noopener noreferrer\" target=\"_blank\" [href]=\"node.href\"><ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: node.children }\" /></a>}@case (inlineKind.Break) {<br />}@default {{{ node.text }}}}}</ng-template>\n</ng-container>\n"],"mappings":";;;;;;;AASA,MAAM,YAAoB;AAiC1B,IAAa,0BAAb,MAAa,wBAAuB;CAlBpC,cAAA;EAoBuB,KAAA,YAAqC;EAGrC,KAAA,aAAuC;EAEvC,KAAA,SAAkD,eACjE,cAAc,KAAK,KAAI,CAAE,GAC5B,GAAA,YAAA,CAAA,EAAA,WAAA,SAAA,CAAA,+BAAA,CAAA,CAAA;EAEe,KAAA,OAAmC,MAAM,SAAyB,GAAA,YAAA,CAAA,EAAA,WAAA,OAAA,CAAA,+BAAA,CAAA,CAAA;CACrF;CAZY;EAAA,KAAA,OAAA,GAAA,mBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,UAAA;GAAA,MAAA;GAAuB,MAAA,CAAA;GAAA,QAAA,GAAA,gBAAA;EAAA,CAAA;CAAA;CAAvB;EAAA,KAAA,OAAA,GAAA,qBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,MAAA;GAAuB,cAAA;GAAA,UAAA;GAAA,QAAA,EAAA,MAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA,EAAA;GAAA,MAAA,EAAA,gBAAA,mBAAA;GAAA,gBAAA,CAAA;IAAA,WAAA,GAAA;IAAA,QAAA,CAAA,UAAA,QAAA;GAAA,CAAA;GAAA,UAAA;GAAA,UC1CpC;GA0FA,QAAA,CAAA,gyGAAA;GAAA,cAAA;IAAA;KAAA,MAAA;KAAA,MD1DQ;KAAc,UAAA;KAAA,QAAA,CAAA,OAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MACd;KAAa,UAAA;KAAA,QAAA,CAAA,OAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MACb;KAAY,UAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MACZ;KAAgB,UAAA;KAAA,QAAA;MAAA;MAAA;MAAA;KAAA;IAAA;GAAA;GAAA,iBAAA,GAAA,wBAAA;GAAA,eAAA,GAAA,kBAAA;EAAA,CAAA;CAAA;;AAOX,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAuB,YAAA,CAAA;EAlBnC,MAAA;EACa,MAAA,CAAA;GAAA,UAAA;GAAkB,iBAGX,wBAAwB;GAAM,eAChC,kBAAkB;GAAI,SAC5B;IAEL;IACA;IACA;IACA;GACH;GAAA,gBACe,CAAC;IAAE,WAAW;IAAmB,QAAQ,CAAC,QAAQ;GAAC,CAAE;GAAC,MAChE,EACF,OAAO,UACV;GAAA,UAAA;GAAA,QAAA,CAAA,gyGAAA;EAAA,CAAA"}
+{"version":3,"file":"rt-tools-ui-kit-v2-markdown-text.mjs","names":[],"sources":["../../../projects/ui-kit-v2/src/lib/components/markdown-text/rt-markdown-text.component.ts","../../../projects/ui-kit-v2/src/lib/components/markdown-text/rt-markdown-text.component.html"],"sourcesContent":["import { NgTemplateOutlet } from '@angular/common';\nimport { computed, input, ChangeDetectionStrategy, Component, InputSignal, Signal, ViewEncapsulation } from '@angular/core';\n\nimport { BlockDirective, ElemDirective, ModDirective } from '@rt-tools/core';\n\nimport { parseMarkdown } from '@rt-tools/ui-kit-v2/core';\nimport { ERtMarkdownBlock, ERtMarkdownInline, IRtMarkdownBlockNode } from '@rt-tools/ui-kit-v2/core';\nimport { RtRadiusDirective } from '@rt-tools/ui-kit-v2/radius';\n\nconst BEM_BLOCK: string = 'rt-markdown-text';\n\n/**\n * Текст, написанный разметкой, показанный узлами.\n *\n * Перечень разметки зашит в разборщике и входом не задаётся: вход у компонента один — сам\n * текст. Настраивать нечего, значит нечем и ослабить.\n *\n * Присланная строка в страницу не отдаётся ни разу: компонент рисует дерево узлов, которое\n * вернул разбор, и другого пути у текста внутрь страницы нет. Поэтому сырой HTML, картинки и\n * адреса чужих схем показываются видимым текстом — узла для них разборщик не строит.\n *\n * Таблица рисуется своей разметкой, а не таблицей кита: та объявляет колонки заранее\n * директивами, а число столбцов здесь приходит из текста и заранее не известно никому.\n */\n@Component({\n    selector: 'rt-markdown-text',\n    templateUrl: './rt-markdown-text.component.html',\n    styleUrl: './rt-markdown-text.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        // standalone components / directives\n        BlockDirective,\n        ElemDirective,\n        ModDirective,\n        NgTemplateOutlet,\n    ],\n    hostDirectives: [{ directive: RtRadiusDirective, inputs: ['radius'] }],\n    host: {\n        class: BEM_BLOCK,\n    },\n})\nexport class RtMarkdownTextComponent {\n    /** Роды блоков в шаблоне: сравнение идёт со значением перечисления, а не со строкой. */\n    protected readonly blockKind: typeof ERtMarkdownBlock = ERtMarkdownBlock;\n\n    /** Роды кусков строки в шаблоне. */\n    protected readonly inlineKind: typeof ERtMarkdownInline = ERtMarkdownInline;\n\n    protected readonly blocks: Signal<readonly IRtMarkdownBlockNode[]> = computed((): readonly IRtMarkdownBlockNode[] =>\n        parseMarkdown(this.text())\n    );\n\n    public readonly text: InputSignal<string | null> = input.required<string | null>();\n}\n","<ng-container rtBlock=\"rt-markdown-text\">\n    @for (item of blocks(); track $index) {\n        <ng-container *ngTemplateOutlet=\"blockTpl; context: { $implicit: item }\" />\n    }\n\n    <ng-template #blockTpl let-item>\n        @switch (item.kind) {\n            @case (blockKind.Heading) {\n                <div\n                    rtElem=\"heading\"\n                    qa-dataid=\"markdown-heading\"\n                    role=\"heading\"\n                    [attr.aria-level]=\"item.level\"\n                    [rtMod]=\"{ level: item.levelName }\">\n                    <ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: item.content }\" />\n                </div>\n            }\n            @case (blockKind.List) {\n                @if (item.ordered) {\n                    <ol rtElem=\"list\" qa-dataid=\"markdown-list\" [rtMod]=\"{ ordered: true }\">\n                        <ng-container *ngTemplateOutlet=\"itemsTpl; context: { $implicit: item.items }\" />\n                    </ol>\n                } @else {\n                    <ul rtElem=\"list\" qa-dataid=\"markdown-list\">\n                        <ng-container *ngTemplateOutlet=\"itemsTpl; context: { $implicit: item.items }\" />\n                    </ul>\n                }\n            }\n            @case (blockKind.Quote) {\n                <blockquote rtElem=\"quote\" qa-dataid=\"markdown-quote\">\n                    <ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: item.content }\" />\n                </blockquote>\n            }\n            @case (blockKind.Code) {\n                <pre rtElem=\"code\" qa-dataid=\"markdown-code\"><code>{{ item.code }}</code></pre>\n            }\n            @case (blockKind.Table) {\n                <ng-container *ngTemplateOutlet=\"tableTpl; context: { $implicit: item }\" />\n            }\n            @default {\n                <p rtElem=\"paragraph\" qa-dataid=\"markdown-paragraph\">\n                    <ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: item.content }\" />\n                </p>\n            }\n        }\n    </ng-template>\n\n    <ng-template #itemsTpl let-items>\n        @for (point of items; track $index) {\n            <li rtElem=\"item\" qa-dataid=\"markdown-item\" [rtMod]=\"{ level: point.levelName }\">\n                <ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: point.content }\" />\n            </li>\n        }\n    </ng-template>\n\n    <ng-template #tableTpl let-item>\n        <div rtElem=\"table-scroll\" qa-dataid=\"markdown-table-scroll\">\n            <table rtElem=\"table\" qa-dataid=\"markdown-table\">\n                <thead>\n                    <tr>\n                        @for (cell of item.head; track $index) {\n                            <th rtElem=\"head-cell\" qa-dataid=\"markdown-head-cell\">\n                                <ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: cell }\" />\n                            </th>\n                        }\n                    </tr>\n                </thead>\n                <tbody>\n                    @for (row of item.rows; track $index) {\n                        <tr>\n                            @for (cell of row; track $index) {\n                                <td rtElem=\"cell\" qa-dataid=\"markdown-cell\">\n                                    <ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: cell }\" />\n                                </td>\n                            }\n                        </tr>\n                    }\n                </tbody>\n            </table>\n        </div>\n    </ng-template>\n\n    <!--\n        Ветки шаблона кусков пишутся без переносов, а форматтер отключён для них нарочно: перенос\n        строки в разметке становится пробелом, и размеченный кусок отъезжает от соседнего знака —\n        «жирно , а рядом».\n    -->\n    <!-- prettier-ignore -->\n    <ng-template #inlineTpl let-nodes>@for (node of nodes; track $index) {@switch (node.kind) {@case (inlineKind.Strong) {<strong rtElem=\"strong\"><ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: node.children }\" /></strong>}@case (inlineKind.Emphasis) {<em rtElem=\"emphasis\"><ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: node.children }\" /></em>}@case (inlineKind.Strike) {<s rtElem=\"strike\"><ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: node.children }\" /></s>}@case (inlineKind.Code) {<code rtElem=\"code-inline\" qa-dataid=\"markdown-code-inline\">{{ node.text }}</code>}@case (inlineKind.Link) {<a rtElem=\"link\" qa-dataid=\"markdown-link\" rel=\"noopener noreferrer\" target=\"_blank\" [href]=\"node.href\"><ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: node.children }\" /></a>}@case (inlineKind.Break) {<br />}@default {{{ node.text }}}}}</ng-template>\n</ng-container>\n"],"mappings":";;;;;;;AASA,MAAM,YAAoB;AAiC1B,IAAa,0BAAb,MAAa,wBAAuB;CAlBpC,cAAA;EAoBuB,KAAA,YAAqC;EAGrC,KAAA,aAAuC;EAEvC,KAAA,SAAkD,eACjE,cAAc,KAAK,KAAI,CAAE,GAC5B,GAAA,YAAA,CAAA,EAAA,WAAA,SAAA,CAAA,+BAAA,CAAA,CAAA;EAEe,KAAA,OAAmC,MAAM,SAAyB,GAAA,YAAA,CAAA,EAAA,WAAA,OAAA,CAAA,+BAAA,CAAA,CAAA;CACrF;CAZY;EAAA,KAAA,OAAA,GAAA,mBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,UAAA;GAAA,MAAA;GAAuB,MAAA,CAAA;GAAA,QAAA,GAAA,gBAAA;EAAA,CAAA;CAAA;CAAvB;EAAA,KAAA,OAAA,GAAA,qBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,MAAA;GAAuB,cAAA;GAAA,UAAA;GAAA,QAAA,EAAA,MAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA,EAAA;GAAA,MAAA,EAAA,gBAAA,mBAAA;GAAA,gBAAA,CAAA;IAAA,WAAA,GAAA;IAAA,QAAA,CAAA,UAAA,QAAA;GAAA,CAAA;GAAA,UAAA;GAAA,UC1CpC;GA0FA,QAAA,CAAA,uzGAAA;GAAA,cAAA;IAAA;KAAA,MAAA;KAAA,MD1DQ;KAAc,UAAA;KAAA,QAAA,CAAA,OAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MACd;KAAa,UAAA;KAAA,QAAA,CAAA,OAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MACb;KAAY,UAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MACZ;KAAgB,UAAA;KAAA,QAAA;MAAA;MAAA;MAAA;KAAA;IAAA;GAAA;GAAA,iBAAA,GAAA,wBAAA;GAAA,eAAA,GAAA,kBAAA;EAAA,CAAA;CAAA;;AAOX,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAuB,YAAA,CAAA;EAlBnC,MAAA;EACa,MAAA,CAAA;GAAA,UAAA;GAAkB,iBAGX,wBAAwB;GAAM,eAChC,kBAAkB;GAAI,SAC5B;IAEL;IACA;IACA;IACA;GACH;GAAA,gBACe,CAAC;IAAE,WAAW;IAAmB,QAAQ,CAAC,QAAQ;GAAC,CAAE;GAAC,MAChE,EACF,OAAO,UACV;GAAA,UAAA;GAAA,QAAA,CAAA,uzGAAA;EAAA,CAAA"}

package/fesm2022/rt-tools-ui-kit-v2-page-header.mjs

@@ -252,7 +252,8 @@ var RtPageHeaderMoreComponent = class RtPageHeaderMoreComponent {
 						"rtTooltipPlacement",
 						"rtTooltipShowDelay",
 						"rtTooltipWhenTruncated",
-						"rtTooltipHideOnClick"
+						"rtTooltipHideOnClick",
+						"rtTooltipShowOnTap"
 					],
 					exportAs: ["rtTooltip"]
 				},
@@ -691,7 +692,8 @@ var RtPageHeaderComponent = class RtPageHeaderComponent {
 						"rtTooltipPlacement",
 						"rtTooltipShowDelay",
 						"rtTooltipWhenTruncated",
-						"rtTooltipHideOnClick"
+						"rtTooltipHideOnClick",
+						"rtTooltipShowOnTap"
 					],
 					exportAs: ["rtTooltip"]
 				},