@rt-tools/ui-kit-v2 0.23.3 → 0.24.0

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

@@ -1 +1 @@
-{"version":3,"file":"rt-tools-ui-kit-v2-image-upload.mjs","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","../../../projects/ui-kit-v2/src/lib/components/image-upload/rt-tools-ui-kit-v2-image-upload.ts"],"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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"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":"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"}

package/fesm2022/rt-tools-ui-kit-v2-info-item.mjs

@@ -1,37 +1,151 @@
-import * as i0 from '@angular/core';
-import { input, booleanAttribute, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
-import { BlockDirective, ElemDirective } from '@rt-tools/core';
-import { RtSkeletonWrapperComponent } from '@rt-tools/ui-kit-v2/skeleton-wrapper';
-
-const BEM_BLOCK = 'rt-info-item';
-class RtInfoItemComponent {
-    constructor() {
-        this.label = input.required(/* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
-        this.loading = input(false, { ...(ngDevMode ? { debugName: "loading" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-        this.grow = input(false, { ...(ngDevMode ? { debugName: "grow" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtInfoItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: RtInfoItemComponent, isStandalone: true, selector: "rt-info-item", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, grow: { classPropertyName: "grow", publicName: "grow", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.rt-info-item--grow": "grow()" }, classAttribute: "rt-info-item" }, ngImport: i0, template: "<ng-container rtBlock=\"rt-info-item\">\n    <span rtElem=\"label\" qa-dataid=\"info-item-label\">{{ label() }}</span>\n    @if (loading()) {\n        <rt-skeleton-wrapper rtElem=\"value-skeleton\" qa-dataid=\"info-item-skeleton\" width=\"80px\" [isLoading]=\"true\" />\n    } @else {\n        <span rtElem=\"value\" qa-dataid=\"info-item-value\"><ng-content /></span>\n    }\n</ng-container>\n", styles: ["@layer rt-kit.components{.rt-info-item{padding:var(--rt-space-md);border-radius:var(--rt-radius-xl);background:var(--rt-color-bg-surface);box-shadow:var(--rt-shadow-card-soft);display:flex;min-width:0;flex-direction:column;margin:0;gap:var(--rt-space-0-5)}.rt-info-item--grow{flex:1 0 0}.rt-info-item__label{margin:0;color:var(--rt-color-text-primary);font-size:var(--rt-text-xs);font-weight:var(--rt-font-weight-regular);letter-spacing:var(--rt-letter-spacing-wide);line-height:var(--rt-leading-snug)}.rt-info-item__value{display:flex;flex-wrap:wrap;align-items:baseline;margin:0;color:var(--rt-color-text-primary);font-size:var(--rt-text-sm);font-weight:var(--rt-font-weight-bold);gap:var(--rt-space-0-5);letter-spacing:var(--rt-letter-spacing-wide);line-height:var(--rt-leading-snug);overflow-wrap:anywhere}.rt-info-item__value-skeleton{display:block}[data-theme=dark] .rt-info-item{background:var(--rt-color-bg-nav);box-shadow:var(--rt-shadow-card-soft)}}\n"], dependencies: [{ kind: "component", type: 
-                // standalone components / directives
-                RtSkeletonWrapperComponent, selector: "rt-skeleton-wrapper", inputs: ["width", "height", "shape", "size", "radius", "animation", "isLoading"] }, { kind: "directive", type: BlockDirective, selector: "[rtBlock]", inputs: ["rtMod"] }, { kind: "directive", type: ElemDirective, selector: "[rtElem]", inputs: ["rtMod"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtInfoItemComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'rt-info-item', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
-                        // standalone components / directives
-                        RtSkeletonWrapperComponent,
-                        BlockDirective,
-                        ElemDirective,
-                    ], host: {
-                        class: BEM_BLOCK,
-                        '[class.rt-info-item--grow]': 'grow()',
-                    }, template: "<ng-container rtBlock=\"rt-info-item\">\n    <span rtElem=\"label\" qa-dataid=\"info-item-label\">{{ label() }}</span>\n    @if (loading()) {\n        <rt-skeleton-wrapper rtElem=\"value-skeleton\" qa-dataid=\"info-item-skeleton\" width=\"80px\" [isLoading]=\"true\" />\n    } @else {\n        <span rtElem=\"value\" qa-dataid=\"info-item-value\"><ng-content /></span>\n    }\n</ng-container>\n", styles: ["@layer rt-kit.components{.rt-info-item{padding:var(--rt-space-md);border-radius:var(--rt-radius-xl);background:var(--rt-color-bg-surface);box-shadow:var(--rt-shadow-card-soft);display:flex;min-width:0;flex-direction:column;margin:0;gap:var(--rt-space-0-5)}.rt-info-item--grow{flex:1 0 0}.rt-info-item__label{margin:0;color:var(--rt-color-text-primary);font-size:var(--rt-text-xs);font-weight:var(--rt-font-weight-regular);letter-spacing:var(--rt-letter-spacing-wide);line-height:var(--rt-leading-snug)}.rt-info-item__value{display:flex;flex-wrap:wrap;align-items:baseline;margin:0;color:var(--rt-color-text-primary);font-size:var(--rt-text-sm);font-weight:var(--rt-font-weight-bold);gap:var(--rt-space-0-5);letter-spacing:var(--rt-letter-spacing-wide);line-height:var(--rt-leading-snug);overflow-wrap:anywhere}.rt-info-item__value-skeleton{display:block}[data-theme=dark] .rt-info-item{background:var(--rt-color-bg-nav);box-shadow:var(--rt-shadow-card-soft)}}\n"] }]
-        }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], grow: [{ type: i0.Input, args: [{ isSignal: true, alias: "grow", required: false }] }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, ViewEncapsulation, booleanAttribute, input } from "@angular/core";
+import { BlockDirective, ElemDirective } from "@rt-tools/core";
+import { RtSkeletonWrapperComponent } from "@rt-tools/ui-kit-v2/skeleton-wrapper";
+const BEM_BLOCK = "rt-info-item";
+var RtInfoItemComponent = class RtInfoItemComponent {
+	constructor() {
+		this.label = input.required(...ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []);
+		this.loading = input(false, {
+			...ngDevMode ? { debugName: "loading" } : /* istanbul ignore next */ {},
+			transform: booleanAttribute
+		});
+		this.grow = input(false, {
+			...ngDevMode ? { debugName: "grow" } : /* istanbul ignore next */ {},
+			transform: booleanAttribute
+		});
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: RtInfoItemComponent,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.0.0",
+			version: "22.2.2",
+			type: RtInfoItemComponent,
+			isStandalone: true,
+			selector: "rt-info-item",
+			inputs: {
+				label: {
+					classPropertyName: "label",
+					publicName: "label",
+					isSignal: true,
+					isRequired: true,
+					transformFunction: null
+				},
+				loading: {
+					classPropertyName: "loading",
+					publicName: "loading",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				grow: {
+					classPropertyName: "grow",
+					publicName: "grow",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				}
+			},
+			host: {
+				properties: { "class.rt-info-item--grow": "grow()" },
+				classAttribute: "rt-info-item"
+			},
+			ngImport: i0,
+			template: "<ng-container rtBlock=\"rt-info-item\">\n    <span rtElem=\"label\" qa-dataid=\"info-item-label\">{{ label() }}</span>\n    @if (loading()) {\n        <rt-skeleton-wrapper rtElem=\"value-skeleton\" qa-dataid=\"info-item-skeleton\" width=\"80px\" [isLoading]=\"true\" />\n    } @else {\n        <span rtElem=\"value\" qa-dataid=\"info-item-value\"><ng-content /></span>\n    }\n</ng-container>\n",
+			styles: ["@layer rt-kit.components{.rt-info-item{padding:var(--rt-space-md);border-radius:var(--rt-radius-xl);background:var(--rt-color-bg-surface);box-shadow:var(--rt-shadow-card-soft);display:flex;min-width:0;flex-direction:column;margin:0;gap:var(--rt-space-0-5)}.rt-info-item--grow{flex:1 0 0}.rt-info-item__label{margin:0;color:var(--rt-color-text-primary);font-size:var(--rt-text-xs);font-weight:var(--rt-font-weight-regular);letter-spacing:var(--rt-letter-spacing-wide);line-height:var(--rt-leading-snug)}.rt-info-item__value{display:flex;flex-wrap:wrap;align-items:baseline;margin:0;color:var(--rt-color-text-primary);font-size:var(--rt-text-sm);font-weight:var(--rt-font-weight-bold);gap:var(--rt-space-0-5);letter-spacing:var(--rt-letter-spacing-wide);line-height:var(--rt-leading-snug);overflow-wrap:anywhere}.rt-info-item__value-skeleton{display:block}[data-theme=dark] .rt-info-item{background:var(--rt-color-bg-nav);box-shadow:var(--rt-shadow-card-soft)}}\n"],
+			dependencies: [
+				{
+					kind: "component",
+					type: RtSkeletonWrapperComponent,
+					selector: "rt-skeleton-wrapper",
+					inputs: [
+						"width",
+						"height",
+						"shape",
+						"size",
+						"radius",
+						"animation",
+						"isLoading"
+					]
+				},
+				{
+					kind: "directive",
+					type: BlockDirective,
+					selector: "[rtBlock]",
+					inputs: ["rtMod"]
+				},
+				{
+					kind: "directive",
+					type: ElemDirective,
+					selector: "[rtElem]",
+					inputs: ["rtMod"]
+				}
+			],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush,
+			encapsulation: i0.ViewEncapsulation.None
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RtInfoItemComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "rt-info-item",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			encapsulation: ViewEncapsulation.None,
+			imports: [
+				RtSkeletonWrapperComponent,
+				BlockDirective,
+				ElemDirective
+			],
+			host: {
+				class: BEM_BLOCK,
+				"[class.rt-info-item--grow]": "grow()"
+			},
+			template: "<ng-container rtBlock=\"rt-info-item\">\n    <span rtElem=\"label\" qa-dataid=\"info-item-label\">{{ label() }}</span>\n    @if (loading()) {\n        <rt-skeleton-wrapper rtElem=\"value-skeleton\" qa-dataid=\"info-item-skeleton\" width=\"80px\" [isLoading]=\"true\" />\n    } @else {\n        <span rtElem=\"value\" qa-dataid=\"info-item-value\"><ng-content /></span>\n    }\n</ng-container>\n",
+			styles: ["@layer rt-kit.components{.rt-info-item{padding:var(--rt-space-md);border-radius:var(--rt-radius-xl);background:var(--rt-color-bg-surface);box-shadow:var(--rt-shadow-card-soft);display:flex;min-width:0;flex-direction:column;margin:0;gap:var(--rt-space-0-5)}.rt-info-item--grow{flex:1 0 0}.rt-info-item__label{margin:0;color:var(--rt-color-text-primary);font-size:var(--rt-text-xs);font-weight:var(--rt-font-weight-regular);letter-spacing:var(--rt-letter-spacing-wide);line-height:var(--rt-leading-snug)}.rt-info-item__value{display:flex;flex-wrap:wrap;align-items:baseline;margin:0;color:var(--rt-color-text-primary);font-size:var(--rt-text-sm);font-weight:var(--rt-font-weight-bold);gap:var(--rt-space-0-5);letter-spacing:var(--rt-letter-spacing-wide);line-height:var(--rt-leading-snug);overflow-wrap:anywhere}.rt-info-item__value-skeleton{display:block}[data-theme=dark] .rt-info-item{background:var(--rt-color-bg-nav);box-shadow:var(--rt-shadow-card-soft)}}\n"]
+		}]
+	}],
+	propDecorators: {
+		label: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "label",
+				required: true
+			}]
+		}],
+		loading: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "loading",
+				required: false
+			}]
+		}],
+		grow: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "grow",
+				required: false
+			}]
+		}]
+	}
+});
 export { RtInfoItemComponent };
-//# sourceMappingURL=rt-tools-ui-kit-v2-info-item.mjs.map
+
+//# sourceMappingURL=rt-tools-ui-kit-v2-info-item.mjs.map

package/fesm2022/rt-tools-ui-kit-v2-info-item.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"rt-tools-ui-kit-v2-info-item.mjs","sources":["../../../projects/ui-kit-v2/src/lib/components/info-item/rt-info-item.component.ts","../../../projects/ui-kit-v2/src/lib/components/info-item/rt-info-item.component.html","../../../projects/ui-kit-v2/src/lib/components/info-item/rt-tools-ui-kit-v2-info-item.ts"],"sourcesContent":["import { BooleanInput } from '@angular/cdk/coercion';\nimport {\n    booleanAttribute,\n    ChangeDetectionStrategy,\n    Component,\n    input,\n    InputSignal,\n    InputSignalWithTransform,\n    ViewEncapsulation,\n} from '@angular/core';\n\nimport { BlockDirective, ElemDirective } from '@rt-tools/core';\n\nimport { RtSkeletonWrapperComponent } from '@rt-tools/ui-kit-v2/skeleton-wrapper';\n\nconst BEM_BLOCK: string = 'rt-info-item';\n\n@Component({\n    selector: 'rt-info-item',\n    templateUrl: './rt-info-item.component.html',\n    styleUrl: './rt-info-item.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        // standalone components / directives\n        RtSkeletonWrapperComponent,\n        BlockDirective,\n        ElemDirective,\n    ],\n    host: {\n        class: BEM_BLOCK,\n        '[class.rt-info-item--grow]': 'grow()',\n    },\n})\nexport class RtInfoItemComponent {\n    public readonly label: InputSignal<string> = input.required<string>();\n\n    public readonly loading: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n\n    public readonly grow: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n}\n","<ng-container rtBlock=\"rt-info-item\">\n    <span rtElem=\"label\" qa-dataid=\"info-item-label\">{{ label() }}</span>\n    @if (loading()) {\n        <rt-skeleton-wrapper rtElem=\"value-skeleton\" qa-dataid=\"info-item-skeleton\" width=\"80px\" [isLoading]=\"true\" />\n    } @else {\n        <span rtElem=\"value\" qa-dataid=\"info-item-value\"><ng-content /></span>\n    }\n</ng-container>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;AAeA,MAAM,SAAS,GAAW,cAAc;MAmB3B,mBAAmB,CAAA;AAjBhC,IAAA,WAAA,GAAA;QAkBoB,IAAA,CAAA,KAAK,GAAwB,KAAK,CAAC,QAAQ;kFAAU;QAErD,IAAA,CAAA,OAAO,GAAoD,KAAK,CAAwB,KAAK,+EACzG,SAAS,EAAE,gBAAgB,EAAA,CAC7B;QAEc,IAAA,CAAA,IAAI,GAAoD,KAAK,CAAwB,KAAK,4EACtG,SAAS,EAAE,gBAAgB,EAAA,CAC7B;AACL,IAAA;8GAVY,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAnB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,mBAAmB,8hBClChC,4YAQA,EAAA,MAAA,EAAA,CAAA,m8BAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA;;gBDiBQ,0BAA0B,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,OAAA,EAAA,MAAA,EAAA,QAAA,EAAA,WAAA,EAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAC1B,cAAc,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACd,aAAa,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAOR,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAjB/B,SAAS;+BACI,cAAc,EAAA,eAAA,EAGP,uBAAuB,CAAC,MAAM,iBAChC,iBAAiB,CAAC,IAAI,EAAA,OAAA,EAC5B;;wBAEL,0BAA0B;wBAC1B,cAAc;wBACd,aAAa;qBAChB,EAAA,IAAA,EACK;AACF,wBAAA,KAAK,EAAE,SAAS;AAChB,wBAAA,4BAA4B,EAAE,QAAQ;AACzC,qBAAA,EAAA,QAAA,EAAA,4YAAA,EAAA,MAAA,EAAA,CAAA,m8BAAA,CAAA,EAAA;;;AEhCL;;AAEG;;;;"}
+{"version":3,"file":"rt-tools-ui-kit-v2-info-item.mjs","names":[],"sources":["../../../projects/ui-kit-v2/src/lib/components/info-item/rt-info-item.component.ts","../../../projects/ui-kit-v2/src/lib/components/info-item/rt-info-item.component.html"],"sourcesContent":["import { BooleanInput } from '@angular/cdk/coercion';\nimport {\n    booleanAttribute,\n    ChangeDetectionStrategy,\n    Component,\n    input,\n    InputSignal,\n    InputSignalWithTransform,\n    ViewEncapsulation,\n} from '@angular/core';\n\nimport { BlockDirective, ElemDirective } from '@rt-tools/core';\n\nimport { RtSkeletonWrapperComponent } from '@rt-tools/ui-kit-v2/skeleton-wrapper';\n\nconst BEM_BLOCK: string = 'rt-info-item';\n\n@Component({\n    selector: 'rt-info-item',\n    templateUrl: './rt-info-item.component.html',\n    styleUrl: './rt-info-item.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        // standalone components / directives\n        RtSkeletonWrapperComponent,\n        BlockDirective,\n        ElemDirective,\n    ],\n    host: {\n        class: BEM_BLOCK,\n        '[class.rt-info-item--grow]': 'grow()',\n    },\n})\nexport class RtInfoItemComponent {\n    public readonly label: InputSignal<string> = input.required<string>();\n\n    public readonly loading: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n\n    public readonly grow: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n}\n","<ng-container rtBlock=\"rt-info-item\">\n    <span rtElem=\"label\" qa-dataid=\"info-item-label\">{{ label() }}</span>\n    @if (loading()) {\n        <rt-skeleton-wrapper rtElem=\"value-skeleton\" qa-dataid=\"info-item-skeleton\" width=\"80px\" [isLoading]=\"true\" />\n    } @else {\n        <span rtElem=\"value\" qa-dataid=\"info-item-value\"><ng-content /></span>\n    }\n</ng-container>\n"],"mappings":";;;;AAeA,MAAM,YAAoB;AAmB1B,IAAa,sBAAb,MAAa,oBAAmB;CAjBhC,cAAA;EAkBoB,KAAA,QAA6B,MAAM,SAAkB,GAAA,YAAA,CAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;EAErD,KAAA,UAA2D,MAA6B,OAAK;GAAA,GAAA,YAAA,EAAA,WAAA,UAAA,+BAAA,CAAA;GACzG,WAAW;EAAgB,CAAA;EAGf,KAAA,OAAwD,MAA6B,OAAK;GAAA,GAAA,YAAA,EAAA,WAAA,OAAA,+BAAA,CAAA;GACtG,WAAW;EAAgB,CAAA;CAElC;CAVY;EAAA,KAAA,OAAA,GAAA,mBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,UAAA;GAAA,MAAA;GAAmB,MAAA,CAAA;GAAA,QAAA,GAAA,gBAAA;EAAA,CAAA;CAAA;CAAnB;EAAA,KAAA,OAAA,GAAA,qBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,MAAA;GAAmB,cAAA;GAAA,UAAA;GAAA,QAAA;IAAA,OAAA;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,MAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;GAAA;GAAA,MAAA;IAAA,YAAA,EAAA,4BAAA,SAAA;IAAA,gBAAA;GAAA;GAAA,UAAA;GAAA,UClChC;GAQA,QAAA,CAAA,m8BAAA;GAAA,cAAA;IAAA;KAAA,MAAA;KAAA,MDiBQ;KAA0B,UAAA;KAAA,QAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;KAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MAC1B;KAAc,UAAA;KAAA,QAAA,CAAA,OAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MACd;KAAa,UAAA;KAAA,QAAA,CAAA,OAAA;IAAA;GAAA;GAAA,iBAAA,GAAA,wBAAA;GAAA,eAAA,GAAA,kBAAA;EAAA,CAAA;CAAA;;AAOR,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAmB,YAAA,CAAA;EAjB/B,MAAA;EACa,MAAA,CAAA;GAAA,UAAA;GAAc,iBAGP,wBAAwB;GAAM,eAChC,kBAAkB;GAAI,SAC5B;IAEL;IACA;IACA;GACH;GAAA,MACK;IACF,OAAO;IACP,8BAA8B;GACjC;GAAA,UAAA;GAAA,QAAA,CAAA,m8BAAA;EAAA,CAAA"}