@rt-tools/ui-kit-v2 0.39.0 → 0.39.2

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

@@ -1 +1 @@
-{"version":3,"file":"rt-tools-ui-kit-v2-input-number.mjs","names":[],"sources":["../../../projects/ui-kit-v2/src/lib/components/input-number/rt-input-number.component.ts","../../../projects/ui-kit-v2/src/lib/components/input-number/rt-input-number.component.html"],"sourcesContent":["import { BooleanInput } from '@angular/cdk/coercion';\nimport {\n    booleanAttribute,\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    ElementRef,\n    forwardRef,\n    inject,\n    input,\n    InputSignal,\n    InputSignalWithTransform,\n    LOCALE_ID,\n    signal,\n    Signal,\n    viewChild,\n    ViewEncapsulation,\n    WritableSignal,\n} from '@angular/core';\n\nimport { BlockDirective, ElemDirective, ModDirective } from '@rt-tools/core';\n\nimport { RT_KIT_LABELS, TRtKitLabelMap } from '@rt-tools/ui-kit-v2/core';\nimport { RtFormControlBase } from '@rt-tools/ui-kit-v2/form-control';\nimport { IRtInput } from '@rt-tools/ui-kit-v2/core';\nimport { IRtIcon } from '@rt-tools/ui-kit-v2/core';\nimport { RtIconComponent } from '@rt-tools/ui-kit-v2/icon';\nimport { RtIconButtonComponent } from '@rt-tools/ui-kit-v2/icon-button';\nimport { RtRadiusDirective } from '@rt-tools/ui-kit-v2/radius';\n\nconst BEM_BLOCK: string = 'rt-input-number';\n\n/**\n * Парсит строку в `number | null` по разделителям локали: `groupSep` и любые\n * пробелы удаляются, оставшийся разделитель дробной части приводится к точке.\n *\n * Разбор обязан знать локаль, иначе он расходится с показом: в `en-US` разряды\n * группируются запятой, и набранное `1000` показывалось как `1,000`, а в форму\n * уходила `1` — безусловная замена первой запятой на точку читала разделитель\n * разрядов как десятичный.\n *\n * Пустая строка / NaN → null.\n */\nfunction parseNumber(text: string, groupSep: string): number | null {\n    const withoutSpaces: string = text.replace(/\\s/g, '');\n    // Пробельный разделитель разрядов (ru) уже снят предыдущей строкой.\n    const withoutGroups: string = groupSep.trim() === '' ? withoutSpaces : withoutSpaces.split(groupSep).join('');\n    const cleaned: string = withoutGroups.replace(/,/g, '.');\n    if (cleaned === '') {\n        return null;\n    }\n    const parsed: number = parseFloat(cleaned);\n    return Number.isNaN(parsed) ? null : parsed;\n}\n\n/**\n * Клампит `value` в диапазон `[min, max]`. `null` границы игнорируются —\n * соответствующая сторона остаётся неограниченной.\n */\nfunction clamp(value: number, min: number | null, max: number | null): number {\n    let result: number = value;\n    if (min !== null && result < min) {\n        result = min;\n    }\n    if (max !== null && result > max) {\n        result = max;\n    }\n    return result;\n}\n\n/**\n * Форматирует `number | null` в строку с группировкой разрядов (неразрывный\n * пробел) и заданным fractionDigits diapason. `value === null` → \"\".\n * `maxFractionDigits` ограничивается сверху 20 (лимит Intl). Итоговый\n * precision = `max(min, min(max, 20))` и фиксирует одинаковую нижнюю/верхнюю\n * границу дробной части (как прежний `toFixed`), меняется только группировка\n * и десятичный разделитель — их даёт `locale`.\n *\n * `grouped === false` снимает разделители разрядов: у года, номера дома и кода\n * разряды значения не несут, и `2026` показывалось как `2 026`.\n */\nfunction formatNumber(\n    value: number | null,\n    minFractionDigits: number,\n    maxFractionDigits: number,\n    locale: string,\n    grouped: boolean\n): string {\n    if (value === null) {\n        return '';\n    }\n    const cappedMax: number = Math.min(maxFractionDigits, 20);\n    const precision: number = Math.min(20, Math.max(minFractionDigits, cappedMax));\n    return value.toLocaleString(locale, {\n        minimumFractionDigits: precision,\n        maximumFractionDigits: precision,\n        useGrouping: grouped,\n    });\n}\n\n/**\n * Numeric input с parse/format/clamp logic. Использует native\n * `<input type=\"text\" inputmode=\"decimal\">` (НЕ `type=\"number\"` — избегаем\n * browser spinner quirks: scroll-wheel value changes, locale-specific decimal\n * separators, inconsistent step rounding).\n *\n * CVA через общий `RtFormControlBase` — авто-подсветка invalid, `clearable`\n * (крестик при непустом display). Parser принимает `,`/`.`, невалидный ввод\n * (NaN) не эмитится во время набора; на blur невалидное → null, валидное —\n * clamp + format.\n *\n * Визуально и по токенам идентичен rt-input (`--rt-input-*`): host — box,\n * `<input>` — прозрачный `__field`.\n */\n@Component({\n    selector: 'rt-input-number',\n    templateUrl: './rt-input-number.component.html',\n    styleUrl: './rt-input-number.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        // standalone components / directives\n        RtIconButtonComponent,\n        RtIconComponent,\n        BlockDirective,\n        ElemDirective,\n        ModDirective,\n    ],\n    providers: [\n        // Алиас базового токена — для contentChild(RtFormControlBase) в rt-field.\n        { provide: RtFormControlBase, useExisting: forwardRef(() => RtInputNumberComponent) },\n    ],\n    hostDirectives: [{ directive: RtRadiusDirective, inputs: ['radius'] }],\n    host: {\n        class: BEM_BLOCK,\n        '[class.rt-input-number--disabled]': 'isDisabled()',\n        '[class.rt-input-number--invalid]': 'isInvalid()',\n        '[class.rt-input-number--readonly]': 'isReadonly()',\n        '[class.rt-input-number--borderless]': '!bordered()',\n        '[class.rt-input-number--appearance--fill]': \"appearance() === 'fill'\",\n        '[class.rt-input-number--appearance--pill]': \"appearance() === 'pill'\",\n        '[class.rt-input-number--size--sm]': \"size() === 'sm'\",\n        '[class.rt-input-number--size--lg]': \"size() === 'lg'\",\n        '(mousedown)': 'onHostMousedown($event)',\n    },\n})\nexport class RtInputNumberComponent extends RtFormControlBase<number | null> {\n    readonly #locale: string = inject(LOCALE_ID);\n\n    // Символ группировки разрядов из локали (для ru — неразрывный пробел). Берём\n    // тот же, что отдаёт toLocaleString на blur — тогда live и blur выглядят\n    // одинаково, а parseNumber (стрипает \\s) парсит обратно обе формы.\n    readonly #groupSep: string = (1000).toLocaleString(this.#locale).replace(/\\d/g, '') || ' ';\n\n    /**\n     * Что в этой локали можно набрать как разделитель дробной части: всё из\n     * «.,», кроме того, чем локаль разделяет разряды. В `ru` разряды разделяет\n     * неразрывный пробел, поэтому годятся оба знака; в `en-US` запятая — это\n     * разряды, и десятичной остаётся только точка. Иначе набранное `1,5`\n     * значило бы в показе одно, а в разборе другое.\n     */\n    readonly #decimalSepPattern: RegExp = new RegExp(`[${['.', ','].filter((char: string): boolean => char !== this.#groupSep).join('')}]`);\n\n    protected readonly t: Signal<TRtKitLabelMap> = inject(RT_KIT_LABELS);\n\n    protected readonly fieldEl: Signal<ElementRef<HTMLInputElement> | undefined> = viewChild<ElementRef<HTMLInputElement>>('fieldEl');\n\n    protected readonly displayValue: WritableSignal<string> = signal<string>('');\n\n    // Крестик показываем только при непустом и ненулевом значении: 0 — это и\n    // есть результат очистки, поэтому при нём кнопка сброса не нужна.\n    protected readonly hasValue: Signal<boolean> = computed(\n        (): boolean => this.displayValue() !== '' && this.value() !== null && this.value() !== 0\n    );\n\n    /** Вид рамки: `outline` — рамка со всех сторон, `fill` — залитое поле с чертой снизу. */\n    public override readonly fieldLabelInside: boolean = true;\n    public readonly appearance: InputSignal<IRtInput.Appearance> = input<IRtInput.Appearance>('outline');\n\n    public readonly displayText: Signal<string> = computed((): string => this.displayValue());\n\n    public readonly iconLeft: InputSignal<IRtIcon.Name | null> = input<IRtIcon.Name | null>(null);\n    /** Текстовый префикс слева от значения (напр. «₽» для рублёвых сумм). */\n    public readonly prefix: InputSignal<string | null> = input<string | null>(null);\n    public readonly placeholder: InputSignal<string> = input<string>('');\n    public readonly min: InputSignal<number | null> = input<number | null>(null);\n    public readonly max: InputSignal<number | null> = input<number | null>(null);\n    public readonly minFractionDigits: InputSignal<number> = input<number>(0);\n    public readonly maxFractionDigits: InputSignal<number> = input<number>(2);\n    /**\n     * Группировать ли разряды. Снимается у чисел, которые разрядами не читаются:\n     * год, номер дома, код. У года разделитель превращает `2026` в `2 026`.\n     */\n    public readonly grouped: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(true, {\n        transform: booleanAttribute,\n    });\n\n    public override writeValue(value: number | null): void {\n        super.writeValue(value);\n        this.displayValue.set(formatNumber(this.value(), this.minFractionDigits(), this.maxFractionDigits(), this.#locale, this.grouped()));\n    }\n\n    protected getEmptyValue(): number | null {\n        return null;\n    }\n\n    protected focusAfterClear(): void {\n        this.fieldEl()?.nativeElement.focus();\n    }\n\n    /**\n     * Падинг/гэп рамки принадлежат host-контейнеру, а не `<input>`, поэтому клик\n     * по этой зоне сам по себе не фокусирует поле. Перехватываем mousedown и\n     * переводим фокус в input — но только если клик не пришёлся на само поле\n     * (там нужно нативное позиционирование курсора) и не на интерактивный\n     * постфикс (крестик-очистка со своим обработчиком).\n     */\n    protected onHostMousedown(event: MouseEvent): void {\n        if (this.isDisabled()) {\n            return;\n        }\n        const field: HTMLInputElement | undefined = this.fieldEl()?.nativeElement;\n        const target: HTMLElement = event.target as HTMLElement;\n        if (!field || target === field || target.closest('button, rt-icon-button')) {\n            return;\n        }\n        event.preventDefault();\n        field.focus();\n    }\n\n    /**\n     * Крестик сбрасывает поле не в пустое/null, а в 0 — отформатированный по\n     * текущему fractionDigits (например `0,00`). Числовые поля всегда имеют\n     * осмысленный ноль, поэтому «очистка» = обнуление, а не пустое значение.\n     */\n    protected override clearValue(): void {\n        this.value.set(0);\n        this.displayValue.set(formatNumber(0, this.minFractionDigits(), this.maxFractionDigits(), this.#locale, this.grouped()));\n    }\n\n    protected onInput(event: Event): void {\n        const target: HTMLInputElement = event.target as HTMLInputElement;\n        const raw: string = target.value;\n        const caret: number = target.selectionStart ?? raw.length;\n\n        // Live-группировка разрядов прямо во время набора (1000000 → 1 000 000).\n        const formatted: string = this.#groupDisplay(raw);\n        const nextCaret: number = this.#restoreCaret(raw, caret, formatted);\n\n        // Пишем value императивно ДО Angular CD: тогда повторная запись биндинга\n        // `[value]` будет той же строкой и не сбросит каретку в конец. Затем\n        // восстанавливаем позицию по числу значимых символов слева от курсора.\n        target.value = formatted;\n        target.setSelectionRange(nextCaret, nextCaret);\n        this.displayValue.set(formatted);\n\n        const parsed: number | null = parseNumber(formatted, this.#groupSep);\n        if (parsed === null) {\n            // Только реально пустой ввод → emit null (пользователь очистил поле).\n            // Нечисловой ввод стрипается из отображения, но prev value держится до\n            // blur — поэтому проверяем исходный `raw`, а не очищенный `formatted`.\n            if (raw.trim() === '') {\n                this.value.set(null);\n                this.emitChange(null);\n            }\n            return;\n        }\n        this.value.set(parsed);\n        this.emitChange(parsed);\n    }\n\n    protected onBlur(): void {\n        const parsed: number | null = parseNumber(this.displayValue(), this.#groupSep);\n        if (parsed === null) {\n            this.value.set(null);\n            this.displayValue.set('');\n            this.emitChange(null);\n            this.markTouched();\n            return;\n        }\n        const clamped: number = clamp(parsed, this.min(), this.max());\n        const formatted: string = formatNumber(clamped, this.minFractionDigits(), this.maxFractionDigits(), this.#locale, this.grouped());\n        // `formatted` содержит разделители локали — обратный парс через\n        // parseNumber (а не parseFloat) даёт округлённое числовое значение.\n        const rounded: number = parseNumber(formatted, this.#groupSep) ?? clamped;\n        this.value.set(rounded);\n        this.displayValue.set(formatted);\n        this.emitChange(rounded);\n        this.markTouched();\n    }\n\n    /**\n     * Live-форматирование строки во время набора: целая часть группируется по\n     * разрядам (`#groupSep`), дробная остаётся как набрана (хвостовая запятая и\n     * нули сохраняются, чтобы их можно было дописать). Разделителем дробной\n     * части считается только то, что им может быть в этой локали\n     * (`#decimalSepPattern`), — иначе запятая-разряды в `en-US` читалась бы как\n     * десятичная. Разделитель допускается всегда — округление по\n     * `maxFractionDigits` происходит на blur\n     * (поэтому в целочисленном поле «1000,5» парсится и округлится, а не склеится\n     * в «10005»). Группировка — линейным проходом, а не `Number()`, чтобы не\n     * терять точность на суммах длиннее 2^53.\n     */\n    #groupDisplay(raw: string): string {\n        const negative: boolean = raw.trimStart().startsWith('-');\n\n        let sep: string = '';\n        let fracDigits: string = '';\n        let intDigits: string;\n\n        const sepIndex: number = raw.search(this.#decimalSepPattern);\n        if (sepIndex >= 0) {\n            sep = raw.charAt(sepIndex);\n            intDigits = raw.slice(0, sepIndex).replace(/\\D/g, '');\n            fracDigits = raw.slice(sepIndex + 1).replace(/\\D/g, '');\n        } else {\n            intDigits = raw.replace(/\\D/g, '');\n        }\n\n        // Ведущие нули убираем, но сохраняем один «0» перед десятичным разделителем.\n        intDigits = intDigits.replace(/^0+(?=\\d)/, '');\n\n        let intPart: string;\n        if (intDigits === '') {\n            intPart = sep === '' ? '' : '0';\n        } else {\n            // Набор идёт тем же видом, что и показ на blur: иначе разделители\n            // появлялись бы при наборе и пропадали после ухода из поля.\n            intPart = this.grouped() ? this.#groupInteger(intDigits) : intDigits;\n        }\n\n        let out: string = negative ? `-${intPart}` : intPart;\n        if (sep !== '') {\n            out += sep + fracDigits;\n        }\n        return out;\n    }\n\n    /**\n     * Группирует строку цифр по три справа налево, вставляя `#groupSep`. Без\n     * регэкспа намеренно — `(\\d{3})+`-lookahead флагуется как ReDoS-уязвимый, а\n     * линейный проход и быстрее, и безопасен.\n     */\n    #groupInteger(digits: string): string {\n        const length: number = digits.length;\n        let out: string = '';\n        for (let i: number = 0; i < length; i++) {\n            if (i > 0 && (length - i) % 3 === 0) {\n                out += this.#groupSep;\n            }\n            out += digits.charAt(i);\n        }\n        return out;\n    }\n\n    /**\n     * Пересчитывает позицию каретки после вставки разделителей разрядов: считает\n     * значимые символы (цифры и десятичный разделитель — не group-separator)\n     * слева от старой каретки и находит ту же точку в новой строке. Иначе курсор\n     * прыгал бы в конец при каждом вставленном пробеле.\n     */\n    #restoreCaret(raw: string, caret: number, formatted: string): number {\n        const isAnchor: (ch: string) => boolean = (ch: string): boolean => /[\\d.,]/.test(ch);\n\n        let need: number = 0;\n        for (let i: number = 0; i < caret && i < raw.length; i++) {\n            if (isAnchor(raw.charAt(i))) {\n                need++;\n            }\n        }\n        if (need === 0) {\n            return formatted.startsWith('-') ? 1 : 0;\n        }\n\n        let seen: number = 0;\n        let pos: number = 0;\n        while (pos < formatted.length) {\n            if (isAnchor(formatted.charAt(pos))) {\n                seen++;\n                if (seen === need) {\n                    pos++;\n                    break;\n                }\n            }\n            pos++;\n        }\n        return pos;\n    }\n}\n","<ng-container rtBlock=\"rt-input-number\">\n    @if (isReadonly()) {\n        <span rtElem=\"readonly\" qa-dataid=\"input-number-readonly\" [rtMod]=\"{ empty: !displayText() }\">\n            @if (prefix() && displayText()) {\n                <span rtElem=\"prefix\" qa-dataid=\"input-number-prefix\">{{ prefix() }}</span>\n            }\n            {{ displayText() || '—' }}\n        </span>\n    } @else {\n        @if (iconLeft(); as left) {\n            <rt-icon rtElem=\"icon-left\" size=\"sm\" color=\"muted\" [name]=\"left\" />\n        }\n        @if (prefix(); as pfx) {\n            <span rtElem=\"prefix\" qa-dataid=\"input-number-prefix\" aria-hidden=\"true\">{{ pfx }}</span>\n        }\n        <input\n            #fieldEl\n            rtElem=\"field\"\n            qa-dataid=\"input-number-control\"\n            type=\"text\"\n            inputmode=\"decimal\"\n            autocomplete=\"off\"\n            [attr.id]=\"effectiveControlId()\"\n            [attr.aria-label]=\"ariaLabel()\"\n            [attr.aria-invalid]=\"isInvalid() || null\"\n            [attr.placeholder]=\"placeholder()\"\n            [disabled]=\"isDisabled()\"\n            [value]=\"displayValue()\"\n            (input)=\"onInput($event)\"\n            (blur)=\"onBlur()\" />\n        @if (showClearButton()) {\n            <rt-icon-button\n                rtElem=\"clear\"\n                qa-dataid=\"input-number-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    }\n</ng-container>\n"],"mappings":";;;;;;;;;AA8BA,MAAM,YAAoB;AAa1B,SAAS,YAAY,MAAc,UAAgB;CAC/C,MAAM,gBAAwB,KAAK,QAAQ,OAAO,EAAE;CAGpD,MAAM,WADwB,SAAS,KAAI,MAAO,KAAK,gBAAgB,cAAc,MAAM,QAAQ,CAAC,CAAC,KAAK,EAAE,EACpF,CAAc,QAAQ,MAAM,GAAG;CACvD,IAAI,YAAY,IACZ,OAAO;CAEX,MAAM,SAAiB,WAAW,OAAO;CACzC,OAAO,OAAO,MAAM,MAAM,IAAI,OAAO;AACzC;AAMA,SAAS,MAAM,OAAe,KAAoB,KAAkB;CAChE,IAAI,SAAiB;CACrB,IAAI,QAAQ,QAAQ,SAAS,KACzB,SAAS;CAEb,IAAI,QAAQ,QAAQ,SAAS,KACzB,SAAS;CAEb,OAAO;AACX;AAaA,SAAS,aACL,OACA,mBACA,mBACA,QACA,SAAgB;CAEhB,IAAI,UAAU,MACV,OAAO;CAGX,MAAM,YAAoB,KAAK,IAAI,IAAI,KAAK,IAAI,mBADtB,KAAK,IAAI,mBAAmB,EACa,CAAS,CAAC;CAC7E,OAAO,MAAM,eAAe,QAAQ;EAChC,uBAAuB;EACvB,uBAAuB;EACvB,aAAa;CAChB,CAAA;AACL;AAgDA,IAAa,yBAAb,MAAa,+BAA+B,kBAAgC;CAhC5E,cAAA;;EAiCa,KAAA,UAAkB,OAAO,SAAS;EAKlC,KAAA,YAAqB,IAAM,eAAe,KAAK,OAAO,CAAC,CAAC,QAAQ,OAAO,EAAE,KAAK;EAS9E,KAAA,qBAA6B,IAAI,OAAO,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,QAAQ,SAA0B,SAAS,KAAK,SAAS,CAAC,CAAC,KAAK,EAAE,EAAC,EAAG;EAEnH,KAAA,IAA4B,OAAO,aAAa;EAEhD,KAAA,UAA4D,UAAwC,WAAU,GAAA,YAAA,CAAA,EAAA,WAAA,UAAA,CAAA,+BAAA,CAAA,CAAA;EAE9G,KAAA,eAAuC,OAAe,IAAG,GAAA,YAAA,CAAA,EAAA,WAAA,eAAA,CAAA,+BAAA,CAAA,CAAA;EAIzD,KAAA,WAA4B,eAC5B,KAAK,aAAY,MAAO,MAAM,KAAK,MAAK,MAAO,QAAQ,KAAK,MAAK,MAAO,GAC1F,GAAA,YAAA,CAAA,EAAA,WAAA,WAAA,CAAA,+BAAA,CAAA,CAAA;EAGwB,KAAA,mBAA4B;EACrC,KAAA,aAA+C,MAA2B,WAAU,GAAA,YAAA,CAAA,EAAA,WAAA,aAAA,CAAA,+BAAA,CAAA,CAAA;EAEpF,KAAA,cAA8B,eAAuB,KAAK,aAAY,GAAG,GAAA,YAAA,CAAA,EAAA,WAAA,cAAA,CAAA,+BAAA,CAAA,CAAA;EAEzE,KAAA,WAA6C,MAA2B,MAAK,GAAA,YAAA,CAAA,EAAA,WAAA,WAAA,CAAA,+BAAA,CAAA,CAAA;EAE7E,KAAA,SAAqC,MAAqB,MAAK,GAAA,YAAA,CAAA,EAAA,WAAA,SAAA,CAAA,+BAAA,CAAA,CAAA;EAC/D,KAAA,cAAmC,MAAc,IAAG,GAAA,YAAA,CAAA,EAAA,WAAA,cAAA,CAAA,+BAAA,CAAA,CAAA;EACpD,KAAA,MAAkC,MAAqB,MAAK,GAAA,YAAA,CAAA,EAAA,WAAA,MAAA,CAAA,+BAAA,CAAA,CAAA;EAC5D,KAAA,MAAkC,MAAqB,MAAK,GAAA,YAAA,CAAA,EAAA,WAAA,MAAA,CAAA,+BAAA,CAAA,CAAA;EAC5D,KAAA,oBAAyC,MAAc,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,oBAAA,CAAA,+BAAA,CAAA,CAAA;EACzD,KAAA,oBAAyC,MAAc,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,oBAAA,CAAA,+BAAA,CAAA,CAAA;EAKzD,KAAA,UAA2D,MAA6B,MAAI;GAAA,GAAA,YAAA,EAAA,WAAA,UAAA,+BAAA,CAAA;GACxG,WAAW;EAAgB,CAAA;CAkMlC;CAjPY;CAKA;CASA;CAoCO,WAAW,OAAoB;EAC3C,MAAM,WAAW,KAAK;EACtB,KAAK,aAAa,IAAI,aAAa,KAAK,MAAK,GAAI,KAAK,kBAAiB,GAAI,KAAK,kBAAiB,GAAI,KAAK,SAAS,KAAK,QAAO,CAAE,CAAC;CACtI;CAEU,gBAAa;EACnB,OAAO;CACX;CAEU,kBAAe;EACrB,KAAK,QAAO,CAAE,EAAE,cAAc,MAAK;CACvC;CASU,gBAAgB,OAAiB;EACvC,IAAI,KAAK,WAAU,GACf;EAEJ,MAAM,QAAsC,KAAK,QAAO,CAAE,EAAE;EAC5D,MAAM,SAAsB,MAAM;EAClC,IAAI,CAAC,SAAS,WAAW,SAAS,OAAO,QAAQ,wBAAwB,GACrE;EAEJ,MAAM,eAAc;EACpB,MAAM,MAAK;CACf;CAOmB,aAAU;EACzB,KAAK,MAAM,IAAI,CAAC;EAChB,KAAK,aAAa,IAAI,aAAa,GAAG,KAAK,kBAAiB,GAAI,KAAK,kBAAiB,GAAI,KAAK,SAAS,KAAK,QAAO,CAAE,CAAC;CAC3H;CAEU,QAAQ,OAAY;EAC1B,MAAM,SAA2B,MAAM;EACvC,MAAM,MAAc,OAAO;EAC3B,MAAM,QAAgB,OAAO,kBAAkB,IAAI;EAGnD,MAAM,YAAoB,KAAK,cAAc,GAAG;EAChD,MAAM,YAAoB,KAAK,cAAc,KAAK,OAAO,SAAS;EAKlE,OAAO,QAAQ;EACf,OAAO,kBAAkB,WAAW,SAAS;EAC7C,KAAK,aAAa,IAAI,SAAS;EAE/B,MAAM,SAAwB,YAAY,WAAW,KAAK,SAAS;EACnE,IAAI,WAAW,MAAM;GAIjB,IAAI,IAAI,KAAI,MAAO,IAAI;IACnB,KAAK,MAAM,IAAI,IAAI;IACnB,KAAK,WAAW,IAAI;GACxB;GACA;EACJ;EACA,KAAK,MAAM,IAAI,MAAM;EACrB,KAAK,WAAW,MAAM;CAC1B;CAEU,SAAM;EACZ,MAAM,SAAwB,YAAY,KAAK,aAAY,GAAI,KAAK,SAAS;EAC7E,IAAI,WAAW,MAAM;GACjB,KAAK,MAAM,IAAI,IAAI;GACnB,KAAK,aAAa,IAAI,EAAE;GACxB,KAAK,WAAW,IAAI;GACpB,KAAK,YAAW;GAChB;EACJ;EACA,MAAM,UAAkB,MAAM,QAAQ,KAAK,IAAG,GAAI,KAAK,IAAG,CAAE;EAC5D,MAAM,YAAoB,aAAa,SAAS,KAAK,kBAAiB,GAAI,KAAK,kBAAiB,GAAI,KAAK,SAAS,KAAK,QAAO,CAAE;EAGhI,MAAM,UAAkB,YAAY,WAAW,KAAK,SAAS,KAAK;EAClE,KAAK,MAAM,IAAI,OAAO;EACtB,KAAK,aAAa,IAAI,SAAS;EAC/B,KAAK,WAAW,OAAO;EACvB,KAAK,YAAW;CACpB;CAcA,cAAc,KAAW;EACrB,MAAM,WAAoB,IAAI,UAAS,CAAE,CAAC,WAAW,GAAG;EAExD,IAAI,MAAc;EAClB,IAAI,aAAqB;EACzB,IAAI;EAEJ,MAAM,WAAmB,IAAI,OAAO,KAAK,kBAAkB;EAC3D,IAAI,YAAY,GAAG;GACf,MAAM,IAAI,OAAO,QAAQ;GACzB,YAAY,IAAI,MAAM,GAAG,QAAQ,CAAC,CAAC,QAAQ,OAAO,EAAE;GACpD,aAAa,IAAI,MAAM,WAAW,CAAC,CAAC,CAAC,QAAQ,OAAO,EAAE;EAC1D,OACI,YAAY,IAAI,QAAQ,OAAO,EAAE;EAIrC,YAAY,UAAU,QAAQ,aAAa,EAAE;EAE7C,IAAI;EACJ,IAAI,cAAc,IACd,UAAU,QAAQ,KAAK,KAAK;OAI5B,UAAU,KAAK,QAAO,IAAK,KAAK,cAAc,SAAS,IAAI;EAG/D,IAAI,MAAc,WAAW,IAAI,YAAY;EAC7C,IAAI,QAAQ,IACR,OAAO,MAAM;EAEjB,OAAO;CACX;CAOA,cAAc,QAAc;EACxB,MAAM,SAAiB,OAAO;EAC9B,IAAI,MAAc;EAClB,KAAK,IAAI,IAAY,GAAG,IAAI,QAAQ,KAAK;GACrC,IAAI,IAAI,MAAM,SAAS,KAAK,MAAM,GAC9B,OAAO,KAAK;GAEhB,OAAO,OAAO,OAAO,CAAC;EAC1B;EACA,OAAO;CACX;CAQA,cAAc,KAAa,OAAe,WAAiB;EACvD,MAAM,YAAqC,OAAwB,SAAS,KAAK,EAAE;EAEnF,IAAI,OAAe;EACnB,KAAK,IAAI,IAAY,GAAG,IAAI,SAAS,IAAI,IAAI,QAAQ,KACjD,IAAI,SAAS,IAAI,OAAO,CAAC,CAAC,GACtB;EAGR,IAAI,SAAS,GACT,OAAO,UAAU,WAAW,GAAG,IAAI,IAAI;EAG3C,IAAI,OAAe;EACnB,IAAI,MAAc;EAClB,OAAO,MAAM,UAAU,QAAQ;GAC3B,IAAI,SAAS,UAAU,OAAO,GAAG,CAAC,GAAG;IACjC;IACA,IAAI,SAAS,MAAM;KACf;KACA;IACJ;GACJ;GACA;EACJ;EACA,OAAO;CACX;CAjPS;EAAA,KAAA,OAAA,GAAA,mBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,UAAA;GAAA,MAAA;GAAsB,MAAA;GAAA,QAAA,GAAA,gBAAA;EAAA,CAAA;CAAA;CAAtB;EAAA,KAAA,OAAA,GAAA,qBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,MAAA;GAAsB,cAAA;GAAA,UAAA;GAAA,QAAA;IAAA,YAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;IAAA,UAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;IAAA,QAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;IAAA,aAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;IAAA,KAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;IAAA,KAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;IAAA,mBAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;IAAA,mBAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;IAAA,SAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;GAAA;GAAA,MAAA;IAAA,WAAA,EAAA,aAAA,0BAAA;IAAA,YAAA;KAAA,mCAAA;KAAA,kCAAA;KAAA,mCAAA;KAAA,qCAAA;KAAA,2CAAA;KAAA,2CAAA;KAAA,mCAAA;KAAA,mCAAA;IAAA;IAAA,gBAAA;GAAA;GAAA,WAlBpB,CAEP;IAAE,SAAS;IAAmB,aAAa,iBAAiB,sBAAsB;GAAC,CACtF;GAAA,aAAA,CAAA;IAAA,cAAA;IAAA,OAAA;IAAA,WAAA,CAAA,SAAA;IAAA,aAAA;IAAA,UAAA;GAAA,CAAA;GAAA,iBAAA;GAAA,gBAAA,CAAA;IAAA,WAAA,GAAA;IAAA,QAAA,CAAA,UAAA,QAAA;GAAA,CAAA;GAAA,UAAA;GAAA,UCnIL;GA4CA,QAAA,CAAA,wuJAAA;GAAA,cAAA;IAAA;KAAA,MAAA;KAAA,MD8EQ;KAAqB,UAAA;KAAA,QAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;KAAA;KAAA,SAAA,CAAA,SAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MACrB;KAAe,UAAA;KAAA,QAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;KAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MACf;KAAc,UAAA;KAAA,QAAA,CAAA,OAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MACd;KAAa,UAAA;KAAA,QAAA,CAAA,OAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MACb;KAAY,UAAA;IAAA;GAAA;GAAA,iBAAA,GAAA,wBAAA;GAAA,eAAA,GAAA,kBAAA;EAAA,CAAA;CAAA;;AAoBP,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAsB,YAAA,CAAA;EAhClC,MAAA;EACa,MAAA,CAAA;GAAA,UAAA;GAAiB,iBAGV,wBAAwB;GAAM,eAChC,kBAAkB;GAAI,SAC5B;IAEL;IACA;IACA;IACA;IACA;GACH;GAAA,WACU,CAEP;IAAE,SAAS;IAAmB,aAAa,iBAAgB,sBAAuB;GAAC,CACtF;GAAA,gBACe,CAAC;IAAE,WAAW;IAAmB,QAAQ,CAAC,QAAQ;GAAC,CAAE;GAAC,MAChE;IACF,OAAO;IACP,qCAAqC;IACrC,oCAAoC;IACpC,qCAAqC;IACrC,uCAAuC;IACvC,6CAA6C;IAC7C,6CAA6C;IAC7C,qCAAqC;IACrC,qCAAqC;IACrC,eAAe;GAClB;GAAA,UAAA;GAAA,QAAA,CAAA,wuJAAA;EAAA,CAAA;CAqBsH,CAAA;CAAA,gBAAA;EAAA,SAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA,WAAS,EAAA,UAAA,KAAA,CAAA;EAAA,CAAA;EAAA,YAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,CAAA;EAAA,UAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,CAAA;EAAA,QAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,CAAA;EAAA,aAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,CAAA;EAAA,KAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,CAAA;EAAA,KAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,CAAA;EAAA,mBAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,CAAA;EAAA,mBAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,CAAA;EAAA,SAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,CAAA;CAAA;AAAA,CAAA"}
+{"version":3,"file":"rt-tools-ui-kit-v2-input-number.mjs","names":[],"sources":["../../../projects/ui-kit-v2/src/lib/components/input-number/rt-input-number.component.ts","../../../projects/ui-kit-v2/src/lib/components/input-number/rt-input-number.component.html"],"sourcesContent":["import { BooleanInput } from '@angular/cdk/coercion';\nimport {\n    booleanAttribute,\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    ElementRef,\n    forwardRef,\n    inject,\n    input,\n    InputSignal,\n    InputSignalWithTransform,\n    LOCALE_ID,\n    signal,\n    Signal,\n    viewChild,\n    ViewEncapsulation,\n    WritableSignal,\n} from '@angular/core';\n\nimport { BlockDirective, ElemDirective, ModDirective } from '@rt-tools/core';\n\nimport { RT_KIT_LABELS, TRtKitLabelMap } from '@rt-tools/ui-kit-v2/core';\nimport { RtFormControlBase } from '@rt-tools/ui-kit-v2/form-control';\nimport { IRtInput } from '@rt-tools/ui-kit-v2/core';\nimport { IRtIcon } from '@rt-tools/ui-kit-v2/core';\nimport { RtIconComponent } from '@rt-tools/ui-kit-v2/icon';\nimport { RtIconButtonComponent } from '@rt-tools/ui-kit-v2/icon-button';\nimport { RtRadiusDirective } from '@rt-tools/ui-kit-v2/radius';\n\nconst BEM_BLOCK: string = 'rt-input-number';\n\n/** Значок стрелки шага в поле `sm`: в шкале значков такой ступени нет. */\nconst SMALL_STEP_ICON_PX: number = 10;\n\n/**\n * Парсит строку в `number | null` по разделителям локали: `groupSep` и любые\n * пробелы удаляются, оставшийся разделитель дробной части приводится к точке.\n *\n * Разбор обязан знать локаль, иначе он расходится с показом: в `en-US` разряды\n * группируются запятой, и набранное `1000` показывалось как `1,000`, а в форму\n * уходила `1` — безусловная замена первой запятой на точку читала разделитель\n * разрядов как десятичный.\n *\n * Пустая строка / NaN → null.\n */\nfunction parseNumber(text: string, groupSep: string): number | null {\n    const withoutSpaces: string = text.replace(/\\s/g, '');\n    // Пробельный разделитель разрядов (ru) уже снят предыдущей строкой.\n    const withoutGroups: string = groupSep.trim() === '' ? withoutSpaces : withoutSpaces.split(groupSep).join('');\n    const cleaned: string = withoutGroups.replace(/,/g, '.');\n    if (cleaned === '') {\n        return null;\n    }\n    const parsed: number = parseFloat(cleaned);\n    return Number.isNaN(parsed) ? null : parsed;\n}\n\n/**\n * Клампит `value` в диапазон `[min, max]`. `null` границы игнорируются —\n * соответствующая сторона остаётся неограниченной.\n */\nfunction clamp(value: number, min: number | null, max: number | null): number {\n    let result: number = value;\n    if (min !== null && result < min) {\n        result = min;\n    }\n    if (max !== null && result > max) {\n        result = max;\n    }\n    return result;\n}\n\n/** Число знаков после точки в записи числа: у 0,25 — два, у 3 — ноль. */\nfunction fractionDigitsOf(value: number): number {\n    const text: string = String(value);\n    const dot: number = text.indexOf('.');\n    return dot < 0 ? 0 : Math.min(20, text.length - dot - 1);\n}\n\n/**\n * Значение после шага стрелкой. Пустое поле шагает от нуля, как числовое поле\n * браузера. Сумма округляется до знаков шага и значения — иначе 0,1 + 0,2 даёт\n * 0,30000000000000004, — и зажимается в диапазон.\n */\nfunction stepValue(current: number | null, delta: number, min: number | null, max: number | null): number {\n    const base: number = current ?? 0;\n    const digits: number = Math.max(fractionDigitsOf(base), fractionDigitsOf(delta));\n    return clamp(Number((base + delta).toFixed(digits)), min, max);\n}\n\n/**\n * Форматирует `number | null` в строку с группировкой разрядов (неразрывный\n * пробел) и заданным fractionDigits diapason. `value === null` → \"\".\n * `maxFractionDigits` ограничивается сверху 20 (лимит Intl). Итоговый\n * precision = `max(min, min(max, 20))` и фиксирует одинаковую нижнюю/верхнюю\n * границу дробной части (как прежний `toFixed`), меняется только группировка\n * и десятичный разделитель — их даёт `locale`.\n *\n * `grouped === false` снимает разделители разрядов: у года, номера дома и кода\n * разряды значения не несут, и `2026` показывалось как `2 026`.\n */\nfunction formatNumber(\n    value: number | null,\n    minFractionDigits: number,\n    maxFractionDigits: number,\n    locale: string,\n    grouped: boolean\n): string {\n    if (value === null) {\n        return '';\n    }\n    const cappedMax: number = Math.min(maxFractionDigits, 20);\n    const precision: number = Math.min(20, Math.max(minFractionDigits, cappedMax));\n    return value.toLocaleString(locale, {\n        minimumFractionDigits: precision,\n        maximumFractionDigits: precision,\n        useGrouping: grouped,\n    });\n}\n\n/**\n * Numeric input с parse/format/clamp logic. Использует native\n * `<input type=\"text\" inputmode=\"decimal\">` (НЕ `type=\"number\"` — избегаем\n * browser spinner quirks: scroll-wheel value changes, locale-specific decimal\n * separators, inconsistent step rounding).\n *\n * CVA через общий `RtFormControlBase` — авто-подсветка invalid, `clearable`\n * (крестик при непустом display). Parser принимает `,`/`.`, невалидный ввод\n * (NaN) не эмитится во время набора; на blur невалидное → null, валидное —\n * clamp + format.\n *\n * Визуально и по токенам идентичен rt-input (`--rt-input-*`): host — box,\n * `<input>` — прозрачный `__field`.\n */\n@Component({\n    selector: 'rt-input-number',\n    templateUrl: './rt-input-number.component.html',\n    styleUrl: './rt-input-number.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        // standalone components / directives\n        RtIconButtonComponent,\n        RtIconComponent,\n        BlockDirective,\n        ElemDirective,\n        ModDirective,\n    ],\n    providers: [\n        // Алиас базового токена — для contentChild(RtFormControlBase) в rt-field.\n        { provide: RtFormControlBase, useExisting: forwardRef(() => RtInputNumberComponent) },\n    ],\n    hostDirectives: [{ directive: RtRadiusDirective, inputs: ['radius'] }],\n    host: {\n        class: BEM_BLOCK,\n        '[class.rt-input-number--disabled]': 'isDisabled()',\n        '[class.rt-input-number--invalid]': 'isInvalid()',\n        '[class.rt-input-number--readonly]': 'isReadonly()',\n        '[class.rt-input-number--borderless]': '!bordered()',\n        '[class.rt-input-number--appearance--fill]': \"appearance() === 'fill'\",\n        '[class.rt-input-number--appearance--pill]': \"appearance() === 'pill'\",\n        '[class.rt-input-number--size--sm]': \"size() === 'sm'\",\n        '[class.rt-input-number--size--lg]': \"size() === 'lg'\",\n        '(mousedown)': 'onHostMousedown($event)',\n    },\n})\nexport class RtInputNumberComponent extends RtFormControlBase<number | null> {\n    readonly #locale: string = inject(LOCALE_ID);\n\n    // Символ группировки разрядов из локали (для ru — неразрывный пробел). Берём\n    // тот же, что отдаёт toLocaleString на blur — тогда live и blur выглядят\n    // одинаково, а parseNumber (стрипает \\s) парсит обратно обе формы.\n    readonly #groupSep: string = (1000).toLocaleString(this.#locale).replace(/\\d/g, '') || ' ';\n\n    /**\n     * Что в этой локали можно набрать как разделитель дробной части: всё из\n     * «.,», кроме того, чем локаль разделяет разряды. В `ru` разряды разделяет\n     * неразрывный пробел, поэтому годятся оба знака; в `en-US` запятая — это\n     * разряды, и десятичной остаётся только точка. Иначе набранное `1,5`\n     * значило бы в показе одно, а в разборе другое.\n     */\n    readonly #decimalSepPattern: RegExp = new RegExp(`[${['.', ','].filter((char: string): boolean => char !== this.#groupSep).join('')}]`);\n\n    protected readonly t: Signal<TRtKitLabelMap> = inject(RT_KIT_LABELS);\n\n    protected readonly fieldEl: Signal<ElementRef<HTMLInputElement> | undefined> = viewChild<ElementRef<HTMLInputElement>>('fieldEl');\n\n    protected readonly displayValue: WritableSignal<string> = signal<string>('');\n\n    // Крестик показываем только при непустом и ненулевом значении: 0 — это и\n    // есть результат очистки, поэтому при нём кнопка сброса не нужна.\n    protected readonly hasValue: Signal<boolean> = computed(\n        (): boolean => this.displayValue() !== '' && this.value() !== null && this.value() !== 0\n    );\n\n    /** Значок стрелки: в поле `sm` он 10 px, как в макете, в остальных — ступень `xs` (12 px). */\n    protected readonly stepIconSize: Signal<IRtIcon.SizeInput> = computed((): IRtIcon.SizeInput =>\n        this.size() === 'sm' ? SMALL_STEP_ICON_PX : 'xs'\n    );\n\n    /** Шаг вверх возможен, пока значение не дошло до `max`; пустое поле шагает всегда. */\n    protected readonly canStepUp: Signal<boolean> = computed((): boolean => {\n        const value: number | null = this.value();\n        const max: number | null = this.max();\n        return !this.isDisabled() && (value === null || max === null || value < max);\n    });\n\n    /** Шаг вниз возможен, пока значение не дошло до `min`. */\n    protected readonly canStepDown: Signal<boolean> = computed((): boolean => {\n        const value: number | null = this.value();\n        const min: number | null = this.min();\n        return !this.isDisabled() && (value === null || min === null || value > min);\n    });\n\n    public override readonly fieldLabelInside: boolean = true;\n    /** Вид рамки: `outline` — рамка со всех сторон, `fill` — залитое поле с чертой снизу. */\n    public readonly appearance: InputSignal<IRtInput.Appearance> = input<IRtInput.Appearance>('outline');\n\n    public readonly displayText: Signal<string> = computed((): string => this.displayValue());\n\n    public readonly iconLeft: InputSignal<IRtIcon.Name | null> = input<IRtIcon.Name | null>(null);\n    /** Текстовый префикс слева от значения (напр. «₽» для рублёвых сумм). */\n    public readonly prefix: InputSignal<string | null> = input<string | null>(null);\n    public readonly placeholder: InputSignal<string> = input<string>('');\n    public readonly min: InputSignal<number | null> = input<number | null>(null);\n    public readonly max: InputSignal<number | null> = input<number | null>(null);\n    public readonly minFractionDigits: InputSignal<number> = input<number>(0);\n    public readonly maxFractionDigits: InputSignal<number> = input<number>(2);\n    /**\n     * Группировать ли разряды. Снимается у чисел, которые разрядами не читаются:\n     * год, номер дома, код. У года разделитель превращает `2026` в `2 026`.\n     */\n    public readonly grouped: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(true, {\n        transform: booleanAttribute,\n    });\n\n    /** Сколько прибавляет и вычитает одна стрелка или клавиша «вверх» и «вниз». */\n    public readonly step: InputSignal<number> = input<number>(1);\n\n    /** Показывать ли стрелки шага справа в поле. Клавиши шагают и без них. */\n    public readonly stepper: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(true, {\n        transform: booleanAttribute,\n    });\n\n    public override writeValue(value: number | null): void {\n        super.writeValue(value);\n        this.displayValue.set(formatNumber(this.value(), this.minFractionDigits(), this.maxFractionDigits(), this.#locale, this.grouped()));\n    }\n\n    protected getEmptyValue(): number | null {\n        return null;\n    }\n\n    protected focusAfterClear(): void {\n        this.fieldEl()?.nativeElement.focus();\n    }\n\n    /**\n     * Падинг/гэп рамки принадлежат host-контейнеру, а не `<input>`, поэтому клик\n     * по этой зоне сам по себе не фокусирует поле. Перехватываем mousedown и\n     * переводим фокус в input — но только если клик не пришёлся на само поле\n     * (там нужно нативное позиционирование курсора) и не на интерактивный\n     * постфикс (крестик-очистка со своим обработчиком). Стрелки шага фокус не\n     * забирают: нажатие на них оставляет его в поле, как в макете.\n     */\n    protected onHostMousedown(event: MouseEvent): void {\n        if (this.isDisabled()) {\n            return;\n        }\n        const field: HTMLInputElement | undefined = this.fieldEl()?.nativeElement;\n        const target: HTMLElement = event.target as HTMLElement;\n        if (!field || target === field || target.closest('rt-icon-button')) {\n            return;\n        }\n        event.preventDefault();\n        field.focus();\n    }\n\n    /**\n     * Крестик сбрасывает поле не в пустое/null, а в 0 — отформатированный по\n     * текущему fractionDigits (например `0,00`). Числовые поля всегда имеют\n     * осмысленный ноль, поэтому «очистка» = обнуление, а не пустое значение.\n     */\n    protected override clearValue(): void {\n        this.value.set(0);\n        this.displayValue.set(formatNumber(0, this.minFractionDigits(), this.maxFractionDigits(), this.#locale, this.grouped()));\n    }\n\n    protected onInput(event: Event): void {\n        const target: HTMLInputElement = event.target as HTMLInputElement;\n        const raw: string = target.value;\n        const caret: number = target.selectionStart ?? raw.length;\n\n        // Live-группировка разрядов прямо во время набора (1000000 → 1 000 000).\n        const formatted: string = this.#groupDisplay(raw);\n        const nextCaret: number = this.#restoreCaret(raw, caret, formatted);\n\n        // Пишем value императивно ДО Angular CD: тогда повторная запись биндинга\n        // `[value]` будет той же строкой и не сбросит каретку в конец. Затем\n        // восстанавливаем позицию по числу значимых символов слева от курсора.\n        target.value = formatted;\n        target.setSelectionRange(nextCaret, nextCaret);\n        this.displayValue.set(formatted);\n\n        const parsed: number | null = parseNumber(formatted, this.#groupSep);\n        if (parsed === null) {\n            // Только реально пустой ввод → emit null (пользователь очистил поле).\n            // Нечисловой ввод стрипается из отображения, но prev value держится до\n            // blur — поэтому проверяем исходный `raw`, а не очищенный `formatted`.\n            if (raw.trim() === '') {\n                this.value.set(null);\n                this.emitChange(null);\n            }\n            return;\n        }\n        this.value.set(parsed);\n        this.emitChange(parsed);\n    }\n\n    protected onBlur(): void {\n        const parsed: number | null = parseNumber(this.displayValue(), this.#groupSep);\n        if (parsed === null) {\n            this.value.set(null);\n            this.displayValue.set('');\n            this.emitChange(null);\n            this.markTouched();\n            return;\n        }\n        const clamped: number = clamp(parsed, this.min(), this.max());\n        const formatted: string = formatNumber(clamped, this.minFractionDigits(), this.maxFractionDigits(), this.#locale, this.grouped());\n        // `formatted` содержит разделители локали — обратный парс через\n        // parseNumber (а не parseFloat) даёт округлённое числовое значение.\n        const rounded: number = parseNumber(formatted, this.#groupSep) ?? clamped;\n        this.value.set(rounded);\n        this.displayValue.set(formatted);\n        this.emitChange(rounded);\n        this.markTouched();\n    }\n\n    /**\n     * Шаг стрелкой: `1` — вверх, `-1` — вниз. Стрелка к достигнутой границе и\n     * выключенное поле не шагают. Значение уходит в форму сразу, как при наборе.\n     */\n    protected stepBy(direction: 1 | -1): void {\n        if (!(direction > 0 ? this.canStepUp() : this.canStepDown())) {\n            return;\n        }\n        const next: number = stepValue(this.value(), direction * this.step(), this.min(), this.max());\n        const formatted: string = formatNumber(next, this.minFractionDigits(), this.maxFractionDigits(), this.#locale, this.grouped());\n        const rounded: number = parseNumber(formatted, this.#groupSep) ?? next;\n        this.value.set(rounded);\n        this.displayValue.set(formatted);\n        this.emitChange(rounded);\n    }\n\n    /** Клавиши «вверх» и «вниз» шагают, как стрелки, и не двигают каретку в край текста. */\n    protected onKeydown(event: KeyboardEvent): void {\n        if (event.key !== 'ArrowUp' && event.key !== 'ArrowDown') {\n            return;\n        }\n        event.preventDefault();\n        this.stepBy(event.key === 'ArrowUp' ? 1 : -1);\n    }\n\n    /**\n     * Live-форматирование строки во время набора: целая часть группируется по\n     * разрядам (`#groupSep`), дробная остаётся как набрана (хвостовая запятая и\n     * нули сохраняются, чтобы их можно было дописать). Разделителем дробной\n     * части считается только то, что им может быть в этой локали\n     * (`#decimalSepPattern`), — иначе запятая-разряды в `en-US` читалась бы как\n     * десятичная. Разделитель допускается всегда — округление по\n     * `maxFractionDigits` происходит на blur\n     * (поэтому в целочисленном поле «1000,5» парсится и округлится, а не склеится\n     * в «10005»). Группировка — линейным проходом, а не `Number()`, чтобы не\n     * терять точность на суммах длиннее 2^53.\n     */\n    #groupDisplay(raw: string): string {\n        const negative: boolean = raw.trimStart().startsWith('-');\n\n        let sep: string = '';\n        let fracDigits: string = '';\n        let intDigits: string;\n\n        const sepIndex: number = raw.search(this.#decimalSepPattern);\n        if (sepIndex >= 0) {\n            sep = raw.charAt(sepIndex);\n            intDigits = raw.slice(0, sepIndex).replace(/\\D/g, '');\n            fracDigits = raw.slice(sepIndex + 1).replace(/\\D/g, '');\n        } else {\n            intDigits = raw.replace(/\\D/g, '');\n        }\n\n        // Ведущие нули убираем, но сохраняем один «0» перед десятичным разделителем.\n        intDigits = intDigits.replace(/^0+(?=\\d)/, '');\n\n        let intPart: string;\n        if (intDigits === '') {\n            intPart = sep === '' ? '' : '0';\n        } else {\n            // Набор идёт тем же видом, что и показ на blur: иначе разделители\n            // появлялись бы при наборе и пропадали после ухода из поля.\n            intPart = this.grouped() ? this.#groupInteger(intDigits) : intDigits;\n        }\n\n        let out: string = negative ? `-${intPart}` : intPart;\n        if (sep !== '') {\n            out += sep + fracDigits;\n        }\n        return out;\n    }\n\n    /**\n     * Группирует строку цифр по три справа налево, вставляя `#groupSep`. Без\n     * регэкспа намеренно — `(\\d{3})+`-lookahead флагуется как ReDoS-уязвимый, а\n     * линейный проход и быстрее, и безопасен.\n     */\n    #groupInteger(digits: string): string {\n        const length: number = digits.length;\n        let out: string = '';\n        for (let i: number = 0; i < length; i++) {\n            if (i > 0 && (length - i) % 3 === 0) {\n                out += this.#groupSep;\n            }\n            out += digits.charAt(i);\n        }\n        return out;\n    }\n\n    /**\n     * Пересчитывает позицию каретки после вставки разделителей разрядов: считает\n     * значимые символы (цифры и десятичный разделитель — не group-separator)\n     * слева от старой каретки и находит ту же точку в новой строке. Иначе курсор\n     * прыгал бы в конец при каждом вставленном пробеле.\n     */\n    #restoreCaret(raw: string, caret: number, formatted: string): number {\n        const isAnchor: (ch: string) => boolean = (ch: string): boolean => /[\\d.,]/.test(ch);\n\n        let need: number = 0;\n        for (let i: number = 0; i < caret && i < raw.length; i++) {\n            if (isAnchor(raw.charAt(i))) {\n                need++;\n            }\n        }\n        if (need === 0) {\n            return formatted.startsWith('-') ? 1 : 0;\n        }\n\n        let seen: number = 0;\n        let pos: number = 0;\n        while (pos < formatted.length) {\n            if (isAnchor(formatted.charAt(pos))) {\n                seen++;\n                if (seen === need) {\n                    pos++;\n                    break;\n                }\n            }\n            pos++;\n        }\n        return pos;\n    }\n}\n","<ng-container rtBlock=\"rt-input-number\">\n    @if (isReadonly()) {\n        <span rtElem=\"readonly\" qa-dataid=\"input-number-readonly\" [rtMod]=\"{ empty: !displayText() }\">\n            @if (prefix() && displayText()) {\n                <span rtElem=\"prefix\" qa-dataid=\"input-number-prefix\">{{ prefix() }}</span>\n            }\n            {{ displayText() || '—' }}\n        </span>\n    } @else {\n        @if (iconLeft(); as left) {\n            <rt-icon rtElem=\"icon-left\" size=\"sm\" color=\"muted\" [name]=\"left\" />\n        }\n        @if (prefix(); as pfx) {\n            <span rtElem=\"prefix\" qa-dataid=\"input-number-prefix\" aria-hidden=\"true\">{{ pfx }}</span>\n        }\n        <input\n            #fieldEl\n            rtElem=\"field\"\n            qa-dataid=\"input-number-control\"\n            type=\"text\"\n            inputmode=\"decimal\"\n            autocomplete=\"off\"\n            [attr.id]=\"effectiveControlId()\"\n            [attr.aria-label]=\"ariaLabel()\"\n            [attr.aria-invalid]=\"isInvalid() || null\"\n            [attr.placeholder]=\"placeholder()\"\n            [disabled]=\"isDisabled()\"\n            [value]=\"displayValue()\"\n            (input)=\"onInput($event)\"\n            (keydown)=\"onKeydown($event)\"\n            (blur)=\"onBlur()\" />\n        @if (showClearButton()) {\n            <rt-icon-button\n                rtElem=\"clear\"\n                qa-dataid=\"input-number-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        @if (stepper()) {\n            <span rtElem=\"stepper\" qa-dataid=\"input-number-stepper\">\n                <button\n                    type=\"button\"\n                    rtElem=\"step\"\n                    qa-dataid=\"input-number-step-up\"\n                    tabindex=\"-1\"\n                    [attr.aria-label]=\"t().uiIncrease\"\n                    [disabled]=\"!canStepUp()\"\n                    (click)=\"stepBy(1)\">\n                    <rt-icon rtElem=\"step-icon\" name=\"chevron-up\" [size]=\"stepIconSize()\" />\n                </button>\n                <button\n                    type=\"button\"\n                    rtElem=\"step\"\n                    qa-dataid=\"input-number-step-down\"\n                    tabindex=\"-1\"\n                    [attr.aria-label]=\"t().uiDecrease\"\n                    [disabled]=\"!canStepDown()\"\n                    (click)=\"stepBy(-1)\">\n                    <rt-icon rtElem=\"step-icon\" name=\"chevron-up\" [size]=\"stepIconSize()\" [rtMod]=\"{ flipped: true }\" />\n                </button>\n            </span>\n        }\n    }\n</ng-container>\n"],"mappings":"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"}

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

@@ -278,7 +278,7 @@ var RtInputComponent = class RtInputComponent extends RtFormControlBase {
 			ngImport: i0,
 			template: "<ng-container rtBlock=\"rt-input\">\n    @if (isReadonly()) {\n        <span rtElem=\"readonly\" qa-dataid=\"input-readonly\" [rtMod]=\"{ empty: !displayText() }\">{{ displayText() || '—' }}</span>\n    } @else {\n        @if (iconLeft(); as left) {\n            @if (iconLeftAction()) {\n                <rt-icon-button\n                    rtElem=\"icon-left\"\n                    qa-dataid=\"input-icon-left-action\"\n                    size=\"sm\"\n                    variant=\"ghost\"\n                    iconColor=\"muted\"\n                    [icon]=\"left\"\n                    [ariaLabel]=\"iconLeftTooltip() || left\"\n                    [tooltip]=\"iconLeftTooltip() ?? ''\"\n                    [disabled]=\"isIconLeftDisabled()\"\n                    (clicked)=\"iconLeftClick.emit($event)\" />\n            } @else {\n                <rt-icon rtElem=\"icon-left\" size=\"sm\" color=\"muted\" [name]=\"left\" />\n            }\n        }\n        @if (floatingLabel(); as label) {\n            <!-- Подпись — картинка поверх поля: клик проходит сквозь неё в поле, имя полю она даёт по aria-labelledby. -->\n            <span #floatingLabelEl rtElem=\"floating-label\" qa-dataid=\"input-floating-label\" aria-hidden=\"true\" [id]=\"floatingLabelId\">\n                {{ label }}\n            </span>\n        }\n        <input\n            #fieldEl\n            rtElem=\"field\"\n            qa-dataid=\"input-control\"\n            [type]=\"effectiveType()\"\n            [placeholder]=\"placeholder()\"\n            [value]=\"value()\"\n            [disabled]=\"isDisabled()\"\n            [attr.autocomplete]=\"autocomplete()\"\n            [attr.maxlength]=\"maxlength()\"\n            [attr.id]=\"effectiveControlId()\"\n            [attr.aria-label]=\"ariaLabel()\"\n            [attr.aria-labelledby]=\"labelledBy()\"\n            [attr.aria-invalid]=\"isInvalid() || null\"\n            (input)=\"onInput($event)\"\n            (blur)=\"onBlur()\" />\n        @if (showClearButton() && !showPasswordToggle()) {\n            <rt-icon-button\n                rtElem=\"clear\"\n                qa-dataid=\"input-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        @if (showPasswordToggle()) {\n            <button\n                rtElem=\"toggle\"\n                qa-dataid=\"input-password-toggle\"\n                type=\"button\"\n                [attr.aria-label]=\"isPasswordVisible() ? t().uiHidePassword : t().uiShowPassword\"\n                [tabIndex]=\"-1\"\n                (click)=\"togglePassword()\">\n                <rt-icon size=\"sm\" color=\"muted\" [name]=\"passwordToggleIcon()\" />\n            </button>\n        } @else if (iconRight(); as right) {\n            @if (iconRightAction()) {\n                <rt-icon-button\n                    rtElem=\"icon-right\"\n                    qa-dataid=\"input-icon-right-action\"\n                    size=\"sm\"\n                    variant=\"ghost\"\n                    iconColor=\"muted\"\n                    [icon]=\"right\"\n                    [ariaLabel]=\"iconRightTooltip() || right\"\n                    [tooltip]=\"iconRightTooltip() ?? ''\"\n                    [disabled]=\"isIconRightDisabled()\"\n                    (clicked)=\"iconRightClick.emit($event)\" />\n            } @else {\n                <rt-icon rtElem=\"icon-right\" size=\"sm\" color=\"muted\" [name]=\"right\" />\n            }\n        }\n    }\n</ng-container>\n",
 			styles: [
-				"@charset \"UTF-8\";@layer rt-kit.components{.rt-input{--rt-input-box-radius: var(--rt-input-radius);--rt-input-fill-radius: var(--rt-radius-sm);--rt-input-toggle-radius: var(--rt-radius-sm);--rt-input-floating-label-color: var(--rt-input-color-text-placeholder);--rt-input-floating-label-color-focus: var(--rt-input-color-border-focus);--rt-input-floating-label-color-error: var(--rt-input-color-border-error);--rt-input-floating-label-bg: var(--rt-input-color-bg);--rt-input-floating-label-font-size: var(--rt-text-xs);--rt-input-floating-label-start: var(--rt-input-padding-x);--rt-input-floating-label-rest-start: var(--rt-input-floating-label-start);--rt-input-floating-label-raised-start: var(--rt-input-floating-label-start);--rt-input-notch-start: calc(var(--rt-input-floating-label-raised-start) - var(--rt-space-1) + var(--rt-input-border-width));--rt-input-notch-depth: calc(2 * var(--rt-input-border-width));--rt-input-notch-width: 0px;--rt-input-fill-floating-height: var(--rt-input-height-md);--rt-input-color-border-hover: var(--rt-color-text-primary);--rt-input-floating-label-duration: var(--rt-duration-fast);--rt-input-edge: var(--rt-input-border-width);position:relative;display:inline-flex;width:100%;min-width:var(--rt-input-min-width);min-height:var(--rt-input-height);box-sizing:border-box;align-items:center;padding:var(--rt-input-padding-y) var(--rt-input-padding-x);border:var(--rt-input-border-width) solid var(--rt-input-color-border);border-radius:var(--rt-input-box-radius);background-color:var(--rt-input-color-bg);color:var(--rt-input-color-text);cursor:text;font-size:var(--rt-input-font-size);gap:var(--rt-input-gap);line-height:var(--rt-input-line-height);transition:var(--rt-input-transition)}.rt-input:focus-within{border-color:var(--rt-input-color-border-focus);box-shadow:var(--rt-input-focus-shadow);outline:2px solid transparent;outline-offset:var(--rt-input-focus-outline-offset)}.rt-input:where(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):where(:hover:not(:has(:disabled))){border-color:var(--rt-input-color-border-hover)}.rt-input--borderless{border-color:transparent}.rt-input--appearance--fill{--rt-input-edge: var(--rt-input-fill-edge);border-width:var(--rt-input-fill-edge) var(--rt-input-fill-edge) var(--rt-input-border-width);border-color:transparent;border-radius:var(--rt-input-fill-radius) var(--rt-input-fill-radius) 0 0;border-bottom-color:var(--rt-color-field-fill-underline);background-color:var(--rt-color-bg-surface-subtle-2)}.rt-input--appearance--fill:where([data-rt-radius]){border-radius:var(--rt-input-box-radius);border-bottom-color:transparent}.rt-input--appearance--pill{--rt-input-box-radius: var(--rt-radius-full);border-color:transparent;background-color:var(--rt-color-bg-surface-subtle-2)}.rt-input--invalid{border-color:var(--rt-input-color-border-error)}.rt-input--invalid:focus-within{box-shadow:var(--rt-input-focus-shadow-error)}.rt-input--appearance--fill:focus-within{box-shadow:var(--rt-input-fill-focus-shadow)}.rt-input--appearance--fill.rt-input--invalid:focus-within{box-shadow:var(--rt-input-fill-focus-shadow-error)}.rt-input--disabled{color:var(--rt-input-color-text-disabled);cursor:not-allowed;opacity:var(--rt-input-disabled-field-opacity)}.rt-input--disabled:not(.rt-input--invalid,.rt-input--appearance--fill,.rt-input--appearance--pill,.rt-input--borderless,.rt-input--readonly){border-color:var(--rt-input-color-border-disabled)}.rt-input--appearance--fill.rt-input--disabled{background-color:var(--rt-input-fill-color-bg-disabled)}.rt-input--disabled .rt-input__field::placeholder{color:var(--rt-input-color-placeholder-disabled)}.rt-input--size--sm{--rt-input-height: var(--rt-input-height-sm);min-height:var(--rt-input-height-sm)}.rt-input--size--lg{--rt-input-height: var(--rt-input-height-lg);min-height:var(--rt-input-height-lg)}.rt-input:where(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]){--rt-input-floating-label-start: calc(var(--rt-input-padding-x) - var(--rt-input-edge));padding-inline:calc(var(--rt-input-padding-x) - var(--rt-input-edge))}.rt-input--readonly{padding-right:0;padding-left:0;border-color:transparent;background-color:transparent;cursor:default}.rt-input__readonly{color:var(--rt-field-value-color);font-size:var(--rt-field-value-font-size)}.rt-input__readonly--empty{color:var(--rt-field-value-empty-color)}.rt-input__field{min-width:0;flex:1 1 auto;padding:0;border:none;background:transparent;caret-color:var(--rt-input-caret-color);color:inherit;font:inherit;letter-spacing:var(--rt-input-letter-spacing, normal);outline:none}.rt-input__field::placeholder{color:var(--rt-input-color-text-placeholder);opacity:1}.rt-input__field:disabled{cursor:not-allowed}.rt-input__icon-left,.rt-input__icon-right,.rt-input__clear{flex-shrink:0}.rt-input__toggle{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;padding:var(--rt-space-1);border:none;border-radius:var(--rt-input-toggle-radius);margin:0;background:transparent;color:inherit;cursor:pointer}.rt-input__toggle:hover{background-color:var(--rt-input-color-bg-hover)}.rt-input__toggle:focus-visible{outline:var(--rt-input-border-width) solid var(--rt-input-color-border-focus);outline-offset:var(--rt-input-focus-outline-offset)}.rt-input[data-rt-radius=none]{--rt-input-box-radius: var(--rt-radius-none)}.rt-input[data-rt-radius=xs]{--rt-input-box-radius: var(--rt-radius-xs)}.rt-input[data-rt-radius=sm]{--rt-input-box-radius: var(--rt-radius-sm)}.rt-input[data-rt-radius=ms]{--rt-input-box-radius: var(--rt-radius-ms)}.rt-input[data-rt-radius=md]{--rt-input-box-radius: var(--rt-radius-md)}.rt-input[data-rt-radius=lg]{--rt-input-box-radius: var(--rt-radius-lg)}.rt-input[data-rt-radius=xl]{--rt-input-box-radius: var(--rt-radius-xl)}.rt-input[data-rt-radius=\"2xl\"]{--rt-input-box-radius: var(--rt-radius-2xl)}.rt-input[data-rt-radius=full]{--rt-input-box-radius: var(--rt-radius-full)}}\n",
+				"@charset \"UTF-8\";@layer rt-kit.components{.rt-input{--rt-input-box-radius: var(--rt-input-radius);--rt-input-fill-radius: var(--rt-radius-sm);--rt-input-toggle-radius: var(--rt-radius-sm);--rt-input-floating-label-color: var(--rt-input-color-text-placeholder);--rt-input-floating-label-color-focus: var(--rt-input-color-border-focus);--rt-input-floating-label-color-error: var(--rt-input-color-border-error);--rt-input-floating-label-bg: var(--rt-input-color-bg);--rt-input-floating-label-font-size: var(--rt-text-xs);--rt-input-floating-label-start: var(--rt-input-padding-x);--rt-input-floating-label-rest-start: var(--rt-input-floating-label-start);--rt-input-floating-label-raised-start: var(--rt-input-floating-label-start);--rt-input-notch-start: calc(var(--rt-input-floating-label-raised-start) - var(--rt-space-1) + var(--rt-input-border-width));--rt-input-notch-depth: calc(2 * var(--rt-input-border-width));--rt-input-notch-width: 0px;--rt-input-fill-floating-height: var(--rt-input-height-md);--rt-input-color-border-hover: var(--rt-color-text-primary);--rt-input-floating-label-duration: var(--rt-duration-fast);--rt-input-edge: var(--rt-input-border-width);position:relative;display:inline-flex;width:100%;min-width:var(--rt-input-min-width);min-height:var(--rt-input-height);box-sizing:border-box;align-items:center;padding:var(--rt-input-padding-y) var(--rt-input-padding-x);border:var(--rt-input-border-width) solid var(--rt-input-color-border);border-radius:var(--rt-input-box-radius);background-color:var(--rt-input-color-bg);color:var(--rt-input-color-text);cursor:text;font-size:var(--rt-input-font-size);gap:var(--rt-input-gap);line-height:var(--rt-input-line-height);transition:var(--rt-input-transition)}.rt-input:focus-within{border-color:var(--rt-input-color-border-focus);box-shadow:var(--rt-input-focus-shadow);outline:2px solid transparent;outline-offset:var(--rt-input-focus-outline-offset)}.rt-input:where(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):where(:hover:not(:has(:disabled))){border-color:var(--rt-input-color-border-hover)}.rt-input--borderless{border-color:transparent}.rt-input--appearance--fill{--rt-input-edge: var(--rt-input-fill-edge);border-width:var(--rt-input-fill-edge) var(--rt-input-fill-edge) var(--rt-input-border-width);border-color:transparent;border-radius:var(--rt-input-fill-radius) var(--rt-input-fill-radius) 0 0;border-bottom-color:var(--rt-color-field-fill-underline);background-color:var(--rt-color-bg-surface-subtle-2)}.rt-input--appearance--fill:where([data-rt-radius]){border-radius:var(--rt-input-box-radius);border-bottom-color:transparent}.rt-input--appearance--pill{--rt-input-box-radius: var(--rt-radius-full);border-color:transparent;background-color:var(--rt-color-bg-surface-subtle-2)}.rt-input--invalid{border-color:var(--rt-input-color-border-error)}.rt-input--invalid:focus-within{box-shadow:var(--rt-input-focus-shadow-error)}.rt-input--appearance--fill:focus-within{box-shadow:var(--rt-input-fill-focus-shadow)}.rt-input--appearance--fill.rt-input--invalid:focus-within{box-shadow:var(--rt-input-fill-focus-shadow-error)}.rt-input--disabled{color:var(--rt-input-color-text-disabled);cursor:not-allowed;opacity:var(--rt-input-disabled-field-opacity)}.rt-input--disabled:not(.rt-input--invalid,.rt-input--appearance--fill,.rt-input--appearance--pill,.rt-input--borderless,.rt-input--readonly){border-color:var(--rt-input-color-border-disabled)}.rt-input--appearance--fill.rt-input--disabled{background-color:var(--rt-input-fill-color-bg-disabled)}.rt-input--disabled .rt-input__field::placeholder{color:var(--rt-input-color-placeholder-disabled)}.rt-input--size--sm{--rt-input-height: var(--rt-input-height-sm);min-height:var(--rt-input-height-sm)}.rt-input--size--lg{--rt-input-height: var(--rt-input-height-lg);min-height:var(--rt-input-height-lg)}.rt-input:where(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]){--rt-input-floating-label-start: calc(var(--rt-input-padding-x) - var(--rt-input-edge));padding-inline:calc(var(--rt-input-padding-x) - var(--rt-input-edge))}.rt-input--readonly{padding-right:0;padding-left:0;border-color:transparent;background-color:transparent;cursor:default}.rt-input__readonly{color:var(--rt-field-value-color);font-size:var(--rt-field-value-font-size)}.rt-input__readonly--empty{color:var(--rt-field-value-empty-color)}.rt-input__field{min-width:0;flex:1 1 auto;padding:0;border:none;background:transparent;caret-color:var(--rt-input-caret-color);color:inherit;font:inherit;letter-spacing:var(--rt-input-letter-spacing, normal);outline:none;text-overflow:ellipsis}.rt-input__field::placeholder{color:var(--rt-input-color-text-placeholder);opacity:1}.rt-input__field:disabled{cursor:not-allowed}.rt-input__icon-left,.rt-input__icon-right,.rt-input__clear{flex-shrink:0}.rt-input__toggle{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;padding:var(--rt-space-1);border:none;border-radius:var(--rt-input-toggle-radius);margin:0;background:transparent;color:inherit;cursor:pointer}.rt-input__toggle:hover{background-color:var(--rt-input-color-bg-hover)}.rt-input__toggle:focus-visible{outline:var(--rt-input-border-width) solid var(--rt-input-color-border-focus);outline-offset:var(--rt-input-focus-outline-offset)}.rt-input[data-rt-radius=none]{--rt-input-box-radius: var(--rt-radius-none)}.rt-input[data-rt-radius=xs]{--rt-input-box-radius: var(--rt-radius-xs)}.rt-input[data-rt-radius=sm]{--rt-input-box-radius: var(--rt-radius-sm)}.rt-input[data-rt-radius=ms]{--rt-input-box-radius: var(--rt-radius-ms)}.rt-input[data-rt-radius=md]{--rt-input-box-radius: var(--rt-radius-md)}.rt-input[data-rt-radius=lg]{--rt-input-box-radius: var(--rt-radius-lg)}.rt-input[data-rt-radius=xl]{--rt-input-box-radius: var(--rt-radius-xl)}.rt-input[data-rt-radius=\"2xl\"]{--rt-input-box-radius: var(--rt-radius-2xl)}.rt-input[data-rt-radius=full]{--rt-input-box-radius: var(--rt-radius-full)}}\n",
 				"@charset \"UTF-8\";@layer rt-kit.components{.rt-input--with-icon-left{--rt-input-floating-label-rest-start: calc( var(--rt-input-floating-label-start) + var(--rt-input-icon-size) + var(--rt-input-gap) )}.rt-input:where(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]){--rt-input-floating-label-bg: transparent;--rt-input-floating-label-raised-start: max( var(--rt-input-floating-label-start), calc(min(var(--rt-input-box-radius), var(--rt-input-height) / 2) + var(--rt-space-2)) )}.rt-input--with-icon-left:where(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):has(>.rt-input__icon-left){--rt-input-floating-label-rest-start: calc( var(--rt-space-2) + var(--rt-space-1) - var(--rt-input-edge) + var(--rt-input-icon-size) + var(--rt-space-1) )}.rt-input--appearance--fill,.rt-input--appearance--pill{--rt-input-floating-label-bg: var(--rt-color-bg-surface-subtle-2)}.rt-input--appearance--fill{--rt-input-floating-label-raised-start: var(--rt-input-floating-label-start)}.rt-input__floating-label{position:absolute;top:50%;left:var(--rt-input-floating-label-rest-start);display:none;overflow:hidden;max-width:calc(100% - var(--rt-input-floating-label-rest-start) - var(--rt-input-padding-x));color:var(--rt-input-floating-label-color);pointer-events:none;text-overflow:ellipsis;transform:translateY(-50%);transform-origin:left center;transition:top var(--rt-input-floating-label-duration) ease,left var(--rt-input-floating-label-duration) ease,font-size var(--rt-input-floating-label-duration) ease,color var(--rt-input-floating-label-duration) ease;white-space:nowrap}.rt-input:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]) .rt-input__floating-label{display:block}.rt-input--floating:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):not(.rt-input--filled,:focus-within) .rt-input__field::placeholder{color:transparent}.rt-input--filled .rt-input__floating-label,.rt-input:focus-within .rt-input__floating-label{top:0;left:var(--rt-input-floating-label-raised-start);max-width:calc(100% - var(--rt-input-floating-label-raised-start) - var(--rt-input-floating-label-start));padding:0 var(--rt-space-1);margin-left:calc(-1 * var(--rt-space-1));background-color:var(--rt-input-floating-label-bg);font-size:var(--rt-input-floating-label-font-size);line-height:1}.rt-input:focus-within .rt-input__floating-label{color:var(--rt-input-floating-label-color-focus)}.rt-input--invalid .rt-input__floating-label{color:var(--rt-input-floating-label-color-error)}.rt-input--floating:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]).rt-input--appearance--fill,.rt-input--floating:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]).rt-input--appearance--pill{--rt-input-height: var(--rt-input-fill-floating-height)}.rt-input--floating:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]).rt-input--appearance--fill .rt-input__floating-label,.rt-input--floating:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]).rt-input--appearance--pill .rt-input__floating-label{line-height:var(--rt-leading-tight)}.rt-input--floating:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]).rt-input--appearance--fill .rt-input__field,.rt-input--floating:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]).rt-input--appearance--pill .rt-input__field{align-self:stretch;padding:calc(var(--rt-input-height) / 2 - var(--rt-space-1) - var(--rt-input-edge)) 0 calc(var(--rt-input-height) / 2 - var(--rt-space-5) - var(--rt-input-border-width));line-height:var(--rt-leading-normal)}.rt-input--floating:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]).rt-input--appearance--fill.rt-input--filled .rt-input__floating-label,.rt-input--floating:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]).rt-input--appearance--fill:focus-within .rt-input__floating-label,.rt-input--floating:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]).rt-input--appearance--pill.rt-input--filled .rt-input__floating-label,.rt-input--floating:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]).rt-input--appearance--pill:focus-within .rt-input__floating-label{top:calc(var(--rt-input-height) / 2 - var(--rt-space-5) - var(--rt-input-edge));left:var(--rt-input-floating-label-rest-start);padding:0;margin-left:0;background-color:transparent;transform:none}.rt-input--floating:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):not(.rt-input--appearance--fill,.rt-input--appearance--pill,.rt-input--readonly){border-color:transparent;box-shadow:none}.rt-input--floating:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):not(.rt-input--appearance--fill,.rt-input--appearance--pill,.rt-input--readonly):before{position:absolute;border:var(--rt-input-border-width) solid var(--rt-input-color-border);border-radius:inherit;content:\"\";inset:calc(-1 * var(--rt-input-border-width));pointer-events:none}.rt-input--floating:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):not(.rt-input--appearance--fill,.rt-input--appearance--pill,.rt-input--readonly):where(:hover:not(:has(:disabled))):before{border-color:var(--rt-input-color-border-hover)}.rt-input--floating:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):not(.rt-input--appearance--fill,.rt-input--appearance--pill,.rt-input--readonly):focus-within:before{border-color:var(--rt-input-color-border-focus);box-shadow:var(--rt-input-focus-shadow)}.rt-input--floating:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):not(.rt-input--appearance--fill,.rt-input--appearance--pill,.rt-input--readonly).rt-input--invalid:before{border-color:var(--rt-input-color-border-error)}.rt-input--floating:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):not(.rt-input--appearance--fill,.rt-input--appearance--pill,.rt-input--readonly).rt-input--invalid:focus-within:before{box-shadow:var(--rt-input-focus-shadow-error)}.rt-input--floating:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):not(.rt-input--appearance--fill,.rt-input--appearance--pill,.rt-input--readonly).rt-input--borderless:not(:focus-within,.rt-input--invalid):before{border-color:transparent}.rt-input--floating:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):not(.rt-input--appearance--fill,.rt-input--appearance--pill,.rt-input--readonly).rt-input--filled:before,.rt-input--floating:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):not(.rt-input--appearance--fill,.rt-input--appearance--pill,.rt-input--readonly):focus-within:before{clip-path:polygon(0 0,var(--rt-input-notch-start) 0,var(--rt-input-notch-start) var(--rt-input-notch-depth),calc(var(--rt-input-notch-start) + var(--rt-input-notch-width)) var(--rt-input-notch-depth),calc(var(--rt-input-notch-start) + var(--rt-input-notch-width)) 0,100% 0,100% 100%,0 100%)}}\n",
 				"@charset \"UTF-8\";@layer rt-kit.components{.rt-input:where(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]) .rt-input__icon-left .rt-icon-button,.rt-input:where(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]) .rt-input__icon-right .rt-icon-button{width:min(var(--rt-icon-button-size, var(--rt-icon-button-size-step)),var(--rt-input-height) - 2 * var(--rt-input-border-width));height:min(var(--rt-icon-button-size, var(--rt-icon-button-size-step)),var(--rt-input-height) - 2 * var(--rt-input-border-width))}.rt-input__icon-left,.rt-input__icon-right{--rt-icon-color-muted: var(--rt-input-icon-color);--rt-icon-step-sm: var(--rt-input-icon-size);min-width:var(--rt-input-icon-size);min-height:var(--rt-input-icon-size)}.rt-input__clear{--rt-icon-color-muted: var(--rt-input-clear-color);--rt-icon-step-sm: var(--rt-input-clear-icon-size);margin-inline-start:var(--rt-input-clear-offset-start)}.rt-input--clearable:where(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):not(.rt-input--with-icon-right,.rt-input--readonly){padding-right:calc(var(--rt-space-1) - var(--rt-input-edge))}.rt-input:where(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]) .rt-input__clear .rt-icon-button{width:min(var(--rt-input-clear-size),var(--rt-input-height) - 2 * var(--rt-input-border-width));height:min(var(--rt-input-clear-size),var(--rt-input-height) - 2 * var(--rt-input-border-width))}.rt-input .rt-input__clear .rt-icon-button{--rt-icon-button-radius: var(--rt-input-clear-radius);--rt-icon-button-bg-variant: var(--rt-input-clear-bg);--rt-icon-button-color-bg-hover: var(--rt-input-clear-bg-hover)}.rt-input__clear:last-child{margin-inline-end:var(--rt-input-clear-offset-end)}.rt-input--with-icon-left:where(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):has(>.rt-input__icon-left){padding-left:calc(var(--rt-space-2) + var(--rt-space-1) - var(--rt-input-edge))}.rt-input--with-icon-left:where(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):has(>.rt-input__icon-left)>.rt-input__icon-left{margin-right:calc(var(--rt-space-1) - var(--rt-input-gap))}.rt-input--with-icon-right:where(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):has(>.rt-input__icon-right){padding-right:calc(var(--rt-space-2) + var(--rt-space-1) - var(--rt-input-edge))}.rt-input--with-icon-right:where(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):has(>.rt-input__icon-right)>.rt-input__icon-right{margin-left:calc(var(--rt-space-1) - var(--rt-input-gap))}.rt-input:where(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material])>.rt-input__icon-left .rt-icon-button,.rt-input:where(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material])>.rt-input__icon-right .rt-icon-button{--rt-input-icon-button-width: min( var(--rt-icon-button-size, var(--rt-icon-button-size-step)), calc(var(--rt-input-height) - 2 * var(--rt-input-border-width)) );--rt-input-icon-overhang: calc((var(--rt-input-icon-button-width) - var(--rt-input-icon-size)) / 2);margin-inline:calc(-1 * var(--rt-input-icon-overhang))}}\n"
 			],
@@ -394,7 +394,7 @@ i0.ɵɵngDeclareClassMetadata({
 			},
 			template: "<ng-container rtBlock=\"rt-input\">\n    @if (isReadonly()) {\n        <span rtElem=\"readonly\" qa-dataid=\"input-readonly\" [rtMod]=\"{ empty: !displayText() }\">{{ displayText() || '—' }}</span>\n    } @else {\n        @if (iconLeft(); as left) {\n            @if (iconLeftAction()) {\n                <rt-icon-button\n                    rtElem=\"icon-left\"\n                    qa-dataid=\"input-icon-left-action\"\n                    size=\"sm\"\n                    variant=\"ghost\"\n                    iconColor=\"muted\"\n                    [icon]=\"left\"\n                    [ariaLabel]=\"iconLeftTooltip() || left\"\n                    [tooltip]=\"iconLeftTooltip() ?? ''\"\n                    [disabled]=\"isIconLeftDisabled()\"\n                    (clicked)=\"iconLeftClick.emit($event)\" />\n            } @else {\n                <rt-icon rtElem=\"icon-left\" size=\"sm\" color=\"muted\" [name]=\"left\" />\n            }\n        }\n        @if (floatingLabel(); as label) {\n            <!-- Подпись — картинка поверх поля: клик проходит сквозь неё в поле, имя полю она даёт по aria-labelledby. -->\n            <span #floatingLabelEl rtElem=\"floating-label\" qa-dataid=\"input-floating-label\" aria-hidden=\"true\" [id]=\"floatingLabelId\">\n                {{ label }}\n            </span>\n        }\n        <input\n            #fieldEl\n            rtElem=\"field\"\n            qa-dataid=\"input-control\"\n            [type]=\"effectiveType()\"\n            [placeholder]=\"placeholder()\"\n            [value]=\"value()\"\n            [disabled]=\"isDisabled()\"\n            [attr.autocomplete]=\"autocomplete()\"\n            [attr.maxlength]=\"maxlength()\"\n            [attr.id]=\"effectiveControlId()\"\n            [attr.aria-label]=\"ariaLabel()\"\n            [attr.aria-labelledby]=\"labelledBy()\"\n            [attr.aria-invalid]=\"isInvalid() || null\"\n            (input)=\"onInput($event)\"\n            (blur)=\"onBlur()\" />\n        @if (showClearButton() && !showPasswordToggle()) {\n            <rt-icon-button\n                rtElem=\"clear\"\n                qa-dataid=\"input-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        @if (showPasswordToggle()) {\n            <button\n                rtElem=\"toggle\"\n                qa-dataid=\"input-password-toggle\"\n                type=\"button\"\n                [attr.aria-label]=\"isPasswordVisible() ? t().uiHidePassword : t().uiShowPassword\"\n                [tabIndex]=\"-1\"\n                (click)=\"togglePassword()\">\n                <rt-icon size=\"sm\" color=\"muted\" [name]=\"passwordToggleIcon()\" />\n            </button>\n        } @else if (iconRight(); as right) {\n            @if (iconRightAction()) {\n                <rt-icon-button\n                    rtElem=\"icon-right\"\n                    qa-dataid=\"input-icon-right-action\"\n                    size=\"sm\"\n                    variant=\"ghost\"\n                    iconColor=\"muted\"\n                    [icon]=\"right\"\n                    [ariaLabel]=\"iconRightTooltip() || right\"\n                    [tooltip]=\"iconRightTooltip() ?? ''\"\n                    [disabled]=\"isIconRightDisabled()\"\n                    (clicked)=\"iconRightClick.emit($event)\" />\n            } @else {\n                <rt-icon rtElem=\"icon-right\" size=\"sm\" color=\"muted\" [name]=\"right\" />\n            }\n        }\n    }\n</ng-container>\n",
 			styles: [
-				"@charset \"UTF-8\";@layer rt-kit.components{.rt-input{--rt-input-box-radius: var(--rt-input-radius);--rt-input-fill-radius: var(--rt-radius-sm);--rt-input-toggle-radius: var(--rt-radius-sm);--rt-input-floating-label-color: var(--rt-input-color-text-placeholder);--rt-input-floating-label-color-focus: var(--rt-input-color-border-focus);--rt-input-floating-label-color-error: var(--rt-input-color-border-error);--rt-input-floating-label-bg: var(--rt-input-color-bg);--rt-input-floating-label-font-size: var(--rt-text-xs);--rt-input-floating-label-start: var(--rt-input-padding-x);--rt-input-floating-label-rest-start: var(--rt-input-floating-label-start);--rt-input-floating-label-raised-start: var(--rt-input-floating-label-start);--rt-input-notch-start: calc(var(--rt-input-floating-label-raised-start) - var(--rt-space-1) + var(--rt-input-border-width));--rt-input-notch-depth: calc(2 * var(--rt-input-border-width));--rt-input-notch-width: 0px;--rt-input-fill-floating-height: var(--rt-input-height-md);--rt-input-color-border-hover: var(--rt-color-text-primary);--rt-input-floating-label-duration: var(--rt-duration-fast);--rt-input-edge: var(--rt-input-border-width);position:relative;display:inline-flex;width:100%;min-width:var(--rt-input-min-width);min-height:var(--rt-input-height);box-sizing:border-box;align-items:center;padding:var(--rt-input-padding-y) var(--rt-input-padding-x);border:var(--rt-input-border-width) solid var(--rt-input-color-border);border-radius:var(--rt-input-box-radius);background-color:var(--rt-input-color-bg);color:var(--rt-input-color-text);cursor:text;font-size:var(--rt-input-font-size);gap:var(--rt-input-gap);line-height:var(--rt-input-line-height);transition:var(--rt-input-transition)}.rt-input:focus-within{border-color:var(--rt-input-color-border-focus);box-shadow:var(--rt-input-focus-shadow);outline:2px solid transparent;outline-offset:var(--rt-input-focus-outline-offset)}.rt-input:where(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):where(:hover:not(:has(:disabled))){border-color:var(--rt-input-color-border-hover)}.rt-input--borderless{border-color:transparent}.rt-input--appearance--fill{--rt-input-edge: var(--rt-input-fill-edge);border-width:var(--rt-input-fill-edge) var(--rt-input-fill-edge) var(--rt-input-border-width);border-color:transparent;border-radius:var(--rt-input-fill-radius) var(--rt-input-fill-radius) 0 0;border-bottom-color:var(--rt-color-field-fill-underline);background-color:var(--rt-color-bg-surface-subtle-2)}.rt-input--appearance--fill:where([data-rt-radius]){border-radius:var(--rt-input-box-radius);border-bottom-color:transparent}.rt-input--appearance--pill{--rt-input-box-radius: var(--rt-radius-full);border-color:transparent;background-color:var(--rt-color-bg-surface-subtle-2)}.rt-input--invalid{border-color:var(--rt-input-color-border-error)}.rt-input--invalid:focus-within{box-shadow:var(--rt-input-focus-shadow-error)}.rt-input--appearance--fill:focus-within{box-shadow:var(--rt-input-fill-focus-shadow)}.rt-input--appearance--fill.rt-input--invalid:focus-within{box-shadow:var(--rt-input-fill-focus-shadow-error)}.rt-input--disabled{color:var(--rt-input-color-text-disabled);cursor:not-allowed;opacity:var(--rt-input-disabled-field-opacity)}.rt-input--disabled:not(.rt-input--invalid,.rt-input--appearance--fill,.rt-input--appearance--pill,.rt-input--borderless,.rt-input--readonly){border-color:var(--rt-input-color-border-disabled)}.rt-input--appearance--fill.rt-input--disabled{background-color:var(--rt-input-fill-color-bg-disabled)}.rt-input--disabled .rt-input__field::placeholder{color:var(--rt-input-color-placeholder-disabled)}.rt-input--size--sm{--rt-input-height: var(--rt-input-height-sm);min-height:var(--rt-input-height-sm)}.rt-input--size--lg{--rt-input-height: var(--rt-input-height-lg);min-height:var(--rt-input-height-lg)}.rt-input:where(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]){--rt-input-floating-label-start: calc(var(--rt-input-padding-x) - var(--rt-input-edge));padding-inline:calc(var(--rt-input-padding-x) - var(--rt-input-edge))}.rt-input--readonly{padding-right:0;padding-left:0;border-color:transparent;background-color:transparent;cursor:default}.rt-input__readonly{color:var(--rt-field-value-color);font-size:var(--rt-field-value-font-size)}.rt-input__readonly--empty{color:var(--rt-field-value-empty-color)}.rt-input__field{min-width:0;flex:1 1 auto;padding:0;border:none;background:transparent;caret-color:var(--rt-input-caret-color);color:inherit;font:inherit;letter-spacing:var(--rt-input-letter-spacing, normal);outline:none}.rt-input__field::placeholder{color:var(--rt-input-color-text-placeholder);opacity:1}.rt-input__field:disabled{cursor:not-allowed}.rt-input__icon-left,.rt-input__icon-right,.rt-input__clear{flex-shrink:0}.rt-input__toggle{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;padding:var(--rt-space-1);border:none;border-radius:var(--rt-input-toggle-radius);margin:0;background:transparent;color:inherit;cursor:pointer}.rt-input__toggle:hover{background-color:var(--rt-input-color-bg-hover)}.rt-input__toggle:focus-visible{outline:var(--rt-input-border-width) solid var(--rt-input-color-border-focus);outline-offset:var(--rt-input-focus-outline-offset)}.rt-input[data-rt-radius=none]{--rt-input-box-radius: var(--rt-radius-none)}.rt-input[data-rt-radius=xs]{--rt-input-box-radius: var(--rt-radius-xs)}.rt-input[data-rt-radius=sm]{--rt-input-box-radius: var(--rt-radius-sm)}.rt-input[data-rt-radius=ms]{--rt-input-box-radius: var(--rt-radius-ms)}.rt-input[data-rt-radius=md]{--rt-input-box-radius: var(--rt-radius-md)}.rt-input[data-rt-radius=lg]{--rt-input-box-radius: var(--rt-radius-lg)}.rt-input[data-rt-radius=xl]{--rt-input-box-radius: var(--rt-radius-xl)}.rt-input[data-rt-radius=\"2xl\"]{--rt-input-box-radius: var(--rt-radius-2xl)}.rt-input[data-rt-radius=full]{--rt-input-box-radius: var(--rt-radius-full)}}\n",
+				"@charset \"UTF-8\";@layer rt-kit.components{.rt-input{--rt-input-box-radius: var(--rt-input-radius);--rt-input-fill-radius: var(--rt-radius-sm);--rt-input-toggle-radius: var(--rt-radius-sm);--rt-input-floating-label-color: var(--rt-input-color-text-placeholder);--rt-input-floating-label-color-focus: var(--rt-input-color-border-focus);--rt-input-floating-label-color-error: var(--rt-input-color-border-error);--rt-input-floating-label-bg: var(--rt-input-color-bg);--rt-input-floating-label-font-size: var(--rt-text-xs);--rt-input-floating-label-start: var(--rt-input-padding-x);--rt-input-floating-label-rest-start: var(--rt-input-floating-label-start);--rt-input-floating-label-raised-start: var(--rt-input-floating-label-start);--rt-input-notch-start: calc(var(--rt-input-floating-label-raised-start) - var(--rt-space-1) + var(--rt-input-border-width));--rt-input-notch-depth: calc(2 * var(--rt-input-border-width));--rt-input-notch-width: 0px;--rt-input-fill-floating-height: var(--rt-input-height-md);--rt-input-color-border-hover: var(--rt-color-text-primary);--rt-input-floating-label-duration: var(--rt-duration-fast);--rt-input-edge: var(--rt-input-border-width);position:relative;display:inline-flex;width:100%;min-width:var(--rt-input-min-width);min-height:var(--rt-input-height);box-sizing:border-box;align-items:center;padding:var(--rt-input-padding-y) var(--rt-input-padding-x);border:var(--rt-input-border-width) solid var(--rt-input-color-border);border-radius:var(--rt-input-box-radius);background-color:var(--rt-input-color-bg);color:var(--rt-input-color-text);cursor:text;font-size:var(--rt-input-font-size);gap:var(--rt-input-gap);line-height:var(--rt-input-line-height);transition:var(--rt-input-transition)}.rt-input:focus-within{border-color:var(--rt-input-color-border-focus);box-shadow:var(--rt-input-focus-shadow);outline:2px solid transparent;outline-offset:var(--rt-input-focus-outline-offset)}.rt-input:where(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):where(:hover:not(:has(:disabled))){border-color:var(--rt-input-color-border-hover)}.rt-input--borderless{border-color:transparent}.rt-input--appearance--fill{--rt-input-edge: var(--rt-input-fill-edge);border-width:var(--rt-input-fill-edge) var(--rt-input-fill-edge) var(--rt-input-border-width);border-color:transparent;border-radius:var(--rt-input-fill-radius) var(--rt-input-fill-radius) 0 0;border-bottom-color:var(--rt-color-field-fill-underline);background-color:var(--rt-color-bg-surface-subtle-2)}.rt-input--appearance--fill:where([data-rt-radius]){border-radius:var(--rt-input-box-radius);border-bottom-color:transparent}.rt-input--appearance--pill{--rt-input-box-radius: var(--rt-radius-full);border-color:transparent;background-color:var(--rt-color-bg-surface-subtle-2)}.rt-input--invalid{border-color:var(--rt-input-color-border-error)}.rt-input--invalid:focus-within{box-shadow:var(--rt-input-focus-shadow-error)}.rt-input--appearance--fill:focus-within{box-shadow:var(--rt-input-fill-focus-shadow)}.rt-input--appearance--fill.rt-input--invalid:focus-within{box-shadow:var(--rt-input-fill-focus-shadow-error)}.rt-input--disabled{color:var(--rt-input-color-text-disabled);cursor:not-allowed;opacity:var(--rt-input-disabled-field-opacity)}.rt-input--disabled:not(.rt-input--invalid,.rt-input--appearance--fill,.rt-input--appearance--pill,.rt-input--borderless,.rt-input--readonly){border-color:var(--rt-input-color-border-disabled)}.rt-input--appearance--fill.rt-input--disabled{background-color:var(--rt-input-fill-color-bg-disabled)}.rt-input--disabled .rt-input__field::placeholder{color:var(--rt-input-color-placeholder-disabled)}.rt-input--size--sm{--rt-input-height: var(--rt-input-height-sm);min-height:var(--rt-input-height-sm)}.rt-input--size--lg{--rt-input-height: var(--rt-input-height-lg);min-height:var(--rt-input-height-lg)}.rt-input:where(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]){--rt-input-floating-label-start: calc(var(--rt-input-padding-x) - var(--rt-input-edge));padding-inline:calc(var(--rt-input-padding-x) - var(--rt-input-edge))}.rt-input--readonly{padding-right:0;padding-left:0;border-color:transparent;background-color:transparent;cursor:default}.rt-input__readonly{color:var(--rt-field-value-color);font-size:var(--rt-field-value-font-size)}.rt-input__readonly--empty{color:var(--rt-field-value-empty-color)}.rt-input__field{min-width:0;flex:1 1 auto;padding:0;border:none;background:transparent;caret-color:var(--rt-input-caret-color);color:inherit;font:inherit;letter-spacing:var(--rt-input-letter-spacing, normal);outline:none;text-overflow:ellipsis}.rt-input__field::placeholder{color:var(--rt-input-color-text-placeholder);opacity:1}.rt-input__field:disabled{cursor:not-allowed}.rt-input__icon-left,.rt-input__icon-right,.rt-input__clear{flex-shrink:0}.rt-input__toggle{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;padding:var(--rt-space-1);border:none;border-radius:var(--rt-input-toggle-radius);margin:0;background:transparent;color:inherit;cursor:pointer}.rt-input__toggle:hover{background-color:var(--rt-input-color-bg-hover)}.rt-input__toggle:focus-visible{outline:var(--rt-input-border-width) solid var(--rt-input-color-border-focus);outline-offset:var(--rt-input-focus-outline-offset)}.rt-input[data-rt-radius=none]{--rt-input-box-radius: var(--rt-radius-none)}.rt-input[data-rt-radius=xs]{--rt-input-box-radius: var(--rt-radius-xs)}.rt-input[data-rt-radius=sm]{--rt-input-box-radius: var(--rt-radius-sm)}.rt-input[data-rt-radius=ms]{--rt-input-box-radius: var(--rt-radius-ms)}.rt-input[data-rt-radius=md]{--rt-input-box-radius: var(--rt-radius-md)}.rt-input[data-rt-radius=lg]{--rt-input-box-radius: var(--rt-radius-lg)}.rt-input[data-rt-radius=xl]{--rt-input-box-radius: var(--rt-radius-xl)}.rt-input[data-rt-radius=\"2xl\"]{--rt-input-box-radius: var(--rt-radius-2xl)}.rt-input[data-rt-radius=full]{--rt-input-box-radius: var(--rt-radius-full)}}\n",
 				"@charset \"UTF-8\";@layer rt-kit.components{.rt-input--with-icon-left{--rt-input-floating-label-rest-start: calc( var(--rt-input-floating-label-start) + var(--rt-input-icon-size) + var(--rt-input-gap) )}.rt-input:where(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]){--rt-input-floating-label-bg: transparent;--rt-input-floating-label-raised-start: max( var(--rt-input-floating-label-start), calc(min(var(--rt-input-box-radius), var(--rt-input-height) / 2) + var(--rt-space-2)) )}.rt-input--with-icon-left:where(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):has(>.rt-input__icon-left){--rt-input-floating-label-rest-start: calc( var(--rt-space-2) + var(--rt-space-1) - var(--rt-input-edge) + var(--rt-input-icon-size) + var(--rt-space-1) )}.rt-input--appearance--fill,.rt-input--appearance--pill{--rt-input-floating-label-bg: var(--rt-color-bg-surface-subtle-2)}.rt-input--appearance--fill{--rt-input-floating-label-raised-start: var(--rt-input-floating-label-start)}.rt-input__floating-label{position:absolute;top:50%;left:var(--rt-input-floating-label-rest-start);display:none;overflow:hidden;max-width:calc(100% - var(--rt-input-floating-label-rest-start) - var(--rt-input-padding-x));color:var(--rt-input-floating-label-color);pointer-events:none;text-overflow:ellipsis;transform:translateY(-50%);transform-origin:left center;transition:top var(--rt-input-floating-label-duration) ease,left var(--rt-input-floating-label-duration) ease,font-size var(--rt-input-floating-label-duration) ease,color var(--rt-input-floating-label-duration) ease;white-space:nowrap}.rt-input:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]) .rt-input__floating-label{display:block}.rt-input--floating:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):not(.rt-input--filled,:focus-within) .rt-input__field::placeholder{color:transparent}.rt-input--filled .rt-input__floating-label,.rt-input:focus-within .rt-input__floating-label{top:0;left:var(--rt-input-floating-label-raised-start);max-width:calc(100% - var(--rt-input-floating-label-raised-start) - var(--rt-input-floating-label-start));padding:0 var(--rt-space-1);margin-left:calc(-1 * var(--rt-space-1));background-color:var(--rt-input-floating-label-bg);font-size:var(--rt-input-floating-label-font-size);line-height:1}.rt-input:focus-within .rt-input__floating-label{color:var(--rt-input-floating-label-color-focus)}.rt-input--invalid .rt-input__floating-label{color:var(--rt-input-floating-label-color-error)}.rt-input--floating:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]).rt-input--appearance--fill,.rt-input--floating:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]).rt-input--appearance--pill{--rt-input-height: var(--rt-input-fill-floating-height)}.rt-input--floating:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]).rt-input--appearance--fill .rt-input__floating-label,.rt-input--floating:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]).rt-input--appearance--pill .rt-input__floating-label{line-height:var(--rt-leading-tight)}.rt-input--floating:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]).rt-input--appearance--fill .rt-input__field,.rt-input--floating:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]).rt-input--appearance--pill .rt-input__field{align-self:stretch;padding:calc(var(--rt-input-height) / 2 - var(--rt-space-1) - var(--rt-input-edge)) 0 calc(var(--rt-input-height) / 2 - var(--rt-space-5) - var(--rt-input-border-width));line-height:var(--rt-leading-normal)}.rt-input--floating:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]).rt-input--appearance--fill.rt-input--filled .rt-input__floating-label,.rt-input--floating:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]).rt-input--appearance--fill:focus-within .rt-input__floating-label,.rt-input--floating:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]).rt-input--appearance--pill.rt-input--filled .rt-input__floating-label,.rt-input--floating:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]).rt-input--appearance--pill:focus-within .rt-input__floating-label{top:calc(var(--rt-input-height) / 2 - var(--rt-space-5) - var(--rt-input-edge));left:var(--rt-input-floating-label-rest-start);padding:0;margin-left:0;background-color:transparent;transform:none}.rt-input--floating:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):not(.rt-input--appearance--fill,.rt-input--appearance--pill,.rt-input--readonly){border-color:transparent;box-shadow:none}.rt-input--floating:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):not(.rt-input--appearance--fill,.rt-input--appearance--pill,.rt-input--readonly):before{position:absolute;border:var(--rt-input-border-width) solid var(--rt-input-color-border);border-radius:inherit;content:\"\";inset:calc(-1 * var(--rt-input-border-width));pointer-events:none}.rt-input--floating:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):not(.rt-input--appearance--fill,.rt-input--appearance--pill,.rt-input--readonly):where(:hover:not(:has(:disabled))):before{border-color:var(--rt-input-color-border-hover)}.rt-input--floating:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):not(.rt-input--appearance--fill,.rt-input--appearance--pill,.rt-input--readonly):focus-within:before{border-color:var(--rt-input-color-border-focus);box-shadow:var(--rt-input-focus-shadow)}.rt-input--floating:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):not(.rt-input--appearance--fill,.rt-input--appearance--pill,.rt-input--readonly).rt-input--invalid:before{border-color:var(--rt-input-color-border-error)}.rt-input--floating:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):not(.rt-input--appearance--fill,.rt-input--appearance--pill,.rt-input--readonly).rt-input--invalid:focus-within:before{box-shadow:var(--rt-input-focus-shadow-error)}.rt-input--floating:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):not(.rt-input--appearance--fill,.rt-input--appearance--pill,.rt-input--readonly).rt-input--borderless:not(:focus-within,.rt-input--invalid):before{border-color:transparent}.rt-input--floating:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):not(.rt-input--appearance--fill,.rt-input--appearance--pill,.rt-input--readonly).rt-input--filled:before,.rt-input--floating:is(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):not(.rt-input--appearance--fill,.rt-input--appearance--pill,.rt-input--readonly):focus-within:before{clip-path:polygon(0 0,var(--rt-input-notch-start) 0,var(--rt-input-notch-start) var(--rt-input-notch-depth),calc(var(--rt-input-notch-start) + var(--rt-input-notch-width)) var(--rt-input-notch-depth),calc(var(--rt-input-notch-start) + var(--rt-input-notch-width)) 0,100% 0,100% 100%,0 100%)}}\n",
 				"@charset \"UTF-8\";@layer rt-kit.components{.rt-input:where(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]) .rt-input__icon-left .rt-icon-button,.rt-input:where(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]) .rt-input__icon-right .rt-icon-button{width:min(var(--rt-icon-button-size, var(--rt-icon-button-size-step)),var(--rt-input-height) - 2 * var(--rt-input-border-width));height:min(var(--rt-icon-button-size, var(--rt-icon-button-size-step)),var(--rt-input-height) - 2 * var(--rt-input-border-width))}.rt-input__icon-left,.rt-input__icon-right{--rt-icon-color-muted: var(--rt-input-icon-color);--rt-icon-step-sm: var(--rt-input-icon-size);min-width:var(--rt-input-icon-size);min-height:var(--rt-input-icon-size)}.rt-input__clear{--rt-icon-color-muted: var(--rt-input-clear-color);--rt-icon-step-sm: var(--rt-input-clear-icon-size);margin-inline-start:var(--rt-input-clear-offset-start)}.rt-input--clearable:where(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):not(.rt-input--with-icon-right,.rt-input--readonly){padding-right:calc(var(--rt-space-1) - var(--rt-input-edge))}.rt-input:where(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]) .rt-input__clear .rt-icon-button{width:min(var(--rt-input-clear-size),var(--rt-input-height) - 2 * var(--rt-input-border-width));height:min(var(--rt-input-clear-size),var(--rt-input-height) - 2 * var(--rt-input-border-width))}.rt-input .rt-input__clear .rt-icon-button{--rt-icon-button-radius: var(--rt-input-clear-radius);--rt-icon-button-bg-variant: var(--rt-input-clear-bg);--rt-icon-button-color-bg-hover: var(--rt-input-clear-bg-hover)}.rt-input__clear:last-child{margin-inline-end:var(--rt-input-clear-offset-end)}.rt-input--with-icon-left:where(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):has(>.rt-input__icon-left){padding-left:calc(var(--rt-space-2) + var(--rt-space-1) - var(--rt-input-edge))}.rt-input--with-icon-left:where(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):has(>.rt-input__icon-left)>.rt-input__icon-left{margin-right:calc(var(--rt-space-1) - var(--rt-input-gap))}.rt-input--with-icon-right:where(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):has(>.rt-input__icon-right){padding-right:calc(var(--rt-space-2) + var(--rt-space-1) - var(--rt-input-edge))}.rt-input--with-icon-right:where(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material]):has(>.rt-input__icon-right)>.rt-input__icon-right{margin-left:calc(var(--rt-space-1) - var(--rt-input-gap))}.rt-input:where(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material])>.rt-input__icon-left .rt-icon-button,.rt-input:where(.rt-preset-material *,[data-preset=material] *,.rt-preset-material,[data-preset=material])>.rt-input__icon-right .rt-icon-button{--rt-input-icon-button-width: min( var(--rt-icon-button-size, var(--rt-icon-button-size-step)), calc(var(--rt-input-height) - 2 * var(--rt-input-border-width)) );--rt-input-icon-overhang: calc((var(--rt-input-icon-button-width) - var(--rt-input-icon-size)) / 2);margin-inline:calc(-1 * var(--rt-input-icon-overhang))}}\n"
 			]

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

@@ -10,7 +10,7 @@ const BEM_BLOCK = "rt-message";
 var RtMessageComponent = class RtMessageComponent {
 	constructor() {
 		this.#severityIconDefaults = {
-			info: "ico-info",
+			info: "info-circle",
 			success: "check",
 			warning: "ico-warning",
 			danger: "ico-error",
@@ -95,7 +95,7 @@ var RtMessageComponent = class RtMessageComponent {
 			}],
 			ngImport: i0,
 			template: "<aside rtBlock=\"rt-message\" qa-dataid=\"message-alert\" role=\"alert\" [attr.data-severity]=\"severity()\" [rtMod]=\"{ severity: severity() }\">\n    @if (effectiveIcon(); as iconName) {\n        <rt-icon rtElem=\"icon\" [name]=\"iconName\" />\n    }\n    <div rtElem=\"body\" qa-dataid=\"message-body\">\n        <ng-content />\n    </div>\n    @if (closable()) {\n        <rt-icon-button\n            rtElem=\"close\"\n            qa-dataid=\"message-close\"\n            icon=\"ico-close\"\n            variant=\"ghost\"\n            size=\"sm\"\n            radius=\"full\"\n            [ariaLabel]=\"t().uiClose\"\n            (clicked)=\"onClose()\" />\n    }\n</aside>\n",
-			styles: ["@charset \"UTF-8\";@layer rt-kit.components{rt-message{display:block}rt-message .rt-message{--rt-message-radius: var(--rt-radius-md);display:flex;align-items:flex-start;padding:var(--rt-space-4) var(--rt-space-4);border-radius:var(--rt-message-radius);background:var(--rt-color-state-info-bg);color:var(--rt-color-state-info);font-size:var(--rt-text-sm);gap:var(--rt-space-2);line-height:var(--rt-leading-normal)}rt-message .rt-message--severity--info{background:var(--rt-color-state-info-bg);color:var(--rt-color-state-info)}rt-message .rt-message--severity--success{background:var(--rt-color-state-success-bg);color:var(--rt-color-state-success)}rt-message .rt-message--severity--warning{background:var(--rt-color-state-warning-bg);color:var(--rt-color-state-warning)}rt-message .rt-message--severity--danger{background:var(--rt-color-state-danger-bg);color:var(--rt-color-state-danger)}rt-message .rt-message--severity--secondary,rt-message .rt-message--severity--neutral{background:var(--rt-color-bg-subtle);color:var(--rt-color-text-primary)}rt-message .rt-message__icon{flex-shrink:0;margin-block-start:var(--rt-space-0-5)}rt-message .rt-message__body{min-width:0;flex:1 1 auto}rt-message .rt-message__close{flex-shrink:0;margin-inline-start:auto}rt-message[data-rt-radius=none]>.rt-message{--rt-message-radius: var(--rt-radius-none)}rt-message[data-rt-radius=xs]>.rt-message{--rt-message-radius: var(--rt-radius-xs)}rt-message[data-rt-radius=sm]>.rt-message{--rt-message-radius: var(--rt-radius-sm)}rt-message[data-rt-radius=ms]>.rt-message{--rt-message-radius: var(--rt-radius-ms)}rt-message[data-rt-radius=md]>.rt-message{--rt-message-radius: var(--rt-radius-md)}rt-message[data-rt-radius=lg]>.rt-message{--rt-message-radius: var(--rt-radius-lg)}rt-message[data-rt-radius=xl]>.rt-message{--rt-message-radius: var(--rt-radius-xl)}rt-message[data-rt-radius=\"2xl\"]>.rt-message{--rt-message-radius: var(--rt-radius-2xl)}rt-message[data-rt-radius=full]>.rt-message{--rt-message-radius: var(--rt-radius-full)}}\n"],
+			styles: ["@charset \"UTF-8\";@layer rt-kit.components{rt-message{display:block}rt-message .rt-message{--rt-message-radius: var(--rt-radius-md);display:flex;align-items:flex-start;padding:var(--rt-space-4) var(--rt-space-4);border-radius:var(--rt-message-radius);background:var(--rt-color-state-info-bg);color:var(--rt-color-state-info);font-size:var(--rt-text-sm);gap:var(--rt-space-2);line-height:var(--rt-leading-normal)}rt-message .rt-message--severity--info{background:var(--rt-color-state-info-bg);color:var(--rt-color-state-info)}rt-message .rt-message--severity--success{background:var(--rt-color-state-success-bg);color:var(--rt-color-state-success)}rt-message .rt-message--severity--warning{background:var(--rt-color-state-warning-bg);color:var(--rt-color-state-warning)}rt-message .rt-message--severity--danger{background:var(--rt-color-state-danger-bg);color:var(--rt-color-state-danger)}rt-message .rt-message--severity--secondary,rt-message .rt-message--severity--neutral{background:var(--rt-color-bg-subtle);color:var(--rt-color-text-primary)}rt-message .rt-message__icon{flex-shrink:0}rt-message .rt-message__body{min-width:0;flex:1 1 auto}rt-message .rt-message__close{flex-shrink:0;margin-inline-start:auto}rt-message[data-rt-radius=none]>.rt-message{--rt-message-radius: var(--rt-radius-none)}rt-message[data-rt-radius=xs]>.rt-message{--rt-message-radius: var(--rt-radius-xs)}rt-message[data-rt-radius=sm]>.rt-message{--rt-message-radius: var(--rt-radius-sm)}rt-message[data-rt-radius=ms]>.rt-message{--rt-message-radius: var(--rt-radius-ms)}rt-message[data-rt-radius=md]>.rt-message{--rt-message-radius: var(--rt-radius-md)}rt-message[data-rt-radius=lg]>.rt-message{--rt-message-radius: var(--rt-radius-lg)}rt-message[data-rt-radius=xl]>.rt-message{--rt-message-radius: var(--rt-radius-xl)}rt-message[data-rt-radius=\"2xl\"]>.rt-message{--rt-message-radius: var(--rt-radius-2xl)}rt-message[data-rt-radius=full]>.rt-message{--rt-message-radius: var(--rt-radius-full)}}\n"],
 			dependencies: [
 				{
 					kind: "component",
@@ -186,7 +186,7 @@ i0.ɵɵngDeclareClassMetadata({
 			}],
 			host: { class: BEM_BLOCK },
 			template: "<aside rtBlock=\"rt-message\" qa-dataid=\"message-alert\" role=\"alert\" [attr.data-severity]=\"severity()\" [rtMod]=\"{ severity: severity() }\">\n    @if (effectiveIcon(); as iconName) {\n        <rt-icon rtElem=\"icon\" [name]=\"iconName\" />\n    }\n    <div rtElem=\"body\" qa-dataid=\"message-body\">\n        <ng-content />\n    </div>\n    @if (closable()) {\n        <rt-icon-button\n            rtElem=\"close\"\n            qa-dataid=\"message-close\"\n            icon=\"ico-close\"\n            variant=\"ghost\"\n            size=\"sm\"\n            radius=\"full\"\n            [ariaLabel]=\"t().uiClose\"\n            (clicked)=\"onClose()\" />\n    }\n</aside>\n",
-			styles: ["@charset \"UTF-8\";@layer rt-kit.components{rt-message{display:block}rt-message .rt-message{--rt-message-radius: var(--rt-radius-md);display:flex;align-items:flex-start;padding:var(--rt-space-4) var(--rt-space-4);border-radius:var(--rt-message-radius);background:var(--rt-color-state-info-bg);color:var(--rt-color-state-info);font-size:var(--rt-text-sm);gap:var(--rt-space-2);line-height:var(--rt-leading-normal)}rt-message .rt-message--severity--info{background:var(--rt-color-state-info-bg);color:var(--rt-color-state-info)}rt-message .rt-message--severity--success{background:var(--rt-color-state-success-bg);color:var(--rt-color-state-success)}rt-message .rt-message--severity--warning{background:var(--rt-color-state-warning-bg);color:var(--rt-color-state-warning)}rt-message .rt-message--severity--danger{background:var(--rt-color-state-danger-bg);color:var(--rt-color-state-danger)}rt-message .rt-message--severity--secondary,rt-message .rt-message--severity--neutral{background:var(--rt-color-bg-subtle);color:var(--rt-color-text-primary)}rt-message .rt-message__icon{flex-shrink:0;margin-block-start:var(--rt-space-0-5)}rt-message .rt-message__body{min-width:0;flex:1 1 auto}rt-message .rt-message__close{flex-shrink:0;margin-inline-start:auto}rt-message[data-rt-radius=none]>.rt-message{--rt-message-radius: var(--rt-radius-none)}rt-message[data-rt-radius=xs]>.rt-message{--rt-message-radius: var(--rt-radius-xs)}rt-message[data-rt-radius=sm]>.rt-message{--rt-message-radius: var(--rt-radius-sm)}rt-message[data-rt-radius=ms]>.rt-message{--rt-message-radius: var(--rt-radius-ms)}rt-message[data-rt-radius=md]>.rt-message{--rt-message-radius: var(--rt-radius-md)}rt-message[data-rt-radius=lg]>.rt-message{--rt-message-radius: var(--rt-radius-lg)}rt-message[data-rt-radius=xl]>.rt-message{--rt-message-radius: var(--rt-radius-xl)}rt-message[data-rt-radius=\"2xl\"]>.rt-message{--rt-message-radius: var(--rt-radius-2xl)}rt-message[data-rt-radius=full]>.rt-message{--rt-message-radius: var(--rt-radius-full)}}\n"]
+			styles: ["@charset \"UTF-8\";@layer rt-kit.components{rt-message{display:block}rt-message .rt-message{--rt-message-radius: var(--rt-radius-md);display:flex;align-items:flex-start;padding:var(--rt-space-4) var(--rt-space-4);border-radius:var(--rt-message-radius);background:var(--rt-color-state-info-bg);color:var(--rt-color-state-info);font-size:var(--rt-text-sm);gap:var(--rt-space-2);line-height:var(--rt-leading-normal)}rt-message .rt-message--severity--info{background:var(--rt-color-state-info-bg);color:var(--rt-color-state-info)}rt-message .rt-message--severity--success{background:var(--rt-color-state-success-bg);color:var(--rt-color-state-success)}rt-message .rt-message--severity--warning{background:var(--rt-color-state-warning-bg);color:var(--rt-color-state-warning)}rt-message .rt-message--severity--danger{background:var(--rt-color-state-danger-bg);color:var(--rt-color-state-danger)}rt-message .rt-message--severity--secondary,rt-message .rt-message--severity--neutral{background:var(--rt-color-bg-subtle);color:var(--rt-color-text-primary)}rt-message .rt-message__icon{flex-shrink:0}rt-message .rt-message__body{min-width:0;flex:1 1 auto}rt-message .rt-message__close{flex-shrink:0;margin-inline-start:auto}rt-message[data-rt-radius=none]>.rt-message{--rt-message-radius: var(--rt-radius-none)}rt-message[data-rt-radius=xs]>.rt-message{--rt-message-radius: var(--rt-radius-xs)}rt-message[data-rt-radius=sm]>.rt-message{--rt-message-radius: var(--rt-radius-sm)}rt-message[data-rt-radius=ms]>.rt-message{--rt-message-radius: var(--rt-radius-ms)}rt-message[data-rt-radius=md]>.rt-message{--rt-message-radius: var(--rt-radius-md)}rt-message[data-rt-radius=lg]>.rt-message{--rt-message-radius: var(--rt-radius-lg)}rt-message[data-rt-radius=xl]>.rt-message{--rt-message-radius: var(--rt-radius-xl)}rt-message[data-rt-radius=\"2xl\"]>.rt-message{--rt-message-radius: var(--rt-radius-2xl)}rt-message[data-rt-radius=full]>.rt-message{--rt-message-radius: var(--rt-radius-full)}}\n"]
 		}]
 	}],
 	propDecorators: {

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

@@ -1 +1 @@
-{"version":3,"file":"rt-tools-ui-kit-v2-message.mjs","names":[],"sources":["../../../projects/ui-kit-v2/src/lib/components/message/rt-message.component.ts","../../../projects/ui-kit-v2/src/lib/components/message/rt-message.component.html"],"sourcesContent":["import { BooleanInput } from '@angular/cdk/coercion';\nimport {\n    booleanAttribute,\n    computed,\n    inject,\n    input,\n    output,\n    ChangeDetectionStrategy,\n    Component,\n    InputSignal,\n    InputSignalWithTransform,\n    OutputEmitterRef,\n    Signal,\n    ViewEncapsulation,\n} from '@angular/core';\n\nimport { BlockDirective, ElemDirective, ModDirective } from '@rt-tools/core';\n\nimport { RT_KIT_LABELS, TRtKitLabelMap } from '@rt-tools/ui-kit-v2/core';\nimport { RtIconButtonComponent } from '@rt-tools/ui-kit-v2/icon-button';\nimport { RtIconComponent } from '@rt-tools/ui-kit-v2/icon';\nimport { IRtIcon } from '@rt-tools/ui-kit-v2/core';\nimport { RtRadiusDirective } from '@rt-tools/ui-kit-v2/radius';\nimport { IRtTag } from '@rt-tools/ui-kit-v2/tag';\n\nconst BEM_BLOCK: string = 'rt-message';\n\n/**\n * Alert / banner для уведомлений с 6 severities и default icon mapping.\n *\n * Использует `role=\"alert\"` на корневом `<aside>` — screen reader озвучивает\n * содержимое сразу после маунта (полезно для inline-фидбэка форм типа\n * «Сохранено успешно» / «{{ assignError() }}»).\n *\n * Severity-палитра идентична `rt-tag` (`info` / `success` / `warning` / `danger` /\n * `secondary` / `neutral`); тип `IRtTag.Severity` переиспользуется напрямую, чтобы\n * не дублировать union. Цвета — через семантические `--rt-color-state-*` токены,\n * layout — через primitive `--rt-space-*` / `--rt-radius-*`. BEM-разметка через\n * директивы `rtBlock` / `rtElem` / `rtMod` из `@rt-tools/core`.\n *\n * Default icon по severity:\n * - `info` → `ico-info`\n * - `success` → `check`\n * - `warning` → `ico-warning`\n * - `danger` → `ico-error`\n * - `secondary` / `neutral` → `null` (icon не рендерится)\n *\n * Любой default можно переопределить через `[icon]=\"...\"`, либо явно отключить\n * передачей `[icon]=\"null\"` (override срабатывает только для truthy значений).\n */\n@Component({\n    selector: 'rt-message',\n    templateUrl: './rt-message.component.html',\n    styleUrl: './rt-message.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        // standalone components / directives\n        RtIconButtonComponent,\n        RtIconComponent,\n        BlockDirective,\n        ElemDirective,\n        ModDirective,\n    ],\n    hostDirectives: [{ directive: RtRadiusDirective, inputs: ['radius'] }],\n    host: {\n        class: BEM_BLOCK,\n    },\n})\nexport class RtMessageComponent {\n    /** Default icon mapping для каждой severity. `null` — иконка не рендерится. */\n    readonly #severityIconDefaults: Readonly<Record<IRtTag.Severity, IRtIcon.Name | null>> = {\n        info: 'ico-info',\n        success: 'check',\n        warning: 'ico-warning',\n        danger: 'ico-error',\n        secondary: null,\n        neutral: null,\n    };\n\n    /**\n     * Финальное имя иконки: явный override через `[icon]` имеет приоритет; иначе —\n     * default по severity. Чтобы скрыть иконку у severity, у которой есть default,\n     * передайте пустую строку как `[icon]` — она будет falsy и не «победит» default.\n     * Полное отключение делается через severity `secondary` / `neutral`.\n     */\n    protected readonly t: Signal<TRtKitLabelMap> = inject(RT_KIT_LABELS);\n\n    protected readonly effectiveIcon: Signal<IRtIcon.Name | null> = computed((): IRtIcon.Name | null => {\n        if (this.hideIcon()) {\n            return null;\n        }\n        const override: IRtIcon.Name | null = this.icon();\n        if (override) {\n            return override;\n        }\n        return this.#severityIconDefaults[this.severity()];\n    });\n\n    /** Семантическая палитра. По умолчанию `info` (синий info-banner). */\n    public readonly severity: InputSignal<IRtTag.Severity> = input<IRtTag.Severity>('info');\n\n    /** Override default-icon. `null` — использовать default по severity. */\n    public readonly icon: InputSignal<IRtIcon.Name | null> = input<IRtIcon.Name | null>(null);\n\n    /** Полностью скрыть иконку (даже если у severity есть default) — только текст. */\n    public readonly hideIcon: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n\n    /** Рендерит close-button справа (rt-icon-button ghost sm). */\n    public readonly closable: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n\n    /** Эмиттится при клике на close-button (только если `closable=true`). */\n    public readonly closed: OutputEmitterRef<void> = output<void>();\n\n    protected onClose(): void {\n        this.closed.emit();\n    }\n}\n","<aside rtBlock=\"rt-message\" qa-dataid=\"message-alert\" role=\"alert\" [attr.data-severity]=\"severity()\" [rtMod]=\"{ severity: severity() }\">\n    @if (effectiveIcon(); as iconName) {\n        <rt-icon rtElem=\"icon\" [name]=\"iconName\" />\n    }\n    <div rtElem=\"body\" qa-dataid=\"message-body\">\n        <ng-content />\n    </div>\n    @if (closable()) {\n        <rt-icon-button\n            rtElem=\"close\"\n            qa-dataid=\"message-close\"\n            icon=\"ico-close\"\n            variant=\"ghost\"\n            size=\"sm\"\n            radius=\"full\"\n            [ariaLabel]=\"t().uiClose\"\n            (clicked)=\"onClose()\" />\n    }\n</aside>\n"],"mappings":"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"}
+{"version":3,"file":"rt-tools-ui-kit-v2-message.mjs","names":[],"sources":["../../../projects/ui-kit-v2/src/lib/components/message/rt-message.component.ts","../../../projects/ui-kit-v2/src/lib/components/message/rt-message.component.html"],"sourcesContent":["import { BooleanInput } from '@angular/cdk/coercion';\nimport {\n    booleanAttribute,\n    computed,\n    inject,\n    input,\n    output,\n    ChangeDetectionStrategy,\n    Component,\n    InputSignal,\n    InputSignalWithTransform,\n    OutputEmitterRef,\n    Signal,\n    ViewEncapsulation,\n} from '@angular/core';\n\nimport { BlockDirective, ElemDirective, ModDirective } from '@rt-tools/core';\n\nimport { RT_KIT_LABELS, TRtKitLabelMap } from '@rt-tools/ui-kit-v2/core';\nimport { RtIconButtonComponent } from '@rt-tools/ui-kit-v2/icon-button';\nimport { RtIconComponent } from '@rt-tools/ui-kit-v2/icon';\nimport { IRtIcon } from '@rt-tools/ui-kit-v2/core';\nimport { RtRadiusDirective } from '@rt-tools/ui-kit-v2/radius';\nimport { IRtTag } from '@rt-tools/ui-kit-v2/tag';\n\nconst BEM_BLOCK: string = 'rt-message';\n\n/**\n * Alert / banner для уведомлений с 6 severities и default icon mapping.\n *\n * Использует `role=\"alert\"` на корневом `<aside>` — screen reader озвучивает\n * содержимое сразу после маунта (полезно для inline-фидбэка форм типа\n * «Сохранено успешно» / «{{ assignError() }}»).\n *\n * Severity-палитра идентична `rt-tag` (`info` / `success` / `warning` / `danger` /\n * `secondary` / `neutral`); тип `IRtTag.Severity` переиспользуется напрямую, чтобы\n * не дублировать union. Цвета — через семантические `--rt-color-state-*` токены,\n * layout — через primitive `--rt-space-*` / `--rt-radius-*`. BEM-разметка через\n * директивы `rtBlock` / `rtElem` / `rtMod` из `@rt-tools/core`.\n *\n * Default icon по severity:\n * - `info` → `info-circle`\n * - `success` → `check`\n * - `warning` → `ico-warning`\n * - `danger` → `ico-error`\n * - `secondary` / `neutral` → `null` (icon не рендерится)\n *\n * Любой default можно переопределить через `[icon]=\"...\"`, либо явно отключить\n * передачей `[icon]=\"null\"` (override срабатывает только для truthy значений).\n */\n@Component({\n    selector: 'rt-message',\n    templateUrl: './rt-message.component.html',\n    styleUrl: './rt-message.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        // standalone components / directives\n        RtIconButtonComponent,\n        RtIconComponent,\n        BlockDirective,\n        ElemDirective,\n        ModDirective,\n    ],\n    hostDirectives: [{ directive: RtRadiusDirective, inputs: ['radius'] }],\n    host: {\n        class: BEM_BLOCK,\n    },\n})\nexport class RtMessageComponent {\n    /** Default icon mapping для каждой severity. `null` — иконка не рендерится. */\n    readonly #severityIconDefaults: Readonly<Record<IRtTag.Severity, IRtIcon.Name | null>> = {\n        info: 'info-circle',\n        success: 'check',\n        warning: 'ico-warning',\n        danger: 'ico-error',\n        secondary: null,\n        neutral: null,\n    };\n\n    /**\n     * Финальное имя иконки: явный override через `[icon]` имеет приоритет; иначе —\n     * default по severity. Чтобы скрыть иконку у severity, у которой есть default,\n     * передайте пустую строку как `[icon]` — она будет falsy и не «победит» default.\n     * Полное отключение делается через severity `secondary` / `neutral`.\n     */\n    protected readonly t: Signal<TRtKitLabelMap> = inject(RT_KIT_LABELS);\n\n    protected readonly effectiveIcon: Signal<IRtIcon.Name | null> = computed((): IRtIcon.Name | null => {\n        if (this.hideIcon()) {\n            return null;\n        }\n        const override: IRtIcon.Name | null = this.icon();\n        if (override) {\n            return override;\n        }\n        return this.#severityIconDefaults[this.severity()];\n    });\n\n    /** Семантическая палитра. По умолчанию `info` (синий info-banner). */\n    public readonly severity: InputSignal<IRtTag.Severity> = input<IRtTag.Severity>('info');\n\n    /** Override default-icon. `null` — использовать default по severity. */\n    public readonly icon: InputSignal<IRtIcon.Name | null> = input<IRtIcon.Name | null>(null);\n\n    /** Полностью скрыть иконку (даже если у severity есть default) — только текст. */\n    public readonly hideIcon: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n\n    /** Рендерит close-button справа (rt-icon-button ghost sm). */\n    public readonly closable: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n\n    /** Эмиттится при клике на close-button (только если `closable=true`). */\n    public readonly closed: OutputEmitterRef<void> = output<void>();\n\n    protected onClose(): void {\n        this.closed.emit();\n    }\n}\n","<aside rtBlock=\"rt-message\" qa-dataid=\"message-alert\" role=\"alert\" [attr.data-severity]=\"severity()\" [rtMod]=\"{ severity: severity() }\">\n    @if (effectiveIcon(); as iconName) {\n        <rt-icon rtElem=\"icon\" [name]=\"iconName\" />\n    }\n    <div rtElem=\"body\" qa-dataid=\"message-body\">\n        <ng-content />\n    </div>\n    @if (closable()) {\n        <rt-icon-button\n            rtElem=\"close\"\n            qa-dataid=\"message-close\"\n            icon=\"ico-close\"\n            variant=\"ghost\"\n            size=\"sm\"\n            radius=\"full\"\n            [ariaLabel]=\"t().uiClose\"\n            (clicked)=\"onClose()\" />\n    }\n</aside>\n"],"mappings":"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"}

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

@@ -295,8 +295,8 @@ var RtMultiselectComponent = class RtMultiselectComponent extends RtFormControlB
 				inputs: ["radius", "radius"]
 			}],
 			ngImport: i0,
-			template: "<ng-container rtBlock=\"rt-multiselect\">\n    @if (isReadonly()) {\n        <span rtElem=\"readonly\" qa-dataid=\"multiselect-readonly\" [rtMod]=\"{ empty: !displayText() }\">{{ displayText() || '—' }}</span>\n    }\n    <button\n        #triggerEl\n        rtElem=\"trigger\"\n        qa-dataid=\"multiselect-trigger\"\n        type=\"button\"\n        [rtPopoverWidth]=\"panelWidth()\"\n        [rtMod]=\"{ own: !!triggerTpl() }\"\n        [rtPopover]=\"panelTpl\"\n        [rtPopoverDisabled]=\"isDisabled()\"\n        [attr.id]=\"effectiveControlId()\"\n        [attr.aria-label]=\"ariaLabel()\"\n        [attr.aria-haspopup]=\"'listbox'\"\n        [attr.aria-expanded]=\"isOpen()\"\n        [attr.aria-invalid]=\"isInvalid() || null\"\n        [attr.aria-controls]=\"panelId\"\n        [attr.aria-activedescendant]=\"activeOptionId()\"\n        [disabled]=\"isDisabled()\"\n        (keydown)=\"onTriggerKeydown($event)\"\n        (rtPopoverOpened)=\"onOpened()\"\n        (rtPopoverClosed)=\"onClosed()\">\n        <!--\n            Разметка указателя: своя, если потребитель её объявил, иначе зашитая китом. Она встаёт\n            внутрь кнопки, а не вместо неё: поведение — открытие панели, приметы доступности,\n            отключённость, клавиши и закрытие — остаётся на кнопке кита.\n        -->\n        @if (triggerTpl(); as tpl) {\n            <ng-container [ngTemplateOutlet]=\"tpl.templateRef\" [ngTemplateOutletContext]=\"{ $implicit: triggerState() }\" />\n        } @else {\n            @if (iconLeft(); as left) {\n                <rt-icon rtElem=\"icon-left\" qa-dataid=\"multiselect-icon-left\" size=\"sm\" color=\"muted\" [name]=\"left\" />\n            }\n            @if (value().length === 0) {\n                <span rtElem=\"placeholder\" qa-dataid=\"multiselect-placeholder\">{{ placeholderText() }}</span>\n            } @else {\n                <span rtElem=\"chips\">\n                    @for (val of visibleChips(); track val) {\n                        <span rtElem=\"chip\" qa-dataid=\"multiselect-chip\" [attr.data-value]=\"val\">\n                            <rt-tag\n                                severity=\"info\"\n                                [value]=\"val | rtMultiselectLabel: options()\"\n                                [closable]=\"true\"\n                                (closed)=\"removeChip(val, $event)\" />\n                        </span>\n                    }\n                    @if (extraChipsCount() > 0) {\n                        <span rtElem=\"chip-more\" qa-dataid=\"multiselect-chip-more\">+{{ extraChipsCount() }}</span>\n                    }\n                </span>\n            }\n            @if (showClearButton()) {\n                <rt-icon-button\n                    rtElem=\"clear\"\n                    qa-dataid=\"multiselect-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 rtElem=\"chevron\" name=\"chevron-down\" size=\"sm\" color=\"muted\" />\n        }\n    </button>\n\n    <ng-template #panelTpl>\n        <div\n            rtElem=\"panel\"\n            qa-dataid=\"multiselect-panel\"\n            role=\"listbox\"\n            [style.--rt-multiselect-panel-max-height]=\"panelMaxHeight()\"\n            [attr.aria-label]=\"ariaLabel()\">\n            <!--\n                Опции выбираются мышью через (click); keyboard-nav — на trigger'е\n                (activedescendant), опции не focusable индивидуально.\n            -->\n            <!-- eslint-disable @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -->\n            <ul rtElem=\"list\">\n                @for (row of rows(); track row.option.value; let i = $index) {\n                    <li\n                        rtElem=\"option\"\n                        qa-dataid=\"multiselect-option\"\n                        role=\"option\"\n                        [id]=\"panelId + '-opt-' + i\"\n                        [attr.data-value]=\"row.option.value\"\n                        [attr.aria-level]=\"isTree() ? row.level + 1 : null\"\n                        [style.--rt-multiselect-tree-level]=\"row.level\"\n                        [rtMod]=\"{\n                            selected: rowChecks()[i] === 'all',\n                            active: i === activeIndex(),\n                            disabled: !!row.option.disabled,\n                        }\"\n                        [attr.aria-selected]=\"rowChecks()[i] === 'all'\"\n                        [attr.aria-disabled]=\"!!row.option.disabled\"\n                        (click)=\"toggleOption(row.option)\">\n                        @if (isTree()) {\n                            @if (row.branch) {\n                                <button\n                                    rtElem=\"toggle\"\n                                    qa-dataid=\"multiselect-option-toggle\"\n                                    type=\"button\"\n                                    tabindex=\"-1\"\n                                    [attr.aria-label]=\"row.open ? t().uiCollapse : t().uiExpand\"\n                                    [attr.aria-expanded]=\"row.open\"\n                                    (click)=\"toggleBranch($event, row.option.value)\">\n                                    <rt-icon size=\"sm\" color=\"muted\" [name]=\"row.open ? 'chevron-down' : 'chevron-right'\" />\n                                </button>\n                            } @else {\n                                <span rtElem=\"toggle-space\"></span>\n                            }\n                        }\n                        <input\n                            rtElem=\"checkbox\"\n                            qa-dataid=\"multiselect-option-checkbox\"\n                            type=\"checkbox\"\n                            tabindex=\"-1\"\n                            [checked]=\"rowChecks()[i] === 'all'\"\n                            [indeterminate]=\"rowChecks()[i] === 'some'\" />\n                        <span rtElem=\"option-label\" qa-dataid=\"multiselect-option-label\">{{ row.option.label }}</span>\n                    </li>\n                } @empty {\n                    <li rtElem=\"empty\" qa-dataid=\"multiselect-empty\">{{ t().uiNoOptions }}</li>\n                }\n            </ul>\n        </div>\n    </ng-template>\n</ng-container>\n",
-			styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-multiselect{--rt-multiselect-radius: var(--rt-input-radius);--rt-multiselect-caret-transition-duration: var(--rt-duration-fast);--rt-multiselect-own-outline-width: var(--rt-border-width-medium);--rt-multiselect-color-border-hover: var(--rt-color-text-primary);position:relative;display:block;width:100%}.rt-multiselect--borderless .rt-multiselect__trigger{border-color:transparent}.rt-multiselect__trigger{display:flex;width:100%;min-height:var(--rt-input-height);box-sizing:border-box;align-items:center;padding:var(--rt-input-padding-y) var(--rt-input-padding-x);border:var(--rt-input-border-width) solid var(--rt-input-color-border);border-radius:var(--rt-multiselect-radius);background-color:var(--rt-input-color-bg);color:var(--rt-input-color-text);cursor:pointer;font-family:inherit;font-size:var(--rt-input-font-size);gap:var(--rt-space-sm);line-height:var(--rt-input-line-height);text-align:start;transition:var(--rt-input-transition)}.rt-multiselect__trigger:focus{border-color:var(--rt-input-color-border-focus);box-shadow:var(--rt-input-focus-shadow);outline:2px solid transparent;outline-offset:var(--rt-input-focus-outline-offset)}.rt-multiselect__trigger:disabled{cursor:not-allowed}:where(.rt-preset-material,[data-preset=material]) .rt-multiselect__trigger:where(:hover:not(:disabled)){border-color:var(--rt-multiselect-color-border-hover)}.rt-multiselect__trigger--own{width:auto;min-height:0;padding:0;border-color:transparent;background-color:transparent}.rt-multiselect__trigger--own:focus{border-color:transparent;box-shadow:none}.rt-multiselect__trigger--own:focus-visible{outline:var(--rt-multiselect-own-outline-width) solid var(--rt-input-color-border-focus);outline-offset:var(--rt-input-focus-outline-offset)}.rt-multiselect--open .rt-multiselect__trigger{border-color:var(--rt-input-color-border-focus)}.rt-multiselect--open .rt-multiselect__trigger--own{border-color:transparent}.rt-multiselect--invalid .rt-multiselect__trigger{border-color:var(--rt-input-color-border-error)}.rt-multiselect--invalid .rt-multiselect__trigger:focus{box-shadow:var(--rt-input-focus-shadow-error)}.rt-multiselect--invalid .rt-multiselect__trigger--own{border-color:transparent}.rt-multiselect--invalid .rt-multiselect__trigger--own:focus{box-shadow:none}.rt-multiselect--disabled{opacity:var(--rt-input-disabled-opacity)}.rt-multiselect--readonly .rt-multiselect__trigger{display:none}.rt-multiselect__readonly{display:inline-flex;min-height:var(--rt-input-height);align-items:center;color:var(--rt-field-value-color);font-size:var(--rt-field-value-font-size)}.rt-multiselect__readonly--empty{color:var(--rt-field-value-empty-color)}.rt-multiselect--size--sm .rt-multiselect__trigger{min-height:var(--rt-input-height-sm)}.rt-multiselect--size--lg .rt-multiselect__trigger{min-height:var(--rt-input-height-lg)}.rt-multiselect__placeholder{overflow:hidden;min-width:0;flex:1 1 auto;color:var(--rt-input-color-text-placeholder);text-overflow:ellipsis;white-space:nowrap}.rt-multiselect__chips{display:flex;min-width:0;flex:1 1 auto;flex-wrap:wrap;gap:var(--rt-space-2xs)}.rt-multiselect__chip{display:inline-flex;align-items:center}.rt-multiselect__chip-more{display:inline-flex;align-items:center;padding:0 var(--rt-space-xs);color:var(--rt-input-color-text-placeholder);font-size:var(--rt-input-font-size)}.rt-multiselect__icon-left,.rt-multiselect__clear{flex-shrink:0}.rt-multiselect__chevron{flex-shrink:0;transition:transform var(--rt-multiselect-caret-transition-duration) ease}.rt-multiselect--open .rt-multiselect__chevron{transform:rotate(180deg)}.rt-multiselect__panel{--rt-multiselect-panel-shadow: var(--rt-shadow-md);--rt-multiselect-tree-indent: var(--rt-space-lg);--rt-multiselect-panel-max-height: var(--rt-input-panel-max-height);width:100%;max-height:var(--rt-multiselect-panel-max-height);box-sizing:border-box;border:var(--rt-input-border-width) solid var(--rt-color-border-subtle);border-radius:var(--rt-input-radius);background-color:var(--rt-color-bg-surface);box-shadow:var(--rt-multiselect-panel-shadow);overflow-y:auto}.rt-multiselect__list{padding:var(--rt-space-2xs) 0;margin:0;list-style:none}.rt-multiselect__option{--rt-multiselect-tree-level: 0;display:flex;align-items:center;padding:var(--rt-space-sm) var(--rt-space-md);color:var(--rt-color-text-primary);cursor:pointer;font-size:var(--rt-input-font-size);gap:var(--rt-space-sm);padding-inline-start:calc(var(--rt-space-md) + var(--rt-multiselect-tree-indent) * var(--rt-multiselect-tree-level))}.rt-multiselect__option:hover,.rt-multiselect__option--active{background-color:var(--rt-color-bg-hover)}.rt-multiselect__option--selected{background-color:var(--rt-color-action-primary-subtle);font-weight:var(--rt-font-weight-semibold)}.rt-multiselect__option--disabled{cursor:not-allowed;opacity:var(--rt-input-disabled-opacity)}.rt-multiselect__option--disabled:hover{background-color:transparent}.rt-multiselect__toggle,.rt-multiselect__toggle-space{display:inline-flex;flex-shrink:0;block-size:var(--rt-input-icon-size);inline-size:var(--rt-input-icon-size)}.rt-multiselect__toggle{align-items:center;justify-content:center;padding:0;border:0;background:transparent;cursor:pointer}.rt-multiselect__checkbox{flex-shrink:0;margin:0;pointer-events:none}.rt-multiselect__option-label{min-width:0;flex:1 1 auto}.rt-multiselect__empty{padding:var(--rt-space-sm) var(--rt-space-md);color:var(--rt-input-color-text-placeholder);font-style:italic}.rt-multiselect[data-rt-radius=none]{--rt-multiselect-radius: var(--rt-radius-none)}.rt-multiselect[data-rt-radius=xs]{--rt-multiselect-radius: var(--rt-radius-xs)}.rt-multiselect[data-rt-radius=sm]{--rt-multiselect-radius: var(--rt-radius-sm)}.rt-multiselect[data-rt-radius=ms]{--rt-multiselect-radius: var(--rt-radius-ms)}.rt-multiselect[data-rt-radius=md]{--rt-multiselect-radius: var(--rt-radius-md)}.rt-multiselect[data-rt-radius=lg]{--rt-multiselect-radius: var(--rt-radius-lg)}.rt-multiselect[data-rt-radius=xl]{--rt-multiselect-radius: var(--rt-radius-xl)}.rt-multiselect[data-rt-radius=\"2xl\"]{--rt-multiselect-radius: var(--rt-radius-2xl)}.rt-multiselect[data-rt-radius=full]{--rt-multiselect-radius: var(--rt-radius-full)}}\n"],
+			template: "<ng-container rtBlock=\"rt-multiselect\">\n    @if (isReadonly()) {\n        <span rtElem=\"readonly\" qa-dataid=\"multiselect-readonly\" [rtMod]=\"{ empty: !displayText() }\">{{ displayText() || '—' }}</span>\n    }\n    <button\n        #triggerEl\n        rtElem=\"trigger\"\n        qa-dataid=\"multiselect-trigger\"\n        type=\"button\"\n        [rtPopoverWidth]=\"panelWidth()\"\n        [rtMod]=\"{ own: !!triggerTpl() }\"\n        [rtPopover]=\"panelTpl\"\n        [rtPopoverDisabled]=\"isDisabled()\"\n        [attr.id]=\"effectiveControlId()\"\n        [attr.aria-label]=\"ariaLabel()\"\n        [attr.aria-haspopup]=\"'listbox'\"\n        [attr.aria-expanded]=\"isOpen()\"\n        [attr.aria-invalid]=\"isInvalid() || null\"\n        [attr.aria-controls]=\"panelId\"\n        [attr.aria-activedescendant]=\"activeOptionId()\"\n        [disabled]=\"isDisabled()\"\n        (keydown)=\"onTriggerKeydown($event)\"\n        (rtPopoverOpened)=\"onOpened()\"\n        (rtPopoverClosed)=\"onClosed()\">\n        <!--\n            Разметка указателя: своя, если потребитель её объявил, иначе зашитая китом. Она встаёт\n            внутрь кнопки, а не вместо неё: поведение — открытие панели, приметы доступности,\n            отключённость, клавиши и закрытие — остаётся на кнопке кита.\n        -->\n        @if (triggerTpl(); as tpl) {\n            <ng-container [ngTemplateOutlet]=\"tpl.templateRef\" [ngTemplateOutletContext]=\"{ $implicit: triggerState() }\" />\n        } @else {\n            @if (iconLeft(); as left) {\n                <rt-icon rtElem=\"icon-left\" qa-dataid=\"multiselect-icon-left\" size=\"sm\" color=\"muted\" [name]=\"left\" />\n            }\n            @if (value().length === 0) {\n                <span rtElem=\"placeholder\" qa-dataid=\"multiselect-placeholder\">{{ placeholderText() }}</span>\n            } @else {\n                <span rtElem=\"chips\">\n                    @for (val of visibleChips(); track val) {\n                        <span rtElem=\"chip\" qa-dataid=\"multiselect-chip\" [attr.data-value]=\"val\">\n                            <rt-tag\n                                severity=\"info\"\n                                [value]=\"val | rtMultiselectLabel: options()\"\n                                [closable]=\"true\"\n                                (closed)=\"removeChip(val, $event)\" />\n                        </span>\n                    }\n                    @if (extraChipsCount() > 0) {\n                        <span rtElem=\"chip-more\" qa-dataid=\"multiselect-chip-more\">+{{ extraChipsCount() }}</span>\n                    }\n                </span>\n            }\n            @if (showClearButton()) {\n                @if (clearTabbable()) {\n                    <!-- Место крестика в строке: сам крестик в порядке Tab стоит рядом с кнопкой, ниже. -->\n                    <span rtElem=\"clear-slot\" aria-hidden=\"true\"></span>\n                } @else {\n                    <rt-icon-button\n                        rtElem=\"clear\"\n                        qa-dataid=\"multiselect-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            }\n            <rt-icon rtElem=\"chevron\" name=\"chevron-down\" size=\"sm\" color=\"muted\" />\n        }\n    </button>\n\n    @if (showClearButton() && clearTabbable() && !triggerTpl()) {\n        <!--\n            Крестик в порядке обхода — соседняя кнопка поверх своего места в строке, а не кнопка в\n            кнопке: вложенную кнопку скринридер не объявляет, а её Enter открывал бы список.\n        -->\n        <rt-icon-button\n            rtElem=\"clear\"\n            qa-dataid=\"multiselect-clear\"\n            icon=\"ico-close\"\n            size=\"sm\"\n            variant=\"ghost\"\n            iconColor=\"muted\"\n            [rtMod]=\"{ outside: true }\"\n            [ariaLabel]=\"t().uiClear\"\n            [tabIndex]=\"0\"\n            (clicked)=\"clear($event)\" />\n    }\n\n    <ng-template #panelTpl>\n        <div\n            rtElem=\"panel\"\n            qa-dataid=\"multiselect-panel\"\n            role=\"listbox\"\n            [style.--rt-multiselect-panel-max-height]=\"panelMaxHeight()\"\n            [attr.aria-label]=\"ariaLabel()\">\n            <!--\n                Опции выбираются мышью через (click); keyboard-nav — на trigger'е\n                (activedescendant), опции не focusable индивидуально.\n            -->\n            <!-- eslint-disable @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -->\n            <ul rtElem=\"list\">\n                @for (row of rows(); track row.option.value; let i = $index) {\n                    <li\n                        rtElem=\"option\"\n                        qa-dataid=\"multiselect-option\"\n                        role=\"option\"\n                        [id]=\"panelId + '-opt-' + i\"\n                        [attr.data-value]=\"row.option.value\"\n                        [attr.aria-level]=\"isTree() ? row.level + 1 : null\"\n                        [style.--rt-multiselect-tree-level]=\"row.level\"\n                        [rtMod]=\"{\n                            selected: rowChecks()[i] === 'all',\n                            active: i === activeIndex(),\n                            disabled: !!row.option.disabled,\n                        }\"\n                        [attr.aria-selected]=\"rowChecks()[i] === 'all'\"\n                        [attr.aria-disabled]=\"!!row.option.disabled\"\n                        (click)=\"toggleOption(row.option)\">\n                        @if (isTree()) {\n                            @if (row.branch) {\n                                <button\n                                    rtElem=\"toggle\"\n                                    qa-dataid=\"multiselect-option-toggle\"\n                                    type=\"button\"\n                                    tabindex=\"-1\"\n                                    [attr.aria-label]=\"row.open ? t().uiCollapse : t().uiExpand\"\n                                    [attr.aria-expanded]=\"row.open\"\n                                    (click)=\"toggleBranch($event, row.option.value)\">\n                                    <rt-icon size=\"sm\" color=\"muted\" [name]=\"row.open ? 'chevron-down' : 'chevron-right'\" />\n                                </button>\n                            } @else {\n                                <span rtElem=\"toggle-space\"></span>\n                            }\n                        }\n                        <input\n                            rtElem=\"checkbox\"\n                            qa-dataid=\"multiselect-option-checkbox\"\n                            type=\"checkbox\"\n                            tabindex=\"-1\"\n                            [checked]=\"rowChecks()[i] === 'all'\"\n                            [indeterminate]=\"rowChecks()[i] === 'some'\" />\n                        <span rtElem=\"option-label\" qa-dataid=\"multiselect-option-label\">{{ row.option.label }}</span>\n                    </li>\n                } @empty {\n                    <li rtElem=\"empty\" qa-dataid=\"multiselect-empty\">{{ t().uiNoOptions }}</li>\n                }\n            </ul>\n        </div>\n    </ng-template>\n</ng-container>\n",
+			styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-multiselect{--rt-multiselect-radius: var(--rt-input-radius);--rt-multiselect-caret-transition-duration: var(--rt-duration-fast);--rt-multiselect-own-outline-width: var(--rt-border-width-medium);--rt-multiselect-color-border-hover: var(--rt-color-text-primary);position:relative;display:block;width:100%}.rt-multiselect--borderless .rt-multiselect__trigger{border-color:transparent}.rt-multiselect__trigger{display:flex;width:100%;min-height:var(--rt-input-height);box-sizing:border-box;align-items:center;padding:var(--rt-input-padding-y) var(--rt-input-padding-x);border:var(--rt-input-border-width) solid var(--rt-input-color-border);border-radius:var(--rt-multiselect-radius);background-color:var(--rt-input-color-bg);color:var(--rt-input-color-text);cursor:pointer;font-family:inherit;font-size:var(--rt-input-font-size);gap:var(--rt-space-sm);line-height:var(--rt-input-line-height);text-align:start;transition:var(--rt-input-transition)}.rt-multiselect__trigger:focus{border-color:var(--rt-input-color-border-focus);box-shadow:var(--rt-input-focus-shadow);outline:2px solid transparent;outline-offset:var(--rt-input-focus-outline-offset)}.rt-multiselect__trigger:disabled{cursor:not-allowed}:where(.rt-preset-material,[data-preset=material]) .rt-multiselect__trigger:where(:hover:not(:disabled)){border-color:var(--rt-multiselect-color-border-hover)}.rt-multiselect__trigger--own{width:auto;min-height:0;padding:0;border-color:transparent;background-color:transparent}.rt-multiselect__trigger--own:focus{border-color:transparent;box-shadow:none}.rt-multiselect__trigger--own:focus-visible{outline:var(--rt-multiselect-own-outline-width) solid var(--rt-input-color-border-focus);outline-offset:var(--rt-input-focus-outline-offset)}.rt-multiselect--open .rt-multiselect__trigger{border-color:var(--rt-input-color-border-focus)}.rt-multiselect--open .rt-multiselect__trigger--own{border-color:transparent}.rt-multiselect--invalid .rt-multiselect__trigger{border-color:var(--rt-input-color-border-error)}.rt-multiselect--invalid .rt-multiselect__trigger:focus{box-shadow:var(--rt-input-focus-shadow-error)}.rt-multiselect--invalid .rt-multiselect__trigger--own{border-color:transparent}.rt-multiselect--invalid .rt-multiselect__trigger--own:focus{box-shadow:none}.rt-multiselect--disabled{opacity:var(--rt-input-disabled-opacity)}.rt-multiselect--readonly .rt-multiselect__trigger{display:none}.rt-multiselect__readonly{display:inline-flex;min-height:var(--rt-input-height);align-items:center;color:var(--rt-field-value-color);font-size:var(--rt-field-value-font-size)}.rt-multiselect__readonly--empty{color:var(--rt-field-value-empty-color)}.rt-multiselect--size--sm .rt-multiselect__trigger{min-height:var(--rt-input-height-sm)}.rt-multiselect--size--lg .rt-multiselect__trigger{min-height:var(--rt-input-height-lg)}.rt-multiselect__placeholder{overflow:hidden;min-width:0;flex:1 1 auto;color:var(--rt-input-color-text-placeholder);text-overflow:ellipsis;white-space:nowrap}.rt-multiselect__chips{display:flex;min-width:0;flex:1 1 auto;flex-wrap:wrap;gap:var(--rt-space-2xs)}.rt-multiselect__chip{display:inline-flex;align-items:center}.rt-multiselect__chip-more{display:inline-flex;align-items:center;padding:0 var(--rt-space-xs);color:var(--rt-input-color-text-placeholder);font-size:var(--rt-input-font-size)}.rt-multiselect__icon-left,.rt-multiselect__clear{flex-shrink:0}.rt-multiselect__clear-slot{width:var(--rt-control-height-sm);height:var(--rt-control-height-sm);flex-shrink:0}.rt-multiselect__clear--outside{position:absolute;top:50%;right:calc(var(--rt-input-border-width) + var(--rt-input-padding-x) + var(--rt-size-4) + var(--rt-space-sm));transform:translateY(-50%)}.rt-multiselect--readonly .rt-multiselect__clear--outside{display:none}.rt-multiselect__chevron{flex-shrink:0;transition:transform var(--rt-multiselect-caret-transition-duration) ease}.rt-multiselect--open .rt-multiselect__chevron{transform:rotate(180deg)}.rt-multiselect__panel{--rt-multiselect-panel-shadow: var(--rt-shadow-md);--rt-multiselect-tree-indent: var(--rt-space-lg);--rt-multiselect-panel-max-height: var(--rt-input-panel-max-height);width:100%;max-height:var(--rt-multiselect-panel-max-height);box-sizing:border-box;border:var(--rt-input-border-width) solid var(--rt-color-border-subtle);border-radius:var(--rt-input-radius);background-color:var(--rt-color-bg-surface);box-shadow:var(--rt-multiselect-panel-shadow);overflow-y:auto}.rt-multiselect__list{padding:var(--rt-space-2xs) 0;margin:0;list-style:none}.rt-multiselect__option{--rt-multiselect-tree-level: 0;display:flex;align-items:center;padding:var(--rt-space-sm) var(--rt-space-md);color:var(--rt-color-text-primary);cursor:pointer;font-size:var(--rt-input-font-size);gap:var(--rt-space-sm);padding-inline-start:calc(var(--rt-space-md) + var(--rt-multiselect-tree-indent) * var(--rt-multiselect-tree-level))}.rt-multiselect__option:hover,.rt-multiselect__option--active{background-color:var(--rt-color-bg-hover)}.rt-multiselect__option--selected{background-color:var(--rt-color-action-primary-subtle);font-weight:var(--rt-font-weight-semibold)}.rt-multiselect__option--disabled{cursor:not-allowed;opacity:var(--rt-input-disabled-opacity)}.rt-multiselect__option--disabled:hover{background-color:transparent}.rt-multiselect__toggle,.rt-multiselect__toggle-space{display:inline-flex;flex-shrink:0;block-size:var(--rt-input-icon-size);inline-size:var(--rt-input-icon-size)}.rt-multiselect__toggle{align-items:center;justify-content:center;padding:0;border:0;background:transparent;cursor:pointer}.rt-multiselect__checkbox{flex-shrink:0;margin:0;pointer-events:none}.rt-multiselect__option-label{min-width:0;flex:1 1 auto}.rt-multiselect__empty{padding:var(--rt-space-sm) var(--rt-space-md);color:var(--rt-input-color-text-placeholder);font-style:italic}.rt-multiselect[data-rt-radius=none]{--rt-multiselect-radius: var(--rt-radius-none)}.rt-multiselect[data-rt-radius=xs]{--rt-multiselect-radius: var(--rt-radius-xs)}.rt-multiselect[data-rt-radius=sm]{--rt-multiselect-radius: var(--rt-radius-sm)}.rt-multiselect[data-rt-radius=ms]{--rt-multiselect-radius: var(--rt-radius-ms)}.rt-multiselect[data-rt-radius=md]{--rt-multiselect-radius: var(--rt-radius-md)}.rt-multiselect[data-rt-radius=lg]{--rt-multiselect-radius: var(--rt-radius-lg)}.rt-multiselect[data-rt-radius=xl]{--rt-multiselect-radius: var(--rt-radius-xl)}.rt-multiselect[data-rt-radius=\"2xl\"]{--rt-multiselect-radius: var(--rt-radius-2xl)}.rt-multiselect[data-rt-radius=full]{--rt-multiselect-radius: var(--rt-radius-full)}}\n"],
 			dependencies: [
 				{
 					kind: "directive",
@@ -455,8 +455,8 @@ i0.ɵɵngDeclareClassMetadata({
 				"[class.rt-multiselect--size--sm]": "size() === 'sm'",
 				"[class.rt-multiselect--size--lg]": "size() === 'lg'"
 			},
-			template: "<ng-container rtBlock=\"rt-multiselect\">\n    @if (isReadonly()) {\n        <span rtElem=\"readonly\" qa-dataid=\"multiselect-readonly\" [rtMod]=\"{ empty: !displayText() }\">{{ displayText() || '—' }}</span>\n    }\n    <button\n        #triggerEl\n        rtElem=\"trigger\"\n        qa-dataid=\"multiselect-trigger\"\n        type=\"button\"\n        [rtPopoverWidth]=\"panelWidth()\"\n        [rtMod]=\"{ own: !!triggerTpl() }\"\n        [rtPopover]=\"panelTpl\"\n        [rtPopoverDisabled]=\"isDisabled()\"\n        [attr.id]=\"effectiveControlId()\"\n        [attr.aria-label]=\"ariaLabel()\"\n        [attr.aria-haspopup]=\"'listbox'\"\n        [attr.aria-expanded]=\"isOpen()\"\n        [attr.aria-invalid]=\"isInvalid() || null\"\n        [attr.aria-controls]=\"panelId\"\n        [attr.aria-activedescendant]=\"activeOptionId()\"\n        [disabled]=\"isDisabled()\"\n        (keydown)=\"onTriggerKeydown($event)\"\n        (rtPopoverOpened)=\"onOpened()\"\n        (rtPopoverClosed)=\"onClosed()\">\n        <!--\n            Разметка указателя: своя, если потребитель её объявил, иначе зашитая китом. Она встаёт\n            внутрь кнопки, а не вместо неё: поведение — открытие панели, приметы доступности,\n            отключённость, клавиши и закрытие — остаётся на кнопке кита.\n        -->\n        @if (triggerTpl(); as tpl) {\n            <ng-container [ngTemplateOutlet]=\"tpl.templateRef\" [ngTemplateOutletContext]=\"{ $implicit: triggerState() }\" />\n        } @else {\n            @if (iconLeft(); as left) {\n                <rt-icon rtElem=\"icon-left\" qa-dataid=\"multiselect-icon-left\" size=\"sm\" color=\"muted\" [name]=\"left\" />\n            }\n            @if (value().length === 0) {\n                <span rtElem=\"placeholder\" qa-dataid=\"multiselect-placeholder\">{{ placeholderText() }}</span>\n            } @else {\n                <span rtElem=\"chips\">\n                    @for (val of visibleChips(); track val) {\n                        <span rtElem=\"chip\" qa-dataid=\"multiselect-chip\" [attr.data-value]=\"val\">\n                            <rt-tag\n                                severity=\"info\"\n                                [value]=\"val | rtMultiselectLabel: options()\"\n                                [closable]=\"true\"\n                                (closed)=\"removeChip(val, $event)\" />\n                        </span>\n                    }\n                    @if (extraChipsCount() > 0) {\n                        <span rtElem=\"chip-more\" qa-dataid=\"multiselect-chip-more\">+{{ extraChipsCount() }}</span>\n                    }\n                </span>\n            }\n            @if (showClearButton()) {\n                <rt-icon-button\n                    rtElem=\"clear\"\n                    qa-dataid=\"multiselect-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 rtElem=\"chevron\" name=\"chevron-down\" size=\"sm\" color=\"muted\" />\n        }\n    </button>\n\n    <ng-template #panelTpl>\n        <div\n            rtElem=\"panel\"\n            qa-dataid=\"multiselect-panel\"\n            role=\"listbox\"\n            [style.--rt-multiselect-panel-max-height]=\"panelMaxHeight()\"\n            [attr.aria-label]=\"ariaLabel()\">\n            <!--\n                Опции выбираются мышью через (click); keyboard-nav — на trigger'е\n                (activedescendant), опции не focusable индивидуально.\n            -->\n            <!-- eslint-disable @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -->\n            <ul rtElem=\"list\">\n                @for (row of rows(); track row.option.value; let i = $index) {\n                    <li\n                        rtElem=\"option\"\n                        qa-dataid=\"multiselect-option\"\n                        role=\"option\"\n                        [id]=\"panelId + '-opt-' + i\"\n                        [attr.data-value]=\"row.option.value\"\n                        [attr.aria-level]=\"isTree() ? row.level + 1 : null\"\n                        [style.--rt-multiselect-tree-level]=\"row.level\"\n                        [rtMod]=\"{\n                            selected: rowChecks()[i] === 'all',\n                            active: i === activeIndex(),\n                            disabled: !!row.option.disabled,\n                        }\"\n                        [attr.aria-selected]=\"rowChecks()[i] === 'all'\"\n                        [attr.aria-disabled]=\"!!row.option.disabled\"\n                        (click)=\"toggleOption(row.option)\">\n                        @if (isTree()) {\n                            @if (row.branch) {\n                                <button\n                                    rtElem=\"toggle\"\n                                    qa-dataid=\"multiselect-option-toggle\"\n                                    type=\"button\"\n                                    tabindex=\"-1\"\n                                    [attr.aria-label]=\"row.open ? t().uiCollapse : t().uiExpand\"\n                                    [attr.aria-expanded]=\"row.open\"\n                                    (click)=\"toggleBranch($event, row.option.value)\">\n                                    <rt-icon size=\"sm\" color=\"muted\" [name]=\"row.open ? 'chevron-down' : 'chevron-right'\" />\n                                </button>\n                            } @else {\n                                <span rtElem=\"toggle-space\"></span>\n                            }\n                        }\n                        <input\n                            rtElem=\"checkbox\"\n                            qa-dataid=\"multiselect-option-checkbox\"\n                            type=\"checkbox\"\n                            tabindex=\"-1\"\n                            [checked]=\"rowChecks()[i] === 'all'\"\n                            [indeterminate]=\"rowChecks()[i] === 'some'\" />\n                        <span rtElem=\"option-label\" qa-dataid=\"multiselect-option-label\">{{ row.option.label }}</span>\n                    </li>\n                } @empty {\n                    <li rtElem=\"empty\" qa-dataid=\"multiselect-empty\">{{ t().uiNoOptions }}</li>\n                }\n            </ul>\n        </div>\n    </ng-template>\n</ng-container>\n",
-			styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-multiselect{--rt-multiselect-radius: var(--rt-input-radius);--rt-multiselect-caret-transition-duration: var(--rt-duration-fast);--rt-multiselect-own-outline-width: var(--rt-border-width-medium);--rt-multiselect-color-border-hover: var(--rt-color-text-primary);position:relative;display:block;width:100%}.rt-multiselect--borderless .rt-multiselect__trigger{border-color:transparent}.rt-multiselect__trigger{display:flex;width:100%;min-height:var(--rt-input-height);box-sizing:border-box;align-items:center;padding:var(--rt-input-padding-y) var(--rt-input-padding-x);border:var(--rt-input-border-width) solid var(--rt-input-color-border);border-radius:var(--rt-multiselect-radius);background-color:var(--rt-input-color-bg);color:var(--rt-input-color-text);cursor:pointer;font-family:inherit;font-size:var(--rt-input-font-size);gap:var(--rt-space-sm);line-height:var(--rt-input-line-height);text-align:start;transition:var(--rt-input-transition)}.rt-multiselect__trigger:focus{border-color:var(--rt-input-color-border-focus);box-shadow:var(--rt-input-focus-shadow);outline:2px solid transparent;outline-offset:var(--rt-input-focus-outline-offset)}.rt-multiselect__trigger:disabled{cursor:not-allowed}:where(.rt-preset-material,[data-preset=material]) .rt-multiselect__trigger:where(:hover:not(:disabled)){border-color:var(--rt-multiselect-color-border-hover)}.rt-multiselect__trigger--own{width:auto;min-height:0;padding:0;border-color:transparent;background-color:transparent}.rt-multiselect__trigger--own:focus{border-color:transparent;box-shadow:none}.rt-multiselect__trigger--own:focus-visible{outline:var(--rt-multiselect-own-outline-width) solid var(--rt-input-color-border-focus);outline-offset:var(--rt-input-focus-outline-offset)}.rt-multiselect--open .rt-multiselect__trigger{border-color:var(--rt-input-color-border-focus)}.rt-multiselect--open .rt-multiselect__trigger--own{border-color:transparent}.rt-multiselect--invalid .rt-multiselect__trigger{border-color:var(--rt-input-color-border-error)}.rt-multiselect--invalid .rt-multiselect__trigger:focus{box-shadow:var(--rt-input-focus-shadow-error)}.rt-multiselect--invalid .rt-multiselect__trigger--own{border-color:transparent}.rt-multiselect--invalid .rt-multiselect__trigger--own:focus{box-shadow:none}.rt-multiselect--disabled{opacity:var(--rt-input-disabled-opacity)}.rt-multiselect--readonly .rt-multiselect__trigger{display:none}.rt-multiselect__readonly{display:inline-flex;min-height:var(--rt-input-height);align-items:center;color:var(--rt-field-value-color);font-size:var(--rt-field-value-font-size)}.rt-multiselect__readonly--empty{color:var(--rt-field-value-empty-color)}.rt-multiselect--size--sm .rt-multiselect__trigger{min-height:var(--rt-input-height-sm)}.rt-multiselect--size--lg .rt-multiselect__trigger{min-height:var(--rt-input-height-lg)}.rt-multiselect__placeholder{overflow:hidden;min-width:0;flex:1 1 auto;color:var(--rt-input-color-text-placeholder);text-overflow:ellipsis;white-space:nowrap}.rt-multiselect__chips{display:flex;min-width:0;flex:1 1 auto;flex-wrap:wrap;gap:var(--rt-space-2xs)}.rt-multiselect__chip{display:inline-flex;align-items:center}.rt-multiselect__chip-more{display:inline-flex;align-items:center;padding:0 var(--rt-space-xs);color:var(--rt-input-color-text-placeholder);font-size:var(--rt-input-font-size)}.rt-multiselect__icon-left,.rt-multiselect__clear{flex-shrink:0}.rt-multiselect__chevron{flex-shrink:0;transition:transform var(--rt-multiselect-caret-transition-duration) ease}.rt-multiselect--open .rt-multiselect__chevron{transform:rotate(180deg)}.rt-multiselect__panel{--rt-multiselect-panel-shadow: var(--rt-shadow-md);--rt-multiselect-tree-indent: var(--rt-space-lg);--rt-multiselect-panel-max-height: var(--rt-input-panel-max-height);width:100%;max-height:var(--rt-multiselect-panel-max-height);box-sizing:border-box;border:var(--rt-input-border-width) solid var(--rt-color-border-subtle);border-radius:var(--rt-input-radius);background-color:var(--rt-color-bg-surface);box-shadow:var(--rt-multiselect-panel-shadow);overflow-y:auto}.rt-multiselect__list{padding:var(--rt-space-2xs) 0;margin:0;list-style:none}.rt-multiselect__option{--rt-multiselect-tree-level: 0;display:flex;align-items:center;padding:var(--rt-space-sm) var(--rt-space-md);color:var(--rt-color-text-primary);cursor:pointer;font-size:var(--rt-input-font-size);gap:var(--rt-space-sm);padding-inline-start:calc(var(--rt-space-md) + var(--rt-multiselect-tree-indent) * var(--rt-multiselect-tree-level))}.rt-multiselect__option:hover,.rt-multiselect__option--active{background-color:var(--rt-color-bg-hover)}.rt-multiselect__option--selected{background-color:var(--rt-color-action-primary-subtle);font-weight:var(--rt-font-weight-semibold)}.rt-multiselect__option--disabled{cursor:not-allowed;opacity:var(--rt-input-disabled-opacity)}.rt-multiselect__option--disabled:hover{background-color:transparent}.rt-multiselect__toggle,.rt-multiselect__toggle-space{display:inline-flex;flex-shrink:0;block-size:var(--rt-input-icon-size);inline-size:var(--rt-input-icon-size)}.rt-multiselect__toggle{align-items:center;justify-content:center;padding:0;border:0;background:transparent;cursor:pointer}.rt-multiselect__checkbox{flex-shrink:0;margin:0;pointer-events:none}.rt-multiselect__option-label{min-width:0;flex:1 1 auto}.rt-multiselect__empty{padding:var(--rt-space-sm) var(--rt-space-md);color:var(--rt-input-color-text-placeholder);font-style:italic}.rt-multiselect[data-rt-radius=none]{--rt-multiselect-radius: var(--rt-radius-none)}.rt-multiselect[data-rt-radius=xs]{--rt-multiselect-radius: var(--rt-radius-xs)}.rt-multiselect[data-rt-radius=sm]{--rt-multiselect-radius: var(--rt-radius-sm)}.rt-multiselect[data-rt-radius=ms]{--rt-multiselect-radius: var(--rt-radius-ms)}.rt-multiselect[data-rt-radius=md]{--rt-multiselect-radius: var(--rt-radius-md)}.rt-multiselect[data-rt-radius=lg]{--rt-multiselect-radius: var(--rt-radius-lg)}.rt-multiselect[data-rt-radius=xl]{--rt-multiselect-radius: var(--rt-radius-xl)}.rt-multiselect[data-rt-radius=\"2xl\"]{--rt-multiselect-radius: var(--rt-radius-2xl)}.rt-multiselect[data-rt-radius=full]{--rt-multiselect-radius: var(--rt-radius-full)}}\n"]
+			template: "<ng-container rtBlock=\"rt-multiselect\">\n    @if (isReadonly()) {\n        <span rtElem=\"readonly\" qa-dataid=\"multiselect-readonly\" [rtMod]=\"{ empty: !displayText() }\">{{ displayText() || '—' }}</span>\n    }\n    <button\n        #triggerEl\n        rtElem=\"trigger\"\n        qa-dataid=\"multiselect-trigger\"\n        type=\"button\"\n        [rtPopoverWidth]=\"panelWidth()\"\n        [rtMod]=\"{ own: !!triggerTpl() }\"\n        [rtPopover]=\"panelTpl\"\n        [rtPopoverDisabled]=\"isDisabled()\"\n        [attr.id]=\"effectiveControlId()\"\n        [attr.aria-label]=\"ariaLabel()\"\n        [attr.aria-haspopup]=\"'listbox'\"\n        [attr.aria-expanded]=\"isOpen()\"\n        [attr.aria-invalid]=\"isInvalid() || null\"\n        [attr.aria-controls]=\"panelId\"\n        [attr.aria-activedescendant]=\"activeOptionId()\"\n        [disabled]=\"isDisabled()\"\n        (keydown)=\"onTriggerKeydown($event)\"\n        (rtPopoverOpened)=\"onOpened()\"\n        (rtPopoverClosed)=\"onClosed()\">\n        <!--\n            Разметка указателя: своя, если потребитель её объявил, иначе зашитая китом. Она встаёт\n            внутрь кнопки, а не вместо неё: поведение — открытие панели, приметы доступности,\n            отключённость, клавиши и закрытие — остаётся на кнопке кита.\n        -->\n        @if (triggerTpl(); as tpl) {\n            <ng-container [ngTemplateOutlet]=\"tpl.templateRef\" [ngTemplateOutletContext]=\"{ $implicit: triggerState() }\" />\n        } @else {\n            @if (iconLeft(); as left) {\n                <rt-icon rtElem=\"icon-left\" qa-dataid=\"multiselect-icon-left\" size=\"sm\" color=\"muted\" [name]=\"left\" />\n            }\n            @if (value().length === 0) {\n                <span rtElem=\"placeholder\" qa-dataid=\"multiselect-placeholder\">{{ placeholderText() }}</span>\n            } @else {\n                <span rtElem=\"chips\">\n                    @for (val of visibleChips(); track val) {\n                        <span rtElem=\"chip\" qa-dataid=\"multiselect-chip\" [attr.data-value]=\"val\">\n                            <rt-tag\n                                severity=\"info\"\n                                [value]=\"val | rtMultiselectLabel: options()\"\n                                [closable]=\"true\"\n                                (closed)=\"removeChip(val, $event)\" />\n                        </span>\n                    }\n                    @if (extraChipsCount() > 0) {\n                        <span rtElem=\"chip-more\" qa-dataid=\"multiselect-chip-more\">+{{ extraChipsCount() }}</span>\n                    }\n                </span>\n            }\n            @if (showClearButton()) {\n                @if (clearTabbable()) {\n                    <!-- Место крестика в строке: сам крестик в порядке Tab стоит рядом с кнопкой, ниже. -->\n                    <span rtElem=\"clear-slot\" aria-hidden=\"true\"></span>\n                } @else {\n                    <rt-icon-button\n                        rtElem=\"clear\"\n                        qa-dataid=\"multiselect-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            }\n            <rt-icon rtElem=\"chevron\" name=\"chevron-down\" size=\"sm\" color=\"muted\" />\n        }\n    </button>\n\n    @if (showClearButton() && clearTabbable() && !triggerTpl()) {\n        <!--\n            Крестик в порядке обхода — соседняя кнопка поверх своего места в строке, а не кнопка в\n            кнопке: вложенную кнопку скринридер не объявляет, а её Enter открывал бы список.\n        -->\n        <rt-icon-button\n            rtElem=\"clear\"\n            qa-dataid=\"multiselect-clear\"\n            icon=\"ico-close\"\n            size=\"sm\"\n            variant=\"ghost\"\n            iconColor=\"muted\"\n            [rtMod]=\"{ outside: true }\"\n            [ariaLabel]=\"t().uiClear\"\n            [tabIndex]=\"0\"\n            (clicked)=\"clear($event)\" />\n    }\n\n    <ng-template #panelTpl>\n        <div\n            rtElem=\"panel\"\n            qa-dataid=\"multiselect-panel\"\n            role=\"listbox\"\n            [style.--rt-multiselect-panel-max-height]=\"panelMaxHeight()\"\n            [attr.aria-label]=\"ariaLabel()\">\n            <!--\n                Опции выбираются мышью через (click); keyboard-nav — на trigger'е\n                (activedescendant), опции не focusable индивидуально.\n            -->\n            <!-- eslint-disable @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -->\n            <ul rtElem=\"list\">\n                @for (row of rows(); track row.option.value; let i = $index) {\n                    <li\n                        rtElem=\"option\"\n                        qa-dataid=\"multiselect-option\"\n                        role=\"option\"\n                        [id]=\"panelId + '-opt-' + i\"\n                        [attr.data-value]=\"row.option.value\"\n                        [attr.aria-level]=\"isTree() ? row.level + 1 : null\"\n                        [style.--rt-multiselect-tree-level]=\"row.level\"\n                        [rtMod]=\"{\n                            selected: rowChecks()[i] === 'all',\n                            active: i === activeIndex(),\n                            disabled: !!row.option.disabled,\n                        }\"\n                        [attr.aria-selected]=\"rowChecks()[i] === 'all'\"\n                        [attr.aria-disabled]=\"!!row.option.disabled\"\n                        (click)=\"toggleOption(row.option)\">\n                        @if (isTree()) {\n                            @if (row.branch) {\n                                <button\n                                    rtElem=\"toggle\"\n                                    qa-dataid=\"multiselect-option-toggle\"\n                                    type=\"button\"\n                                    tabindex=\"-1\"\n                                    [attr.aria-label]=\"row.open ? t().uiCollapse : t().uiExpand\"\n                                    [attr.aria-expanded]=\"row.open\"\n                                    (click)=\"toggleBranch($event, row.option.value)\">\n                                    <rt-icon size=\"sm\" color=\"muted\" [name]=\"row.open ? 'chevron-down' : 'chevron-right'\" />\n                                </button>\n                            } @else {\n                                <span rtElem=\"toggle-space\"></span>\n                            }\n                        }\n                        <input\n                            rtElem=\"checkbox\"\n                            qa-dataid=\"multiselect-option-checkbox\"\n                            type=\"checkbox\"\n                            tabindex=\"-1\"\n                            [checked]=\"rowChecks()[i] === 'all'\"\n                            [indeterminate]=\"rowChecks()[i] === 'some'\" />\n                        <span rtElem=\"option-label\" qa-dataid=\"multiselect-option-label\">{{ row.option.label }}</span>\n                    </li>\n                } @empty {\n                    <li rtElem=\"empty\" qa-dataid=\"multiselect-empty\">{{ t().uiNoOptions }}</li>\n                }\n            </ul>\n        </div>\n    </ng-template>\n</ng-container>\n",
+			styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-multiselect{--rt-multiselect-radius: var(--rt-input-radius);--rt-multiselect-caret-transition-duration: var(--rt-duration-fast);--rt-multiselect-own-outline-width: var(--rt-border-width-medium);--rt-multiselect-color-border-hover: var(--rt-color-text-primary);position:relative;display:block;width:100%}.rt-multiselect--borderless .rt-multiselect__trigger{border-color:transparent}.rt-multiselect__trigger{display:flex;width:100%;min-height:var(--rt-input-height);box-sizing:border-box;align-items:center;padding:var(--rt-input-padding-y) var(--rt-input-padding-x);border:var(--rt-input-border-width) solid var(--rt-input-color-border);border-radius:var(--rt-multiselect-radius);background-color:var(--rt-input-color-bg);color:var(--rt-input-color-text);cursor:pointer;font-family:inherit;font-size:var(--rt-input-font-size);gap:var(--rt-space-sm);line-height:var(--rt-input-line-height);text-align:start;transition:var(--rt-input-transition)}.rt-multiselect__trigger:focus{border-color:var(--rt-input-color-border-focus);box-shadow:var(--rt-input-focus-shadow);outline:2px solid transparent;outline-offset:var(--rt-input-focus-outline-offset)}.rt-multiselect__trigger:disabled{cursor:not-allowed}:where(.rt-preset-material,[data-preset=material]) .rt-multiselect__trigger:where(:hover:not(:disabled)){border-color:var(--rt-multiselect-color-border-hover)}.rt-multiselect__trigger--own{width:auto;min-height:0;padding:0;border-color:transparent;background-color:transparent}.rt-multiselect__trigger--own:focus{border-color:transparent;box-shadow:none}.rt-multiselect__trigger--own:focus-visible{outline:var(--rt-multiselect-own-outline-width) solid var(--rt-input-color-border-focus);outline-offset:var(--rt-input-focus-outline-offset)}.rt-multiselect--open .rt-multiselect__trigger{border-color:var(--rt-input-color-border-focus)}.rt-multiselect--open .rt-multiselect__trigger--own{border-color:transparent}.rt-multiselect--invalid .rt-multiselect__trigger{border-color:var(--rt-input-color-border-error)}.rt-multiselect--invalid .rt-multiselect__trigger:focus{box-shadow:var(--rt-input-focus-shadow-error)}.rt-multiselect--invalid .rt-multiselect__trigger--own{border-color:transparent}.rt-multiselect--invalid .rt-multiselect__trigger--own:focus{box-shadow:none}.rt-multiselect--disabled{opacity:var(--rt-input-disabled-opacity)}.rt-multiselect--readonly .rt-multiselect__trigger{display:none}.rt-multiselect__readonly{display:inline-flex;min-height:var(--rt-input-height);align-items:center;color:var(--rt-field-value-color);font-size:var(--rt-field-value-font-size)}.rt-multiselect__readonly--empty{color:var(--rt-field-value-empty-color)}.rt-multiselect--size--sm .rt-multiselect__trigger{min-height:var(--rt-input-height-sm)}.rt-multiselect--size--lg .rt-multiselect__trigger{min-height:var(--rt-input-height-lg)}.rt-multiselect__placeholder{overflow:hidden;min-width:0;flex:1 1 auto;color:var(--rt-input-color-text-placeholder);text-overflow:ellipsis;white-space:nowrap}.rt-multiselect__chips{display:flex;min-width:0;flex:1 1 auto;flex-wrap:wrap;gap:var(--rt-space-2xs)}.rt-multiselect__chip{display:inline-flex;align-items:center}.rt-multiselect__chip-more{display:inline-flex;align-items:center;padding:0 var(--rt-space-xs);color:var(--rt-input-color-text-placeholder);font-size:var(--rt-input-font-size)}.rt-multiselect__icon-left,.rt-multiselect__clear{flex-shrink:0}.rt-multiselect__clear-slot{width:var(--rt-control-height-sm);height:var(--rt-control-height-sm);flex-shrink:0}.rt-multiselect__clear--outside{position:absolute;top:50%;right:calc(var(--rt-input-border-width) + var(--rt-input-padding-x) + var(--rt-size-4) + var(--rt-space-sm));transform:translateY(-50%)}.rt-multiselect--readonly .rt-multiselect__clear--outside{display:none}.rt-multiselect__chevron{flex-shrink:0;transition:transform var(--rt-multiselect-caret-transition-duration) ease}.rt-multiselect--open .rt-multiselect__chevron{transform:rotate(180deg)}.rt-multiselect__panel{--rt-multiselect-panel-shadow: var(--rt-shadow-md);--rt-multiselect-tree-indent: var(--rt-space-lg);--rt-multiselect-panel-max-height: var(--rt-input-panel-max-height);width:100%;max-height:var(--rt-multiselect-panel-max-height);box-sizing:border-box;border:var(--rt-input-border-width) solid var(--rt-color-border-subtle);border-radius:var(--rt-input-radius);background-color:var(--rt-color-bg-surface);box-shadow:var(--rt-multiselect-panel-shadow);overflow-y:auto}.rt-multiselect__list{padding:var(--rt-space-2xs) 0;margin:0;list-style:none}.rt-multiselect__option{--rt-multiselect-tree-level: 0;display:flex;align-items:center;padding:var(--rt-space-sm) var(--rt-space-md);color:var(--rt-color-text-primary);cursor:pointer;font-size:var(--rt-input-font-size);gap:var(--rt-space-sm);padding-inline-start:calc(var(--rt-space-md) + var(--rt-multiselect-tree-indent) * var(--rt-multiselect-tree-level))}.rt-multiselect__option:hover,.rt-multiselect__option--active{background-color:var(--rt-color-bg-hover)}.rt-multiselect__option--selected{background-color:var(--rt-color-action-primary-subtle);font-weight:var(--rt-font-weight-semibold)}.rt-multiselect__option--disabled{cursor:not-allowed;opacity:var(--rt-input-disabled-opacity)}.rt-multiselect__option--disabled:hover{background-color:transparent}.rt-multiselect__toggle,.rt-multiselect__toggle-space{display:inline-flex;flex-shrink:0;block-size:var(--rt-input-icon-size);inline-size:var(--rt-input-icon-size)}.rt-multiselect__toggle{align-items:center;justify-content:center;padding:0;border:0;background:transparent;cursor:pointer}.rt-multiselect__checkbox{flex-shrink:0;margin:0;pointer-events:none}.rt-multiselect__option-label{min-width:0;flex:1 1 auto}.rt-multiselect__empty{padding:var(--rt-space-sm) var(--rt-space-md);color:var(--rt-input-color-text-placeholder);font-style:italic}.rt-multiselect[data-rt-radius=none]{--rt-multiselect-radius: var(--rt-radius-none)}.rt-multiselect[data-rt-radius=xs]{--rt-multiselect-radius: var(--rt-radius-xs)}.rt-multiselect[data-rt-radius=sm]{--rt-multiselect-radius: var(--rt-radius-sm)}.rt-multiselect[data-rt-radius=ms]{--rt-multiselect-radius: var(--rt-radius-ms)}.rt-multiselect[data-rt-radius=md]{--rt-multiselect-radius: var(--rt-radius-md)}.rt-multiselect[data-rt-radius=lg]{--rt-multiselect-radius: var(--rt-radius-lg)}.rt-multiselect[data-rt-radius=xl]{--rt-multiselect-radius: var(--rt-radius-xl)}.rt-multiselect[data-rt-radius=\"2xl\"]{--rt-multiselect-radius: var(--rt-radius-2xl)}.rt-multiselect[data-rt-radius=full]{--rt-multiselect-radius: var(--rt-radius-full)}}\n"]
 		}]
 	}],
 	propDecorators: {