@rt-tools/ui-kit-v2 0.38.0 → 0.39.1

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

@@ -1 +1 @@
-{"version":3,"file":"rt-tools-ui-kit-v2-date-range.mjs","names":["MONTH_LEN","BEM_BLOCK"],"sources":["../../../projects/ui-kit-v2/src/lib/components/date-range/rt-date-range.model.ts","../../../projects/ui-kit-v2/src/lib/components/date-range/rt-date-range.logic.ts","../../../projects/ui-kit-v2/src/lib/components/date-range/panel/rt-date-range-panel.component.ts","../../../projects/ui-kit-v2/src/lib/components/date-range/panel/rt-date-range-panel.component.html","../../../projects/ui-kit-v2/src/lib/components/date-range/rt-date-range.component.ts","../../../projects/ui-kit-v2/src/lib/components/date-range/rt-date-range.component.html"],"sourcesContent":["/** Быстрый вариант диапазона в панели поля. */\nexport enum ERtDateRangePreset {\n    Today = 'today',\n    Yesterday = 'yesterday',\n    Last7 = 'last-7',\n    Last30 = 'last-30',\n    ThisMonth = 'this-month',\n    LastMonth = 'last-month',\n}\n\n/** Контракт rt-date-range. */\nexport namespace IRtDateRange {\n    /** Значение поля: первый и последний день периода `YYYY-MM-DD`, оба включены, `start <= end`. */\n    export interface Value {\n        start: string;\n        end: string;\n    }\n\n    /** Быстрый вариант в панели: его диапазон и выключен ли он границами. */\n    export interface PresetCell {\n        preset: ERtDateRangePreset;\n        range: Value;\n        disabled: boolean;\n    }\n\n    /** Что месяц панели знает о черновике, наведении и границах. */\n    export interface MonthContext {\n        locale: string;\n        today: string;\n        start: string | null;\n        end: string | null;\n        /** День под указателем, пока выбрано только начало: до него рисуется будущий диапазон. */\n        hover: string | null;\n        min: string | null;\n        max: string | null;\n    }\n\n    /** Форма числа дней по правилам множественного числа локали. */\n    export type Plural = 'one' | 'few' | 'many' | 'other';\n}\n","import { ERtCalendarDayState, IRtCalendar } from '@rt-tools/ui-kit-v2/calendar';\nimport { rtDateAddMonths, rtDateInBounds, rtDateMonth, rtDateRead } from '@rt-tools/ui-kit-v2/date-picker';\nimport { IRtDatePicker } from '@rt-tools/ui-kit-v2/date-picker';\nimport { rtDateParse, rtDateShape, rtDateText } from '@rt-tools/ui-kit-v2/date-picker';\nimport { ERtDateRangePreset, IRtDateRange } from './rt-date-range.model';\n\n/**\n * Чистая логика поля диапазона дат: порядок двух дней, состояния дней месяца, быстрые варианты,\n * итог и текст поля. Сегодняшний день приходит параметром — компонент читает часы сам.\n *\n * Дни — строки `YYYY-MM-DD`: строки одной формы сравниваются как текст в порядке дат.\n */\n\nconst DAY_LENGTH_MS: number = 86_400_000;\nconst DAY_LEN: number = 10;\nconst MONTH_LEN: number = 7;\nconst YEAR_LEN: number = 4;\nconst LAST_WEEK_DAYS: number = 7;\nconst LAST_MONTH_DAYS: number = 30;\n/** Знак между датами в тексте поля. */\nconst DASH: string = ' — ';\n/** Тире между датами набранного текста: длинное или короткое, дефис — только между пробелами. */\nconst DASH_RE: RegExp = /[—–]|\\s-\\s/;\n\nfunction dayToMs(day: string): number {\n    const [y, m, d]: number[] = day.split('-').map(Number);\n    return Date.UTC(y, m - 1, d);\n}\n\nfunction msToDay(ms: number): string {\n    return new Date(ms).toISOString().slice(0, DAY_LEN);\n}\n\nfunction addDays(day: string, delta: number): string {\n    return msToDay(dayToMs(day) + delta * DAY_LENGTH_MS);\n}\n\nfunction lastDayOf(month: string): string {\n    return addDays(`${rtDateAddMonths(month, 1)}-01`, -1);\n}\n\nfunction dayState(day: string, low: string | null, high: string | null): ERtCalendarDayState {\n    if (high === null || low === high) {\n        return day === low ? ERtCalendarDayState.Chosen : ERtCalendarDayState.Free;\n    }\n    if (day === low) {\n        return ERtCalendarDayState.Start;\n    }\n    if (day === high) {\n        return ERtCalendarDayState.End;\n    }\n    const ms: number = dayToMs(day);\n    return low !== null && ms > dayToMs(low) && ms < dayToMs(high) ? ERtCalendarDayState.InRange : ERtCalendarDayState.Free;\n}\n\n/** Два дня по порядку: второй раньше первого — они меняются местами. */\nexport function rtRangeOrder(a: string, b: string): IRtDateRange.Value {\n    return dayToMs(a) <= dayToMs(b) ? { start: a, end: b } : { start: b, end: a };\n}\n\n/** Значение поля из того, что пришло из формы; не пара дней по порядку — `null`. */\nexport function rtRangeRead(value: unknown): IRtDateRange.Value | null {\n    if (typeof value !== 'object' || value === null) {\n        return null;\n    }\n    const start: unknown = Reflect.get(value, 'start');\n    const end: unknown = Reflect.get(value, 'end');\n    if (typeof start !== 'string' || typeof end !== 'string') {\n        return null;\n    }\n    const ok: boolean = rtDateRead(start, 'date') !== null && rtDateRead(end, 'date') !== null && dayToMs(start) <= dayToMs(end);\n    return ok ? { start, end } : null;\n}\n\n/** Диапазон лежит в границах целиком. */\nexport function rtRangeInBounds(range: IRtDateRange.Value, min: string | null, max: string | null): boolean {\n    return rtDateInBounds(range.start, min, max) && rtDateInBounds(range.end, min, max);\n}\n\n/**\n * Месяц `YYYY-MM` для календаря: дни черновика — начало, конец и дни между ними. Пока выбрано только\n * начало, будущий диапазон тянется до дня под указателем, и этот день светлый, как дни между краями:\n * залит только выбранный край.\n */\nexport function rtRangeMonth(month: string, ctx: IRtDateRange.MonthContext): IRtCalendar.Month {\n    const base: IRtCalendar.Month = rtDateMonth(month, { locale: ctx.locale, today: ctx.today, chosen: null, min: ctx.min, max: ctx.max });\n    const other: string | null = ctx.end ?? ctx.hover;\n    const range: IRtDateRange.Value | null = ctx.start === null || other === null ? null : rtRangeOrder(ctx.start, other);\n    const low: string | null = range?.start ?? ctx.start;\n    const high: string | null = range?.end ?? null;\n    const preview: string | null = ctx.end === null && ctx.hover !== ctx.start ? ctx.hover : null;\n    return {\n        ...base,\n        days: base.days.map((day: IRtCalendar.Day): IRtCalendar.Day => {\n            const state: ERtCalendarDayState = dayState(day.key, low, high);\n            return { ...day, state: day.key === preview ? ERtCalendarDayState.InRange : state };\n        }),\n    };\n}\n\n/** Диапазоны быстрых вариантов от сегодняшнего дня. */\nexport function rtRangePresets(today: string): Readonly<Record<ERtDateRangePreset, IRtDateRange.Value>> {\n    const month: string = today.slice(0, MONTH_LEN);\n    const lastMonth: string = rtDateAddMonths(month, -1);\n    const yesterday: string = addDays(today, -1);\n    return {\n        [ERtDateRangePreset.Today]: { start: today, end: today },\n        [ERtDateRangePreset.Yesterday]: { start: yesterday, end: yesterday },\n        [ERtDateRangePreset.Last7]: { start: addDays(today, 1 - LAST_WEEK_DAYS), end: today },\n        [ERtDateRangePreset.Last30]: { start: addDays(today, 1 - LAST_MONTH_DAYS), end: today },\n        [ERtDateRangePreset.ThisMonth]: { start: `${month}-01`, end: today },\n        [ERtDateRangePreset.LastMonth]: { start: `${lastMonth}-01`, end: lastDayOf(lastMonth) },\n    };\n}\n\n/** Быстрые варианты в порядке панели; вариант, не лежащий в границах целиком, выключен. */\nexport function rtRangePresetCells(today: string, min: string | null, max: string | null): IRtDateRange.PresetCell[] {\n    const ranges: Readonly<Record<ERtDateRangePreset, IRtDateRange.Value>> = rtRangePresets(today);\n    return Object.values(ERtDateRangePreset).map((preset: ERtDateRangePreset): IRtDateRange.PresetCell => ({\n        preset,\n        range: ranges[preset],\n        disabled: !rtRangeInBounds(ranges[preset], min, max),\n    }));\n}\n\n/** Вариант, чей диапазон совпадает с черновиком; иначе `null`. */\nexport function rtRangePresetOf(range: IRtDateRange.Value | null, today: string): ERtDateRangePreset | null {\n    if (range === null) {\n        return null;\n    }\n    const ranges: Readonly<Record<ERtDateRangePreset, IRtDateRange.Value>> = rtRangePresets(today);\n    const found: ERtDateRangePreset | undefined = Object.values(ERtDateRangePreset).find(\n        (preset: ERtDateRangePreset): boolean => ranges[preset].start === range.start && ranges[preset].end === range.end\n    );\n    return found ?? null;\n}\n\n/** Число дней диапазона, оба края включены. */\nexport function rtRangeDays(range: IRtDateRange.Value): number {\n    return Math.round((dayToMs(range.end) - dayToMs(range.start)) / DAY_LENGTH_MS) + 1;\n}\n\n/** Форма числа по правилам локали; `zero` и `two` идут подписью `other`. */\nexport function rtRangePlural(count: number, locale: string): IRtDateRange.Plural {\n    const form: Intl.LDMLPluralRule = new Intl.PluralRules(locale).select(count);\n    return form === 'one' || form === 'few' || form === 'many' ? form : 'other';\n}\n\n/** Даты итога по локали: `12–15 октября`; год пишется, когда края в разных годах. */\nexport function rtRangeDates(range: IRtDateRange.Value, locale: string): string {\n    const sameYear: boolean = range.start.slice(0, YEAR_LEN) === range.end.slice(0, YEAR_LEN);\n    const options: Intl.DateTimeFormatOptions = sameYear\n        ? { day: 'numeric', month: 'long', timeZone: 'UTC' }\n        : { day: 'numeric', month: 'long', year: 'numeric', timeZone: 'UTC' };\n    return new Intl.DateTimeFormat(locale, options).formatRange(dayToMs(range.start), dayToMs(range.end));\n}\n\n/** Текст поля: две даты в порядке локали через тире; пусто — пустой текст. */\nexport function rtRangeText(value: IRtDateRange.Value | null, layout: IRtDatePicker.TextLayout): string {\n    return value === null ? '' : `${rtDateText(value.start, 'date', layout)}${DASH}${rtDateText(value.end, 'date', layout)}`;\n}\n\n/** Подсказка формы текста буквами кита: `дд.мм.гггг — дд.мм.гггг`. */\nexport function rtRangeShape(layout: IRtDatePicker.TextLayout, letters: IRtDatePicker.ShapeLetters): string {\n    const day: string = rtDateShape('date', layout, letters);\n    return `${day}${DASH}${day}`;\n}\n\n/**\n * Читает набранный текст в диапазон; `null` — текст не две даты. Даты читаются в порядке локали,\n * форма значения тоже; даты в обратном порядке ставятся по порядку.\n */\nexport function rtRangeParse(text: string, layout: IRtDatePicker.TextLayout): IRtDateRange.Value | null {\n    const parts: string[] = text.trim().split(DASH_RE);\n    if (parts.length !== 2) {\n        return null;\n    }\n    const start: string | null = rtDateParse(parts[0].trim(), 'date', layout);\n    const end: string | null = rtDateParse(parts[1].trim(), 'date', layout);\n    return start === null || end === null ? null : rtRangeOrder(start, end);\n}\n","import { BooleanInput } from '@angular/cdk/coercion';\nimport {\n    booleanAttribute,\n    computed,\n    inject,\n    input,\n    linkedSignal,\n    output,\n    signal,\n    ChangeDetectionStrategy,\n    Component,\n    InputSignal,\n    InputSignalWithTransform,\n    OutputEmitterRef,\n    Signal,\n    ViewEncapsulation,\n    WritableSignal,\n} from '@angular/core';\n\nimport { BlockDirective, ElemDirective } from '@rt-tools/core';\n\nimport { rtKitLabel, RT_KIT_LABELS, RT_KIT_LOCALE, TRtKitLabelKey, TRtKitLabelMap, TRtKitLabelParams } from '@rt-tools/ui-kit-v2/core';\nimport { RtButtonDirective } from '@rt-tools/ui-kit-v2/button';\nimport { RtCalendarComponent } from '@rt-tools/ui-kit-v2/calendar';\nimport { IRtCalendar } from '@rt-tools/ui-kit-v2/calendar';\nimport { rtDateAddMonths, rtDateCanPage, rtDateFirstDay, rtDateGridKey, rtDateNow, rtDateWeekdays } from '@rt-tools/ui-kit-v2/date-picker';\nimport {\n    rtRangeDates,\n    rtRangeDays,\n    rtRangeMonth,\n    rtRangeOrder,\n    rtRangePlural,\n    rtRangePresetCells,\n    rtRangePresetOf,\n} from '../rt-date-range.logic';\nimport { ERtDateRangePreset, IRtDateRange } from '../rt-date-range.model';\n\nconst BEM_BLOCK: string = 'rt-date-range-panel';\nconst MONTH_LEN: number = 7;\n\n/** Подпись каждого быстрого варианта в наборе кита. */\nconst PRESET_LABELS: Readonly<Record<ERtDateRangePreset, TRtKitLabelKey>> = {\n    [ERtDateRangePreset.Today]: 'uiToday',\n    [ERtDateRangePreset.Yesterday]: 'uiYesterday',\n    [ERtDateRangePreset.Last7]: 'uiLast7Days',\n    [ERtDateRangePreset.Last30]: 'uiLast30Days',\n    [ERtDateRangePreset.ThisMonth]: 'uiThisMonth',\n    [ERtDateRangePreset.LastMonth]: 'uiLastMonth',\n};\n\n/** Подпись числа дней для каждой формы множественного числа. */\nconst DAY_LABELS: Readonly<Record<IRtDateRange.Plural, TRtKitLabelKey>> = {\n    one: 'uiDaysOne',\n    few: 'uiDaysFew',\n    many: 'uiDaysMany',\n    other: 'uiDaysOther',\n};\n\n/** Быстрый вариант, готовый к показу: подпись и выбран ли он. */\ninterface IPresetView {\n    cell: IRtDateRange.PresetCell;\n    label: string;\n    chosen: boolean;\n}\n\n/**\n * Панель rt-date-range: быстрые варианты, два месяца рядом (в шторке — один) и подвал с итогом,\n * «Сбросить» и «Применить».\n *\n * Панель не пишет в форму: готовый диапазон уходит событием `picked`, просьба закрыться — `closed`.\n * Черновик живёт, пока панель открыта; поле создаёт её заново на каждое открытие. Вся арифметика\n * диапазона — в `rt-date-range.logic`.\n */\n@Component({\n    selector: 'rt-date-range-panel',\n    templateUrl: './rt-date-range-panel.component.html',\n    styleUrl: './rt-date-range-panel.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        // rt-tools\n        BlockDirective,\n        ElemDirective,\n\n        // components\n        RtButtonDirective,\n        RtCalendarComponent,\n    ],\n    host: {\n        class: BEM_BLOCK,\n        '[class.rt-date-range-panel--sheet]': 'sheet()',\n        '(keydown.escape)': 'closed.emit()',\n    },\n})\nexport class RtDateRangePanelComponent {\n    /** Локаль кита: названия месяцев, дней недели, даты итога и форма числа дней идут по ней. */\n    readonly #locale: Signal<string> = inject(RT_KIT_LOCALE);\n    /** Минута открытия панели: от неё считается «сегодня», когда вход `now` не задан. */\n    readonly #openedAt: Date = new Date();\n    readonly #firstDay: Signal<number> = computed((): number => rtDateFirstDay(this.#locale()));\n\n    protected readonly t: Signal<TRtKitLabelMap> = inject(RT_KIT_LABELS);\n    protected readonly weekdays: Signal<readonly string[]> = computed((): readonly string[] => rtDateWeekdays(this.#locale()));\n    protected readonly today: Signal<string> = computed((): string => rtDateNow(this.now() ?? this.#openedAt, 1).day);\n\n    protected readonly start: WritableSignal<string | null> = linkedSignal((): string | null => this.value()?.start ?? null);\n    protected readonly end: WritableSignal<string | null> = linkedSignal((): string | null => this.value()?.end ?? null);\n    /** День под указателем: пока выбрано только начало, до него рисуется будущий диапазон. */\n    protected readonly hover: WritableSignal<string | null> = signal<string | null>(null);\n    protected readonly activeKey: WritableSignal<string | null> = signal<string | null>(null);\n\n    protected readonly shownMonth: WritableSignal<string> = linkedSignal((): string =>\n        (this.value()?.start ?? this.today()).slice(0, MONTH_LEN)\n    );\n\n    /** Готовый черновик: оба края выбраны. */\n    protected readonly draft: Signal<IRtDateRange.Value | null> = computed((): IRtDateRange.Value | null => {\n        const start: string | null = this.start();\n        const end: string | null = this.end();\n        return start === null || end === null ? null : { start, end };\n    });\n\n    protected readonly months: Signal<IRtCalendar.Month[]> = computed((): IRtCalendar.Month[] => {\n        const ctx: IRtDateRange.MonthContext = {\n            locale: this.#locale(),\n            today: this.today(),\n            start: this.start(),\n            end: this.end(),\n            hover: this.hover(),\n            min: this.min(),\n            max: this.max(),\n        };\n        return this.#shown().map((month: string): IRtCalendar.Month => rtRangeMonth(month, ctx));\n    });\n    protected readonly canPrev: Signal<boolean> = computed((): boolean => rtDateCanPage(this.shownMonth(), -1, this.min(), this.max()));\n    /** Вперёд листается, пока последний показанный месяц не упёрся в границу. */\n    protected readonly canNext: Signal<boolean> = computed((): boolean => rtDateCanPage(this.#lastShown(), 1, this.min(), this.max()));\n\n    protected readonly presets: Signal<IPresetView[]> = computed((): IPresetView[] => {\n        const labels: TRtKitLabelMap = this.t();\n        const chosen: ERtDateRangePreset | null = rtRangePresetOf(this.draft(), this.today());\n        return rtRangePresetCells(this.today(), this.min(), this.max()).map((cell: IRtDateRange.PresetCell): IPresetView => ({\n            cell,\n            label: labels[PRESET_LABELS[cell.preset]],\n            chosen: cell.preset === chosen,\n        }));\n    });\n\n    /** Число дней черновика подписью кита по форме множественного числа локали. */\n    protected readonly daysText: Signal<string> = rtKitLabel(\n        computed((): TRtKitLabelKey | '' => {\n            const draft: IRtDateRange.Value | null = this.draft();\n            return draft === null ? '' : DAY_LABELS[rtRangePlural(rtRangeDays(draft), this.#locale())];\n        }),\n        computed((): TRtKitLabelParams => {\n            const draft: IRtDateRange.Value | null = this.draft();\n            return { count: draft === null ? 0 : rtRangeDays(draft) };\n        })\n    );\n\n    /** Итог подвала: даты и число дней, в шторке — только число; с одним началом — просьба о конце. */\n    protected readonly summary: Signal<string> = computed((): string => {\n        const draft: IRtDateRange.Value | null = this.draft();\n        if (draft === null) {\n            return this.start() === null ? this.t().uiPickStartDate : this.t().uiPickEndDate;\n        }\n        return this.sheet() ? this.daysText() : `${rtRangeDates(draft, this.#locale())} · ${this.daysText()}`;\n    });\n\n    /** Значение поля: с него начинается черновик. */\n    public readonly value: InputSignal<IRtDateRange.Value | null> = input<IRtDateRange.Value | null>(null);\n    public readonly min: InputSignal<string | null> = input<string | null>(null);\n    public readonly max: InputSignal<string | null> = input<string | null>(null);\n    /** Раскладка нижней шторки: один месяц, варианты строкой сверху, дни под палец. */\n    public readonly sheet: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n    /**\n     * Момент, от которого считаются «сегодня» и быстрые варианты. Поле его не задаёт — панель\n     * читает часы сама; задаёт витрина, чтобы кадр не менялся день ото дня.\n     */\n    public readonly now: InputSignal<Date | null> = input<Date | null>(null);\n\n    /** Готовый диапазон: панель просит поле его записать. */\n    public readonly picked: OutputEmitterRef<IRtDateRange.Value> = output<IRtDateRange.Value>();\n    /** Панель просит закрыть себя. */\n    public readonly closed: OutputEmitterRef<void> = output<void>();\n\n    /** Первый выбор — начало, второй — конец; выбор после готового диапазона начинает новый. */\n    protected pickDay(day: IRtCalendar.Day): void {\n        this.activeKey.set(day.key);\n        const start: string | null = this.start();\n        if (start === null || this.end() !== null) {\n            this.start.set(day.key);\n            this.end.set(null);\n            return;\n        }\n        const range: IRtDateRange.Value = rtRangeOrder(start, day.key);\n        this.start.set(range.start);\n        this.end.set(range.end);\n        this.hover.set(null);\n    }\n\n    protected onHover(day: IRtCalendar.Day | null): void {\n        this.hover.set(day?.key ?? null);\n    }\n\n    protected pickPreset(cell: IRtDateRange.PresetCell): void {\n        if (cell.disabled) {\n            return;\n        }\n        this.start.set(cell.range.start);\n        this.end.set(cell.range.end);\n        this.hover.set(null);\n        this.shownMonth.set(cell.range.start.slice(0, MONTH_LEN));\n    }\n\n    /** Клавиша сетки: фокус переходит на день, и месяцы листаются, если он ушёл за показанные. */\n    protected onGridKey(event: IRtCalendar.GridKey): void {\n        const next: string | null = rtDateGridKey(event.key, event.day.key, this.#firstDay(), this.min(), this.max());\n        if (next === null) {\n            return;\n        }\n        const month: string = next.slice(0, MONTH_LEN);\n        if (!this.#shown().includes(month)) {\n            const before: boolean = Number(month.replace('-', '')) < Number(this.shownMonth().replace('-', ''));\n            this.shownMonth.set(before ? month : rtDateAddMonths(month, 1 - this.#shown().length));\n        }\n        this.activeKey.set(next);\n        this.hover.set(next);\n    }\n\n    protected page(delta: number): void {\n        this.shownMonth.set(rtDateAddMonths(this.shownMonth(), delta));\n    }\n\n    protected reset(): void {\n        this.start.set(null);\n        this.end.set(null);\n        this.hover.set(null);\n    }\n\n    /** «Применить»: готовый черновик уходит значением, панель закрывается. */\n    protected apply(): void {\n        const draft: IRtDateRange.Value | null = this.draft();\n        if (draft !== null) {\n            this.picked.emit(draft);\n            this.closed.emit();\n        }\n    }\n\n    /** Показанные месяцы `YYYY-MM`: два рядом, в шторке — один. */\n    #shown(): string[] {\n        const first: string = this.shownMonth();\n        return this.sheet() ? [first] : [first, rtDateAddMonths(first, 1)];\n    }\n\n    #lastShown(): string {\n        const shown: string[] = this.#shown();\n        return shown[shown.length - 1];\n    }\n}\n","<ng-container rtBlock=\"rt-date-range-panel\">\n    @if (sheet()) {\n        <p rtElem=\"title\" qa-dataid=\"date-range-title\">{{ t().uiPeriod }}</p>\n    }\n\n    <div rtElem=\"body\">\n        <div rtElem=\"presets\" qa-dataid=\"date-range-presets\" role=\"group\" [attr.aria-label]=\"t().uiQuickRanges\">\n            @for (item of presets(); track item.cell.preset) {\n                <button\n                    rtButton\n                    rtElem=\"preset\"\n                    qa-dataid=\"date-range-preset\"\n                    type=\"button\"\n                    size=\"sm\"\n                    [theme]=\"item.chosen ? 'primary' : 'secondary'\"\n                    [appearance]=\"sheet() ? 'outlined' : 'text'\"\n                    [attr.data-preset]=\"item.cell.preset\"\n                    [label]=\"item.label\"\n                    [attr.aria-label]=\"item.label\"\n                    [pressed]=\"item.chosen\"\n                    [disabled]=\"item.cell.disabled\"\n                    (click)=\"pickPreset(item.cell)\"></button>\n            }\n        </div>\n\n        <rt-calendar\n            rtElem=\"calendar\"\n            qa-dataid=\"date-range-calendar\"\n            grid\n            [months]=\"months()\"\n            [weekdayLabels]=\"weekdays()\"\n            [canPrev]=\"canPrev()\"\n            [canNext]=\"canNext()\"\n            [activeKey]=\"activeKey()\"\n            [prevAriaLabel]=\"t().uiPrevMonth\"\n            [nextAriaLabel]=\"t().uiNextMonth\"\n            (prevMonth)=\"page(-1)\"\n            (nextMonth)=\"page(1)\"\n            (dayClick)=\"pickDay($event)\"\n            (dayHover)=\"onHover($event)\"\n            (gridKey)=\"onGridKey($event)\" />\n    </div>\n\n    <div rtElem=\"footer\">\n        <span rtElem=\"summary\" qa-dataid=\"date-range-summary\" aria-live=\"polite\">{{ summary() }}</span>\n        <button\n            rtButton\n            qa-dataid=\"date-range-reset\"\n            theme=\"primary\"\n            appearance=\"text\"\n            size=\"sm\"\n            type=\"button\"\n            [label]=\"t().uiReset\"\n            [attr.aria-label]=\"t().uiReset\"\n            (click)=\"reset()\"></button>\n        <button\n            rtButton\n            qa-dataid=\"date-range-apply\"\n            size=\"sm\"\n            type=\"button\"\n            [label]=\"t().uiApply\"\n            [attr.aria-label]=\"t().uiApply\"\n            [disabled]=\"draft() === null\"\n            (click)=\"apply()\"></button>\n    </div>\n</ng-container>\n","import {\n    computed,\n    forwardRef,\n    inject,\n    input,\n    signal,\n    viewChild,\n    ChangeDetectionStrategy,\n    Component,\n    ElementRef,\n    InputSignal,\n    Signal,\n    ViewEncapsulation,\n    WritableSignal,\n} from '@angular/core';\n\nimport { BlockDirective, ElemDirective, ModDirective } from '@rt-tools/core';\n\nimport { RT_KIT_LABELS, RT_KIT_LOCALE, TRtKitLabelMap } from '@rt-tools/ui-kit-v2/core';\nimport { BreakpointsService } from '@rt-tools/ui-kit-v2/core';\nimport { RtBottomSheetComponent } from '@rt-tools/ui-kit-v2/bottom-sheet';\nimport { IRtDatePicker } from '@rt-tools/ui-kit-v2/date-picker';\nimport { rtDateLayout } from '@rt-tools/ui-kit-v2/date-picker';\nimport { RtFormControlBase } from '@rt-tools/ui-kit-v2/form-control';\nimport { IRtInput } from '@rt-tools/ui-kit-v2/core';\nimport { RtIconButtonComponent } from '@rt-tools/ui-kit-v2/icon-button';\nimport { RtPopoverDirective } from '@rt-tools/ui-kit-v2/popover';\nimport { RtRadiusDirective } from '@rt-tools/ui-kit-v2/radius';\nimport { RtDateRangePanelComponent } from './panel/rt-date-range-panel.component';\nimport { rtRangeInBounds, rtRangeParse, rtRangeRead, rtRangeShape, rtRangeText } from './rt-date-range.logic';\nimport { IRtDateRange } from './rt-date-range.model';\n\nconst BEM_BLOCK: string = 'rt-date-range';\n\n/**\n * Поле диапазона дат со своей панелью кита, визуально и по токенам идентичное rt-input (host — box\n * `--rt-input-*`, input — прозрачный `__field`). Кнопка в конце поля открывает\n * `rt-date-range-panel`: на широком экране в поповере, на узком — в нижней шторке. CVA через общий\n * `RtFormControlBase`: clearable, авто-подсветка invalid, read-only представление.\n *\n * `value` — пара дней `{ start, end }` в форме `YYYY-MM-DD` или `null`. Текст в поле — две даты в\n * порядке языка интерфейса через тире (`12.10.2026 — 15.10.2026` под `ru`); набирается так же.\n * Нечитаемый или лежащий за границами текст оставляет значение прежним и помечает поле ошибкой.\n */\n@Component({\n    selector: 'rt-date-range',\n    templateUrl: './rt-date-range.component.html',\n    styleUrls: ['./rt-date-range.component.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        // standalone components / directives\n        RtBottomSheetComponent,\n        RtDateRangePanelComponent,\n        RtIconButtonComponent,\n        RtPopoverDirective,\n        BlockDirective,\n        ElemDirective,\n        ModDirective,\n    ],\n    providers: [\n        // Алиас базового токена — для contentChild(RtFormControlBase) в rt-field.\n        { provide: RtFormControlBase, useExisting: forwardRef(() => RtDateRangeComponent) },\n    ],\n    hostDirectives: [{ directive: RtRadiusDirective, inputs: ['radius'] }],\n    host: {\n        class: BEM_BLOCK,\n        '[class.rt-date-range--disabled]': 'isDisabled()',\n        '[class.rt-date-range--invalid]': 'isInvalid() || textInvalid()',\n        '[class.rt-date-range--readonly]': 'isReadonly()',\n        '[class.rt-date-range--borderless]': '!bordered()',\n        '[class.rt-date-range--appearance--fill]': \"appearance() === 'fill'\",\n        '[class.rt-date-range--size--sm]': \"size() === 'sm'\",\n        '[class.rt-date-range--size--lg]': \"size() === 'lg'\",\n    },\n})\nexport class RtDateRangeComponent extends RtFormControlBase<IRtDateRange.Value | null> {\n    /** Локаль кита: приложение, меняющее язык на ходу, меняет её, и текст поля пересчитывается. */\n    readonly #locale: Signal<string> = inject(RT_KIT_LOCALE);\n    /** Порядок дня, месяца и года в тексте поля — по локали кита. */\n    readonly #layout: Signal<IRtDatePicker.TextLayout> = computed((): IRtDatePicker.TextLayout => rtDateLayout(this.#locale()));\n\n    protected readonly t: Signal<TRtKitLabelMap> = inject(RT_KIT_LABELS);\n    /** Узкий экран: панель открывается в нижней шторке, а не в поповере. */\n    protected readonly narrow: Signal<boolean> = inject(BreakpointsService).viewportNarrow;\n\n    protected readonly fieldEl: Signal<ElementRef<HTMLInputElement> | undefined> = viewChild<ElementRef<HTMLInputElement>>('fieldEl');\n    protected readonly popover: Signal<RtPopoverDirective | undefined> = viewChild(RtPopoverDirective);\n\n    /** Набранный текст не читается как диапазон в границах: поле помечено ошибкой. */\n    protected readonly textInvalid: WritableSignal<boolean> = signal(false);\n    protected readonly sheetOpen: WritableSignal<boolean> = signal(false);\n    /** Подсказка формы текста буквами кита: `дд.мм.гггг — дд.мм.гггг` под русскими метками. */\n    protected readonly shape: Signal<string> = computed((): string => {\n        const labels: TRtKitLabelMap = this.t();\n        return rtRangeShape(this.#layout(), {\n            day: labels.uiShapeDay,\n            month: labels.uiShapeMonth,\n            year: labels.uiShapeYear,\n            hour: labels.uiShapeHour,\n            minute: labels.uiShapeMinute,\n        });\n    });\n    /** Значение, прочитанное из формы: не пара дней по порядку поле показывает пустой. */\n    protected readonly range: Signal<IRtDateRange.Value | null> = computed((): IRtDateRange.Value | null => rtRangeRead(this.value()));\n    protected readonly text: Signal<string> = computed((): string => rtRangeText(this.range(), this.#layout()));\n\n    protected readonly hasValue: Signal<boolean> = computed((): boolean => this.range() !== null);\n    /** Ширина поля в знаках — по длине формы значения, как у поля даты. */\n    protected readonly fieldSize: Signal<number> = computed((): number => this.shape().length);\n    /** Подсказка обрезается многоточием в узком поле, поэтому шаблон целиком виден при наведении. */\n    protected readonly shapeTitle: Signal<string | null> = computed((): string | null => (this.hasValue() ? null : this.shape()));\n\n    /** Вид рамки: `outline` — рамка со всех сторон, `fill` — залитое поле с чертой снизу. */\n    public readonly appearance: InputSignal<IRtInput.Appearance> = input<IRtInput.Appearance>('outline');\n\n    public readonly displayText: Signal<string> = computed((): string => this.#format(this.range()));\n\n    /** Первый допустимый день `YYYY-MM-DD`. */\n    public readonly min: InputSignal<string | null> = input<string | null>(null);\n    /** Последний допустимый день `YYYY-MM-DD`. */\n    public readonly max: InputSignal<string | null> = input<string | null>(null);\n\n    /** Значение из формы снимает ошибку набора: в поле теперь стоит оно. */\n    public override writeValue(value: IRtDateRange.Value | null): void {\n        super.writeValue(value);\n        this.textInvalid.set(false);\n    }\n\n    protected getEmptyValue(): IRtDateRange.Value | null {\n        return null;\n    }\n\n    protected focusAfterClear(): void {\n        this.fieldEl()?.nativeElement.focus();\n    }\n\n    protected override clearValue(): void {\n        super.clearValue();\n        this.#accept(null);\n    }\n\n    /** Набор текста: значение меняется, только когда текст читается как диапазон в границах. */\n    protected onTyped(event: Event): void {\n        const text: string = (event.target as HTMLInputElement).value;\n        if (text.trim() === '') {\n            this.#commit(null);\n            return;\n        }\n        const read: IRtDateRange.Value | null = rtRangeParse(text, this.#layout());\n        if (read === null || !rtRangeInBounds(read, this.min(), this.max())) {\n            this.textInvalid.set(true);\n            return;\n        }\n        this.#commit(read);\n    }\n\n    /** Кнопка в конце поля: на узком экране открывает шторку, на широком поповер открывает сам. */\n    protected openPanel(): void {\n        if (this.narrow() && !this.isDisabled()) {\n            this.sheetOpen.set(true);\n        }\n    }\n\n    protected closePanel(): void {\n        this.sheetOpen.set(false);\n        this.popover()?.close();\n    }\n\n    protected onPicked(value: IRtDateRange.Value): void {\n        this.#commit(value);\n        this.markTouched();\n    }\n\n    protected onBlur(): void {\n        this.markTouched();\n    }\n\n    #commit(value: IRtDateRange.Value | null): void {\n        this.value.set(value);\n        this.emitChange(value);\n        this.#accept(value);\n    }\n\n    /** Текст в поле — принятое значение, ошибки набора нет. */\n    #accept(value: IRtDateRange.Value | null): void {\n        this.textInvalid.set(false);\n        const node: HTMLInputElement | undefined = this.fieldEl()?.nativeElement;\n        if (node !== undefined) {\n            node.value = rtRangeText(value, this.#layout());\n        }\n    }\n\n    /** Плоский текст для режима чтения: диапазон по локали, `15 – 20 мар. 2026 г.` под `ru`. */\n    #format(range: IRtDateRange.Value | null): string {\n        if (range === null) {\n            return '';\n        }\n        return new Intl.DateTimeFormat(this.#locale(), { dateStyle: 'medium', timeZone: 'UTC' }).formatRange(\n            Date.parse(range.start),\n            Date.parse(range.end)\n        );\n    }\n}\n","<ng-container rtBlock=\"rt-date-range\">\n    @if (isReadonly()) {\n        <span rtElem=\"readonly\" qa-dataid=\"date-range-readonly\" [rtMod]=\"{ empty: !displayText() }\">{{ displayText() || '—' }}</span>\n    } @else {\n        <input\n            #fieldEl\n            rtElem=\"field\"\n            qa-dataid=\"date-range-control\"\n            type=\"text\"\n            autocomplete=\"off\"\n            spellcheck=\"false\"\n            [value]=\"text()\"\n            [disabled]=\"isDisabled()\"\n            [attr.placeholder]=\"shape()\"\n            [attr.title]=\"shapeTitle()\"\n            [attr.size]=\"fieldSize()\"\n            [attr.id]=\"effectiveControlId()\"\n            [attr.aria-label]=\"ariaLabel()\"\n            [attr.aria-invalid]=\"isInvalid() || textInvalid() || null\"\n            (input)=\"onTyped($event)\"\n            (blur)=\"onBlur()\" />\n        @if (showClearButton()) {\n            <rt-icon-button\n                rtElem=\"clear\"\n                qa-dataid=\"date-range-clear\"\n                icon=\"ico-close\"\n                size=\"sm\"\n                variant=\"ghost\"\n                iconColor=\"muted\"\n                [ariaLabel]=\"t().uiClear\"\n                [tabIndex]=\"-1\"\n                (clicked)=\"clear($event)\" />\n        }\n        <rt-icon-button\n            rtElem=\"open\"\n            qa-dataid=\"date-range-open\"\n            icon=\"ico-calendar\"\n            size=\"sm\"\n            variant=\"ghost\"\n            iconColor=\"muted\"\n            rtPopoverAlign=\"end\"\n            [ariaLabel]=\"t().uiOpenCalendar\"\n            [disabled]=\"isDisabled()\"\n            [rtPopover]=\"panelTpl\"\n            [rtPopoverDisabled]=\"narrow() || isDisabled()\"\n            (clicked)=\"openPanel()\" />\n\n        <ng-template #panelTpl>\n            <div rtElem=\"popup\" qa-dataid=\"date-range-popup\">\n                <rt-date-range-panel [value]=\"range()\" [min]=\"min()\" [max]=\"max()\" (picked)=\"onPicked($event)\" (closed)=\"closePanel()\" />\n            </div>\n        </ng-template>\n\n        @if (narrow()) {\n            <rt-bottom-sheet qa-dataid=\"date-range-sheet\" [open]=\"sheetOpen()\" (openChange)=\"sheetOpen.set($event)\">\n                @if (sheetOpen()) {\n                    <rt-date-range-panel\n                        sheet\n                        [value]=\"range()\"\n                        [min]=\"min()\"\n                        [max]=\"max()\"\n                        (picked)=\"onPicked($event)\"\n                        (closed)=\"closePanel()\" />\n                }\n            </rt-bottom-sheet>\n        }\n    }\n</ng-container>\n"],"mappings":"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"}
+{"version":3,"file":"rt-tools-ui-kit-v2-date-range.mjs","names":["MONTH_LEN","BEM_BLOCK"],"sources":["../../../projects/ui-kit-v2/src/lib/components/date-range/rt-date-range.model.ts","../../../projects/ui-kit-v2/src/lib/components/date-range/rt-date-range.logic.ts","../../../projects/ui-kit-v2/src/lib/components/date-range/panel/rt-date-range-panel.component.ts","../../../projects/ui-kit-v2/src/lib/components/date-range/panel/rt-date-range-panel.component.html","../../../projects/ui-kit-v2/src/lib/components/date-range/rt-date-range.component.ts","../../../projects/ui-kit-v2/src/lib/components/date-range/rt-date-range.component.html"],"sourcesContent":["/** Быстрый вариант диапазона в панели поля. */\nexport enum ERtDateRangePreset {\n    Today = 'today',\n    Yesterday = 'yesterday',\n    Last7 = 'last-7',\n    Last30 = 'last-30',\n    ThisMonth = 'this-month',\n    LastMonth = 'last-month',\n}\n\n/** Контракт rt-date-range. */\nexport namespace IRtDateRange {\n    /** Значение поля: первый и последний день периода `YYYY-MM-DD`, оба включены, `start <= end`. */\n    export interface Value {\n        start: string;\n        end: string;\n    }\n\n    /** Быстрый вариант в панели: его диапазон и выключен ли он границами. */\n    export interface PresetCell {\n        preset: ERtDateRangePreset;\n        range: Value;\n        disabled: boolean;\n    }\n\n    /** Что месяц панели знает о черновике, наведении и границах. */\n    export interface MonthContext {\n        locale: string;\n        today: string;\n        start: string | null;\n        end: string | null;\n        /** День под указателем, пока выбрано только начало: до него рисуется будущий диапазон. */\n        hover: string | null;\n        min: string | null;\n        max: string | null;\n    }\n\n    /** Форма числа дней по правилам множественного числа локали. */\n    export type Plural = 'one' | 'few' | 'many' | 'other';\n}\n","import { ERtCalendarDayState, IRtCalendar } from '@rt-tools/ui-kit-v2/calendar';\nimport { rtDateAddMonths, rtDateInBounds, rtDateMonth, rtDateRead } from '@rt-tools/ui-kit-v2/date-picker';\nimport { IRtDatePicker } from '@rt-tools/ui-kit-v2/date-picker';\nimport { rtDateParse, rtDateShape, rtDateText } from '@rt-tools/ui-kit-v2/date-picker';\nimport { ERtDateRangePreset, IRtDateRange } from './rt-date-range.model';\n\n/**\n * Чистая логика поля диапазона дат: порядок двух дней, состояния дней месяца, быстрые варианты,\n * итог и текст поля. Сегодняшний день приходит параметром — компонент читает часы сам.\n *\n * Дни — строки `YYYY-MM-DD`: строки одной формы сравниваются как текст в порядке дат.\n */\n\nconst DAY_LENGTH_MS: number = 86_400_000;\nconst DAY_LEN: number = 10;\nconst MONTH_LEN: number = 7;\nconst YEAR_LEN: number = 4;\nconst LAST_WEEK_DAYS: number = 7;\nconst LAST_MONTH_DAYS: number = 30;\n/** Знак между датами в тексте поля. */\nconst DASH: string = ' — ';\n/** Тире между датами набранного текста: длинное или короткое, дефис — только между пробелами. */\nconst DASH_RE: RegExp = /[—–]|\\s-\\s/;\n\nfunction dayToMs(day: string): number {\n    const [y, m, d]: number[] = day.split('-').map(Number);\n    return Date.UTC(y, m - 1, d);\n}\n\nfunction msToDay(ms: number): string {\n    return new Date(ms).toISOString().slice(0, DAY_LEN);\n}\n\nfunction addDays(day: string, delta: number): string {\n    return msToDay(dayToMs(day) + delta * DAY_LENGTH_MS);\n}\n\nfunction lastDayOf(month: string): string {\n    return addDays(`${rtDateAddMonths(month, 1)}-01`, -1);\n}\n\nfunction dayState(day: string, low: string | null, high: string | null): ERtCalendarDayState {\n    if (high === null || low === high) {\n        return day === low ? ERtCalendarDayState.Chosen : ERtCalendarDayState.Free;\n    }\n    if (day === low) {\n        return ERtCalendarDayState.Start;\n    }\n    if (day === high) {\n        return ERtCalendarDayState.End;\n    }\n    const ms: number = dayToMs(day);\n    return low !== null && ms > dayToMs(low) && ms < dayToMs(high) ? ERtCalendarDayState.InRange : ERtCalendarDayState.Free;\n}\n\n/** Два дня по порядку: второй раньше первого — они меняются местами. */\nexport function rtRangeOrder(a: string, b: string): IRtDateRange.Value {\n    return dayToMs(a) <= dayToMs(b) ? { start: a, end: b } : { start: b, end: a };\n}\n\n/** Значение поля из того, что пришло из формы; не пара дней по порядку — `null`. */\nexport function rtRangeRead(value: unknown): IRtDateRange.Value | null {\n    if (typeof value !== 'object' || value === null) {\n        return null;\n    }\n    const start: unknown = Reflect.get(value, 'start');\n    const end: unknown = Reflect.get(value, 'end');\n    if (typeof start !== 'string' || typeof end !== 'string') {\n        return null;\n    }\n    const ok: boolean = rtDateRead(start, 'date') !== null && rtDateRead(end, 'date') !== null && dayToMs(start) <= dayToMs(end);\n    return ok ? { start, end } : null;\n}\n\n/** Диапазон лежит в границах целиком. */\nexport function rtRangeInBounds(range: IRtDateRange.Value, min: string | null, max: string | null): boolean {\n    return rtDateInBounds(range.start, min, max) && rtDateInBounds(range.end, min, max);\n}\n\n/**\n * Месяц `YYYY-MM` для календаря: дни черновика — начало, конец и дни между ними. Пока выбрано только\n * начало, будущий диапазон тянется до дня под указателем, и этот день светлый, как дни между краями:\n * залит только выбранный край.\n */\nexport function rtRangeMonth(month: string, ctx: IRtDateRange.MonthContext): IRtCalendar.Month {\n    const base: IRtCalendar.Month = rtDateMonth(month, { locale: ctx.locale, today: ctx.today, chosen: null, min: ctx.min, max: ctx.max });\n    const other: string | null = ctx.end ?? ctx.hover;\n    const range: IRtDateRange.Value | null = ctx.start === null || other === null ? null : rtRangeOrder(ctx.start, other);\n    const low: string | null = range?.start ?? ctx.start;\n    const high: string | null = range?.end ?? null;\n    const preview: string | null = ctx.end === null && ctx.hover !== ctx.start ? ctx.hover : null;\n    return {\n        ...base,\n        days: base.days.map((day: IRtCalendar.Day): IRtCalendar.Day => {\n            const state: ERtCalendarDayState = dayState(day.key, low, high);\n            return { ...day, state: day.key === preview ? ERtCalendarDayState.InRange : state };\n        }),\n    };\n}\n\n/** Диапазоны быстрых вариантов от сегодняшнего дня. */\nexport function rtRangePresets(today: string): Readonly<Record<ERtDateRangePreset, IRtDateRange.Value>> {\n    const month: string = today.slice(0, MONTH_LEN);\n    const lastMonth: string = rtDateAddMonths(month, -1);\n    const yesterday: string = addDays(today, -1);\n    return {\n        [ERtDateRangePreset.Today]: { start: today, end: today },\n        [ERtDateRangePreset.Yesterday]: { start: yesterday, end: yesterday },\n        [ERtDateRangePreset.Last7]: { start: addDays(today, 1 - LAST_WEEK_DAYS), end: today },\n        [ERtDateRangePreset.Last30]: { start: addDays(today, 1 - LAST_MONTH_DAYS), end: today },\n        [ERtDateRangePreset.ThisMonth]: { start: `${month}-01`, end: today },\n        [ERtDateRangePreset.LastMonth]: { start: `${lastMonth}-01`, end: lastDayOf(lastMonth) },\n    };\n}\n\n/** Быстрые варианты в порядке панели; вариант, не лежащий в границах целиком, выключен. */\nexport function rtRangePresetCells(today: string, min: string | null, max: string | null): IRtDateRange.PresetCell[] {\n    const ranges: Readonly<Record<ERtDateRangePreset, IRtDateRange.Value>> = rtRangePresets(today);\n    return Object.values(ERtDateRangePreset).map((preset: ERtDateRangePreset): IRtDateRange.PresetCell => ({\n        preset,\n        range: ranges[preset],\n        disabled: !rtRangeInBounds(ranges[preset], min, max),\n    }));\n}\n\n/** Вариант, чей диапазон совпадает с черновиком; иначе `null`. */\nexport function rtRangePresetOf(range: IRtDateRange.Value | null, today: string): ERtDateRangePreset | null {\n    if (range === null) {\n        return null;\n    }\n    const ranges: Readonly<Record<ERtDateRangePreset, IRtDateRange.Value>> = rtRangePresets(today);\n    const found: ERtDateRangePreset | undefined = Object.values(ERtDateRangePreset).find(\n        (preset: ERtDateRangePreset): boolean => ranges[preset].start === range.start && ranges[preset].end === range.end\n    );\n    return found ?? null;\n}\n\n/** Число дней диапазона, оба края включены. */\nexport function rtRangeDays(range: IRtDateRange.Value): number {\n    return Math.round((dayToMs(range.end) - dayToMs(range.start)) / DAY_LENGTH_MS) + 1;\n}\n\n/** Форма числа по правилам локали; `zero` и `two` идут подписью `other`. */\nexport function rtRangePlural(count: number, locale: string): IRtDateRange.Plural {\n    const form: Intl.LDMLPluralRule = new Intl.PluralRules(locale).select(count);\n    return form === 'one' || form === 'few' || form === 'many' ? form : 'other';\n}\n\n/** Даты итога по локали: `12–15 октября`; год пишется, когда края в разных годах. */\nexport function rtRangeDates(range: IRtDateRange.Value, locale: string): string {\n    const sameYear: boolean = range.start.slice(0, YEAR_LEN) === range.end.slice(0, YEAR_LEN);\n    const options: Intl.DateTimeFormatOptions = sameYear\n        ? { day: 'numeric', month: 'long', timeZone: 'UTC' }\n        : { day: 'numeric', month: 'long', year: 'numeric', timeZone: 'UTC' };\n    return new Intl.DateTimeFormat(locale, options).formatRange(dayToMs(range.start), dayToMs(range.end));\n}\n\n/** Текст поля: две даты в порядке локали через тире; пусто — пустой текст. */\nexport function rtRangeText(value: IRtDateRange.Value | null, layout: IRtDatePicker.TextLayout): string {\n    return value === null ? '' : `${rtDateText(value.start, 'date', layout)}${DASH}${rtDateText(value.end, 'date', layout)}`;\n}\n\n/** Подсказка формы текста буквами кита: `дд.мм.гггг — дд.мм.гггг`. */\nexport function rtRangeShape(layout: IRtDatePicker.TextLayout, letters: IRtDatePicker.ShapeLetters): string {\n    const day: string = rtDateShape('date', layout, letters);\n    return `${day}${DASH}${day}`;\n}\n\n/**\n * Читает набранный текст в диапазон; `null` — текст не две даты. Даты читаются в порядке локали,\n * форма значения тоже; даты в обратном порядке ставятся по порядку.\n */\nexport function rtRangeParse(text: string, layout: IRtDatePicker.TextLayout): IRtDateRange.Value | null {\n    const parts: string[] = text.trim().split(DASH_RE);\n    if (parts.length !== 2) {\n        return null;\n    }\n    const start: string | null = rtDateParse(parts[0].trim(), 'date', layout);\n    const end: string | null = rtDateParse(parts[1].trim(), 'date', layout);\n    return start === null || end === null ? null : rtRangeOrder(start, end);\n}\n","import { BooleanInput } from '@angular/cdk/coercion';\nimport {\n    booleanAttribute,\n    computed,\n    inject,\n    input,\n    linkedSignal,\n    output,\n    signal,\n    ChangeDetectionStrategy,\n    Component,\n    InputSignal,\n    InputSignalWithTransform,\n    OutputEmitterRef,\n    Signal,\n    ViewEncapsulation,\n    WritableSignal,\n} from '@angular/core';\n\nimport { BlockDirective, ElemDirective } from '@rt-tools/core';\n\nimport { rtKitLabel, RT_KIT_LABELS, RT_KIT_LOCALE, TRtKitLabelKey, TRtKitLabelMap, TRtKitLabelParams } from '@rt-tools/ui-kit-v2/core';\nimport { RtButtonDirective } from '@rt-tools/ui-kit-v2/button';\nimport { RtCalendarComponent } from '@rt-tools/ui-kit-v2/calendar';\nimport { IRtCalendar } from '@rt-tools/ui-kit-v2/calendar';\nimport { rtDateAddMonths, rtDateCanPage, rtDateFirstDay, rtDateGridKey, rtDateNow, rtDateWeekdays } from '@rt-tools/ui-kit-v2/date-picker';\nimport {\n    rtRangeDates,\n    rtRangeDays,\n    rtRangeMonth,\n    rtRangeOrder,\n    rtRangePlural,\n    rtRangePresetCells,\n    rtRangePresetOf,\n} from '../rt-date-range.logic';\nimport { ERtDateRangePreset, IRtDateRange } from '../rt-date-range.model';\n\nconst BEM_BLOCK: string = 'rt-date-range-panel';\nconst MONTH_LEN: number = 7;\n\n/** Подпись каждого быстрого варианта в наборе кита. */\nconst PRESET_LABELS: Readonly<Record<ERtDateRangePreset, TRtKitLabelKey>> = {\n    [ERtDateRangePreset.Today]: 'uiToday',\n    [ERtDateRangePreset.Yesterday]: 'uiYesterday',\n    [ERtDateRangePreset.Last7]: 'uiLast7Days',\n    [ERtDateRangePreset.Last30]: 'uiLast30Days',\n    [ERtDateRangePreset.ThisMonth]: 'uiThisMonth',\n    [ERtDateRangePreset.LastMonth]: 'uiLastMonth',\n};\n\n/** Подпись числа дней для каждой формы множественного числа. */\nconst DAY_LABELS: Readonly<Record<IRtDateRange.Plural, TRtKitLabelKey>> = {\n    one: 'uiDaysOne',\n    few: 'uiDaysFew',\n    many: 'uiDaysMany',\n    other: 'uiDaysOther',\n};\n\n/** Быстрый вариант, готовый к показу: подпись и выбран ли он. */\ninterface IPresetView {\n    cell: IRtDateRange.PresetCell;\n    label: string;\n    chosen: boolean;\n}\n\n/**\n * Панель rt-date-range: быстрые варианты, два месяца рядом (в шторке — один) и подвал с итогом,\n * «Сбросить» и «Применить».\n *\n * Панель не пишет в форму: готовый диапазон уходит событием `picked`, просьба закрыться — `closed`.\n * Черновик живёт, пока панель открыта; поле создаёт её заново на каждое открытие. Вся арифметика\n * диапазона — в `rt-date-range.logic`.\n */\n@Component({\n    selector: 'rt-date-range-panel',\n    templateUrl: './rt-date-range-panel.component.html',\n    styleUrl: './rt-date-range-panel.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        // rt-tools\n        BlockDirective,\n        ElemDirective,\n\n        // components\n        RtButtonDirective,\n        RtCalendarComponent,\n    ],\n    host: {\n        class: BEM_BLOCK,\n        '[class.rt-date-range-panel--sheet]': 'sheet()',\n        '(keydown.escape)': 'closed.emit()',\n    },\n})\nexport class RtDateRangePanelComponent {\n    /** Локаль кита: названия месяцев, дней недели, даты итога и форма числа дней идут по ней. */\n    readonly #locale: Signal<string> = inject(RT_KIT_LOCALE);\n    /** Минута открытия панели: от неё считается «сегодня», когда вход `now` не задан. */\n    readonly #openedAt: Date = new Date();\n    readonly #firstDay: Signal<number> = computed((): number => rtDateFirstDay(this.#locale()));\n\n    protected readonly t: Signal<TRtKitLabelMap> = inject(RT_KIT_LABELS);\n    protected readonly weekdays: Signal<readonly string[]> = computed((): readonly string[] => rtDateWeekdays(this.#locale()));\n    protected readonly today: Signal<string> = computed((): string => rtDateNow(this.now() ?? this.#openedAt, 1).day);\n\n    protected readonly start: WritableSignal<string | null> = linkedSignal((): string | null => this.value()?.start ?? null);\n    protected readonly end: WritableSignal<string | null> = linkedSignal((): string | null => this.value()?.end ?? null);\n    /** День под указателем: пока выбрано только начало, до него рисуется будущий диапазон. */\n    protected readonly hover: WritableSignal<string | null> = signal<string | null>(null);\n    protected readonly activeKey: WritableSignal<string | null> = signal<string | null>(null);\n\n    protected readonly shownMonth: WritableSignal<string> = linkedSignal((): string =>\n        (this.value()?.start ?? this.today()).slice(0, MONTH_LEN)\n    );\n\n    /** Готовый черновик: оба края выбраны. */\n    protected readonly draft: Signal<IRtDateRange.Value | null> = computed((): IRtDateRange.Value | null => {\n        const start: string | null = this.start();\n        const end: string | null = this.end();\n        return start === null || end === null ? null : { start, end };\n    });\n\n    protected readonly months: Signal<IRtCalendar.Month[]> = computed((): IRtCalendar.Month[] => {\n        const ctx: IRtDateRange.MonthContext = {\n            locale: this.#locale(),\n            today: this.today(),\n            start: this.start(),\n            end: this.end(),\n            hover: this.hover(),\n            min: this.min(),\n            max: this.max(),\n        };\n        return this.#shown().map((month: string): IRtCalendar.Month => rtRangeMonth(month, ctx));\n    });\n    protected readonly canPrev: Signal<boolean> = computed((): boolean => rtDateCanPage(this.shownMonth(), -1, this.min(), this.max()));\n    /** Вперёд листается, пока последний показанный месяц не упёрся в границу. */\n    protected readonly canNext: Signal<boolean> = computed((): boolean => rtDateCanPage(this.#lastShown(), 1, this.min(), this.max()));\n\n    protected readonly presets: Signal<IPresetView[]> = computed((): IPresetView[] => {\n        const labels: TRtKitLabelMap = this.t();\n        const chosen: ERtDateRangePreset | null = rtRangePresetOf(this.draft(), this.today());\n        return rtRangePresetCells(this.today(), this.min(), this.max()).map((cell: IRtDateRange.PresetCell): IPresetView => ({\n            cell,\n            label: labels[PRESET_LABELS[cell.preset]],\n            chosen: cell.preset === chosen,\n        }));\n    });\n\n    /** Число дней черновика подписью кита по форме множественного числа локали. */\n    protected readonly daysText: Signal<string> = rtKitLabel(\n        computed((): TRtKitLabelKey | '' => {\n            const draft: IRtDateRange.Value | null = this.draft();\n            return draft === null ? '' : DAY_LABELS[rtRangePlural(rtRangeDays(draft), this.#locale())];\n        }),\n        computed((): TRtKitLabelParams => {\n            const draft: IRtDateRange.Value | null = this.draft();\n            return { count: draft === null ? 0 : rtRangeDays(draft) };\n        })\n    );\n\n    /** Итог подвала: даты и число дней, в шторке — только число; с одним началом — просьба о конце. */\n    protected readonly summary: Signal<string> = computed((): string => {\n        const draft: IRtDateRange.Value | null = this.draft();\n        if (draft === null) {\n            return this.start() === null ? this.t().uiPickStartDate : this.t().uiPickEndDate;\n        }\n        return this.sheet() ? this.daysText() : `${rtRangeDates(draft, this.#locale())} · ${this.daysText()}`;\n    });\n\n    /** Значение поля: с него начинается черновик. */\n    public readonly value: InputSignal<IRtDateRange.Value | null> = input<IRtDateRange.Value | null>(null);\n    public readonly min: InputSignal<string | null> = input<string | null>(null);\n    public readonly max: InputSignal<string | null> = input<string | null>(null);\n    /** Раскладка нижней шторки: один месяц, варианты строкой сверху, дни под палец. */\n    public readonly sheet: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n    /**\n     * Момент, от которого считаются «сегодня» и быстрые варианты. Поле его не задаёт — панель\n     * читает часы сама; задаёт витрина, чтобы кадр не менялся день ото дня.\n     */\n    public readonly now: InputSignal<Date | null> = input<Date | null>(null);\n\n    /** Готовый диапазон: панель просит поле его записать. */\n    public readonly picked: OutputEmitterRef<IRtDateRange.Value> = output<IRtDateRange.Value>();\n    /** Панель просит закрыть себя. */\n    public readonly closed: OutputEmitterRef<void> = output<void>();\n\n    /** Первый выбор — начало, второй — конец; выбор после готового диапазона начинает новый. */\n    protected pickDay(day: IRtCalendar.Day): void {\n        this.activeKey.set(day.key);\n        const start: string | null = this.start();\n        if (start === null || this.end() !== null) {\n            this.start.set(day.key);\n            this.end.set(null);\n            return;\n        }\n        const range: IRtDateRange.Value = rtRangeOrder(start, day.key);\n        this.start.set(range.start);\n        this.end.set(range.end);\n        this.hover.set(null);\n    }\n\n    protected onHover(day: IRtCalendar.Day | null): void {\n        this.hover.set(day?.key ?? null);\n    }\n\n    protected pickPreset(cell: IRtDateRange.PresetCell): void {\n        if (cell.disabled) {\n            return;\n        }\n        this.start.set(cell.range.start);\n        this.end.set(cell.range.end);\n        this.hover.set(null);\n        this.shownMonth.set(cell.range.start.slice(0, MONTH_LEN));\n    }\n\n    /** Клавиша сетки: фокус переходит на день, и месяцы листаются, если он ушёл за показанные. */\n    protected onGridKey(event: IRtCalendar.GridKey): void {\n        const next: string | null = rtDateGridKey(event.key, event.day.key, this.#firstDay(), this.min(), this.max());\n        if (next === null) {\n            return;\n        }\n        const month: string = next.slice(0, MONTH_LEN);\n        if (!this.#shown().includes(month)) {\n            const before: boolean = Number(month.replace('-', '')) < Number(this.shownMonth().replace('-', ''));\n            this.shownMonth.set(before ? month : rtDateAddMonths(month, 1 - this.#shown().length));\n        }\n        this.activeKey.set(next);\n        this.hover.set(next);\n    }\n\n    protected page(delta: number): void {\n        this.shownMonth.set(rtDateAddMonths(this.shownMonth(), delta));\n    }\n\n    protected reset(): void {\n        this.start.set(null);\n        this.end.set(null);\n        this.hover.set(null);\n    }\n\n    /** «Применить»: готовый черновик уходит значением, панель закрывается. */\n    protected apply(): void {\n        const draft: IRtDateRange.Value | null = this.draft();\n        if (draft !== null) {\n            this.picked.emit(draft);\n            this.closed.emit();\n        }\n    }\n\n    /** Показанные месяцы `YYYY-MM`: два рядом, в шторке — один. */\n    #shown(): string[] {\n        const first: string = this.shownMonth();\n        return this.sheet() ? [first] : [first, rtDateAddMonths(first, 1)];\n    }\n\n    #lastShown(): string {\n        const shown: string[] = this.#shown();\n        return shown[shown.length - 1];\n    }\n}\n","<ng-container rtBlock=\"rt-date-range-panel\">\n    @if (sheet()) {\n        <p rtElem=\"title\" qa-dataid=\"date-range-title\">{{ t().uiPeriod }}</p>\n    }\n\n    <div rtElem=\"body\">\n        <div rtElem=\"presets\" qa-dataid=\"date-range-presets\" role=\"group\" [attr.aria-label]=\"t().uiQuickRanges\">\n            @for (item of presets(); track item.cell.preset) {\n                <button\n                    rtButton\n                    rtElem=\"preset\"\n                    qa-dataid=\"date-range-preset\"\n                    type=\"button\"\n                    size=\"sm\"\n                    [theme]=\"item.chosen ? 'primary' : 'secondary'\"\n                    [appearance]=\"sheet() ? 'outlined' : 'text'\"\n                    [attr.data-preset]=\"item.cell.preset\"\n                    [label]=\"item.label\"\n                    [attr.aria-label]=\"item.label\"\n                    [pressed]=\"item.chosen\"\n                    [disabled]=\"item.cell.disabled\"\n                    (click)=\"pickPreset(item.cell)\"></button>\n            }\n        </div>\n\n        <rt-calendar\n            rtElem=\"calendar\"\n            qa-dataid=\"date-range-calendar\"\n            grid\n            [months]=\"months()\"\n            [weekdayLabels]=\"weekdays()\"\n            [canPrev]=\"canPrev()\"\n            [canNext]=\"canNext()\"\n            [activeKey]=\"activeKey()\"\n            [prevAriaLabel]=\"t().uiPrevMonth\"\n            [nextAriaLabel]=\"t().uiNextMonth\"\n            (prevMonth)=\"page(-1)\"\n            (nextMonth)=\"page(1)\"\n            (dayClick)=\"pickDay($event)\"\n            (dayHover)=\"onHover($event)\"\n            (gridKey)=\"onGridKey($event)\" />\n    </div>\n\n    <div rtElem=\"footer\">\n        <span rtElem=\"summary\" qa-dataid=\"date-range-summary\" aria-live=\"polite\">{{ summary() }}</span>\n        <button\n            rtButton\n            qa-dataid=\"date-range-reset\"\n            theme=\"primary\"\n            appearance=\"text\"\n            size=\"sm\"\n            type=\"button\"\n            [label]=\"t().uiReset\"\n            [attr.aria-label]=\"t().uiReset\"\n            (click)=\"reset()\"></button>\n        <button\n            rtButton\n            qa-dataid=\"date-range-apply\"\n            size=\"sm\"\n            type=\"button\"\n            [label]=\"t().uiApply\"\n            [attr.aria-label]=\"t().uiApply\"\n            [disabled]=\"draft() === null\"\n            (click)=\"apply()\"></button>\n    </div>\n</ng-container>\n","import {\n    computed,\n    forwardRef,\n    inject,\n    input,\n    signal,\n    viewChild,\n    ChangeDetectionStrategy,\n    Component,\n    ElementRef,\n    InputSignal,\n    Signal,\n    ViewEncapsulation,\n    WritableSignal,\n} from '@angular/core';\n\nimport { BlockDirective, ElemDirective, ModDirective } from '@rt-tools/core';\n\nimport { RT_KIT_LABELS, RT_KIT_LOCALE, TRtKitLabelMap } from '@rt-tools/ui-kit-v2/core';\nimport { BreakpointsService } from '@rt-tools/ui-kit-v2/core';\nimport { RtBottomSheetComponent } from '@rt-tools/ui-kit-v2/bottom-sheet';\nimport { IRtDatePicker } from '@rt-tools/ui-kit-v2/date-picker';\nimport { rtDateLayout } from '@rt-tools/ui-kit-v2/date-picker';\nimport { RtFormControlBase } from '@rt-tools/ui-kit-v2/form-control';\nimport { IRtInput } from '@rt-tools/ui-kit-v2/core';\nimport { RtIconButtonComponent } from '@rt-tools/ui-kit-v2/icon-button';\nimport { RtPopoverDirective } from '@rt-tools/ui-kit-v2/popover';\nimport { RtRadiusDirective } from '@rt-tools/ui-kit-v2/radius';\nimport { RtDateRangePanelComponent } from './panel/rt-date-range-panel.component';\nimport { rtRangeInBounds, rtRangeParse, rtRangeRead, rtRangeShape, rtRangeText } from './rt-date-range.logic';\nimport { IRtDateRange } from './rt-date-range.model';\n\nconst BEM_BLOCK: string = 'rt-date-range';\n\n/**\n * Поле диапазона дат со своей панелью кита, визуально и по токенам идентичное rt-input (host — box\n * `--rt-input-*`, input — прозрачный `__field`). Кнопка в конце поля открывает\n * `rt-date-range-panel`: на широком экране в поповере, на узком — в нижней шторке. CVA через общий\n * `RtFormControlBase`: clearable, авто-подсветка invalid, read-only представление.\n *\n * `value` — пара дней `{ start, end }` в форме `YYYY-MM-DD` или `null`. Текст в поле — две даты в\n * порядке языка интерфейса через тире (`12.10.2026 — 15.10.2026` под `ru`); набирается так же.\n * Нечитаемый или лежащий за границами текст оставляет значение прежним и помечает поле ошибкой.\n */\n@Component({\n    selector: 'rt-date-range',\n    templateUrl: './rt-date-range.component.html',\n    styleUrls: ['./rt-date-range.component.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        // standalone components / directives\n        RtBottomSheetComponent,\n        RtDateRangePanelComponent,\n        RtIconButtonComponent,\n        RtPopoverDirective,\n        BlockDirective,\n        ElemDirective,\n        ModDirective,\n    ],\n    providers: [\n        // Алиас базового токена — для contentChild(RtFormControlBase) в rt-field.\n        { provide: RtFormControlBase, useExisting: forwardRef(() => RtDateRangeComponent) },\n    ],\n    hostDirectives: [{ directive: RtRadiusDirective, inputs: ['radius'] }],\n    host: {\n        class: BEM_BLOCK,\n        '[class.rt-date-range--disabled]': 'isDisabled()',\n        '[class.rt-date-range--invalid]': 'isInvalid() || textInvalid()',\n        '[class.rt-date-range--readonly]': 'isReadonly()',\n        '[class.rt-date-range--borderless]': '!bordered()',\n        '[class.rt-date-range--appearance--fill]': \"appearance() === 'fill'\",\n        '[class.rt-date-range--size--sm]': \"size() === 'sm'\",\n        '[class.rt-date-range--size--lg]': \"size() === 'lg'\",\n    },\n})\nexport class RtDateRangeComponent extends RtFormControlBase<IRtDateRange.Value | null> {\n    /** Локаль кита: приложение, меняющее язык на ходу, меняет её, и текст поля пересчитывается. */\n    readonly #locale: Signal<string> = inject(RT_KIT_LOCALE);\n    /** Порядок дня, месяца и года в тексте поля — по локали кита. */\n    readonly #layout: Signal<IRtDatePicker.TextLayout> = computed((): IRtDatePicker.TextLayout => rtDateLayout(this.#locale()));\n\n    protected readonly t: Signal<TRtKitLabelMap> = inject(RT_KIT_LABELS);\n    /** Узкий экран: панель открывается в нижней шторке, а не в поповере. */\n    protected readonly narrow: Signal<boolean> = inject(BreakpointsService).viewportNarrow;\n\n    protected readonly fieldEl: Signal<ElementRef<HTMLInputElement> | undefined> = viewChild<ElementRef<HTMLInputElement>>('fieldEl');\n    protected readonly popover: Signal<RtPopoverDirective | undefined> = viewChild(RtPopoverDirective);\n\n    /** Набранный текст не читается как диапазон в границах: поле помечено ошибкой. */\n    protected readonly textInvalid: WritableSignal<boolean> = signal(false);\n    protected readonly sheetOpen: WritableSignal<boolean> = signal(false);\n    /** Подсказка формы текста буквами кита: `дд.мм.гггг — дд.мм.гггг` под русскими метками. */\n    protected readonly shape: Signal<string> = computed((): string => {\n        const labels: TRtKitLabelMap = this.t();\n        return rtRangeShape(this.#layout(), {\n            day: labels.uiShapeDay,\n            month: labels.uiShapeMonth,\n            year: labels.uiShapeYear,\n            hour: labels.uiShapeHour,\n            minute: labels.uiShapeMinute,\n        });\n    });\n    /** Значение, прочитанное из формы: не пара дней по порядку поле показывает пустой. */\n    protected readonly range: Signal<IRtDateRange.Value | null> = computed((): IRtDateRange.Value | null => rtRangeRead(this.value()));\n    protected readonly text: Signal<string> = computed((): string => rtRangeText(this.range(), this.#layout()));\n\n    protected readonly hasValue: Signal<boolean> = computed((): boolean => this.range() !== null);\n    /** Ширина поля в знаках — по длине формы значения, как у поля даты. */\n    protected readonly fieldSize: Signal<number> = computed((): number => this.shape().length);\n    /** Подсказка обрезается многоточием в узком поле, поэтому шаблон целиком виден при наведении. */\n    protected readonly shapeTitle: Signal<string | null> = computed((): string | null => (this.hasValue() ? null : this.shape()));\n\n    /** Вид рамки: `outline` — рамка со всех сторон, `fill` — залитое поле с чертой снизу. */\n    public readonly appearance: InputSignal<IRtInput.Appearance> = input<IRtInput.Appearance>('outline');\n\n    public readonly displayText: Signal<string> = computed((): string => this.#format(this.range()));\n\n    /** Первый допустимый день `YYYY-MM-DD`. */\n    public readonly min: InputSignal<string | null> = input<string | null>(null);\n    /** Последний допустимый день `YYYY-MM-DD`. */\n    public readonly max: InputSignal<string | null> = input<string | null>(null);\n\n    /** Значение из формы снимает ошибку набора: в поле теперь стоит оно. */\n    public override writeValue(value: IRtDateRange.Value | null): void {\n        super.writeValue(value);\n        this.textInvalid.set(false);\n    }\n\n    protected getEmptyValue(): IRtDateRange.Value | null {\n        return null;\n    }\n\n    protected focusAfterClear(): void {\n        this.fieldEl()?.nativeElement.focus();\n    }\n\n    protected override clearValue(): void {\n        super.clearValue();\n        this.#accept(null);\n    }\n\n    /** Набор текста: значение меняется, только когда текст читается как диапазон в границах. */\n    protected onTyped(event: Event): void {\n        const text: string = (event.target as HTMLInputElement).value;\n        if (text.trim() === '') {\n            this.#commit(null);\n            return;\n        }\n        const read: IRtDateRange.Value | null = rtRangeParse(text, this.#layout());\n        if (read === null || !rtRangeInBounds(read, this.min(), this.max())) {\n            this.textInvalid.set(true);\n            return;\n        }\n        this.#commit(read);\n    }\n\n    /** Кнопка в конце поля: на узком экране открывает шторку, на широком поповер открывает сам. */\n    protected openPanel(): void {\n        if (this.narrow() && !this.isDisabled()) {\n            this.sheetOpen.set(true);\n        }\n    }\n\n    protected closePanel(): void {\n        this.sheetOpen.set(false);\n        this.popover()?.close();\n    }\n\n    protected onPicked(value: IRtDateRange.Value): void {\n        this.#commit(value);\n        this.markTouched();\n    }\n\n    protected onBlur(): void {\n        this.markTouched();\n    }\n\n    #commit(value: IRtDateRange.Value | null): void {\n        this.value.set(value);\n        this.emitChange(value);\n        this.#accept(value);\n    }\n\n    /** Текст в поле — принятое значение, ошибки набора нет. */\n    #accept(value: IRtDateRange.Value | null): void {\n        this.textInvalid.set(false);\n        const node: HTMLInputElement | undefined = this.fieldEl()?.nativeElement;\n        if (node !== undefined) {\n            node.value = rtRangeText(value, this.#layout());\n        }\n    }\n\n    /** Плоский текст для режима чтения: диапазон по локали, `15 – 20 мар. 2026 г.` под `ru`. */\n    #format(range: IRtDateRange.Value | null): string {\n        if (range === null) {\n            return '';\n        }\n        return new Intl.DateTimeFormat(this.#locale(), { dateStyle: 'medium', timeZone: 'UTC' }).formatRange(\n            Date.parse(range.start),\n            Date.parse(range.end)\n        );\n    }\n}\n","<ng-container rtBlock=\"rt-date-range\">\n    @if (isReadonly()) {\n        <span rtElem=\"readonly\" qa-dataid=\"date-range-readonly\" [rtMod]=\"{ empty: !displayText() }\">{{ displayText() || '—' }}</span>\n    } @else {\n        <input\n            #fieldEl\n            rtElem=\"field\"\n            qa-dataid=\"date-range-control\"\n            type=\"text\"\n            autocomplete=\"off\"\n            spellcheck=\"false\"\n            [value]=\"text()\"\n            [disabled]=\"isDisabled()\"\n            [attr.placeholder]=\"shape()\"\n            [attr.title]=\"shapeTitle()\"\n            [attr.size]=\"fieldSize()\"\n            [attr.id]=\"effectiveControlId()\"\n            [attr.aria-label]=\"ariaLabel()\"\n            [attr.aria-invalid]=\"isInvalid() || textInvalid() || null\"\n            (input)=\"onTyped($event)\"\n            (blur)=\"onBlur()\" />\n        @if (showClearButton()) {\n            <rt-icon-button\n                rtElem=\"clear\"\n                qa-dataid=\"date-range-clear\"\n                icon=\"ico-close\"\n                size=\"sm\"\n                variant=\"ghost\"\n                iconColor=\"muted\"\n                [ariaLabel]=\"t().uiClear\"\n                [tabIndex]=\"clearTabIndex()\"\n                (clicked)=\"clear($event)\" />\n        }\n        <rt-icon-button\n            rtElem=\"open\"\n            qa-dataid=\"date-range-open\"\n            icon=\"ico-calendar\"\n            size=\"sm\"\n            variant=\"ghost\"\n            iconColor=\"muted\"\n            rtPopoverAlign=\"end\"\n            [ariaLabel]=\"t().uiOpenCalendar\"\n            [disabled]=\"isDisabled()\"\n            [rtPopover]=\"panelTpl\"\n            [rtPopoverDisabled]=\"narrow() || isDisabled()\"\n            (clicked)=\"openPanel()\" />\n\n        <ng-template #panelTpl>\n            <div rtElem=\"popup\" qa-dataid=\"date-range-popup\">\n                <rt-date-range-panel [value]=\"range()\" [min]=\"min()\" [max]=\"max()\" (picked)=\"onPicked($event)\" (closed)=\"closePanel()\" />\n            </div>\n        </ng-template>\n\n        @if (narrow()) {\n            <rt-bottom-sheet qa-dataid=\"date-range-sheet\" [open]=\"sheetOpen()\" (openChange)=\"sheetOpen.set($event)\">\n                @if (sheetOpen()) {\n                    <rt-date-range-panel\n                        sheet\n                        [value]=\"range()\"\n                        [min]=\"min()\"\n                        [max]=\"max()\"\n                        (picked)=\"onPicked($event)\"\n                        (closed)=\"closePanel()\" />\n                }\n            </rt-bottom-sheet>\n        }\n    }\n</ng-container>\n"],"mappings":"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"}

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

@@ -233,7 +233,7 @@ var RtFieldComponent = class RtFieldComponent {
 			}],
 			ngImport: i0,
 			template: "<ng-container rtBlock=\"rt-field\">\n    @if (label()) {\n        <span #labelRow rtElem=\"label-row\">\n            <!-- Текст подписи — свой узел: пробел между ним и звёздочкой сборка выбрасывает, и зазор до\n                 звёздочки задаёт свойство, а не пробел в разметке. -->\n            <label rtElem=\"label\" qa-dataid=\"field-label\" [attr.for]=\"controlId()\">\n                <span>{{ label() }}</span>\n                @if (isRequired() && !hideRequiredMark()) {\n                    <span rtElem=\"required\" qa-dataid=\"field-required\" aria-hidden=\"true\">*</span>\n                }\n            </label>\n            @if (help()) {\n                <button\n                    rtElem=\"help\"\n                    qa-dataid=\"field-help\"\n                    type=\"button\"\n                    rtPopoverTrigger=\"hover\"\n                    [attr.aria-label]=\"t().uiHint\"\n                    [rtPopover]=\"helpTpl\">\n                    <rt-icon name=\"ico-help\" size=\"sm\" color=\"muted\" />\n                </button>\n                <ng-template #helpTpl>\n                    <span rtElem=\"help-popover\" qa-dataid=\"field-help-popover\">{{ help() }}</span>\n                </ng-template>\n            }\n        </span>\n    }\n\n    <rt-skeleton-wrapper rtElem=\"control\" height=\"var(--rt-input-height)\" [isLoading]=\"loading()\">\n        <ng-content />\n    </rt-skeleton-wrapper>\n\n    <!-- С резервом hint остаётся в потоке даже под ошибкой (скрытый), а сама\n         ошибка кладётся в ту же ячейку грида: высота зоны равна большему из\n         двух сообщений и не меняется при их подмене. Без резерва — как было,\n         одно сообщение за раз, чтобы плотные формы не набирали лишний воздух. -->\n    <span rtElem=\"messages\" [rtMod]=\"{ reserved: reserveHintSpace() }\">\n        @if (projectedHint() && (reserveHintSpace() || !showError())) {\n            <small rtElem=\"hint\" qa-dataid=\"field-hint\" [rtMod]=\"{ hidden: showError() }\" [attr.aria-hidden]=\"showError() ? 'true' : null\">\n                <ng-content select=\"[rtFieldHint]\" />\n            </small>\n        } @else if (hint() && (reserveHintSpace() || !showError())) {\n            <small rtElem=\"hint\" qa-dataid=\"field-hint\" [rtMod]=\"{ hidden: showError() }\" [attr.aria-hidden]=\"showError() ? 'true' : null\">\n                {{ hint() }}\n            </small>\n        }\n\n        @if (showError()) {\n            <small rtElem=\"error\" qa-dataid=\"field-error\">{{ errorText() }}</small>\n        }\n    </span>\n</ng-container>\n",
-			styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-field{--rt-field-floating-start: calc(var(--rt-input-padding-x) + var(--rt-input-border-width));--rt-field-floating-rest-start: var(--rt-field-floating-start);--rt-field-floating-duration: var(--rt-duration-fast);--rt-field-raised-start: max( var(--rt-field-floating-start), calc(min(var(--rt-input-radius), var(--rt-input-height) / 2) + var(--rt-space-2)) );--rt-field-notch-start: calc(var(--rt-field-raised-start) - var(--rt-space-1));--rt-field-notch-depth: calc(2 * var(--rt-input-border-width));--rt-field-notch-width: 0px;--rt-field-fill-height: var(--rt-input-height-md);--rt-field-floating-z: var(--rt-z-sticky);display:flex;flex-direction:column;gap:var(--rt-field-gap)}.rt-field__label-row{display:inline-flex;align-items:center;gap:var(--rt-field-label-help-gap)}.rt-field__label{color:var(--rt-field-label-color);font-size:var(--rt-field-label-font-size);font-weight:var(--rt-field-label-font-weight);letter-spacing:var(--rt-field-label-letter-spacing, inherit)}.rt-field__required{margin-left:var(--rt-field-required-gap);color:var(--rt-field-required-color)}.rt-field--invalid .rt-field__required{color:var(--rt-field-error-color)}.rt-field__control{color:var(--rt-field-value-color);font-size:var(--rt-field-value-font-size)}.rt-field__help{display:inline-flex;padding:0;border:none;margin:0;background:none;cursor:help}.rt-field__help-popover{display:block;max-width:240px;font-size:var(--rt-field-hint-font-size)}.rt-field__messages{display:grid;box-sizing:border-box}.rt-field__messages:is(.rt-preset-material *,[data-preset=material] *){line-height:var(--rt-field-messages-line-height)}.rt-field__messages--reserved,.rt-field__messages:has(>*){padding-top:var(--rt-field-messages-padding-top)}.rt-field__messages--reserved{font-size:var(--rt-field-error-font-size);min-block-size:calc(1lh + var(--rt-field-messages-padding-top))}.rt-field__messages--reserved>*{grid-area:1/1}.rt-field__hint{color:var(--rt-field-hint-color);font-size:var(--rt-field-hint-font-size)}.rt-field__hint--hidden{visibility:hidden}.rt-field__error{color:var(--rt-field-error-color);font-size:var(--rt-field-error-font-size)}}\n", "@charset \"UTF-8\";@layer rt-kit.components{.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]){--rt-field-floating-start: var(--rt-input-padding-x);position:relative;isolation:isolate}.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):has(.rt-input--with-icon-left){--rt-field-floating-rest-start: calc(var(--rt-field-floating-start) + var(--rt-input-icon-size) + var(--rt-input-gap))}.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):has(.rt-input--with-icon-left>.rt-input__icon-left){--rt-field-floating-rest-start: calc(var(--rt-space-2) + var(--rt-space-1) + var(--rt-input-icon-size) + var(--rt-space-1))}.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]) .rt-field__messages{margin-top:calc(-1 * var(--rt-field-gap));padding-inline:var(--rt-input-padding-x)}.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):has(.rt-input--size--sm,.rt-select--size--sm,.rt-input-number--size--sm){--rt-input-height: var(--rt-input-height-sm)}.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):has(.rt-input--size--lg,.rt-select--size--lg,.rt-input-number--size--lg){--rt-input-height: var(--rt-input-height-lg)}.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]) .rt-field__label-row{position:absolute;z-index:var(--rt-field-floating-z);top:calc(var(--rt-input-height) / 2);left:var(--rt-field-floating-rest-start);max-width:calc(100% - 2 * var(--rt-field-floating-start));pointer-events:none;transform:translateY(-50%);transition:top var(--rt-field-floating-duration) ease,left var(--rt-field-floating-duration) ease}.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]) .rt-field__label{overflow:hidden;color:var(--rt-input-color-text-placeholder);font-size:var(--rt-input-font-size);font-weight:inherit;text-overflow:ellipsis;transition:font-size var(--rt-field-floating-duration) ease,color var(--rt-field-floating-duration) ease;white-space:nowrap}.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]) .rt-field__help{pointer-events:auto}.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):has(.rt-field__label-row):not(.rt-field--filled,:focus-within) ::placeholder,.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):has(.rt-field__label-row):not(.rt-field--filled,:focus-within) .rt-select__label--placeholder{color:transparent}.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]).rt-field--filled .rt-field__label-row,.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):focus-within .rt-field__label-row{top:0;left:var(--rt-field-raised-start);max-width:calc(100% - var(--rt-field-raised-start) - var(--rt-field-floating-start));padding:0 var(--rt-space-1);margin-left:calc(-1 * var(--rt-space-1));line-height:1}.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]).rt-field--filled:not(:has(.rt-input--appearance--fill,.rt-input--appearance--pill,.rt-select--appearance--fill,.rt-input-number--appearance--fill,.rt-input-number--appearance--pill,.rt-textarea--appearance--fill)) .rt-field__control,.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):focus-within:not(:has(.rt-input--appearance--fill,.rt-input--appearance--pill,.rt-select--appearance--fill,.rt-input-number--appearance--fill,.rt-input-number--appearance--pill,.rt-textarea--appearance--fill)) .rt-field__control{clip-path:polygon(0 0,var(--rt-field-notch-start) 0,var(--rt-field-notch-start) var(--rt-field-notch-depth),calc(var(--rt-field-notch-start) + var(--rt-field-notch-width)) var(--rt-field-notch-depth),calc(var(--rt-field-notch-start) + var(--rt-field-notch-width)) 0,100% 0,100% 100%,0 100%)}.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):has(.rt-input--appearance--fill,.rt-input--appearance--pill,.rt-select--appearance--fill,.rt-input-number--appearance--fill,.rt-input-number--appearance--pill,.rt-textarea--appearance--fill){--rt-input-height: var(--rt-field-fill-height)}.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):has(.rt-input--appearance--fill,.rt-input--appearance--pill,.rt-select--appearance--fill,.rt-input-number--appearance--fill,.rt-input-number--appearance--pill,.rt-textarea--appearance--fill) .rt-field__label{line-height:var(--rt-leading-tight)}.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):has(.rt-field__label-row) :is(.rt-input--appearance--fill .rt-input__field,.rt-input--appearance--pill .rt-input__field,.rt-select--appearance--fill .rt-select__label,.rt-input-number--appearance--fill .rt-input-number__field,.rt-input-number--appearance--pill .rt-input-number__field){align-self:stretch;padding-top:calc(var(--rt-input-height) / 2 - var(--rt-space-1) - var(--rt-input-fill-edge));padding-bottom:calc(var(--rt-input-height) / 2 - var(--rt-space-5) - var(--rt-input-border-width));line-height:var(--rt-leading-normal)}.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):has(.rt-field__label-row) :is(.rt-input--appearance--pill .rt-input__field,.rt-input-number--appearance--pill .rt-input-number__field){padding-top:calc(var(--rt-input-height) / 2 - var(--rt-space-1) - var(--rt-input-border-width))}.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]).rt-field--filled:has(.rt-input--appearance--fill,.rt-input--appearance--pill,.rt-select--appearance--fill,.rt-input-number--appearance--fill,.rt-input-number--appearance--pill,.rt-textarea--appearance--fill) .rt-field__label-row,.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):focus-within:has(.rt-input--appearance--fill,.rt-input--appearance--pill,.rt-select--appearance--fill,.rt-input-number--appearance--fill,.rt-input-number--appearance--pill,.rt-textarea--appearance--fill) .rt-field__label-row{top:calc(var(--rt-input-height) / 2 - var(--rt-space-5));left:var(--rt-field-floating-rest-start);padding:0;margin-left:0;transform:none}.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]).rt-field--filled .rt-field__label,.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):focus-within .rt-field__label{font-size:var(--rt-text-xs)}.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):focus-within .rt-field__label{color:var(--rt-input-color-border-focus)}.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]).rt-field--invalid .rt-field__label{color:var(--rt-input-color-border-error)}.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):has(.rt-input--disabled,.rt-select--disabled,.rt-input-number--disabled,.rt-textarea--disabled) .rt-field__label{color:var(--rt-input-color-placeholder-disabled)}}\n"],
+			styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-field{--rt-field-floating-start: calc(var(--rt-input-padding-x) + var(--rt-input-border-width));--rt-field-floating-rest-start: var(--rt-field-floating-start);--rt-field-floating-duration: var(--rt-duration-fast);--rt-field-raised-start: max( var(--rt-field-floating-start), calc(min(var(--rt-input-radius), var(--rt-input-height) / 2) + var(--rt-space-2)) );--rt-field-notch-start: calc(var(--rt-field-raised-start) - var(--rt-space-1));--rt-field-notch-depth: calc(2 * var(--rt-input-border-width));--rt-field-notch-width: 0px;--rt-field-fill-height: var(--rt-input-height-md);--rt-field-floating-z: var(--rt-z-sticky);display:flex;flex-direction:column;gap:var(--rt-field-gap)}.rt-field__label-row{display:inline-flex;align-items:center;gap:var(--rt-field-label-help-gap)}.rt-field__label{color:var(--rt-field-label-color);font-size:var(--rt-field-label-font-size);font-weight:var(--rt-field-label-font-weight);letter-spacing:var(--rt-field-label-letter-spacing, inherit)}.rt-field__label:not(:is(.rt-preset-material *,[data-preset=material] *)){line-height:var(--rt-field-label-line-height)}.rt-field__required{margin-left:var(--rt-field-required-gap);color:var(--rt-field-required-color)}.rt-field--invalid .rt-field__required{color:var(--rt-field-error-color)}.rt-field__control{color:var(--rt-field-value-color);font-size:var(--rt-field-value-font-size)}.rt-field__help{display:inline-flex;padding:0;border:none;margin:0;background:none;cursor:help}.rt-field__help-popover{display:block;max-width:240px;font-size:var(--rt-field-hint-font-size)}.rt-field__messages{display:grid;box-sizing:border-box}.rt-field__messages:is(.rt-preset-material *,[data-preset=material] *){line-height:var(--rt-field-messages-line-height)}.rt-field__messages:not(:is(.rt-preset-material *,[data-preset=material] *)){line-height:var(--rt-leading-normal)}.rt-field__messages--reserved,.rt-field__messages:has(>*){padding-top:var(--rt-field-messages-padding-top)}.rt-field__messages--reserved{font-size:var(--rt-field-error-font-size);min-block-size:calc(1lh + var(--rt-field-messages-padding-top))}.rt-field__messages--reserved>*{grid-area:1/1}.rt-field__hint{color:var(--rt-field-hint-color);font-size:var(--rt-field-hint-font-size)}.rt-field__hint--hidden{visibility:hidden}.rt-field__error{color:var(--rt-field-error-color);font-size:var(--rt-field-error-font-size)}}\n", "@charset \"UTF-8\";@layer rt-kit.components{.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]){--rt-field-floating-start: var(--rt-input-padding-x);position:relative;isolation:isolate}.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):has(.rt-input--with-icon-left){--rt-field-floating-rest-start: calc(var(--rt-field-floating-start) + var(--rt-input-icon-size) + var(--rt-input-gap))}.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):has(.rt-input--with-icon-left>.rt-input__icon-left){--rt-field-floating-rest-start: calc(var(--rt-space-2) + var(--rt-space-1) + var(--rt-input-icon-size) + var(--rt-space-1))}.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]) .rt-field__messages{margin-top:calc(-1 * var(--rt-field-gap));padding-inline:var(--rt-input-padding-x)}.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):has(.rt-input--size--sm,.rt-select--size--sm,.rt-input-number--size--sm){--rt-input-height: var(--rt-input-height-sm)}.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):has(.rt-input--size--lg,.rt-select--size--lg,.rt-input-number--size--lg){--rt-input-height: var(--rt-input-height-lg)}.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]) .rt-field__label-row{position:absolute;z-index:var(--rt-field-floating-z);top:calc(var(--rt-input-height) / 2);left:var(--rt-field-floating-rest-start);max-width:calc(100% - 2 * var(--rt-field-floating-start));pointer-events:none;transform:translateY(-50%);transition:top var(--rt-field-floating-duration) ease,left var(--rt-field-floating-duration) ease}.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]) .rt-field__label{overflow:hidden;color:var(--rt-input-color-text-placeholder);font-size:var(--rt-input-font-size);font-weight:inherit;text-overflow:ellipsis;transition:font-size var(--rt-field-floating-duration) ease,color var(--rt-field-floating-duration) ease;white-space:nowrap}.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]) .rt-field__help{pointer-events:auto}.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):has(.rt-field__label-row):not(.rt-field--filled,:focus-within) ::placeholder,.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):has(.rt-field__label-row):not(.rt-field--filled,:focus-within) .rt-select__label--placeholder{color:transparent}.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]).rt-field--filled .rt-field__label-row,.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):focus-within .rt-field__label-row{top:0;left:var(--rt-field-raised-start);max-width:calc(100% - var(--rt-field-raised-start) - var(--rt-field-floating-start));padding:0 var(--rt-space-1);margin-left:calc(-1 * var(--rt-space-1));line-height:1}.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]).rt-field--filled:not(:has(.rt-input--appearance--fill,.rt-input--appearance--pill,.rt-select--appearance--fill,.rt-input-number--appearance--fill,.rt-input-number--appearance--pill,.rt-textarea--appearance--fill)) .rt-field__control,.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):focus-within:not(:has(.rt-input--appearance--fill,.rt-input--appearance--pill,.rt-select--appearance--fill,.rt-input-number--appearance--fill,.rt-input-number--appearance--pill,.rt-textarea--appearance--fill)) .rt-field__control{clip-path:polygon(0 0,var(--rt-field-notch-start) 0,var(--rt-field-notch-start) var(--rt-field-notch-depth),calc(var(--rt-field-notch-start) + var(--rt-field-notch-width)) var(--rt-field-notch-depth),calc(var(--rt-field-notch-start) + var(--rt-field-notch-width)) 0,100% 0,100% 100%,0 100%)}.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):has(.rt-input--appearance--fill,.rt-input--appearance--pill,.rt-select--appearance--fill,.rt-input-number--appearance--fill,.rt-input-number--appearance--pill,.rt-textarea--appearance--fill){--rt-input-height: var(--rt-field-fill-height)}.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):has(.rt-input--appearance--fill,.rt-input--appearance--pill,.rt-select--appearance--fill,.rt-input-number--appearance--fill,.rt-input-number--appearance--pill,.rt-textarea--appearance--fill) .rt-field__label{line-height:var(--rt-leading-tight)}.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):has(.rt-field__label-row) :is(.rt-input--appearance--fill .rt-input__field,.rt-input--appearance--pill .rt-input__field,.rt-select--appearance--fill .rt-select__label,.rt-input-number--appearance--fill .rt-input-number__field,.rt-input-number--appearance--pill .rt-input-number__field){align-self:stretch;padding-top:calc(var(--rt-input-height) / 2 - var(--rt-space-1) - var(--rt-input-fill-edge));padding-bottom:calc(var(--rt-input-height) / 2 - var(--rt-space-5) - var(--rt-input-border-width));line-height:var(--rt-leading-normal)}.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):has(.rt-field__label-row) :is(.rt-input--appearance--pill .rt-input__field,.rt-input-number--appearance--pill .rt-input-number__field){padding-top:calc(var(--rt-input-height) / 2 - var(--rt-space-1) - var(--rt-input-border-width))}.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]).rt-field--filled:has(.rt-input--appearance--fill,.rt-input--appearance--pill,.rt-select--appearance--fill,.rt-input-number--appearance--fill,.rt-input-number--appearance--pill,.rt-textarea--appearance--fill) .rt-field__label-row,.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):focus-within:has(.rt-input--appearance--fill,.rt-input--appearance--pill,.rt-select--appearance--fill,.rt-input-number--appearance--fill,.rt-input-number--appearance--pill,.rt-textarea--appearance--fill) .rt-field__label-row{top:calc(var(--rt-input-height) / 2 - var(--rt-space-5));left:var(--rt-field-floating-rest-start);padding:0;margin-left:0;transform:none}.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]).rt-field--filled .rt-field__label,.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):focus-within .rt-field__label{font-size:var(--rt-text-xs)}.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):focus-within .rt-field__label{color:var(--rt-input-color-border-focus)}.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]).rt-field--invalid .rt-field__label{color:var(--rt-input-color-border-error)}.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):has(.rt-input--disabled,.rt-select--disabled,.rt-input-number--disabled,.rt-textarea--disabled) .rt-field__label{color:var(--rt-input-color-placeholder-disabled)}}\n"],
 			dependencies: [
 				{
 					kind: "component",
@@ -336,7 +336,7 @@ i0.ɵɵngDeclareClassMetadata({
 				"[style.--rt-field-notch-width]": "notchWidth() + 'px'"
 			},
 			template: "<ng-container rtBlock=\"rt-field\">\n    @if (label()) {\n        <span #labelRow rtElem=\"label-row\">\n            <!-- Текст подписи — свой узел: пробел между ним и звёздочкой сборка выбрасывает, и зазор до\n                 звёздочки задаёт свойство, а не пробел в разметке. -->\n            <label rtElem=\"label\" qa-dataid=\"field-label\" [attr.for]=\"controlId()\">\n                <span>{{ label() }}</span>\n                @if (isRequired() && !hideRequiredMark()) {\n                    <span rtElem=\"required\" qa-dataid=\"field-required\" aria-hidden=\"true\">*</span>\n                }\n            </label>\n            @if (help()) {\n                <button\n                    rtElem=\"help\"\n                    qa-dataid=\"field-help\"\n                    type=\"button\"\n                    rtPopoverTrigger=\"hover\"\n                    [attr.aria-label]=\"t().uiHint\"\n                    [rtPopover]=\"helpTpl\">\n                    <rt-icon name=\"ico-help\" size=\"sm\" color=\"muted\" />\n                </button>\n                <ng-template #helpTpl>\n                    <span rtElem=\"help-popover\" qa-dataid=\"field-help-popover\">{{ help() }}</span>\n                </ng-template>\n            }\n        </span>\n    }\n\n    <rt-skeleton-wrapper rtElem=\"control\" height=\"var(--rt-input-height)\" [isLoading]=\"loading()\">\n        <ng-content />\n    </rt-skeleton-wrapper>\n\n    <!-- С резервом hint остаётся в потоке даже под ошибкой (скрытый), а сама\n         ошибка кладётся в ту же ячейку грида: высота зоны равна большему из\n         двух сообщений и не меняется при их подмене. Без резерва — как было,\n         одно сообщение за раз, чтобы плотные формы не набирали лишний воздух. -->\n    <span rtElem=\"messages\" [rtMod]=\"{ reserved: reserveHintSpace() }\">\n        @if (projectedHint() && (reserveHintSpace() || !showError())) {\n            <small rtElem=\"hint\" qa-dataid=\"field-hint\" [rtMod]=\"{ hidden: showError() }\" [attr.aria-hidden]=\"showError() ? 'true' : null\">\n                <ng-content select=\"[rtFieldHint]\" />\n            </small>\n        } @else if (hint() && (reserveHintSpace() || !showError())) {\n            <small rtElem=\"hint\" qa-dataid=\"field-hint\" [rtMod]=\"{ hidden: showError() }\" [attr.aria-hidden]=\"showError() ? 'true' : null\">\n                {{ hint() }}\n            </small>\n        }\n\n        @if (showError()) {\n            <small rtElem=\"error\" qa-dataid=\"field-error\">{{ errorText() }}</small>\n        }\n    </span>\n</ng-container>\n",
-			styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-field{--rt-field-floating-start: calc(var(--rt-input-padding-x) + var(--rt-input-border-width));--rt-field-floating-rest-start: var(--rt-field-floating-start);--rt-field-floating-duration: var(--rt-duration-fast);--rt-field-raised-start: max( var(--rt-field-floating-start), calc(min(var(--rt-input-radius), var(--rt-input-height) / 2) + var(--rt-space-2)) );--rt-field-notch-start: calc(var(--rt-field-raised-start) - var(--rt-space-1));--rt-field-notch-depth: calc(2 * var(--rt-input-border-width));--rt-field-notch-width: 0px;--rt-field-fill-height: var(--rt-input-height-md);--rt-field-floating-z: var(--rt-z-sticky);display:flex;flex-direction:column;gap:var(--rt-field-gap)}.rt-field__label-row{display:inline-flex;align-items:center;gap:var(--rt-field-label-help-gap)}.rt-field__label{color:var(--rt-field-label-color);font-size:var(--rt-field-label-font-size);font-weight:var(--rt-field-label-font-weight);letter-spacing:var(--rt-field-label-letter-spacing, inherit)}.rt-field__required{margin-left:var(--rt-field-required-gap);color:var(--rt-field-required-color)}.rt-field--invalid .rt-field__required{color:var(--rt-field-error-color)}.rt-field__control{color:var(--rt-field-value-color);font-size:var(--rt-field-value-font-size)}.rt-field__help{display:inline-flex;padding:0;border:none;margin:0;background:none;cursor:help}.rt-field__help-popover{display:block;max-width:240px;font-size:var(--rt-field-hint-font-size)}.rt-field__messages{display:grid;box-sizing:border-box}.rt-field__messages:is(.rt-preset-material *,[data-preset=material] *){line-height:var(--rt-field-messages-line-height)}.rt-field__messages--reserved,.rt-field__messages:has(>*){padding-top:var(--rt-field-messages-padding-top)}.rt-field__messages--reserved{font-size:var(--rt-field-error-font-size);min-block-size:calc(1lh + var(--rt-field-messages-padding-top))}.rt-field__messages--reserved>*{grid-area:1/1}.rt-field__hint{color:var(--rt-field-hint-color);font-size:var(--rt-field-hint-font-size)}.rt-field__hint--hidden{visibility:hidden}.rt-field__error{color:var(--rt-field-error-color);font-size:var(--rt-field-error-font-size)}}\n", "@charset \"UTF-8\";@layer rt-kit.components{.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]){--rt-field-floating-start: var(--rt-input-padding-x);position:relative;isolation:isolate}.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):has(.rt-input--with-icon-left){--rt-field-floating-rest-start: calc(var(--rt-field-floating-start) + var(--rt-input-icon-size) + var(--rt-input-gap))}.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):has(.rt-input--with-icon-left>.rt-input__icon-left){--rt-field-floating-rest-start: calc(var(--rt-space-2) + var(--rt-space-1) + var(--rt-input-icon-size) + var(--rt-space-1))}.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]) .rt-field__messages{margin-top:calc(-1 * var(--rt-field-gap));padding-inline:var(--rt-input-padding-x)}.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):has(.rt-input--size--sm,.rt-select--size--sm,.rt-input-number--size--sm){--rt-input-height: var(--rt-input-height-sm)}.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):has(.rt-input--size--lg,.rt-select--size--lg,.rt-input-number--size--lg){--rt-input-height: var(--rt-input-height-lg)}.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]) .rt-field__label-row{position:absolute;z-index:var(--rt-field-floating-z);top:calc(var(--rt-input-height) / 2);left:var(--rt-field-floating-rest-start);max-width:calc(100% - 2 * var(--rt-field-floating-start));pointer-events:none;transform:translateY(-50%);transition:top var(--rt-field-floating-duration) ease,left var(--rt-field-floating-duration) ease}.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]) .rt-field__label{overflow:hidden;color:var(--rt-input-color-text-placeholder);font-size:var(--rt-input-font-size);font-weight:inherit;text-overflow:ellipsis;transition:font-size var(--rt-field-floating-duration) ease,color var(--rt-field-floating-duration) ease;white-space:nowrap}.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]) .rt-field__help{pointer-events:auto}.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):has(.rt-field__label-row):not(.rt-field--filled,:focus-within) ::placeholder,.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):has(.rt-field__label-row):not(.rt-field--filled,:focus-within) .rt-select__label--placeholder{color:transparent}.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]).rt-field--filled .rt-field__label-row,.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):focus-within .rt-field__label-row{top:0;left:var(--rt-field-raised-start);max-width:calc(100% - var(--rt-field-raised-start) - var(--rt-field-floating-start));padding:0 var(--rt-space-1);margin-left:calc(-1 * var(--rt-space-1));line-height:1}.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]).rt-field--filled:not(:has(.rt-input--appearance--fill,.rt-input--appearance--pill,.rt-select--appearance--fill,.rt-input-number--appearance--fill,.rt-input-number--appearance--pill,.rt-textarea--appearance--fill)) .rt-field__control,.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):focus-within:not(:has(.rt-input--appearance--fill,.rt-input--appearance--pill,.rt-select--appearance--fill,.rt-input-number--appearance--fill,.rt-input-number--appearance--pill,.rt-textarea--appearance--fill)) .rt-field__control{clip-path:polygon(0 0,var(--rt-field-notch-start) 0,var(--rt-field-notch-start) var(--rt-field-notch-depth),calc(var(--rt-field-notch-start) + var(--rt-field-notch-width)) var(--rt-field-notch-depth),calc(var(--rt-field-notch-start) + var(--rt-field-notch-width)) 0,100% 0,100% 100%,0 100%)}.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):has(.rt-input--appearance--fill,.rt-input--appearance--pill,.rt-select--appearance--fill,.rt-input-number--appearance--fill,.rt-input-number--appearance--pill,.rt-textarea--appearance--fill){--rt-input-height: var(--rt-field-fill-height)}.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):has(.rt-input--appearance--fill,.rt-input--appearance--pill,.rt-select--appearance--fill,.rt-input-number--appearance--fill,.rt-input-number--appearance--pill,.rt-textarea--appearance--fill) .rt-field__label{line-height:var(--rt-leading-tight)}.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):has(.rt-field__label-row) :is(.rt-input--appearance--fill .rt-input__field,.rt-input--appearance--pill .rt-input__field,.rt-select--appearance--fill .rt-select__label,.rt-input-number--appearance--fill .rt-input-number__field,.rt-input-number--appearance--pill .rt-input-number__field){align-self:stretch;padding-top:calc(var(--rt-input-height) / 2 - var(--rt-space-1) - var(--rt-input-fill-edge));padding-bottom:calc(var(--rt-input-height) / 2 - var(--rt-space-5) - var(--rt-input-border-width));line-height:var(--rt-leading-normal)}.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):has(.rt-field__label-row) :is(.rt-input--appearance--pill .rt-input__field,.rt-input-number--appearance--pill .rt-input-number__field){padding-top:calc(var(--rt-input-height) / 2 - var(--rt-space-1) - var(--rt-input-border-width))}.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]).rt-field--filled:has(.rt-input--appearance--fill,.rt-input--appearance--pill,.rt-select--appearance--fill,.rt-input-number--appearance--fill,.rt-input-number--appearance--pill,.rt-textarea--appearance--fill) .rt-field__label-row,.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):focus-within:has(.rt-input--appearance--fill,.rt-input--appearance--pill,.rt-select--appearance--fill,.rt-input-number--appearance--fill,.rt-input-number--appearance--pill,.rt-textarea--appearance--fill) .rt-field__label-row{top:calc(var(--rt-input-height) / 2 - var(--rt-space-5));left:var(--rt-field-floating-rest-start);padding:0;margin-left:0;transform:none}.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]).rt-field--filled .rt-field__label,.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):focus-within .rt-field__label{font-size:var(--rt-text-xs)}.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):focus-within .rt-field__label{color:var(--rt-input-color-border-focus)}.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]).rt-field--invalid .rt-field__label{color:var(--rt-input-color-border-error)}.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):has(.rt-input--disabled,.rt-select--disabled,.rt-input-number--disabled,.rt-textarea--disabled) .rt-field__label{color:var(--rt-input-color-placeholder-disabled)}}\n"]
+			styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-field{--rt-field-floating-start: calc(var(--rt-input-padding-x) + var(--rt-input-border-width));--rt-field-floating-rest-start: var(--rt-field-floating-start);--rt-field-floating-duration: var(--rt-duration-fast);--rt-field-raised-start: max( var(--rt-field-floating-start), calc(min(var(--rt-input-radius), var(--rt-input-height) / 2) + var(--rt-space-2)) );--rt-field-notch-start: calc(var(--rt-field-raised-start) - var(--rt-space-1));--rt-field-notch-depth: calc(2 * var(--rt-input-border-width));--rt-field-notch-width: 0px;--rt-field-fill-height: var(--rt-input-height-md);--rt-field-floating-z: var(--rt-z-sticky);display:flex;flex-direction:column;gap:var(--rt-field-gap)}.rt-field__label-row{display:inline-flex;align-items:center;gap:var(--rt-field-label-help-gap)}.rt-field__label{color:var(--rt-field-label-color);font-size:var(--rt-field-label-font-size);font-weight:var(--rt-field-label-font-weight);letter-spacing:var(--rt-field-label-letter-spacing, inherit)}.rt-field__label:not(:is(.rt-preset-material *,[data-preset=material] *)){line-height:var(--rt-field-label-line-height)}.rt-field__required{margin-left:var(--rt-field-required-gap);color:var(--rt-field-required-color)}.rt-field--invalid .rt-field__required{color:var(--rt-field-error-color)}.rt-field__control{color:var(--rt-field-value-color);font-size:var(--rt-field-value-font-size)}.rt-field__help{display:inline-flex;padding:0;border:none;margin:0;background:none;cursor:help}.rt-field__help-popover{display:block;max-width:240px;font-size:var(--rt-field-hint-font-size)}.rt-field__messages{display:grid;box-sizing:border-box}.rt-field__messages:is(.rt-preset-material *,[data-preset=material] *){line-height:var(--rt-field-messages-line-height)}.rt-field__messages:not(:is(.rt-preset-material *,[data-preset=material] *)){line-height:var(--rt-leading-normal)}.rt-field__messages--reserved,.rt-field__messages:has(>*){padding-top:var(--rt-field-messages-padding-top)}.rt-field__messages--reserved{font-size:var(--rt-field-error-font-size);min-block-size:calc(1lh + var(--rt-field-messages-padding-top))}.rt-field__messages--reserved>*{grid-area:1/1}.rt-field__hint{color:var(--rt-field-hint-color);font-size:var(--rt-field-hint-font-size)}.rt-field__hint--hidden{visibility:hidden}.rt-field__error{color:var(--rt-field-error-color);font-size:var(--rt-field-error-font-size)}}\n", "@charset \"UTF-8\";@layer rt-kit.components{.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]){--rt-field-floating-start: var(--rt-input-padding-x);position:relative;isolation:isolate}.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):has(.rt-input--with-icon-left){--rt-field-floating-rest-start: calc(var(--rt-field-floating-start) + var(--rt-input-icon-size) + var(--rt-input-gap))}.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):has(.rt-input--with-icon-left>.rt-input__icon-left){--rt-field-floating-rest-start: calc(var(--rt-space-2) + var(--rt-space-1) + var(--rt-input-icon-size) + var(--rt-space-1))}.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]) .rt-field__messages{margin-top:calc(-1 * var(--rt-field-gap));padding-inline:var(--rt-input-padding-x)}.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):has(.rt-input--size--sm,.rt-select--size--sm,.rt-input-number--size--sm){--rt-input-height: var(--rt-input-height-sm)}.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):has(.rt-input--size--lg,.rt-select--size--lg,.rt-input-number--size--lg){--rt-input-height: var(--rt-input-height-lg)}.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]) .rt-field__label-row{position:absolute;z-index:var(--rt-field-floating-z);top:calc(var(--rt-input-height) / 2);left:var(--rt-field-floating-rest-start);max-width:calc(100% - 2 * var(--rt-field-floating-start));pointer-events:none;transform:translateY(-50%);transition:top var(--rt-field-floating-duration) ease,left var(--rt-field-floating-duration) ease}.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]) .rt-field__label{overflow:hidden;color:var(--rt-input-color-text-placeholder);font-size:var(--rt-input-font-size);font-weight:inherit;text-overflow:ellipsis;transition:font-size var(--rt-field-floating-duration) ease,color var(--rt-field-floating-duration) ease;white-space:nowrap}.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]) .rt-field__help{pointer-events:auto}.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):has(.rt-field__label-row):not(.rt-field--filled,:focus-within) ::placeholder,.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):has(.rt-field__label-row):not(.rt-field--filled,:focus-within) .rt-select__label--placeholder{color:transparent}.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]).rt-field--filled .rt-field__label-row,.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):focus-within .rt-field__label-row{top:0;left:var(--rt-field-raised-start);max-width:calc(100% - var(--rt-field-raised-start) - var(--rt-field-floating-start));padding:0 var(--rt-space-1);margin-left:calc(-1 * var(--rt-space-1));line-height:1}.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]).rt-field--filled:not(:has(.rt-input--appearance--fill,.rt-input--appearance--pill,.rt-select--appearance--fill,.rt-input-number--appearance--fill,.rt-input-number--appearance--pill,.rt-textarea--appearance--fill)) .rt-field__control,.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):focus-within:not(:has(.rt-input--appearance--fill,.rt-input--appearance--pill,.rt-select--appearance--fill,.rt-input-number--appearance--fill,.rt-input-number--appearance--pill,.rt-textarea--appearance--fill)) .rt-field__control{clip-path:polygon(0 0,var(--rt-field-notch-start) 0,var(--rt-field-notch-start) var(--rt-field-notch-depth),calc(var(--rt-field-notch-start) + var(--rt-field-notch-width)) var(--rt-field-notch-depth),calc(var(--rt-field-notch-start) + var(--rt-field-notch-width)) 0,100% 0,100% 100%,0 100%)}.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):has(.rt-input--appearance--fill,.rt-input--appearance--pill,.rt-select--appearance--fill,.rt-input-number--appearance--fill,.rt-input-number--appearance--pill,.rt-textarea--appearance--fill){--rt-input-height: var(--rt-field-fill-height)}.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):has(.rt-input--appearance--fill,.rt-input--appearance--pill,.rt-select--appearance--fill,.rt-input-number--appearance--fill,.rt-input-number--appearance--pill,.rt-textarea--appearance--fill) .rt-field__label{line-height:var(--rt-leading-tight)}.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):has(.rt-field__label-row) :is(.rt-input--appearance--fill .rt-input__field,.rt-input--appearance--pill .rt-input__field,.rt-select--appearance--fill .rt-select__label,.rt-input-number--appearance--fill .rt-input-number__field,.rt-input-number--appearance--pill .rt-input-number__field){align-self:stretch;padding-top:calc(var(--rt-input-height) / 2 - var(--rt-space-1) - var(--rt-input-fill-edge));padding-bottom:calc(var(--rt-input-height) / 2 - var(--rt-space-5) - var(--rt-input-border-width));line-height:var(--rt-leading-normal)}.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):has(.rt-field__label-row) :is(.rt-input--appearance--pill .rt-input__field,.rt-input-number--appearance--pill .rt-input-number__field){padding-top:calc(var(--rt-input-height) / 2 - var(--rt-space-1) - var(--rt-input-border-width))}.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]).rt-field--filled:has(.rt-input--appearance--fill,.rt-input--appearance--pill,.rt-select--appearance--fill,.rt-input-number--appearance--fill,.rt-input-number--appearance--pill,.rt-textarea--appearance--fill) .rt-field__label-row,.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):focus-within:has(.rt-input--appearance--fill,.rt-input--appearance--pill,.rt-select--appearance--fill,.rt-input-number--appearance--fill,.rt-input-number--appearance--pill,.rt-textarea--appearance--fill) .rt-field__label-row{top:calc(var(--rt-input-height) / 2 - var(--rt-space-5));left:var(--rt-field-floating-rest-start);padding:0;margin-left:0;transform:none}.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]).rt-field--filled .rt-field__label,.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):focus-within .rt-field__label{font-size:var(--rt-text-xs)}.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):focus-within .rt-field__label{color:var(--rt-input-color-border-focus)}.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]).rt-field--invalid .rt-field__label{color:var(--rt-input-color-border-error)}.rt-field--label-inside:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):has(.rt-input--disabled,.rt-select--disabled,.rt-input-number--disabled,.rt-textarea--disabled) .rt-field__label{color:var(--rt-input-color-placeholder-disabled)}}\n"]
 		}]
 	}],
 	ctorParameters: () => [],

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

@@ -1 +1 @@
-{"version":3,"file":"rt-tools-ui-kit-v2-field.mjs","names":[],"sources":["../../../projects/ui-kit-v2/src/lib/components/field/rt-field-hint.directive.ts","../../../projects/ui-kit-v2/src/lib/components/field/rt-field.model.ts","../../../projects/ui-kit-v2/src/lib/components/field/rt-field.component.ts","../../../projects/ui-kit-v2/src/lib/components/field/rt-field.component.html"],"sourcesContent":["import { Directive } from '@angular/core';\n\n/**\n * Маркер проецируемого hint'а для rt-field. Нужен, когда подсказке требуется\n * разметка (`<strong>`, интерполяция значений), которую плоский string-input\n * `[hint]` передать не может. Если проецируемый hint присутствует — rt-field\n * рендерит его вместо строкового `[hint]` (тот остаётся fallback'ом).\n */\n@Directive({\n    selector: '[rtFieldHint]',\n})\nexport class RtFieldHintDirective {}\n","import { TRtKitLabelKey } from '@rt-tools/ui-kit-v2/core';\n\n/** Контракт поля-обёртки common/ui. */\nexport namespace IRtField {\n    /** Карта validatorKey → человекочитаемое сообщение. */\n    export type ErrorMessages = Record<string, string>;\n}\n\n/**\n * Ключи сообщений об ошибках по имени валидатора (перекрываются input'ом\n * [errors] поштучно, уже готовым текстом).\n *\n * Здесь ключи, а не переводы: карта собирается при загрузке модуля, когда язык\n * страницы ещё неизвестен, и готовый текст остался бы на языке по умолчанию\n * даже под переведённой подписью поля. Переводит сам компонент поля.\n */\nexport const RT_FIELD_DEFAULT_ERROR_KEYS: Readonly<Record<string, TRtKitLabelKey>> = {\n    required: 'fieldErrorRequired',\n    email: 'fieldErrorEmail',\n    minlength: 'fieldErrorMinLength',\n    maxlength: 'fieldErrorMaxLength',\n    min: 'fieldErrorMin',\n    max: 'fieldErrorMax',\n    pattern: 'fieldErrorPattern',\n};\n\n/** Текст-плейсхолдер read-only поля без значения. */\nexport const RT_FIELD_EMPTY_VALUE: string = '—';\n","import { BooleanInput } from '@angular/cdk/coercion';\nimport {\n    booleanAttribute,\n    computed,\n    contentChild,\n    effect,\n    inject,\n    input,\n    viewChild,\n    AfterContentInit,\n    ChangeDetectionStrategy,\n    Component,\n    ElementRef,\n    InputSignal,\n    InputSignalWithTransform,\n    Signal,\n    ViewEncapsulation,\n} from '@angular/core';\nimport { ValidationErrors } from '@angular/forms';\n\nimport { BlockDirective, ElemDirective, ModDirective } from '@rt-tools/core';\n\nimport { RT_KIT_LABELS, TRtKitLabelKey, TRtKitLabelMap, rtKitLabel } from '@rt-tools/ui-kit-v2/core';\nimport { rtNotchWidth, RtFormControlBase } from '@rt-tools/ui-kit-v2/form-control';\nimport { RtIconComponent } from '@rt-tools/ui-kit-v2/icon';\nimport { RtPopoverDirective } from '@rt-tools/ui-kit-v2/popover';\nimport { RtSkeletonWrapperComponent } from '@rt-tools/ui-kit-v2/skeleton-wrapper';\nimport { RtFieldHintDirective } from './rt-field-hint.directive';\nimport { RT_FIELD_DEFAULT_ERROR_KEYS, RT_FIELD_EMPTY_VALUE, IRtField } from './rt-field.model';\n\nconst BEM_BLOCK: string = 'rt-field';\n\n/** Счётчик для авто-id (связка label[for] ↔ controlId спроецированного контрола). */\nlet uidSeed: number = 0;\n\nfunction nextAutoId(): string {\n    uidSeed += 1;\n    return `rt-field-${uidSeed}`;\n}\n\n/**\n * Обёртка единой анатомии поля: label (+ опц. help-иконка с popover, + авто «*»\n * для required) сверху, спроецированный rt-контрол посередине, hint/error снизу.\n * `required` объявляет поле обязательным там, где валидатора на контроле нет (шаблонная форма).\n * `hideRequiredMark` глушит авто-«*» — для форм, где все поля обязательны и\n * маркер лишний (логин).\n * `reserveHintSpace` держит под контролом строку высотой в одно сообщение даже\n * когда ни ошибки, ни hint нет — чтобы появление ошибки не сдвигало форму вниз\n * (нужно для полей без постоянного hint, напр. логин).\n *\n * Читает контрол через contentChild(RtFormControlBase): авто-связывает label[for],\n * прокидывает read-only режим, показывает текст ошибки/required-маркер. На loading\n * оборачивает зону контрола в rt-skeleton-wrapper (label/hint остаются видимыми) —\n * нужно для route-aside, где поля рендерятся до прихода данных.\n */\n@Component({\n    selector: 'rt-field',\n    templateUrl: './rt-field.component.html',\n    styleUrls: ['./rt-field.component.scss', './rt-field-label-inside.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        // standalone components / directives\n        RtIconComponent,\n        RtPopoverDirective,\n        RtSkeletonWrapperComponent,\n        BlockDirective,\n        ElemDirective,\n        ModDirective,\n    ],\n    host: {\n        class: BEM_BLOCK,\n        '[class.rt-field--filled]': 'filled()',\n        '[class.rt-field--invalid]': 'showError()',\n        '[class.rt-field--static]': 'isStatic()',\n        '[class.rt-field--label-inside]': 'labelInside()',\n        '[style.--rt-field-notch-width]': \"notchWidth() + 'px'\",\n    },\n})\nexport class RtFieldComponent implements AfterContentInit {\n    // contentChild нельзя объявлять на ES-private (#) поле — Angular это запрещает,\n    // поэтому проекция контрола живёт в protected-поле.\n    protected readonly t: Signal<TRtKitLabelMap> = inject(RT_KIT_LABELS);\n\n    protected readonly projectedControl: Signal<RtFormControlBase<unknown> | undefined> = contentChild(RtFormControlBase);\n\n    // Проецируемый hint (с разметкой) — если присутствует, рендерится вместо\n    // строкового [hint].\n    protected readonly projectedHint: Signal<RtFieldHintDirective | undefined> = contentChild(RtFieldHintDirective);\n\n    readonly #autoId: string = nextAutoId();\n\n    /** Строка подписи: по её ширине материальный набор вырезает разрыв в рамке. `#`-поле `viewChild` не принимает. */\n    protected readonly labelRow: Signal<ElementRef<HTMLElement> | undefined> = viewChild<ElementRef<HTMLElement>>('labelRow');\n\n    /**\n     * Ширина подписи на рамке, px. Разрыв рамки под подписью, как у поля Material, режется по этому\n     * числу: ширину подписи стили сами не знают.\n     */\n    protected readonly notchWidth: Signal<number> = rtNotchWidth(this.labelRow);\n\n    /** Итоговый id: явный controlId контрола важнее авто-id. */\n    protected readonly controlId: Signal<string> = computed((): string => this.projectedControl()?.effectiveControlId() ?? this.#autoId);\n\n    protected readonly isRequired: Signal<boolean> = computed((): boolean => this.projectedControl()?.required() ?? false);\n\n    protected readonly showError: Signal<boolean> = computed((): boolean => !!this.projectedControl()?.invalid());\n\n    /**\n     * У контрола есть значение. Под материальным набором по нему подпись поднимается на рамку:\n     * текст значения есть у всех контролов, поэтому одно правило служит полю, области текста,\n     * числу и выбору.\n     */\n    protected readonly filled: Signal<boolean> = computed((): boolean => (this.projectedControl()?.displayText() ?? '') !== '');\n\n    /** Поле без рамки ввода — только для чтения или в загрузке: подпись остаётся над значением. */\n    protected readonly isStatic: Signal<boolean> = computed(\n        (): boolean => this.readonly() || this.loading() || !!this.projectedControl()?.isReadonly()\n    );\n\n    /** Подпись материального набора ложится внутрь контрола: только у полей с местом подсказки. */\n    protected readonly labelInside: Signal<boolean> = computed(\n        (): boolean => !this.isStatic() && !!this.projectedControl()?.fieldLabelInside\n    );\n\n    /** Имя первого сработавшего валидатора: сообщений показываем по одному */\n    readonly #failedValidator: Signal<string> = computed((): string => {\n        const errs: ValidationErrors | null = this.projectedControl()?.errors() ?? null;\n        return errs ? (Object.keys(errs)[0] ?? '') : '';\n    });\n\n    /**\n     * Умолчание переводится по ключу.\n     *\n     * Ключ передаётся сигналом, а не строкой: так подпись пересчитывается и при\n     * смене валидатора, и при смене языка — пользователь переключает его\n     * на лету, и текст ошибки обязан переключиться вместе с формой.\n     */\n    readonly #defaultErrorText: Signal<string> = rtKitLabel(\n        computed((): TRtKitLabelKey | '' => RT_FIELD_DEFAULT_ERROR_KEYS[this.#failedValidator()] ?? '')\n    );\n\n    /** Сообщение об ошибке: текст, переданный формой, важнее умолчания */\n    protected readonly errorText: Signal<string> = computed((): string => {\n        const validator: string = this.#failedValidator();\n        if (!validator) {\n            return '';\n        }\n        const own: string | undefined = this.errors()[validator];\n        if (own) {\n            return own;\n        }\n        return RT_FIELD_DEFAULT_ERROR_KEYS[validator] ? this.#defaultErrorText() : '';\n    });\n\n    protected readonly emptyValue: string = RT_FIELD_EMPTY_VALUE;\n\n    public readonly label: InputSignal<string> = input<string>('');\n    public readonly hint: InputSignal<string> = input<string>('');\n    public readonly help: InputSignal<string> = input<string>('');\n    public readonly readonly: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n    public readonly loading: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n    /**\n     * Поле обязательно, хотя валидатора на контроле нет: шаблонная форма его не кладёт. Даёт «*» и\n     * ошибку под тронутым пустым полем. Форму недействительной не делает — решение о записи\n     * остаётся у формы.\n     */\n    public readonly required: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n    public readonly hideRequiredMark: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n    public readonly reserveHintSpace: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n    public readonly errors: InputSignal<IRtField.ErrorMessages> = input<IRtField.ErrorMessages>({});\n\n    constructor() {\n        // Реактивно прокидываем read-only режим в спроецированный контрол.\n        effect((): void => {\n            this.projectedControl()?.setReadonly(this.readonly());\n        });\n        effect((): void => {\n            this.projectedControl()?.setRequired(this.required());\n        });\n    }\n\n    public ngAfterContentInit(): void {\n        const ctrl: RtFormControlBase<unknown> | undefined = this.projectedControl();\n        // Авто-id только если у контрола нет явного controlId — для label[for].\n        if (ctrl && ctrl.effectiveControlId() === null) {\n            ctrl.assignControlId(this.#autoId);\n        }\n    }\n}\n","<ng-container rtBlock=\"rt-field\">\n    @if (label()) {\n        <span #labelRow rtElem=\"label-row\">\n            <!-- Текст подписи — свой узел: пробел между ним и звёздочкой сборка выбрасывает, и зазор до\n                 звёздочки задаёт свойство, а не пробел в разметке. -->\n            <label rtElem=\"label\" qa-dataid=\"field-label\" [attr.for]=\"controlId()\">\n                <span>{{ label() }}</span>\n                @if (isRequired() && !hideRequiredMark()) {\n                    <span rtElem=\"required\" qa-dataid=\"field-required\" aria-hidden=\"true\">*</span>\n                }\n            </label>\n            @if (help()) {\n                <button\n                    rtElem=\"help\"\n                    qa-dataid=\"field-help\"\n                    type=\"button\"\n                    rtPopoverTrigger=\"hover\"\n                    [attr.aria-label]=\"t().uiHint\"\n                    [rtPopover]=\"helpTpl\">\n                    <rt-icon name=\"ico-help\" size=\"sm\" color=\"muted\" />\n                </button>\n                <ng-template #helpTpl>\n                    <span rtElem=\"help-popover\" qa-dataid=\"field-help-popover\">{{ help() }}</span>\n                </ng-template>\n            }\n        </span>\n    }\n\n    <rt-skeleton-wrapper rtElem=\"control\" height=\"var(--rt-input-height)\" [isLoading]=\"loading()\">\n        <ng-content />\n    </rt-skeleton-wrapper>\n\n    <!-- С резервом hint остаётся в потоке даже под ошибкой (скрытый), а сама\n         ошибка кладётся в ту же ячейку грида: высота зоны равна большему из\n         двух сообщений и не меняется при их подмене. Без резерва — как было,\n         одно сообщение за раз, чтобы плотные формы не набирали лишний воздух. -->\n    <span rtElem=\"messages\" [rtMod]=\"{ reserved: reserveHintSpace() }\">\n        @if (projectedHint() && (reserveHintSpace() || !showError())) {\n            <small rtElem=\"hint\" qa-dataid=\"field-hint\" [rtMod]=\"{ hidden: showError() }\" [attr.aria-hidden]=\"showError() ? 'true' : null\">\n                <ng-content select=\"[rtFieldHint]\" />\n            </small>\n        } @else if (hint() && (reserveHintSpace() || !showError())) {\n            <small rtElem=\"hint\" qa-dataid=\"field-hint\" [rtMod]=\"{ hidden: showError() }\" [attr.aria-hidden]=\"showError() ? 'true' : null\">\n                {{ hint() }}\n            </small>\n        }\n\n        @if (showError()) {\n            <small rtElem=\"error\" qa-dataid=\"field-error\">{{ errorText() }}</small>\n        }\n    </span>\n</ng-container>\n"],"mappings":"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"}
+{"version":3,"file":"rt-tools-ui-kit-v2-field.mjs","names":[],"sources":["../../../projects/ui-kit-v2/src/lib/components/field/rt-field-hint.directive.ts","../../../projects/ui-kit-v2/src/lib/components/field/rt-field.model.ts","../../../projects/ui-kit-v2/src/lib/components/field/rt-field.component.ts","../../../projects/ui-kit-v2/src/lib/components/field/rt-field.component.html"],"sourcesContent":["import { Directive } from '@angular/core';\n\n/**\n * Маркер проецируемого hint'а для rt-field. Нужен, когда подсказке требуется\n * разметка (`<strong>`, интерполяция значений), которую плоский string-input\n * `[hint]` передать не может. Если проецируемый hint присутствует — rt-field\n * рендерит его вместо строкового `[hint]` (тот остаётся fallback'ом).\n */\n@Directive({\n    selector: '[rtFieldHint]',\n})\nexport class RtFieldHintDirective {}\n","import { TRtKitLabelKey } from '@rt-tools/ui-kit-v2/core';\n\n/** Контракт поля-обёртки common/ui. */\nexport namespace IRtField {\n    /** Карта validatorKey → человекочитаемое сообщение. */\n    export type ErrorMessages = Record<string, string>;\n}\n\n/**\n * Ключи сообщений об ошибках по имени валидатора (перекрываются input'ом\n * [errors] поштучно, уже готовым текстом).\n *\n * Здесь ключи, а не переводы: карта собирается при загрузке модуля, когда язык\n * страницы ещё неизвестен, и готовый текст остался бы на языке по умолчанию\n * даже под переведённой подписью поля. Переводит сам компонент поля.\n */\nexport const RT_FIELD_DEFAULT_ERROR_KEYS: Readonly<Record<string, TRtKitLabelKey>> = {\n    required: 'fieldErrorRequired',\n    email: 'fieldErrorEmail',\n    minlength: 'fieldErrorMinLength',\n    maxlength: 'fieldErrorMaxLength',\n    min: 'fieldErrorMin',\n    max: 'fieldErrorMax',\n    pattern: 'fieldErrorPattern',\n};\n\n/** Текст-плейсхолдер read-only поля без значения. */\nexport const RT_FIELD_EMPTY_VALUE: string = '—';\n","import { BooleanInput } from '@angular/cdk/coercion';\nimport {\n    booleanAttribute,\n    computed,\n    contentChild,\n    effect,\n    inject,\n    input,\n    viewChild,\n    AfterContentInit,\n    ChangeDetectionStrategy,\n    Component,\n    ElementRef,\n    InputSignal,\n    InputSignalWithTransform,\n    Signal,\n    ViewEncapsulation,\n} from '@angular/core';\nimport { ValidationErrors } from '@angular/forms';\n\nimport { BlockDirective, ElemDirective, ModDirective } from '@rt-tools/core';\n\nimport { RT_KIT_LABELS, TRtKitLabelKey, TRtKitLabelMap, rtKitLabel } from '@rt-tools/ui-kit-v2/core';\nimport { rtNotchWidth, RtFormControlBase } from '@rt-tools/ui-kit-v2/form-control';\nimport { RtIconComponent } from '@rt-tools/ui-kit-v2/icon';\nimport { RtPopoverDirective } from '@rt-tools/ui-kit-v2/popover';\nimport { RtSkeletonWrapperComponent } from '@rt-tools/ui-kit-v2/skeleton-wrapper';\nimport { RtFieldHintDirective } from './rt-field-hint.directive';\nimport { RT_FIELD_DEFAULT_ERROR_KEYS, RT_FIELD_EMPTY_VALUE, IRtField } from './rt-field.model';\n\nconst BEM_BLOCK: string = 'rt-field';\n\n/** Счётчик для авто-id (связка label[for] ↔ controlId спроецированного контрола). */\nlet uidSeed: number = 0;\n\nfunction nextAutoId(): string {\n    uidSeed += 1;\n    return `rt-field-${uidSeed}`;\n}\n\n/**\n * Обёртка единой анатомии поля: label (+ опц. help-иконка с popover, + авто «*»\n * для required) сверху, спроецированный rt-контрол посередине, hint/error снизу.\n * `required` объявляет поле обязательным там, где валидатора на контроле нет (шаблонная форма).\n * `hideRequiredMark` глушит авто-«*» — для форм, где все поля обязательны и\n * маркер лишний (логин).\n * `reserveHintSpace` держит под контролом строку высотой в одно сообщение даже\n * когда ни ошибки, ни hint нет — чтобы появление ошибки не сдвигало форму вниз\n * (нужно для полей без постоянного hint, напр. логин).\n *\n * Читает контрол через contentChild(RtFormControlBase): авто-связывает label[for],\n * прокидывает read-only режим, показывает текст ошибки/required-маркер. На loading\n * оборачивает зону контрола в rt-skeleton-wrapper (label/hint остаются видимыми) —\n * нужно для route-aside, где поля рендерятся до прихода данных.\n */\n@Component({\n    selector: 'rt-field',\n    templateUrl: './rt-field.component.html',\n    styleUrls: ['./rt-field.component.scss', './rt-field-label-inside.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        // standalone components / directives\n        RtIconComponent,\n        RtPopoverDirective,\n        RtSkeletonWrapperComponent,\n        BlockDirective,\n        ElemDirective,\n        ModDirective,\n    ],\n    host: {\n        class: BEM_BLOCK,\n        '[class.rt-field--filled]': 'filled()',\n        '[class.rt-field--invalid]': 'showError()',\n        '[class.rt-field--static]': 'isStatic()',\n        '[class.rt-field--label-inside]': 'labelInside()',\n        '[style.--rt-field-notch-width]': \"notchWidth() + 'px'\",\n    },\n})\nexport class RtFieldComponent implements AfterContentInit {\n    // contentChild нельзя объявлять на ES-private (#) поле — Angular это запрещает,\n    // поэтому проекция контрола живёт в protected-поле.\n    protected readonly t: Signal<TRtKitLabelMap> = inject(RT_KIT_LABELS);\n\n    protected readonly projectedControl: Signal<RtFormControlBase<unknown> | undefined> = contentChild(RtFormControlBase);\n\n    // Проецируемый hint (с разметкой) — если присутствует, рендерится вместо\n    // строкового [hint].\n    protected readonly projectedHint: Signal<RtFieldHintDirective | undefined> = contentChild(RtFieldHintDirective);\n\n    readonly #autoId: string = nextAutoId();\n\n    /** Строка подписи: по её ширине материальный набор вырезает разрыв в рамке. `#`-поле `viewChild` не принимает. */\n    protected readonly labelRow: Signal<ElementRef<HTMLElement> | undefined> = viewChild<ElementRef<HTMLElement>>('labelRow');\n\n    /**\n     * Ширина подписи на рамке, px. Разрыв рамки под подписью, как у поля Material, режется по этому\n     * числу: ширину подписи стили сами не знают.\n     */\n    protected readonly notchWidth: Signal<number> = rtNotchWidth(this.labelRow);\n\n    /** Итоговый id: явный controlId контрола важнее авто-id. */\n    protected readonly controlId: Signal<string> = computed((): string => this.projectedControl()?.effectiveControlId() ?? this.#autoId);\n\n    protected readonly isRequired: Signal<boolean> = computed((): boolean => this.projectedControl()?.required() ?? false);\n\n    protected readonly showError: Signal<boolean> = computed((): boolean => !!this.projectedControl()?.invalid());\n\n    /**\n     * У контрола есть значение. Под материальным набором по нему подпись поднимается на рамку:\n     * текст значения есть у всех контролов, поэтому одно правило служит полю, области текста,\n     * числу и выбору.\n     */\n    protected readonly filled: Signal<boolean> = computed((): boolean => (this.projectedControl()?.displayText() ?? '') !== '');\n\n    /** Поле без рамки ввода — только для чтения или в загрузке: подпись остаётся над значением. */\n    protected readonly isStatic: Signal<boolean> = computed(\n        (): boolean => this.readonly() || this.loading() || !!this.projectedControl()?.isReadonly()\n    );\n\n    /** Подпись материального набора ложится внутрь контрола: только у полей с местом подсказки. */\n    protected readonly labelInside: Signal<boolean> = computed(\n        (): boolean => !this.isStatic() && !!this.projectedControl()?.fieldLabelInside\n    );\n\n    /** Имя первого сработавшего валидатора: сообщений показываем по одному */\n    readonly #failedValidator: Signal<string> = computed((): string => {\n        const errs: ValidationErrors | null = this.projectedControl()?.errors() ?? null;\n        return errs ? (Object.keys(errs)[0] ?? '') : '';\n    });\n\n    /**\n     * Умолчание переводится по ключу.\n     *\n     * Ключ передаётся сигналом, а не строкой: так подпись пересчитывается и при\n     * смене валидатора, и при смене языка — пользователь переключает его\n     * на лету, и текст ошибки обязан переключиться вместе с формой.\n     */\n    readonly #defaultErrorText: Signal<string> = rtKitLabel(\n        computed((): TRtKitLabelKey | '' => RT_FIELD_DEFAULT_ERROR_KEYS[this.#failedValidator()] ?? '')\n    );\n\n    /** Сообщение об ошибке: текст, переданный формой, важнее умолчания */\n    protected readonly errorText: Signal<string> = computed((): string => {\n        const validator: string = this.#failedValidator();\n        if (!validator) {\n            return '';\n        }\n        const own: string | undefined = this.errors()[validator];\n        if (own) {\n            return own;\n        }\n        return RT_FIELD_DEFAULT_ERROR_KEYS[validator] ? this.#defaultErrorText() : '';\n    });\n\n    protected readonly emptyValue: string = RT_FIELD_EMPTY_VALUE;\n\n    public readonly label: InputSignal<string> = input<string>('');\n    public readonly hint: InputSignal<string> = input<string>('');\n    public readonly help: InputSignal<string> = input<string>('');\n    public readonly readonly: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n    public readonly loading: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n    /**\n     * Поле обязательно, хотя валидатора на контроле нет: шаблонная форма его не кладёт. Даёт «*» и\n     * ошибку под тронутым пустым полем. Форму недействительной не делает — решение о записи\n     * остаётся у формы.\n     */\n    public readonly required: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n    public readonly hideRequiredMark: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n    public readonly reserveHintSpace: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n    public readonly errors: InputSignal<IRtField.ErrorMessages> = input<IRtField.ErrorMessages>({});\n\n    constructor() {\n        // Реактивно прокидываем read-only режим в спроецированный контрол.\n        effect((): void => {\n            this.projectedControl()?.setReadonly(this.readonly());\n        });\n        effect((): void => {\n            this.projectedControl()?.setRequired(this.required());\n        });\n    }\n\n    public ngAfterContentInit(): void {\n        const ctrl: RtFormControlBase<unknown> | undefined = this.projectedControl();\n        // Авто-id только если у контрола нет явного controlId — для label[for].\n        if (ctrl && ctrl.effectiveControlId() === null) {\n            ctrl.assignControlId(this.#autoId);\n        }\n    }\n}\n","<ng-container rtBlock=\"rt-field\">\n    @if (label()) {\n        <span #labelRow rtElem=\"label-row\">\n            <!-- Текст подписи — свой узел: пробел между ним и звёздочкой сборка выбрасывает, и зазор до\n                 звёздочки задаёт свойство, а не пробел в разметке. -->\n            <label rtElem=\"label\" qa-dataid=\"field-label\" [attr.for]=\"controlId()\">\n                <span>{{ label() }}</span>\n                @if (isRequired() && !hideRequiredMark()) {\n                    <span rtElem=\"required\" qa-dataid=\"field-required\" aria-hidden=\"true\">*</span>\n                }\n            </label>\n            @if (help()) {\n                <button\n                    rtElem=\"help\"\n                    qa-dataid=\"field-help\"\n                    type=\"button\"\n                    rtPopoverTrigger=\"hover\"\n                    [attr.aria-label]=\"t().uiHint\"\n                    [rtPopover]=\"helpTpl\">\n                    <rt-icon name=\"ico-help\" size=\"sm\" color=\"muted\" />\n                </button>\n                <ng-template #helpTpl>\n                    <span rtElem=\"help-popover\" qa-dataid=\"field-help-popover\">{{ help() }}</span>\n                </ng-template>\n            }\n        </span>\n    }\n\n    <rt-skeleton-wrapper rtElem=\"control\" height=\"var(--rt-input-height)\" [isLoading]=\"loading()\">\n        <ng-content />\n    </rt-skeleton-wrapper>\n\n    <!-- С резервом hint остаётся в потоке даже под ошибкой (скрытый), а сама\n         ошибка кладётся в ту же ячейку грида: высота зоны равна большему из\n         двух сообщений и не меняется при их подмене. Без резерва — как было,\n         одно сообщение за раз, чтобы плотные формы не набирали лишний воздух. -->\n    <span rtElem=\"messages\" [rtMod]=\"{ reserved: reserveHintSpace() }\">\n        @if (projectedHint() && (reserveHintSpace() || !showError())) {\n            <small rtElem=\"hint\" qa-dataid=\"field-hint\" [rtMod]=\"{ hidden: showError() }\" [attr.aria-hidden]=\"showError() ? 'true' : null\">\n                <ng-content select=\"[rtFieldHint]\" />\n            </small>\n        } @else if (hint() && (reserveHintSpace() || !showError())) {\n            <small rtElem=\"hint\" qa-dataid=\"field-hint\" [rtMod]=\"{ hidden: showError() }\" [attr.aria-hidden]=\"showError() ? 'true' : null\">\n                {{ hint() }}\n            </small>\n        }\n\n        @if (showError()) {\n            <small rtElem=\"error\" qa-dataid=\"field-error\">{{ errorText() }}</small>\n        }\n    </span>\n</ng-container>\n"],"mappings":"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"}

package/fesm2022/rt-tools-ui-kit-v2-form-control.mjs

@@ -2,6 +2,7 @@ import * as i0 from "@angular/core";
 import { DestroyRef, Directive, booleanAttribute, computed, effect, inject, input, numberAttribute, output, signal, untracked } from "@angular/core";
 import { takeUntilDestroyed } from "@angular/core/rxjs-interop";
 import { NgControl, Validators } from "@angular/forms";
+import { rtKitDefault } from "@rt-tools/ui-kit-v2/core";
 const PRISTINE_STATE = {
 	invalid: false,
 	errors: null,
@@ -22,6 +23,7 @@ function stateOf(control) {
 var RtFormControlBase = class RtFormControlBase {
 	#ngControl;
 	#destroyRef;
+	#clearTabbableDefault;
 	#onChange;
 	#onTouched;
 	#controlIdAssigned;
@@ -38,6 +40,7 @@ var RtFormControlBase = class RtFormControlBase {
 			optional: true
 		});
 		this.#destroyRef = inject(DestroyRef);
+		this.#clearTabbableDefault = rtKitDefault("formControl", (it) => it.clearTabbable, false);
 		this.#onChange = () => void 0;
 		this.#onTouched = () => void 0;
 		this.#controlIdAssigned = signal(null, ...ngDevMode ? [{ debugName: "#controlIdAssigned" }] : /* istanbul ignore next */ []);
@@ -66,7 +69,7 @@ var RtFormControlBase = class RtFormControlBase {
 			...ngDevMode ? { debugName: "clearable" } : /* istanbul ignore next */ {},
 			transform: booleanAttribute
 		});
-		this.clearTabbable = input(false, {
+		this.clearTabbable = input(this.#clearTabbableDefault, {
 			...ngDevMode ? { debugName: "clearTabbable" } : /* istanbul ignore next */ {},
 			transform: booleanAttribute
 		});