@rt-tools/ui-kit-v2 0.23.2 → 0.23.4

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

@@ -1 +1 @@
-{"version":3,"file":"rt-tools-ui-kit-v2-calendar.mjs","sources":["../../../projects/ui-kit-v2/src/lib/components/calendar/rt-calendar.model.ts","../../../projects/ui-kit-v2/src/lib/components/calendar/rt-calendar.component.ts","../../../projects/ui-kit-v2/src/lib/components/calendar/rt-calendar.component.html","../../../projects/ui-kit-v2/src/lib/components/calendar/rt-tools-ui-kit-v2-calendar.ts"],"sourcesContent":["/**\n * Контракты `rt-calendar` — презентационный месячный грид с range-выбором.\n *\n * Компонент домен-агностичен: состояния/цены/доступность дней вычисляет\n * consumer и передаёт готовые view-модели месяцев. Клики по дням и навигация\n * по месяцам эмитятся наружу; никакой доменной логики внутри нет.\n */\n\n/** Состояние ячейки дня — модификатор `data-state` на кнопке дня. */\nexport enum ERtCalendarDayState {\n    Free = 'free',\n    Busy = 'busy',\n    Past = 'past',\n    Blocked = 'blocked',\n    Start = 'start',\n    End = 'end',\n    InRange = 'in-range',\n    /** Выбранный день одиночного выбора — залит. */\n    Chosen = 'chosen',\n}\n\nexport namespace IRtCalendar {\n    /** View-модель дня. `key` — стабильный ключ (ISO-дата). */\n    export interface Day {\n        key: string;\n        dayOfMonth: number;\n        /** Подпись под числом (цена за ночь и т.п.); пустая строка не рендерится. */\n        sublabel: string;\n        state: ERtCalendarDayState;\n        disabled: boolean;\n        /** Сегодняшний день — обведён рамкой поверх любого состояния. */\n        today?: boolean;\n    }\n\n    /** Клавиша сетки, нажатая на дне. */\n    export interface GridKey {\n        key: string;\n        day: Day;\n    }\n\n    /** View-модель месяца: подпись, пустые ячейки до первого дня, дни. */\n    export interface Month {\n        key: string;\n        label: string;\n        leadingBlanks: readonly number[];\n        days: readonly Day[];\n    }\n}\n","import { BooleanInput } from '@angular/cdk/coercion';\nimport { NgTemplateOutlet } from '@angular/common';\nimport {\n    afterRenderEffect,\n    booleanAttribute,\n    computed,\n    signal,\n    viewChildren,\n    ChangeDetectionStrategy,\n    Component,\n    ElementRef,\n    input,\n    InputSignal,\n    InputSignalWithTransform,\n    output,\n    OutputEmitterRef,\n    Signal,\n    ViewEncapsulation,\n    WritableSignal,\n} from '@angular/core';\n\n// rt-tools\nimport { BlockDirective, ElemDirective } from '@rt-tools/core';\n\nimport { RtIconButtonComponent } from '@rt-tools/ui-kit-v2/icon-button';\nimport { RtRadiusDirective } from '@rt-tools/ui-kit-v2/radius';\nimport { RtSkeletonComponent } from '@rt-tools/ui-kit-v2/skeleton';\nimport { ERtCalendarDayState, IRtCalendar } from './rt-calendar.model';\n\nconst BEM_BLOCK: string = 'rt-calendar';\n\n/** Клавиши, что календарь в режиме сетки отдаёт наружу вместо прокрутки страницы. */\nconst GRID_KEYS: ReadonlySet<string> = new Set(['ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown', 'PageUp', 'PageDown', 'Home', 'End']);\n\n@Component({\n    selector: 'rt-calendar',\n    templateUrl: './rt-calendar.component.html',\n    styleUrl: './rt-calendar.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        // angular\n        NgTemplateOutlet,\n\n        // rt-tools\n        BlockDirective,\n        ElemDirective,\n\n        // components\n        RtIconButtonComponent,\n        RtSkeletonComponent,\n    ],\n    hostDirectives: [{ directive: RtRadiusDirective, inputs: ['radius'] }],\n    host: {\n        class: BEM_BLOCK,\n    },\n})\nexport class RtCalendarComponent {\n    /** Фокус двигала клавиша: только тогда календарь переводит фокус на `activeKey`. */\n    readonly #keyed: WritableSignal<boolean> = signal(false);\n\n    protected readonly sublabelSkeletonHeight: string = '12px';\n    protected readonly chosenState: ERtCalendarDayState = ERtCalendarDayState.Chosen;\n\n    protected readonly dayButtons: Signal<readonly ElementRef<HTMLButtonElement>[]> =\n        viewChildren<ElementRef<HTMLButtonElement>>('dayButton');\n\n    /**\n     * День, что стоит в порядке обхода Tab в режиме сетки: `activeKey`, иначе выбранный, иначе\n     * сегодняшний, иначе первый доступный. Вне режима сетки — `null`, и каждый день обходится Tab.\n     */\n    protected readonly rovingKey: Signal<string | null> = computed((): string | null => {\n        if (!this.grid()) {\n            return null;\n        }\n        const days: IRtCalendar.Day[] = this.months().flatMap((month: IRtCalendar.Month): IRtCalendar.Day[] => [...month.days]);\n        const active: string | null = this.activeKey();\n        const pick: IRtCalendar.Day | undefined =\n            days.find((day: IRtCalendar.Day): boolean => day.key === active) ??\n            days.find((day: IRtCalendar.Day): boolean => day.state === ERtCalendarDayState.Chosen) ??\n            days.find((day: IRtCalendar.Day): boolean => day.today === true) ??\n            days.find((day: IRtCalendar.Day): boolean => !day.disabled);\n        return pick?.key ?? null;\n    });\n\n    public readonly months: InputSignal<readonly IRtCalendar.Month[]> = input.required<readonly IRtCalendar.Month[]>();\n    public readonly weekdayLabels: InputSignal<readonly string[]> = input.required<readonly string[]>();\n    public readonly canPrev: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n    public readonly canNext: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n    /** Локализованные aria-подписи кнопок навигации — задаёт consumer. */\n    public readonly prevAriaLabel: InputSignal<string> = input<string>('');\n    public readonly nextAriaLabel: InputSignal<string> = input<string>('');\n    public readonly sublabelsLoading: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n\n    /**\n     * Режим сетки: один день в обходе Tab, клавиши стрелок, PageUp/PageDown, Home и End уходят\n     * наружу событием `gridKey`, а фокус встаёт на `activeKey`. Выключен — поведение прежнее.\n     */\n    public readonly grid: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n    /** День с фокусом в режиме сетки, ключ `YYYY-MM-DD`; его ставит consumer по `gridKey`. */\n    public readonly activeKey: InputSignal<string | null> = input<string | null>(null);\n    /** Заголовок месяца — кнопка, что шлёт `titleClick`: так consumer открывает выбор месяца. */\n    public readonly titleAction: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n    /** Заголовок первого месяца стоит в шапке между стрелками, а не над сеткой. */\n    public readonly headerTitle: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n\n    public readonly prevMonth: OutputEmitterRef<void> = output<void>();\n    public readonly nextMonth: OutputEmitterRef<void> = output<void>();\n    public readonly dayClick: OutputEmitterRef<IRtCalendar.Day> = output<IRtCalendar.Day>();\n    /** Клавиша сетки на дне: куда перевести фокус, решает consumer. */\n    public readonly gridKey: OutputEmitterRef<IRtCalendar.GridKey> = output<IRtCalendar.GridKey>();\n    public readonly titleClick: OutputEmitterRef<IRtCalendar.Month> = output<IRtCalendar.Month>();\n    /** День под указателем или с фокусом; `null` — указатель ушёл с месяцев. По нему рисуется будущий диапазон. */\n    public readonly dayHover: OutputEmitterRef<IRtCalendar.Day | null> = output<IRtCalendar.Day | null>();\n\n    constructor() {\n        afterRenderEffect((): void => {\n            const key: string | null = this.rovingKey();\n            if (!this.#keyed() || key === null) {\n                return;\n            }\n            this.dayButtons()\n                .find((button: ElementRef<HTMLButtonElement>): boolean => button.nativeElement.dataset['iso'] === key)\n                ?.nativeElement.focus();\n        });\n    }\n\n    protected onDayKey(event: KeyboardEvent, day: IRtCalendar.Day): void {\n        if (!this.grid() || !GRID_KEYS.has(event.key)) {\n            return;\n        }\n        event.preventDefault();\n        this.#keyed.set(true);\n        this.gridKey.emit({ key: event.key, day });\n    }\n\n    protected onDayHover(day: IRtCalendar.Day): void {\n        if (!day.disabled) {\n            this.dayHover.emit(day);\n        }\n    }\n\n    protected onDayClick(day: IRtCalendar.Day): void {\n        if (!day.disabled) {\n            this.dayClick.emit(day);\n        }\n    }\n}\n","<ng-container rtBlock=\"rt-calendar\">\n    <div rtElem=\"header\">\n        <rt-icon-button\n            rtElem=\"nav\"\n            qa-dataid=\"calendar-prev-month\"\n            icon=\"chevron-left\"\n            variant=\"secondary\"\n            radius=\"full\"\n            [ariaLabel]=\"prevAriaLabel()\"\n            [disabled]=\"!canPrev()\"\n            (clicked)=\"prevMonth.emit()\" />\n        @if (headerTitle() && months()[0]; as first) {\n            <ng-container *ngTemplateOutlet=\"titleTpl; context: { $implicit: first }\" />\n        }\n        <ng-content select=\"[calendarHint]\" />\n        <rt-icon-button\n            rtElem=\"nav\"\n            qa-dataid=\"calendar-next-month\"\n            icon=\"chevron-right\"\n            variant=\"secondary\"\n            radius=\"full\"\n            [ariaLabel]=\"nextAriaLabel()\"\n            [disabled]=\"!canNext()\"\n            (clicked)=\"nextMonth.emit()\" />\n    </div>\n\n    <div rtElem=\"months\" qa-dataid=\"calendar-months\" (mouseleave)=\"dayHover.emit(null)\">\n        @for (month of months(); track month.key) {\n            <div rtElem=\"month\" qa-dataid=\"calendar-month\">\n                @if (!headerTitle()) {\n                    <ng-container *ngTemplateOutlet=\"titleTpl; context: { $implicit: month }\" />\n                }\n                <div rtElem=\"grid\" qa-dataid=\"calendar-grid\">\n                    @for (weekday of weekdayLabels(); track $index) {\n                        <span rtElem=\"weekday\" qa-dataid=\"calendar-weekday\">{{ weekday }}</span>\n                    }\n                    @for (blank of month.leadingBlanks; track blank) {\n                        <!-- Пустая ячейка сетки до первого дня месяца: занимает место и ничего не красит. -->\n                        <span qa-dataid=\"calendar-blank\" aria-hidden=\"true\"></span>\n                    }\n                    @for (day of month.days; track day.key) {\n                        <button\n                            #dayButton\n                            rtElem=\"day\"\n                            qa-dataid=\"calendar-day\"\n                            type=\"button\"\n                            [attr.data-iso]=\"day.key\"\n                            [attr.data-state]=\"day.state\"\n                            [attr.data-today]=\"day.today ? '' : null\"\n                            [attr.aria-current]=\"day.today ? 'date' : null\"\n                            [attr.aria-pressed]=\"day.state === chosenState ? true : null\"\n                            [attr.tabindex]=\"rovingKey() === null ? null : day.key === rovingKey() ? 0 : -1\"\n                            [disabled]=\"day.disabled\"\n                            (keydown)=\"onDayKey($event, day)\"\n                            (mouseenter)=\"onDayHover(day)\"\n                            (focus)=\"onDayHover(day)\"\n                            (click)=\"onDayClick(day)\">\n                            <span rtElem=\"day-num\" qa-dataid=\"calendar-day-num\">{{ day.dayOfMonth }}</span>\n                            @if (sublabelsLoading()) {\n                                <rt-skeleton\n                                    rtElem=\"day-sublabel\"\n                                    qa-dataid=\"calendar-day-price-skeleton\"\n                                    width=\"80%\"\n                                    radius=\"sm\"\n                                    [height]=\"sublabelSkeletonHeight\" />\n                            } @else if (day.sublabel) {\n                                <span rtElem=\"day-sublabel\" qa-dataid=\"calendar-day-price\">{{ day.sublabel }}</span>\n                            }\n                        </button>\n                    }\n                </div>\n            </div>\n        }\n    </div>\n\n    <ng-content />\n\n    <ng-template #titleTpl let-month>\n        @if (titleAction()) {\n            <button rtElem=\"month-title\" qa-dataid=\"calendar-month-title\" type=\"button\" (click)=\"titleClick.emit(month)\">\n                {{ month.label }}\n            </button>\n        } @else {\n            <p rtElem=\"month-title\" qa-dataid=\"calendar-month-title\">{{ month.label }}</p>\n        }\n    </ng-template>\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-calendar.mjs","names":[],"sources":["../../../projects/ui-kit-v2/src/lib/components/calendar/rt-calendar.model.ts","../../../projects/ui-kit-v2/src/lib/components/calendar/rt-calendar.component.ts","../../../projects/ui-kit-v2/src/lib/components/calendar/rt-calendar.component.html"],"sourcesContent":["/**\n * Контракты `rt-calendar` — презентационный месячный грид с range-выбором.\n *\n * Компонент домен-агностичен: состояния/цены/доступность дней вычисляет\n * consumer и передаёт готовые view-модели месяцев. Клики по дням и навигация\n * по месяцам эмитятся наружу; никакой доменной логики внутри нет.\n */\n\n/** Состояние ячейки дня — модификатор `data-state` на кнопке дня. */\nexport enum ERtCalendarDayState {\n    Free = 'free',\n    Busy = 'busy',\n    Past = 'past',\n    Blocked = 'blocked',\n    Start = 'start',\n    End = 'end',\n    InRange = 'in-range',\n    /** Выбранный день одиночного выбора — залит. */\n    Chosen = 'chosen',\n}\n\nexport namespace IRtCalendar {\n    /** View-модель дня. `key` — стабильный ключ (ISO-дата). */\n    export interface Day {\n        key: string;\n        dayOfMonth: number;\n        /** Подпись под числом (цена за ночь и т.п.); пустая строка не рендерится. */\n        sublabel: string;\n        state: ERtCalendarDayState;\n        disabled: boolean;\n        /** Сегодняшний день — обведён рамкой поверх любого состояния. */\n        today?: boolean;\n    }\n\n    /** Клавиша сетки, нажатая на дне. */\n    export interface GridKey {\n        key: string;\n        day: Day;\n    }\n\n    /** View-модель месяца: подпись, пустые ячейки до первого дня, дни. */\n    export interface Month {\n        key: string;\n        label: string;\n        leadingBlanks: readonly number[];\n        days: readonly Day[];\n    }\n}\n","import { BooleanInput } from '@angular/cdk/coercion';\nimport { NgTemplateOutlet } from '@angular/common';\nimport {\n    afterRenderEffect,\n    booleanAttribute,\n    computed,\n    signal,\n    viewChildren,\n    ChangeDetectionStrategy,\n    Component,\n    ElementRef,\n    input,\n    InputSignal,\n    InputSignalWithTransform,\n    output,\n    OutputEmitterRef,\n    Signal,\n    ViewEncapsulation,\n    WritableSignal,\n} from '@angular/core';\n\n// rt-tools\nimport { BlockDirective, ElemDirective } from '@rt-tools/core';\n\nimport { RtIconButtonComponent } from '@rt-tools/ui-kit-v2/icon-button';\nimport { RtRadiusDirective } from '@rt-tools/ui-kit-v2/radius';\nimport { RtSkeletonComponent } from '@rt-tools/ui-kit-v2/skeleton';\nimport { ERtCalendarDayState, IRtCalendar } from './rt-calendar.model';\n\nconst BEM_BLOCK: string = 'rt-calendar';\n\n/** Клавиши, что календарь в режиме сетки отдаёт наружу вместо прокрутки страницы. */\nconst GRID_KEYS: ReadonlySet<string> = new Set(['ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown', 'PageUp', 'PageDown', 'Home', 'End']);\n\n@Component({\n    selector: 'rt-calendar',\n    templateUrl: './rt-calendar.component.html',\n    styleUrl: './rt-calendar.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        // angular\n        NgTemplateOutlet,\n\n        // rt-tools\n        BlockDirective,\n        ElemDirective,\n\n        // components\n        RtIconButtonComponent,\n        RtSkeletonComponent,\n    ],\n    hostDirectives: [{ directive: RtRadiusDirective, inputs: ['radius'] }],\n    host: {\n        class: BEM_BLOCK,\n    },\n})\nexport class RtCalendarComponent {\n    /** Фокус двигала клавиша: только тогда календарь переводит фокус на `activeKey`. */\n    readonly #keyed: WritableSignal<boolean> = signal(false);\n\n    protected readonly sublabelSkeletonHeight: string = '12px';\n    protected readonly chosenState: ERtCalendarDayState = ERtCalendarDayState.Chosen;\n\n    protected readonly dayButtons: Signal<readonly ElementRef<HTMLButtonElement>[]> =\n        viewChildren<ElementRef<HTMLButtonElement>>('dayButton');\n\n    /**\n     * День, что стоит в порядке обхода Tab в режиме сетки: `activeKey`, иначе выбранный, иначе\n     * сегодняшний, иначе первый доступный. Вне режима сетки — `null`, и каждый день обходится Tab.\n     */\n    protected readonly rovingKey: Signal<string | null> = computed((): string | null => {\n        if (!this.grid()) {\n            return null;\n        }\n        const days: IRtCalendar.Day[] = this.months().flatMap((month: IRtCalendar.Month): IRtCalendar.Day[] => [...month.days]);\n        const active: string | null = this.activeKey();\n        const pick: IRtCalendar.Day | undefined =\n            days.find((day: IRtCalendar.Day): boolean => day.key === active) ??\n            days.find((day: IRtCalendar.Day): boolean => day.state === ERtCalendarDayState.Chosen) ??\n            days.find((day: IRtCalendar.Day): boolean => day.today === true) ??\n            days.find((day: IRtCalendar.Day): boolean => !day.disabled);\n        return pick?.key ?? null;\n    });\n\n    public readonly months: InputSignal<readonly IRtCalendar.Month[]> = input.required<readonly IRtCalendar.Month[]>();\n    public readonly weekdayLabels: InputSignal<readonly string[]> = input.required<readonly string[]>();\n    public readonly canPrev: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n    public readonly canNext: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n    /** Локализованные aria-подписи кнопок навигации — задаёт consumer. */\n    public readonly prevAriaLabel: InputSignal<string> = input<string>('');\n    public readonly nextAriaLabel: InputSignal<string> = input<string>('');\n    public readonly sublabelsLoading: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n\n    /**\n     * Режим сетки: один день в обходе Tab, клавиши стрелок, PageUp/PageDown, Home и End уходят\n     * наружу событием `gridKey`, а фокус встаёт на `activeKey`. Выключен — поведение прежнее.\n     */\n    public readonly grid: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n    /** День с фокусом в режиме сетки, ключ `YYYY-MM-DD`; его ставит consumer по `gridKey`. */\n    public readonly activeKey: InputSignal<string | null> = input<string | null>(null);\n    /** Заголовок месяца — кнопка, что шлёт `titleClick`: так consumer открывает выбор месяца. */\n    public readonly titleAction: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n    /** Заголовок первого месяца стоит в шапке между стрелками, а не над сеткой. */\n    public readonly headerTitle: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n\n    public readonly prevMonth: OutputEmitterRef<void> = output<void>();\n    public readonly nextMonth: OutputEmitterRef<void> = output<void>();\n    public readonly dayClick: OutputEmitterRef<IRtCalendar.Day> = output<IRtCalendar.Day>();\n    /** Клавиша сетки на дне: куда перевести фокус, решает consumer. */\n    public readonly gridKey: OutputEmitterRef<IRtCalendar.GridKey> = output<IRtCalendar.GridKey>();\n    public readonly titleClick: OutputEmitterRef<IRtCalendar.Month> = output<IRtCalendar.Month>();\n    /** День под указателем или с фокусом; `null` — указатель ушёл с месяцев. По нему рисуется будущий диапазон. */\n    public readonly dayHover: OutputEmitterRef<IRtCalendar.Day | null> = output<IRtCalendar.Day | null>();\n\n    constructor() {\n        afterRenderEffect((): void => {\n            const key: string | null = this.rovingKey();\n            if (!this.#keyed() || key === null) {\n                return;\n            }\n            this.dayButtons()\n                .find((button: ElementRef<HTMLButtonElement>): boolean => button.nativeElement.dataset['iso'] === key)\n                ?.nativeElement.focus();\n        });\n    }\n\n    protected onDayKey(event: KeyboardEvent, day: IRtCalendar.Day): void {\n        if (!this.grid() || !GRID_KEYS.has(event.key)) {\n            return;\n        }\n        event.preventDefault();\n        this.#keyed.set(true);\n        this.gridKey.emit({ key: event.key, day });\n    }\n\n    protected onDayHover(day: IRtCalendar.Day): void {\n        if (!day.disabled) {\n            this.dayHover.emit(day);\n        }\n    }\n\n    protected onDayClick(day: IRtCalendar.Day): void {\n        if (!day.disabled) {\n            this.dayClick.emit(day);\n        }\n    }\n}\n","<ng-container rtBlock=\"rt-calendar\">\n    <div rtElem=\"header\">\n        <rt-icon-button\n            rtElem=\"nav\"\n            qa-dataid=\"calendar-prev-month\"\n            icon=\"chevron-left\"\n            variant=\"secondary\"\n            radius=\"full\"\n            [ariaLabel]=\"prevAriaLabel()\"\n            [disabled]=\"!canPrev()\"\n            (clicked)=\"prevMonth.emit()\" />\n        @if (headerTitle() && months()[0]; as first) {\n            <ng-container *ngTemplateOutlet=\"titleTpl; context: { $implicit: first }\" />\n        }\n        <ng-content select=\"[calendarHint]\" />\n        <rt-icon-button\n            rtElem=\"nav\"\n            qa-dataid=\"calendar-next-month\"\n            icon=\"chevron-right\"\n            variant=\"secondary\"\n            radius=\"full\"\n            [ariaLabel]=\"nextAriaLabel()\"\n            [disabled]=\"!canNext()\"\n            (clicked)=\"nextMonth.emit()\" />\n    </div>\n\n    <div rtElem=\"months\" qa-dataid=\"calendar-months\" (mouseleave)=\"dayHover.emit(null)\">\n        @for (month of months(); track month.key) {\n            <div rtElem=\"month\" qa-dataid=\"calendar-month\">\n                @if (!headerTitle()) {\n                    <ng-container *ngTemplateOutlet=\"titleTpl; context: { $implicit: month }\" />\n                }\n                <div rtElem=\"grid\" qa-dataid=\"calendar-grid\">\n                    @for (weekday of weekdayLabels(); track $index) {\n                        <span rtElem=\"weekday\" qa-dataid=\"calendar-weekday\">{{ weekday }}</span>\n                    }\n                    @for (blank of month.leadingBlanks; track blank) {\n                        <!-- Пустая ячейка сетки до первого дня месяца: занимает место и ничего не красит. -->\n                        <span qa-dataid=\"calendar-blank\" aria-hidden=\"true\"></span>\n                    }\n                    @for (day of month.days; track day.key) {\n                        <button\n                            #dayButton\n                            rtElem=\"day\"\n                            qa-dataid=\"calendar-day\"\n                            type=\"button\"\n                            [attr.data-iso]=\"day.key\"\n                            [attr.data-state]=\"day.state\"\n                            [attr.data-today]=\"day.today ? '' : null\"\n                            [attr.aria-current]=\"day.today ? 'date' : null\"\n                            [attr.aria-pressed]=\"day.state === chosenState ? true : null\"\n                            [attr.tabindex]=\"rovingKey() === null ? null : day.key === rovingKey() ? 0 : -1\"\n                            [disabled]=\"day.disabled\"\n                            (keydown)=\"onDayKey($event, day)\"\n                            (mouseenter)=\"onDayHover(day)\"\n                            (focus)=\"onDayHover(day)\"\n                            (click)=\"onDayClick(day)\">\n                            <span rtElem=\"day-num\" qa-dataid=\"calendar-day-num\">{{ day.dayOfMonth }}</span>\n                            @if (sublabelsLoading()) {\n                                <rt-skeleton\n                                    rtElem=\"day-sublabel\"\n                                    qa-dataid=\"calendar-day-price-skeleton\"\n                                    width=\"80%\"\n                                    radius=\"sm\"\n                                    [height]=\"sublabelSkeletonHeight\" />\n                            } @else if (day.sublabel) {\n                                <span rtElem=\"day-sublabel\" qa-dataid=\"calendar-day-price\">{{ day.sublabel }}</span>\n                            }\n                        </button>\n                    }\n                </div>\n            </div>\n        }\n    </div>\n\n    <ng-content />\n\n    <ng-template #titleTpl let-month>\n        @if (titleAction()) {\n            <button rtElem=\"month-title\" qa-dataid=\"calendar-month-title\" type=\"button\" (click)=\"titleClick.emit(month)\">\n                {{ month.label }}\n            </button>\n        } @else {\n            <p rtElem=\"month-title\" qa-dataid=\"calendar-month-title\">{{ month.label }}</p>\n        }\n    </ng-template>\n</ng-container>\n"],"mappings":"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"}

package/fesm2022/rt-tools-ui-kit-v2-card.mjs

@@ -1,72 +1,156 @@
-import * as i0 from '@angular/core';
-import { input, booleanAttribute, output, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
-import { BlockDirective, ElemDirective, ModDirective } from '@rt-tools/core';
-import * as i1 from '@rt-tools/ui-kit-v2/radius';
-import { RtRadiusDirective } from '@rt-tools/ui-kit-v2/radius';
-
-const BEM_BLOCK = 'rt-card';
-/**
- * Контейнер-карточка с опциональным header (текст ИЛИ projected slot) и footer
- * (projected slot). Default content проецируется в основную область. Поддерживает
- * clickable mode для card-as-button сценариев: при `clickable=true` корневой
- * `<article>` получает `role="button"`, `tabindex="0"` и эмиттит `cardClick`
- * MouseEvent на клик и Enter/Space с клавиатуры.
- *
- * Две стратегии header:
- * 1. Текстом через `header="..."` input — рендерит `<h3 class="rt-card__title">`.
- * 2. Произвольный контент через attribute-selector slot `[rtCardHeader]`.
- *
- * Footer — только через slot `[rtCardFooter]`. Пустые header/footer слоты
- * визуально скрываются через `:empty` CSS-селектор.
- *
- * Все цвета и размеры — через семантические `--rt-*` токены; BEM-разметка через
- * директивы `rtBlock` / `rtElem` / `rtMod` из `@rt-tools/core`.
- */
-class RtCardComponent {
-    constructor() {
-        /** Заголовок-текст; если задан — рендерится `<h3 class="rt-card__title">`. */
-        this.header = input(null, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "header" }] : /* istanbul ignore next */ []));
-        /** ARIA-label на корневом `<article>`. */
-        this.ariaLabel = input(null, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
-        /** Делает карточку интерактивной: `role="button"`, `tabindex="0"`, клавиатура. */
-        this.clickable = input(false, { ...(ngDevMode ? { debugName: "clickable" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-        /** Эмиттит MouseEvent при клике (или Enter/Space) — только если `clickable=true`. */
-        this.cardClick = output();
-    }
-    onClick(event) {
-        if (this.clickable()) {
-            this.cardClick.emit(event);
-        }
-    }
-    onKeyActivate(event) {
-        if (!this.clickable()) {
-            return;
-        }
-        event.preventDefault();
-        this.cardClick.emit(event);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: RtCardComponent, isStandalone: true, selector: "rt-card", inputs: { header: { classPropertyName: "header", publicName: "header", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, clickable: { classPropertyName: "clickable", publicName: "clickable", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { cardClick: "cardClick" }, host: { classAttribute: "rt-card" }, hostDirectives: [{ directive: i1.RtRadiusDirective, inputs: ["radius", "radius"] }], ngImport: i0, template: "<article\n    rtBlock=\"rt-card\"\n    qa-dataid=\"card\"\n    [rtMod]=\"{ clickable: clickable() }\"\n    [attr.role]=\"clickable() ? 'button' : null\"\n    [attr.tabindex]=\"clickable() ? 0 : null\"\n    [attr.aria-label]=\"ariaLabel()\"\n    (click)=\"onClick($event)\"\n    (keydown.enter)=\"onKeyActivate($event)\"\n    (keydown.space)=\"onKeyActivate($event)\">\n    <header rtElem=\"header\">\n        @if (header(); as h) {\n            <h3 rtElem=\"title\" qa-dataid=\"card-title\">{{ h }}</h3>\n        }\n        <ng-content select=\"[rtCardHeader]\" />\n    </header>\n    <div rtElem=\"content\">\n        <ng-content />\n    </div>\n    <footer rtElem=\"footer\">\n        <ng-content select=\"[rtCardFooter]\" />\n    </footer>\n</article>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{rt-card{display:block}rt-card .rt-card{--rt-card-radius: var(--rt-radius-xl);--rt-card-shadow: var(--rt-shadow-card);--rt-card-shadow-hover: var(--rt-shadow-lg);--rt-card-focus-shadow: var(--rt-shadow-focus-ring);--rt-card-transition-duration: var(--rt-duration-fast);display:block;padding:var(--rt-space-lg);border-radius:var(--rt-card-radius);background:var(--rt-color-bg-surface);box-shadow:var(--rt-card-shadow);color:var(--rt-color-text-primary)}rt-card .rt-card--clickable{cursor:pointer;transition:box-shadow var(--rt-card-transition-duration) ease,transform var(--rt-card-transition-duration) ease}rt-card .rt-card--clickable:hover{box-shadow:var(--rt-card-shadow-hover)}rt-card .rt-card--clickable:focus-visible{box-shadow:var(--rt-card-focus-shadow);outline:2px solid transparent;outline-offset:2px}rt-card .rt-card__header{margin-block-end:var(--rt-space-md)}rt-card .rt-card__header:empty{display:none}rt-card .rt-card__title{margin:0;font-size:var(--rt-text-lg);line-height:var(--rt-leading-snug)}rt-card .rt-card__content{display:block}rt-card .rt-card__footer{margin-block-start:var(--rt-space-md)}rt-card .rt-card__footer:empty{display:none}rt-card[data-rt-radius=none]>.rt-card{--rt-card-radius: var(--rt-radius-none)}rt-card[data-rt-radius=xs]>.rt-card{--rt-card-radius: var(--rt-radius-xs)}rt-card[data-rt-radius=sm]>.rt-card{--rt-card-radius: var(--rt-radius-sm)}rt-card[data-rt-radius=ms]>.rt-card{--rt-card-radius: var(--rt-radius-ms)}rt-card[data-rt-radius=md]>.rt-card{--rt-card-radius: var(--rt-radius-md)}rt-card[data-rt-radius=lg]>.rt-card{--rt-card-radius: var(--rt-radius-lg)}rt-card[data-rt-radius=xl]>.rt-card{--rt-card-radius: var(--rt-radius-xl)}rt-card[data-rt-radius=\"2xl\"]>.rt-card{--rt-card-radius: var(--rt-radius-2xl)}rt-card[data-rt-radius=full]>.rt-card{--rt-card-radius: var(--rt-radius-full)}}\n"], dependencies: [{ kind: "directive", type: 
-                // standalone components / directives
-                BlockDirective, selector: "[rtBlock]", inputs: ["rtMod"] }, { kind: "directive", type: ElemDirective, selector: "[rtElem]", inputs: ["rtMod"] }, { kind: "directive", type: ModDirective, selector: "[rtMod]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtCardComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'rt-card', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
-                        // standalone components / directives
-                        BlockDirective,
-                        ElemDirective,
-                        ModDirective,
-                    ], hostDirectives: [{ directive: RtRadiusDirective, inputs: ['radius'] }], host: {
-                        class: BEM_BLOCK,
-                    }, template: "<article\n    rtBlock=\"rt-card\"\n    qa-dataid=\"card\"\n    [rtMod]=\"{ clickable: clickable() }\"\n    [attr.role]=\"clickable() ? 'button' : null\"\n    [attr.tabindex]=\"clickable() ? 0 : null\"\n    [attr.aria-label]=\"ariaLabel()\"\n    (click)=\"onClick($event)\"\n    (keydown.enter)=\"onKeyActivate($event)\"\n    (keydown.space)=\"onKeyActivate($event)\">\n    <header rtElem=\"header\">\n        @if (header(); as h) {\n            <h3 rtElem=\"title\" qa-dataid=\"card-title\">{{ h }}</h3>\n        }\n        <ng-content select=\"[rtCardHeader]\" />\n    </header>\n    <div rtElem=\"content\">\n        <ng-content />\n    </div>\n    <footer rtElem=\"footer\">\n        <ng-content select=\"[rtCardFooter]\" />\n    </footer>\n</article>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{rt-card{display:block}rt-card .rt-card{--rt-card-radius: var(--rt-radius-xl);--rt-card-shadow: var(--rt-shadow-card);--rt-card-shadow-hover: var(--rt-shadow-lg);--rt-card-focus-shadow: var(--rt-shadow-focus-ring);--rt-card-transition-duration: var(--rt-duration-fast);display:block;padding:var(--rt-space-lg);border-radius:var(--rt-card-radius);background:var(--rt-color-bg-surface);box-shadow:var(--rt-card-shadow);color:var(--rt-color-text-primary)}rt-card .rt-card--clickable{cursor:pointer;transition:box-shadow var(--rt-card-transition-duration) ease,transform var(--rt-card-transition-duration) ease}rt-card .rt-card--clickable:hover{box-shadow:var(--rt-card-shadow-hover)}rt-card .rt-card--clickable:focus-visible{box-shadow:var(--rt-card-focus-shadow);outline:2px solid transparent;outline-offset:2px}rt-card .rt-card__header{margin-block-end:var(--rt-space-md)}rt-card .rt-card__header:empty{display:none}rt-card .rt-card__title{margin:0;font-size:var(--rt-text-lg);line-height:var(--rt-leading-snug)}rt-card .rt-card__content{display:block}rt-card .rt-card__footer{margin-block-start:var(--rt-space-md)}rt-card .rt-card__footer:empty{display:none}rt-card[data-rt-radius=none]>.rt-card{--rt-card-radius: var(--rt-radius-none)}rt-card[data-rt-radius=xs]>.rt-card{--rt-card-radius: var(--rt-radius-xs)}rt-card[data-rt-radius=sm]>.rt-card{--rt-card-radius: var(--rt-radius-sm)}rt-card[data-rt-radius=ms]>.rt-card{--rt-card-radius: var(--rt-radius-ms)}rt-card[data-rt-radius=md]>.rt-card{--rt-card-radius: var(--rt-radius-md)}rt-card[data-rt-radius=lg]>.rt-card{--rt-card-radius: var(--rt-radius-lg)}rt-card[data-rt-radius=xl]>.rt-card{--rt-card-radius: var(--rt-radius-xl)}rt-card[data-rt-radius=\"2xl\"]>.rt-card{--rt-card-radius: var(--rt-radius-2xl)}rt-card[data-rt-radius=full]>.rt-card{--rt-card-radius: var(--rt-radius-full)}}\n"] }]
-        }], propDecorators: { header: [{ type: i0.Input, args: [{ isSignal: true, alias: "header", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], clickable: [{ type: i0.Input, args: [{ isSignal: true, alias: "clickable", required: false }] }], cardClick: [{ type: i0.Output, args: ["cardClick"] }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, ViewEncapsulation, booleanAttribute, input, output } from "@angular/core";
+import { BlockDirective, ElemDirective, ModDirective } from "@rt-tools/core";
+import * as i1 from "@rt-tools/ui-kit-v2/radius";
+import { RtRadiusDirective } from "@rt-tools/ui-kit-v2/radius";
+const BEM_BLOCK = "rt-card";
+var RtCardComponent = class RtCardComponent {
+	constructor() {
+		this.header = input(null, ...ngDevMode ? [{ debugName: "header" }] : /* istanbul ignore next */ []);
+		this.ariaLabel = input(null, ...ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []);
+		this.clickable = input(false, {
+			...ngDevMode ? { debugName: "clickable" } : /* istanbul ignore next */ {},
+			transform: booleanAttribute
+		});
+		this.cardClick = output();
+	}
+	onClick(event) {
+		if (this.clickable()) this.cardClick.emit(event);
+	}
+	onKeyActivate(event) {
+		if (!this.clickable()) return;
+		event.preventDefault();
+		this.cardClick.emit(event);
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: RtCardComponent,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.0.0",
+			version: "22.2.2",
+			type: RtCardComponent,
+			isStandalone: true,
+			selector: "rt-card",
+			inputs: {
+				header: {
+					classPropertyName: "header",
+					publicName: "header",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				ariaLabel: {
+					classPropertyName: "ariaLabel",
+					publicName: "ariaLabel",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				clickable: {
+					classPropertyName: "clickable",
+					publicName: "clickable",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				}
+			},
+			outputs: { cardClick: "cardClick" },
+			host: { classAttribute: "rt-card" },
+			hostDirectives: [{
+				directive: i1.RtRadiusDirective,
+				inputs: ["radius", "radius"]
+			}],
+			ngImport: i0,
+			template: "<article\n    rtBlock=\"rt-card\"\n    qa-dataid=\"card\"\n    [rtMod]=\"{ clickable: clickable() }\"\n    [attr.role]=\"clickable() ? 'button' : null\"\n    [attr.tabindex]=\"clickable() ? 0 : null\"\n    [attr.aria-label]=\"ariaLabel()\"\n    (click)=\"onClick($event)\"\n    (keydown.enter)=\"onKeyActivate($event)\"\n    (keydown.space)=\"onKeyActivate($event)\">\n    <header rtElem=\"header\">\n        @if (header(); as h) {\n            <h3 rtElem=\"title\" qa-dataid=\"card-title\">{{ h }}</h3>\n        }\n        <ng-content select=\"[rtCardHeader]\" />\n    </header>\n    <div rtElem=\"content\">\n        <ng-content />\n    </div>\n    <footer rtElem=\"footer\">\n        <ng-content select=\"[rtCardFooter]\" />\n    </footer>\n</article>\n",
+			styles: ["@charset \"UTF-8\";@layer rt-kit.components{rt-card{display:block}rt-card .rt-card{--rt-card-radius: var(--rt-radius-xl);--rt-card-shadow: var(--rt-shadow-card);--rt-card-shadow-hover: var(--rt-shadow-lg);--rt-card-focus-shadow: var(--rt-shadow-focus-ring);--rt-card-transition-duration: var(--rt-duration-fast);display:block;padding:var(--rt-space-lg);border-radius:var(--rt-card-radius);background:var(--rt-color-bg-surface);box-shadow:var(--rt-card-shadow);color:var(--rt-color-text-primary)}rt-card .rt-card--clickable{cursor:pointer;transition:box-shadow var(--rt-card-transition-duration) ease,transform var(--rt-card-transition-duration) ease}rt-card .rt-card--clickable:hover{box-shadow:var(--rt-card-shadow-hover)}rt-card .rt-card--clickable:focus-visible{box-shadow:var(--rt-card-focus-shadow);outline:2px solid transparent;outline-offset:2px}rt-card .rt-card__header{margin-block-end:var(--rt-space-md)}rt-card .rt-card__header:empty{display:none}rt-card .rt-card__title{margin:0;font-size:var(--rt-text-lg);line-height:var(--rt-leading-snug)}rt-card .rt-card__content{display:block}rt-card .rt-card__footer{margin-block-start:var(--rt-space-md)}rt-card .rt-card__footer:empty{display:none}rt-card[data-rt-radius=none]>.rt-card{--rt-card-radius: var(--rt-radius-none)}rt-card[data-rt-radius=xs]>.rt-card{--rt-card-radius: var(--rt-radius-xs)}rt-card[data-rt-radius=sm]>.rt-card{--rt-card-radius: var(--rt-radius-sm)}rt-card[data-rt-radius=ms]>.rt-card{--rt-card-radius: var(--rt-radius-ms)}rt-card[data-rt-radius=md]>.rt-card{--rt-card-radius: var(--rt-radius-md)}rt-card[data-rt-radius=lg]>.rt-card{--rt-card-radius: var(--rt-radius-lg)}rt-card[data-rt-radius=xl]>.rt-card{--rt-card-radius: var(--rt-radius-xl)}rt-card[data-rt-radius=\"2xl\"]>.rt-card{--rt-card-radius: var(--rt-radius-2xl)}rt-card[data-rt-radius=full]>.rt-card{--rt-card-radius: var(--rt-radius-full)}}\n"],
+			dependencies: [
+				{
+					kind: "directive",
+					type: BlockDirective,
+					selector: "[rtBlock]",
+					inputs: ["rtMod"]
+				},
+				{
+					kind: "directive",
+					type: ElemDirective,
+					selector: "[rtElem]",
+					inputs: ["rtMod"]
+				},
+				{
+					kind: "directive",
+					type: ModDirective,
+					selector: "[rtMod]"
+				}
+			],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush,
+			encapsulation: i0.ViewEncapsulation.None
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RtCardComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "rt-card",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			encapsulation: ViewEncapsulation.None,
+			imports: [
+				BlockDirective,
+				ElemDirective,
+				ModDirective
+			],
+			hostDirectives: [{
+				directive: RtRadiusDirective,
+				inputs: ["radius"]
+			}],
+			host: { class: BEM_BLOCK },
+			template: "<article\n    rtBlock=\"rt-card\"\n    qa-dataid=\"card\"\n    [rtMod]=\"{ clickable: clickable() }\"\n    [attr.role]=\"clickable() ? 'button' : null\"\n    [attr.tabindex]=\"clickable() ? 0 : null\"\n    [attr.aria-label]=\"ariaLabel()\"\n    (click)=\"onClick($event)\"\n    (keydown.enter)=\"onKeyActivate($event)\"\n    (keydown.space)=\"onKeyActivate($event)\">\n    <header rtElem=\"header\">\n        @if (header(); as h) {\n            <h3 rtElem=\"title\" qa-dataid=\"card-title\">{{ h }}</h3>\n        }\n        <ng-content select=\"[rtCardHeader]\" />\n    </header>\n    <div rtElem=\"content\">\n        <ng-content />\n    </div>\n    <footer rtElem=\"footer\">\n        <ng-content select=\"[rtCardFooter]\" />\n    </footer>\n</article>\n",
+			styles: ["@charset \"UTF-8\";@layer rt-kit.components{rt-card{display:block}rt-card .rt-card{--rt-card-radius: var(--rt-radius-xl);--rt-card-shadow: var(--rt-shadow-card);--rt-card-shadow-hover: var(--rt-shadow-lg);--rt-card-focus-shadow: var(--rt-shadow-focus-ring);--rt-card-transition-duration: var(--rt-duration-fast);display:block;padding:var(--rt-space-lg);border-radius:var(--rt-card-radius);background:var(--rt-color-bg-surface);box-shadow:var(--rt-card-shadow);color:var(--rt-color-text-primary)}rt-card .rt-card--clickable{cursor:pointer;transition:box-shadow var(--rt-card-transition-duration) ease,transform var(--rt-card-transition-duration) ease}rt-card .rt-card--clickable:hover{box-shadow:var(--rt-card-shadow-hover)}rt-card .rt-card--clickable:focus-visible{box-shadow:var(--rt-card-focus-shadow);outline:2px solid transparent;outline-offset:2px}rt-card .rt-card__header{margin-block-end:var(--rt-space-md)}rt-card .rt-card__header:empty{display:none}rt-card .rt-card__title{margin:0;font-size:var(--rt-text-lg);line-height:var(--rt-leading-snug)}rt-card .rt-card__content{display:block}rt-card .rt-card__footer{margin-block-start:var(--rt-space-md)}rt-card .rt-card__footer:empty{display:none}rt-card[data-rt-radius=none]>.rt-card{--rt-card-radius: var(--rt-radius-none)}rt-card[data-rt-radius=xs]>.rt-card{--rt-card-radius: var(--rt-radius-xs)}rt-card[data-rt-radius=sm]>.rt-card{--rt-card-radius: var(--rt-radius-sm)}rt-card[data-rt-radius=ms]>.rt-card{--rt-card-radius: var(--rt-radius-ms)}rt-card[data-rt-radius=md]>.rt-card{--rt-card-radius: var(--rt-radius-md)}rt-card[data-rt-radius=lg]>.rt-card{--rt-card-radius: var(--rt-radius-lg)}rt-card[data-rt-radius=xl]>.rt-card{--rt-card-radius: var(--rt-radius-xl)}rt-card[data-rt-radius=\"2xl\"]>.rt-card{--rt-card-radius: var(--rt-radius-2xl)}rt-card[data-rt-radius=full]>.rt-card{--rt-card-radius: var(--rt-radius-full)}}\n"]
+		}]
+	}],
+	propDecorators: {
+		header: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "header",
+				required: false
+			}]
+		}],
+		ariaLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "ariaLabel",
+				required: false
+			}]
+		}],
+		clickable: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "clickable",
+				required: false
+			}]
+		}],
+		cardClick: [{
+			type: i0.Output,
+			args: ["cardClick"]
+		}]
+	}
+});
 export { RtCardComponent };
-//# sourceMappingURL=rt-tools-ui-kit-v2-card.mjs.map
+
+//# sourceMappingURL=rt-tools-ui-kit-v2-card.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"rt-tools-ui-kit-v2-card.mjs","sources":["../../../projects/ui-kit-v2/src/lib/components/card/rt-card.component.ts","../../../projects/ui-kit-v2/src/lib/components/card/rt-card.component.html","../../../projects/ui-kit-v2/src/lib/components/card/rt-tools-ui-kit-v2-card.ts"],"sourcesContent":["import { BooleanInput } from '@angular/cdk/coercion';\nimport {\n    booleanAttribute,\n    ChangeDetectionStrategy,\n    Component,\n    input,\n    InputSignal,\n    InputSignalWithTransform,\n    output,\n    OutputEmitterRef,\n    ViewEncapsulation,\n} from '@angular/core';\n\nimport { BlockDirective, ElemDirective, ModDirective } from '@rt-tools/core';\n\nimport { RtRadiusDirective } from '@rt-tools/ui-kit-v2/radius';\n\nconst BEM_BLOCK: string = 'rt-card';\n\n/**\n * Контейнер-карточка с опциональным header (текст ИЛИ projected slot) и footer\n * (projected slot). Default content проецируется в основную область. Поддерживает\n * clickable mode для card-as-button сценариев: при `clickable=true` корневой\n * `<article>` получает `role=\"button\"`, `tabindex=\"0\"` и эмиттит `cardClick`\n * MouseEvent на клик и Enter/Space с клавиатуры.\n *\n * Две стратегии header:\n * 1. Текстом через `header=\"...\"` input — рендерит `<h3 class=\"rt-card__title\">`.\n * 2. Произвольный контент через attribute-selector slot `[rtCardHeader]`.\n *\n * Footer — только через slot `[rtCardFooter]`. Пустые header/footer слоты\n * визуально скрываются через `:empty` CSS-селектор.\n *\n * Все цвета и размеры — через семантические `--rt-*` токены; BEM-разметка через\n * директивы `rtBlock` / `rtElem` / `rtMod` из `@rt-tools/core`.\n */\n@Component({\n    selector: 'rt-card',\n    templateUrl: './rt-card.component.html',\n    styleUrl: './rt-card.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        // standalone components / directives\n        BlockDirective,\n        ElemDirective,\n        ModDirective,\n    ],\n    hostDirectives: [{ directive: RtRadiusDirective, inputs: ['radius'] }],\n    host: {\n        class: BEM_BLOCK,\n    },\n})\nexport class RtCardComponent {\n    /** Заголовок-текст; если задан — рендерится `<h3 class=\"rt-card__title\">`. */\n    public readonly header: InputSignal<string | null> = input<string | null>(null);\n\n    /** ARIA-label на корневом `<article>`. */\n    public readonly ariaLabel: InputSignal<string | null> = input<string | null>(null);\n\n    /** Делает карточку интерактивной: `role=\"button\"`, `tabindex=\"0\"`, клавиатура. */\n    public readonly clickable: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n\n    /** Эмиттит MouseEvent при клике (или Enter/Space) — только если `clickable=true`. */\n    public readonly cardClick: OutputEmitterRef<MouseEvent> = output<MouseEvent>();\n\n    protected onClick(event: MouseEvent): void {\n        if (this.clickable()) {\n            this.cardClick.emit(event);\n        }\n    }\n\n    protected onKeyActivate(event: Event): void {\n        if (!this.clickable()) {\n            return;\n        }\n        event.preventDefault();\n        this.cardClick.emit(event as unknown as MouseEvent);\n    }\n}\n","<article\n    rtBlock=\"rt-card\"\n    qa-dataid=\"card\"\n    [rtMod]=\"{ clickable: clickable() }\"\n    [attr.role]=\"clickable() ? 'button' : null\"\n    [attr.tabindex]=\"clickable() ? 0 : null\"\n    [attr.aria-label]=\"ariaLabel()\"\n    (click)=\"onClick($event)\"\n    (keydown.enter)=\"onKeyActivate($event)\"\n    (keydown.space)=\"onKeyActivate($event)\">\n    <header rtElem=\"header\">\n        @if (header(); as h) {\n            <h3 rtElem=\"title\" qa-dataid=\"card-title\">{{ h }}</h3>\n        }\n        <ng-content select=\"[rtCardHeader]\" />\n    </header>\n    <div rtElem=\"content\">\n        <ng-content />\n    </div>\n    <footer rtElem=\"footer\">\n        <ng-content select=\"[rtCardFooter]\" />\n    </footer>\n</article>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;AAiBA,MAAM,SAAS,GAAW,SAAS;AAEnC;;;;;;;;;;;;;;;;AAgBG;MAkBU,eAAe,CAAA;AAjB5B,IAAA,WAAA,GAAA;;QAmBoB,IAAA,CAAA,MAAM,GAA+B,KAAK,CAAgB,IAAI;mFAAC;;QAG/D,IAAA,CAAA,SAAS,GAA+B,KAAK,CAAgB,IAAI;sFAAC;;QAGlE,IAAA,CAAA,SAAS,GAAoD,KAAK,CAAwB,KAAK,iFAC3G,SAAS,EAAE,gBAAgB,EAAA,CAC7B;;QAGc,IAAA,CAAA,SAAS,GAAiC,MAAM,EAAc;AAejF,IAAA;AAba,IAAA,OAAO,CAAC,KAAiB,EAAA;AAC/B,QAAA,IAAI,IAAI,CAAC,SAAS,EAAE,EAAE;AAClB,YAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC;QAC9B;IACJ;AAEU,IAAA,aAAa,CAAC,KAAY,EAAA;AAChC,QAAA,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,EAAE;YACnB;QACJ;QACA,KAAK,CAAC,cAAc,EAAE;AACtB,QAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAA8B,CAAC;IACvD;8GA3BS,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAf,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,eAAe,inBCrD5B,svBAuBA,EAAA,MAAA,EAAA,CAAA,81DAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA;;gBDqBQ,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,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACb,YAAY,EAAA,QAAA,EAAA,SAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAOP,eAAe,EAAA,UAAA,EAAA,CAAA;kBAjB3B,SAAS;+BACI,SAAS,EAAA,eAAA,EAGF,uBAAuB,CAAC,MAAM,iBAChC,iBAAiB,CAAC,IAAI,EAAA,OAAA,EAC5B;;wBAEL,cAAc;wBACd,aAAa;wBACb,YAAY;AACf,qBAAA,EAAA,cAAA,EACe,CAAC,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAA,IAAA,EAChE;AACF,wBAAA,KAAK,EAAE,SAAS;AACnB,qBAAA,EAAA,QAAA,EAAA,svBAAA,EAAA,MAAA,EAAA,CAAA,81DAAA,CAAA,EAAA;;;AEnDL;;AAEG;;;;"}
+{"version":3,"file":"rt-tools-ui-kit-v2-card.mjs","names":[],"sources":["../../../projects/ui-kit-v2/src/lib/components/card/rt-card.component.ts","../../../projects/ui-kit-v2/src/lib/components/card/rt-card.component.html"],"sourcesContent":["import { BooleanInput } from '@angular/cdk/coercion';\nimport {\n    booleanAttribute,\n    ChangeDetectionStrategy,\n    Component,\n    input,\n    InputSignal,\n    InputSignalWithTransform,\n    output,\n    OutputEmitterRef,\n    ViewEncapsulation,\n} from '@angular/core';\n\nimport { BlockDirective, ElemDirective, ModDirective } from '@rt-tools/core';\n\nimport { RtRadiusDirective } from '@rt-tools/ui-kit-v2/radius';\n\nconst BEM_BLOCK: string = 'rt-card';\n\n/**\n * Контейнер-карточка с опциональным header (текст ИЛИ projected slot) и footer\n * (projected slot). Default content проецируется в основную область. Поддерживает\n * clickable mode для card-as-button сценариев: при `clickable=true` корневой\n * `<article>` получает `role=\"button\"`, `tabindex=\"0\"` и эмиттит `cardClick`\n * MouseEvent на клик и Enter/Space с клавиатуры.\n *\n * Две стратегии header:\n * 1. Текстом через `header=\"...\"` input — рендерит `<h3 class=\"rt-card__title\">`.\n * 2. Произвольный контент через attribute-selector slot `[rtCardHeader]`.\n *\n * Footer — только через slot `[rtCardFooter]`. Пустые header/footer слоты\n * визуально скрываются через `:empty` CSS-селектор.\n *\n * Все цвета и размеры — через семантические `--rt-*` токены; BEM-разметка через\n * директивы `rtBlock` / `rtElem` / `rtMod` из `@rt-tools/core`.\n */\n@Component({\n    selector: 'rt-card',\n    templateUrl: './rt-card.component.html',\n    styleUrl: './rt-card.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        // standalone components / directives\n        BlockDirective,\n        ElemDirective,\n        ModDirective,\n    ],\n    hostDirectives: [{ directive: RtRadiusDirective, inputs: ['radius'] }],\n    host: {\n        class: BEM_BLOCK,\n    },\n})\nexport class RtCardComponent {\n    /** Заголовок-текст; если задан — рендерится `<h3 class=\"rt-card__title\">`. */\n    public readonly header: InputSignal<string | null> = input<string | null>(null);\n\n    /** ARIA-label на корневом `<article>`. */\n    public readonly ariaLabel: InputSignal<string | null> = input<string | null>(null);\n\n    /** Делает карточку интерактивной: `role=\"button\"`, `tabindex=\"0\"`, клавиатура. */\n    public readonly clickable: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n\n    /** Эмиттит MouseEvent при клике (или Enter/Space) — только если `clickable=true`. */\n    public readonly cardClick: OutputEmitterRef<MouseEvent> = output<MouseEvent>();\n\n    protected onClick(event: MouseEvent): void {\n        if (this.clickable()) {\n            this.cardClick.emit(event);\n        }\n    }\n\n    protected onKeyActivate(event: Event): void {\n        if (!this.clickable()) {\n            return;\n        }\n        event.preventDefault();\n        this.cardClick.emit(event as unknown as MouseEvent);\n    }\n}\n","<article\n    rtBlock=\"rt-card\"\n    qa-dataid=\"card\"\n    [rtMod]=\"{ clickable: clickable() }\"\n    [attr.role]=\"clickable() ? 'button' : null\"\n    [attr.tabindex]=\"clickable() ? 0 : null\"\n    [attr.aria-label]=\"ariaLabel()\"\n    (click)=\"onClick($event)\"\n    (keydown.enter)=\"onKeyActivate($event)\"\n    (keydown.space)=\"onKeyActivate($event)\">\n    <header rtElem=\"header\">\n        @if (header(); as h) {\n            <h3 rtElem=\"title\" qa-dataid=\"card-title\">{{ h }}</h3>\n        }\n        <ng-content select=\"[rtCardHeader]\" />\n    </header>\n    <div rtElem=\"content\">\n        <ng-content />\n    </div>\n    <footer rtElem=\"footer\">\n        <ng-content select=\"[rtCardFooter]\" />\n    </footer>\n</article>\n"],"mappings":";;;;;AAiBA,MAAM,YAAoB;AAoC1B,IAAa,kBAAb,MAAa,gBAAe;CAjB5B,cAAA;EAmBoB,KAAA,SAAqC,MAAqB,MAAK,GAAA,YAAA,CAAA,EAAA,WAAA,SAAA,CAAA,+BAAA,CAAA,CAAA;EAG/D,KAAA,YAAwC,MAAqB,MAAK,GAAA,YAAA,CAAA,EAAA,WAAA,YAAA,CAAA,+BAAA,CAAA,CAAA;EAGlE,KAAA,YAA6D,MAA6B,OAAK;GAAA,GAAA,YAAA,EAAA,WAAA,YAAA,+BAAA,CAAA;GAC3G,WAAW;EAAgB,CAAA;EAIf,KAAA,YAA0C,OAAM;CAenE;CAba,QAAQ,OAAiB;EAC/B,IAAI,KAAK,UAAS,GACd,KAAK,UAAU,KAAK,KAAK;CAEjC;CAEU,cAAc,OAAY;EAChC,IAAI,CAAC,KAAK,UAAS,GACf;EAEJ,MAAM,eAAc;EACpB,KAAK,UAAU,KAAK,KAA8B;CACtD;CA3BS;EAAA,KAAA,OAAA,GAAA,mBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,UAAA;GAAA,MAAA;GAAe,MAAA,CAAA;GAAA,QAAA,GAAA,gBAAA;EAAA,CAAA;CAAA;CAAf;EAAA,KAAA,OAAA,GAAA,qBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,MAAA;GAAe,cAAA;GAAA,UAAA;GAAA,QAAA;IAAA,QAAA;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,WAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;GAAA;GAAA,SAAA,EAAA,WAAA,YAAA;GAAA,MAAA,EAAA,gBAAA,UAAA;GAAA,gBAAA,CAAA;IAAA,WAAA,GAAA;IAAA,QAAA,CAAA,UAAA,QAAA;GAAA,CAAA;GAAA,UAAA;GAAA,UCrD5B;GAuBA,QAAA,CAAA,81DAAA;GAAA,cAAA;IAAA;KAAA,MAAA;KAAA,MDqBQ;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;GAAA;GAAA,iBAAA,GAAA,wBAAA;GAAA,eAAA,GAAA,kBAAA;EAAA,CAAA;CAAA;;AAOP,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAe,YAAA,CAAA;EAjB3B,MAAA;EACa,MAAA,CAAA;GAAA,UAAA;GAAS,iBAGF,wBAAwB;GAAM,eAChC,kBAAkB;GAAI,SAC5B;IAEL;IACA;IACA;GACH;GAAA,gBACe,CAAC;IAAE,WAAW;IAAmB,QAAQ,CAAC,QAAQ;GAAC,CAAE;GAAC,MAChE,EACF,OAAO,UACV;GAAA,UAAA;GAAA,QAAA,CAAA,81DAAA;EAAA,CAAA"}

package/fesm2022/rt-tools-ui-kit-v2-carousel.mjs

@@ -0,0 +1,155 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, ViewEncapsulation, computed, input } from "@angular/core";
+import { BlockDirective, ElemDirective, ModDirective } from "@rt-tools/core";
+const HEX_PATTERN = /^#([0-9a-f]{3}|[0-9a-f]{6})$/i;
+const BRIGHTNESS_LIMIT = 186;
+function carouselHex(color) {
+	const value = (color ?? "").trim();
+	if (!HEX_PATTERN.test(value)) return null;
+	const digits = value.slice(1).toLowerCase();
+	return digits.length === 3 ? `#${[...digits].map((digit) => digit + digit).join("")}` : `#${digits}`;
+}
+function carouselTone(hex) {
+	if (hex === null) return null;
+	const channel = (from) => parseInt(hex.slice(from, from + 2), 16);
+	return .299 * channel(1) + .587 * channel(3) + .114 * channel(5) > BRIGHTNESS_LIMIT ? "dark" : "light";
+}
+function carouselLabel(label, labelCase) {
+	if (labelCase === "as-is") return label;
+	return label.replace(/\S+/g, (word) => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase());
+}
+function carouselViews(cards, labelCase = "as-is") {
+	return cards.map((card) => {
+		const color = carouselHex(card.color);
+		return {
+			color,
+			label: carouselLabel(card.label, labelCase),
+			tone: carouselTone(color)
+		};
+	});
+}
+const BEM_BLOCK = "rt-carousel";
+function toCards(value) {
+	return value ?? [];
+}
+var RtCarouselComponent = class RtCarouselComponent {
+	constructor() {
+		this.views = computed(() => carouselViews(this.cards(), this.labelCase()), ...ngDevMode ? [{ debugName: "views" }] : /* istanbul ignore next */ []);
+		this.cards = input([], {
+			...ngDevMode ? { debugName: "cards" } : /* istanbul ignore next */ {},
+			transform: toCards
+		});
+		this.labelCase = input("as-is", ...ngDevMode ? [{ debugName: "labelCase" }] : /* istanbul ignore next */ []);
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: RtCarouselComponent,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.0.0",
+			version: "22.2.2",
+			type: RtCarouselComponent,
+			isStandalone: true,
+			selector: "rt-carousel",
+			inputs: {
+				cards: {
+					classPropertyName: "cards",
+					publicName: "cards",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				labelCase: {
+					classPropertyName: "labelCase",
+					publicName: "labelCase",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				}
+			},
+			host: {
+				attributes: { "role": "list" },
+				properties: { "style.--rt-carousel-count": "views().length" },
+				classAttribute: "rt-carousel"
+			},
+			ngImport: i0,
+			template: "<ng-container rtBlock=\"rt-carousel\">\n    @for (card of views(); track $index) {\n        <span\n            rtElem=\"card\"\n            role=\"listitem\"\n            tabindex=\"0\"\n            qa-dataid=\"carousel-card\"\n            [rtMod]=\"{ tone: card.tone }\"\n            [style.--rt-carousel-card-fill]=\"card.color\">\n            <span rtElem=\"label\" qa-dataid=\"carousel-card-label\">{{ card.label }}</span>\n        </span>\n    }\n</ng-container>\n",
+			styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-carousel{--rt-carousel-count: 0;--rt-carousel-card-width: var(--rt-size-16);--rt-carousel-card-padding-inline: var(--rt-space-2);--rt-carousel-card-radius: var(--rt-radius-ms);--rt-carousel-card-shadow: var(--rt-shadow-sm);--rt-carousel-card-bg: var(--rt-color-bg-subtle);--rt-carousel-card-color: var(--rt-color-text-primary);--rt-carousel-tone-dark: var(--rt-neutral-950);--rt-carousel-tone-light: var(--rt-neutral-0);--rt-carousel-overlap: calc(var(--rt-size-16) / 2);--rt-carousel-lift: var(--rt-space-1);--rt-carousel-shift: var(--rt-space-4);--rt-carousel-label-size: var(--rt-text-xs);--rt-carousel-label-weight: var(--rt-font-weight-medium);--rt-carousel-label-height: var(--rt-size-6);--rt-carousel-label-transform: none;--rt-carousel-duration: var(--rt-duration-base);display:inline-flex;align-items:center;inline-size:calc(var(--rt-carousel-count) * var(--rt-carousel-card-width) - max(var(--rt-carousel-count) - 1,0) * var(--rt-carousel-overlap));isolation:isolate}:is(.rt-preset-material,[data-preset=material]) .rt-carousel{--rt-carousel-card-radius: var(--rt-radius-sm);--rt-carousel-card-shadow: var(--rt-shadow-lg);--rt-carousel-tone-dark: var(--rt-mat-neutral-100);--rt-carousel-label-weight: var(--rt-font-weight-regular);--rt-carousel-label-transform: capitalize;--rt-carousel-duration: calc(var(--rt-duration-base) * 1.5)}.rt-carousel__card{--rt-carousel-card-fill: var(--rt-carousel-card-bg);position:relative;display:flex;box-sizing:border-box;flex-shrink:0;border-radius:var(--rt-carousel-card-radius);background:var(--rt-carousel-card-fill);box-shadow:var(--rt-carousel-card-shadow);color:var(--rt-carousel-card-color);inline-size:var(--rt-carousel-card-width);min-inline-size:var(--rt-carousel-card-width);outline:2px solid transparent;padding-inline:var(--rt-carousel-card-padding-inline);transition:transform var(--rt-carousel-duration) ease-out}.rt-carousel__card+.rt-carousel__card{margin-inline-start:calc(-1 * var(--rt-carousel-overlap))}.rt-carousel__card--tone--dark{color:var(--rt-carousel-tone-dark)}.rt-carousel__card--tone--light{color:var(--rt-carousel-tone-light)}.rt-carousel__card:is(:hover,:focus,:focus-visible){z-index:1;inline-size:max-content;transform:translateY(calc(-1 * var(--rt-carousel-lift)))}.rt-carousel__card:is(:hover,:focus,:focus-visible)~.rt-carousel__card{transform:translate(var(--rt-carousel-shift))}.rt-carousel__card:focus-visible{outline:var(--rt-focus-ring-width) solid var(--rt-focus-ring-color);outline-offset:var(--rt-focus-ring-offset)}@media(prefers-reduced-motion:reduce){.rt-carousel__card{transition:none}}.rt-carousel__label{overflow:hidden;font-size:var(--rt-carousel-label-size);font-weight:var(--rt-carousel-label-weight);inline-size:100%;line-height:var(--rt-carousel-label-height);text-align:center;text-overflow:ellipsis;text-transform:var(--rt-carousel-label-transform);white-space:nowrap}}\n"],
+			dependencies: [
+				{
+					kind: "directive",
+					type: BlockDirective,
+					selector: "[rtBlock]",
+					inputs: ["rtMod"]
+				},
+				{
+					kind: "directive",
+					type: ElemDirective,
+					selector: "[rtElem]",
+					inputs: ["rtMod"]
+				},
+				{
+					kind: "directive",
+					type: ModDirective,
+					selector: "[rtMod]"
+				}
+			],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush,
+			encapsulation: i0.ViewEncapsulation.None
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RtCarouselComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "rt-carousel",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			encapsulation: ViewEncapsulation.None,
+			imports: [
+				BlockDirective,
+				ElemDirective,
+				ModDirective
+			],
+			host: {
+				class: BEM_BLOCK,
+				role: "list",
+				"[style.--rt-carousel-count]": "views().length"
+			},
+			template: "<ng-container rtBlock=\"rt-carousel\">\n    @for (card of views(); track $index) {\n        <span\n            rtElem=\"card\"\n            role=\"listitem\"\n            tabindex=\"0\"\n            qa-dataid=\"carousel-card\"\n            [rtMod]=\"{ tone: card.tone }\"\n            [style.--rt-carousel-card-fill]=\"card.color\">\n            <span rtElem=\"label\" qa-dataid=\"carousel-card-label\">{{ card.label }}</span>\n        </span>\n    }\n</ng-container>\n",
+			styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-carousel{--rt-carousel-count: 0;--rt-carousel-card-width: var(--rt-size-16);--rt-carousel-card-padding-inline: var(--rt-space-2);--rt-carousel-card-radius: var(--rt-radius-ms);--rt-carousel-card-shadow: var(--rt-shadow-sm);--rt-carousel-card-bg: var(--rt-color-bg-subtle);--rt-carousel-card-color: var(--rt-color-text-primary);--rt-carousel-tone-dark: var(--rt-neutral-950);--rt-carousel-tone-light: var(--rt-neutral-0);--rt-carousel-overlap: calc(var(--rt-size-16) / 2);--rt-carousel-lift: var(--rt-space-1);--rt-carousel-shift: var(--rt-space-4);--rt-carousel-label-size: var(--rt-text-xs);--rt-carousel-label-weight: var(--rt-font-weight-medium);--rt-carousel-label-height: var(--rt-size-6);--rt-carousel-label-transform: none;--rt-carousel-duration: var(--rt-duration-base);display:inline-flex;align-items:center;inline-size:calc(var(--rt-carousel-count) * var(--rt-carousel-card-width) - max(var(--rt-carousel-count) - 1,0) * var(--rt-carousel-overlap));isolation:isolate}:is(.rt-preset-material,[data-preset=material]) .rt-carousel{--rt-carousel-card-radius: var(--rt-radius-sm);--rt-carousel-card-shadow: var(--rt-shadow-lg);--rt-carousel-tone-dark: var(--rt-mat-neutral-100);--rt-carousel-label-weight: var(--rt-font-weight-regular);--rt-carousel-label-transform: capitalize;--rt-carousel-duration: calc(var(--rt-duration-base) * 1.5)}.rt-carousel__card{--rt-carousel-card-fill: var(--rt-carousel-card-bg);position:relative;display:flex;box-sizing:border-box;flex-shrink:0;border-radius:var(--rt-carousel-card-radius);background:var(--rt-carousel-card-fill);box-shadow:var(--rt-carousel-card-shadow);color:var(--rt-carousel-card-color);inline-size:var(--rt-carousel-card-width);min-inline-size:var(--rt-carousel-card-width);outline:2px solid transparent;padding-inline:var(--rt-carousel-card-padding-inline);transition:transform var(--rt-carousel-duration) ease-out}.rt-carousel__card+.rt-carousel__card{margin-inline-start:calc(-1 * var(--rt-carousel-overlap))}.rt-carousel__card--tone--dark{color:var(--rt-carousel-tone-dark)}.rt-carousel__card--tone--light{color:var(--rt-carousel-tone-light)}.rt-carousel__card:is(:hover,:focus,:focus-visible){z-index:1;inline-size:max-content;transform:translateY(calc(-1 * var(--rt-carousel-lift)))}.rt-carousel__card:is(:hover,:focus,:focus-visible)~.rt-carousel__card{transform:translate(var(--rt-carousel-shift))}.rt-carousel__card:focus-visible{outline:var(--rt-focus-ring-width) solid var(--rt-focus-ring-color);outline-offset:var(--rt-focus-ring-offset)}@media(prefers-reduced-motion:reduce){.rt-carousel__card{transition:none}}.rt-carousel__label{overflow:hidden;font-size:var(--rt-carousel-label-size);font-weight:var(--rt-carousel-label-weight);inline-size:100%;line-height:var(--rt-carousel-label-height);text-align:center;text-overflow:ellipsis;text-transform:var(--rt-carousel-label-transform);white-space:nowrap}}\n"]
+		}]
+	}],
+	propDecorators: {
+		cards: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "cards",
+				required: false
+			}]
+		}],
+		labelCase: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "labelCase",
+				required: false
+			}]
+		}]
+	}
+});
+export { RtCarouselComponent, carouselHex, carouselLabel, carouselTone, carouselViews };
+
+//# sourceMappingURL=rt-tools-ui-kit-v2-carousel.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"rt-tools-ui-kit-v2-carousel.mjs","names":[],"sources":["../../../projects/ui-kit-v2/src/lib/components/carousel/rt-carousel.logic.ts","../../../projects/ui-kit-v2/src/lib/components/carousel/rt-carousel.component.ts","../../../projects/ui-kit-v2/src/lib/components/carousel/rt-carousel.component.html"],"sourcesContent":["import { IRtCarousel } from './rt-carousel.model';\n\n/** Цвет записью `#rgb` или `#rrggbb`, в любом регистре. */\nconst HEX_PATTERN: RegExp = /^#([0-9a-f]{3}|[0-9a-f]{6})$/i;\n\n/** Порог яркости правила приложения: выше него подпись тёмная. */\nconst BRIGHTNESS_LIMIT: number = 186;\n\n/**\n * Цвет карточки как `#rrggbb` строчными. Трёхзначная запись разворачивается до шести знаков; всё,\n * что не цвет такой записью, — `null`, и карточка остаётся на фоне кита.\n */\nexport function carouselHex(color: string | null | undefined): string | null {\n    const value: string = (color ?? '').trim();\n    if (!HEX_PATTERN.test(value)) {\n        return null;\n    }\n    const digits: string = value.slice(1).toLowerCase();\n    return digits.length === 3 ? `#${[...digits].map((digit: string): string => digit + digit).join('')}` : `#${digits}`;\n}\n\n/**\n * Тон подписи по яркости цвета — то же правило, каким приложение выбирало цвет текста:\n * `0.299·R + 0.587·G + 0.114·B` выше 186 даёт тёмную подпись, иначе светлую.\n */\nexport function carouselTone(hex: string | null): IRtCarousel.Tone | null {\n    if (hex === null) {\n        return null;\n    }\n    const channel: (from: number) => number = (from: number): number => parseInt(hex.slice(from, from + 2), 16);\n    const brightness: number = 0.299 * channel(1) + 0.587 * channel(3) + 0.114 * channel(5);\n    return brightness > BRIGHTNESS_LIMIT ? 'dark' : 'light';\n}\n\n/**\n * Подпись в нужном регистре. `title` пишет каждое слово с заглавной и строчными дальше: «AI tools»\n * становится «Ai Tools». Разделители между словами остаются как пришли.\n */\nexport function carouselLabel(label: string, labelCase: IRtCarousel.LabelCase): string {\n    if (labelCase === 'as-is') {\n        return label;\n    }\n    return label.replace(/\\S+/g, (word: string): string => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase());\n}\n\n/** Карточки входа в том виде, какой рисует шаблон. */\nexport function carouselViews(cards: readonly IRtCarousel.Card[], labelCase: IRtCarousel.LabelCase = 'as-is'): readonly IRtCarousel.View[] {\n    return cards.map((card: IRtCarousel.Card): IRtCarousel.View => {\n        const color: string | null = carouselHex(card.color);\n        return { color, label: carouselLabel(card.label, labelCase), tone: carouselTone(color) };\n    });\n}\n","import {\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    input,\n    InputSignal,\n    InputSignalWithTransform,\n    Signal,\n    ViewEncapsulation,\n} from '@angular/core';\n\nimport { BlockDirective, ElemDirective, ModDirective } from '@rt-tools/core';\n\nimport { carouselViews } from './rt-carousel.logic';\nimport { IRtCarousel } from './rt-carousel.model';\n\nconst BEM_BLOCK: string = 'rt-carousel';\n\n/** Пустой вход и `null` значат одно — стопку без карточек. */\nfunction toCards(value: readonly IRtCarousel.Card[] | null | undefined): readonly IRtCarousel.Card[] {\n    return value ?? [];\n}\n\n/**\n * Стопка цветных карточек с короткой подписью: роли, права, метки записи в узкой ячейке.\n *\n * Карточки наезжают одна на другую; под указателем и в фокусе карточка приподнимается, растёт до\n * всей подписи и встаёт поверх соседей, а следующие отходят в сторону. Каждая карточка стоит в\n * порядке Tab, поэтому подпись целиком видна и с клавиатуры. Подпись на цвете карточки — тёмная или\n * светлая по яркости цвета.\n *\n * Размеры, наезд, подъём, сдвиг, скругление, тень, кегль, регистр и длительность — свойства\n * `--rt-carousel-*`; материальный набор задаёт ими вид приложения.\n *\n * Договорённость — `docs/specs/ui-kit-v2/carousel/`.\n */\n@Component({\n    selector: 'rt-carousel',\n    templateUrl: './rt-carousel.component.html',\n    styleUrls: ['./rt-carousel.component.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        // standalone components / directives\n        BlockDirective,\n        ElemDirective,\n        ModDirective,\n    ],\n    host: {\n        class: BEM_BLOCK,\n        role: 'list',\n        '[style.--rt-carousel-count]': 'views().length',\n    },\n})\nexport class RtCarouselComponent {\n    /** Карточки, какими их рисует шаблон: цвет приведён к записи, тон подписи посчитан. */\n    protected readonly views: Signal<readonly IRtCarousel.View[]> = computed((): readonly IRtCarousel.View[] =>\n        carouselViews(this.cards(), this.labelCase())\n    );\n\n    /** Карточки стопки в порядке показа. */\n    public readonly cards: InputSignalWithTransform<readonly IRtCarousel.Card[], readonly IRtCarousel.Card[] | null | undefined> = input<\n        readonly IRtCarousel.Card[],\n        readonly IRtCarousel.Card[] | null | undefined\n    >([], { transform: toCards });\n\n    /** Регистр подписей: как пришли или каждое слово с заглавной и строчными дальше. */\n    public readonly labelCase: InputSignal<IRtCarousel.LabelCase> = input<IRtCarousel.LabelCase>('as-is');\n}\n","<ng-container rtBlock=\"rt-carousel\">\n    @for (card of views(); track $index) {\n        <span\n            rtElem=\"card\"\n            role=\"listitem\"\n            tabindex=\"0\"\n            qa-dataid=\"carousel-card\"\n            [rtMod]=\"{ tone: card.tone }\"\n            [style.--rt-carousel-card-fill]=\"card.color\">\n            <span rtElem=\"label\" qa-dataid=\"carousel-card-label\">{{ card.label }}</span>\n        </span>\n    }\n</ng-container>\n"],"mappings":"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"}