@rt-tools/ui-kit-v2 0.32.0 → 0.34.0

package/fesm2022/rt-tools-ui-kit-v2-toggle-button-group.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"rt-tools-ui-kit-v2-toggle-button-group.mjs","names":[],"sources":["../../../projects/ui-kit-v2/src/lib/components/toggle-button-group/rt-toggle-button-group.component.ts","../../../projects/ui-kit-v2/src/lib/components/toggle-button-group/rt-toggle-button-group.component.html"],"sourcesContent":["import { BooleanInput } from '@angular/cdk/coercion';\nimport {\n    booleanAttribute,\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    input,\n    InputSignal,\n    InputSignalWithTransform,\n    output,\n    OutputEmitterRef,\n    Signal,\n    ViewEncapsulation,\n} from '@angular/core';\n\nimport { BlockDirective, ElemDirective, ModDirective } from '@rt-tools/core';\n\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 { RtTooltipDirective } from '@rt-tools/ui-kit-v2/tooltip';\nimport { IRtToggleButtonGroup } from './rt-toggle-button-group.model';\n\nconst BEM_BLOCK: string = 'rt-toggle-button-group';\n\n/**\n * Маппинг размера группы на размер вложенной `<rt-icon>`. rt-icon не имеет\n * промежуточных значений (12 / 16 / 20 / 24 / 32), поэтому `lg` тоже едет\n * на `sm` (16px) — ближе к расчётным 18px у rt-button lg, чем md (20px).\n */\nconst ICON_SIZE_BY_SIZE: Readonly<Record<IRtToggleButtonGroup.Size, IRtIcon.Size>> = Object.freeze({\n    sm: 'xs',\n    md: 'sm',\n    lg: 'sm',\n});\n\n/**\n * Generic segmented control кита.\n *\n * API `toggle-button-group` с тремя особенностями:\n *  1. BEM через `rtBlock/rtElem/rtMod` (camelCase mods → kebab-case в CSS).\n *  2. Tooltip — нативный `[attr.title]` вместо `MatTooltip` (Angular Material\n *     запрещён, см. CLAUDE.md).\n *  3. Визуал — текстовые лейблы + опциональная иконка, а не icon-only кнопки.\n *     Иконка остаётся опциональной, чтобы покрыть оба сценария.\n *\n * Компонент \"controlled\" — рендерит сегмент с `value === option.value` как\n * активный, эмиттит `valueChange` при клике, обновление `value` остаётся за\n * потребителем.\n *\n * Generic `<T = string>` сохраняет типизацию по value (`'list' | 'grid'`,\n * union'ы, enum'ы). Дефолт `string` нужен, чтобы шаблон-инстанцирование\n * без явного параметра компилировалось.\n */\n@Component({\n    selector: 'rt-toggle-button-group',\n    templateUrl: './rt-toggle-button-group.component.html',\n    styleUrls: ['./rt-toggle-button-group.component.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        // standalone components / directives\n        RtIconComponent,\n        RtTooltipDirective,\n        BlockDirective,\n        ElemDirective,\n        ModDirective,\n    ],\n    hostDirectives: [{ directive: RtRadiusDirective, inputs: ['radius'] }],\n    host: {\n        class: BEM_BLOCK,\n        '[class.rt-toggle-button-group--full-width]': 'fullWidth()',\n        '[class.rt-toggle-button-group--md]': \"size() === 'md'\",\n        '[class.rt-toggle-button-group--lg]': \"size() === 'lg'\",\n    },\n})\nexport class RtToggleButtonGroupComponent<T = string> {\n    protected readonly iconSize: Signal<IRtIcon.Size> = computed((): IRtIcon.Size => ICON_SIZE_BY_SIZE[this.size()]);\n\n    /**\n     * Сегменты, готовые к отрисовке: подсветка и недоступность посчитаны здесь, а не в шаблоне.\n     *\n     * Подсветка читается по-разному в одиночном и множественном выборе, а недоступность приходит\n     * с двух сторон — от группы и от самого сегмента. Признак группы главнее: доступный сегмент\n     * внутри отключённой группы читался бы как её единственное живое место.\n     */\n    protected readonly items: Signal<ReadonlyArray<IRtToggleButtonGroup.Rendered<T>>> = computed(\n        (): ReadonlyArray<IRtToggleButtonGroup.Rendered<T>> => {\n            const multiple: boolean = this.multiple();\n            const chosen: ReadonlyArray<T> = this.values();\n            const single: T | undefined = this.value();\n            const groupDisabled: boolean = this.disabled();\n\n            return this.options().map((option: IRtToggleButtonGroup.Option<T>): IRtToggleButtonGroup.Rendered<T> => ({\n                option,\n                active: multiple ? chosen.includes(option.value) : single === option.value,\n                disabled: groupDisabled || !!option.disabled,\n            }));\n        }\n    );\n\n    public readonly options: InputSignal<ReadonlyArray<IRtToggleButtonGroup.Option<T>>> =\n        input.required<ReadonlyArray<IRtToggleButtonGroup.Option<T>>>();\n\n    public readonly value: InputSignal<T | undefined> = input<T | undefined>(undefined);\n\n    /**\n     * Множественный выбор: нажатие добавляет сегмент или снимает его, а не переносит выбор.\n     *\n     * Своим входом, а не расширением типа `value`: вход, у которого тип значения меняется от\n     * значения другого входа, не проверяет ни сборка, ни линтер — потребитель узнаёт о своей\n     * ошибке, когда группа перестаёт подсвечивать выбранное.\n     */\n    public readonly multiple: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n\n    /** Набор выбранного. Читается только при множественном выборе, одиночный берёт `value`. */\n    public readonly values: InputSignal<ReadonlyArray<T>> = input<ReadonlyArray<T>>([]);\n\n    public readonly ariaLabel: InputSignal<string | null> = input<string | null>(null);\n\n    public readonly size: InputSignal<IRtToggleButtonGroup.Size> = input<IRtToggleButtonGroup.Size>('sm');\n\n    public readonly disabled: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n\n    /** Растягивает группу на всю ширину контейнера; опции делят ширину поровну. */\n    public readonly fullWidth: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n\n    public readonly valueChange: OutputEmitterRef<T> = output<T>();\n\n    /**\n     * Весь набор выбранного после нажатия, а не разница с прежним: разницу вызывающий сводит со\n     * своим состоянием сам, и каждый сводит по-своему.\n     */\n    public readonly valuesChange: OutputEmitterRef<ReadonlyArray<T>> = output<ReadonlyArray<T>>();\n\n    protected onOptionClick(item: IRtToggleButtonGroup.Rendered<T>): void {\n        if (item.disabled) {\n            return;\n        }\n\n        const option: IRtToggleButtonGroup.Option<T> = item.option;\n\n        if (!this.multiple()) {\n            this.valueChange.emit(option.value);\n\n            return;\n        }\n\n        const chosen: ReadonlyArray<T> = this.values();\n        const next: T[] = chosen.includes(option.value)\n            ? chosen.filter((one: T): boolean => one !== option.value)\n            : [...chosen, option.value];\n\n        this.valuesChange.emit(next);\n    }\n}\n","<div\n    rtBlock=\"rt-toggle-button-group\"\n    role=\"group\"\n    [rtMod]=\"{\n        sm: size() === 'sm',\n        md: size() === 'md',\n        lg: size() === 'lg',\n        disabled: disabled(),\n    }\"\n    [attr.aria-label]=\"ariaLabel()\">\n    @for (item of items(); track item.option.value) {\n        <button\n            type=\"button\"\n            rtElem=\"button\"\n            qa-dataid=\"toggle-button-group-option\"\n            [attr.data-value]=\"item.option.value\"\n            [rtMod]=\"{\n                active: item.active,\n                first: $first,\n                last: $last,\n            }\"\n            [disabled]=\"item.disabled\"\n            [attr.aria-pressed]=\"item.active ? 'true' : 'false'\"\n            [rtTooltip]=\"item.option.title ?? ''\"\n            (click)=\"onOptionClick(item)\">\n            @if (item.option.icon || item.option.glyph) {\n                <rt-icon\n                    rtElem=\"icon\"\n                    color=\"current\"\n                    [name]=\"item.option.icon ?? null\"\n                    [glyph]=\"item.option.glyph ?? null\"\n                    [size]=\"iconSize()\" />\n            }\n            <span rtElem=\"label\">{{ item.option.label }}</span>\n        </button>\n    }\n</div>\n"],"mappings":"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"}
+{"version":3,"file":"rt-tools-ui-kit-v2-toggle-button-group.mjs","names":[],"sources":["../../../projects/ui-kit-v2/src/lib/components/toggle-button-group/rt-toggle-button-option.directive.ts","../../../projects/ui-kit-v2/src/lib/components/toggle-button-group/rt-toggle-button-group.component.ts","../../../projects/ui-kit-v2/src/lib/components/toggle-button-group/rt-toggle-button-group.component.html"],"sourcesContent":["import { Directive, inject, TemplateRef } from '@angular/core';\n\nimport { IRtToggleButtonGroup } from './rt-toggle-button-group.model';\n\n/**\n * Маркер своей разметки сегмента — того, что рисуется внутри кнопки на месте значка и подписи.\n *\n * Кнопка остаётся киту: нажатие, подсветка, недоступность, фокус и связь с формой. Потребитель даёт\n * только содержимое — например картинку-превью раскладки — и получает опцию и признак, нажат ли\n * сегмент.\n *\n * @example\n * ```html\n * <rt-toggle-button-group [options]=\"layouts\" formControlName=\"layout\">\n *     <ng-template rtToggleButtonOption let-option let-active=\"active\">\n *         <img [src]=\"option.value + '.svg'\" [alt]=\"option.label\" />\n *     </ng-template>\n * </rt-toggle-button-group>\n * ```\n */\n@Directive({\n    selector: '[rtToggleButtonOption]',\n})\nexport class RtToggleButtonOptionDirective<T = string> {\n    public readonly templateRef: TemplateRef<IRtToggleButtonGroup.OptionContext<T>> =\n        inject<TemplateRef<IRtToggleButtonGroup.OptionContext<T>>>(TemplateRef);\n}\n","import { BooleanInput } from '@angular/cdk/coercion';\nimport { NgTemplateOutlet } from '@angular/common';\nimport {\n    booleanAttribute,\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    contentChild,\n    forwardRef,\n    input,\n    InputSignal,\n    InputSignalWithTransform,\n    output,\n    OutputEmitterRef,\n    signal,\n    Signal,\n    ViewEncapsulation,\n    WritableSignal,\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\n\nimport { BlockDirective, ElemDirective, ModDirective } from '@rt-tools/core';\n\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 { RtTooltipDirective } from '@rt-tools/ui-kit-v2/tooltip';\nimport { IRtToggleButtonGroup } from './rt-toggle-button-group.model';\nimport { RtToggleButtonOptionDirective } from './rt-toggle-button-option.directive';\n\nconst BEM_BLOCK: string = 'rt-toggle-button-group';\n\n/**\n * Маппинг размера группы на размер вложенной `<rt-icon>`. rt-icon не имеет\n * промежуточных значений (12 / 16 / 20 / 24 / 32), поэтому `lg` тоже едет\n * на `sm` (16px) — ближе к расчётным 18px у rt-button lg, чем md (20px).\n */\nconst ICON_SIZE_BY_SIZE: Readonly<Record<IRtToggleButtonGroup.Size, IRtIcon.Size>> = Object.freeze({\n    sm: 'xs',\n    md: 'sm',\n    lg: 'sm',\n});\n\n/** Форма записала набор, а не одно значение: так пишет множественный выбор. */\nfunction isMany<T>(value: IRtToggleButtonGroup.FormValue<T>): value is ReadonlyArray<T> {\n    return Array.isArray(value);\n}\n\n/**\n * Generic segmented control кита.\n *\n * API `toggle-button-group` с тремя особенностями:\n *  1. BEM через `rtBlock/rtElem/rtMod` (camelCase mods → kebab-case в CSS).\n *  2. Tooltip — нативный `[attr.title]` вместо `MatTooltip` (Angular Material\n *     запрещён, см. CLAUDE.md).\n *  3. Визуал — текстовые лейблы + опциональная иконка, а не icon-only кнопки.\n *     Иконка остаётся опциональной, чтобы покрыть оба сценария.\n *\n * Компонент \"controlled\" — рендерит сегмент с `value === option.value` как\n * активный, эмиттит `valueChange` при клике, обновление `value` остаётся за\n * потребителем.\n *\n * Generic `<T = string>` сохраняет типизацию по value (`'list' | 'grid'`,\n * union'ы, enum'ы). Дефолт `string` нужен, чтобы шаблон-инстанцирование\n * без явного параметра компилировалось.\n */\n@Component({\n    selector: 'rt-toggle-button-group',\n    templateUrl: './rt-toggle-button-group.component.html',\n    styleUrls: ['./rt-toggle-button-group.component.scss', './rt-toggle-button-group-chips.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        // angular\n        NgTemplateOutlet,\n\n        // standalone components / directives\n        RtIconComponent,\n        RtTooltipDirective,\n        BlockDirective,\n        ElemDirective,\n        ModDirective,\n    ],\n    providers: [\n        {\n            provide: NG_VALUE_ACCESSOR,\n            useExisting: forwardRef((): typeof RtToggleButtonGroupComponent => RtToggleButtonGroupComponent),\n            multi: true,\n        },\n    ],\n    hostDirectives: [{ directive: RtRadiusDirective, inputs: ['radius'] }],\n    host: {\n        class: BEM_BLOCK,\n        '[class.rt-toggle-button-group--full-width]': 'fullWidth()',\n        '[class.rt-toggle-button-group--wrap]': \"layout() === 'wrap'\",\n        '[class.rt-toggle-button-group--column]': \"layout() === 'column'\",\n        '[class.rt-toggle-button-group--md]': \"size() === 'md'\",\n        '[class.rt-toggle-button-group--lg]': \"size() === 'lg'\",\n        '[class.rt-toggle-button-group--chips]': \"appearance() === 'chips'\",\n    },\n})\nexport class RtToggleButtonGroupComponent<T = string> implements ControlValueAccessor {\n    #onChange: (value: IRtToggleButtonGroup.FormValue<T>) => void = (): void => undefined;\n    #onTouched: () => void = (): void => undefined;\n\n    /** Группа связана с формой: нажатие тогда само переносит подсветку, без ответа хозяина. */\n    #bound: boolean = false;\n\n    /** Значение, записанное формой или нажатием; `undefined`, пока форма ничего не писала. */\n    readonly #formValue: WritableSignal<{ readonly value: IRtToggleButtonGroup.FormValue<T> } | undefined> = signal<\n        { readonly value: IRtToggleButtonGroup.FormValue<T> } | undefined\n    >(undefined);\n\n    /** Отключение, назначенное формой через CVA (`setDisabledState`). */\n    readonly #disabledByForm: WritableSignal<boolean> = signal<boolean>(false);\n\n    /** Выбранное при одиночном выборе: слово формы, если она его сказала, иначе вход. */\n    readonly #single: Signal<T | undefined> = computed((): T | undefined => {\n        const written: { readonly value: IRtToggleButtonGroup.FormValue<T> } | undefined = this.#formValue();\n        if (written === undefined) {\n            return this.value();\n        }\n\n        return isMany(written.value) ? undefined : (written.value ?? undefined);\n    });\n\n    /** Набор выбранного при множественном выборе: слово формы, если она его сказала, иначе вход. */\n    readonly #many: Signal<ReadonlyArray<T>> = computed((): ReadonlyArray<T> => {\n        const written: { readonly value: IRtToggleButtonGroup.FormValue<T> } | undefined = this.#formValue();\n        if (written === undefined) {\n            return this.values();\n        }\n\n        return isMany(written.value) ? written.value : [];\n    });\n\n    protected readonly isDisabled: Signal<boolean> = computed((): boolean => this.disabled() || this.#disabledByForm());\n\n    /** Своя разметка сегмента; без неё кнопка рисует значок и подпись. */\n    protected readonly optionTpl: Signal<RtToggleButtonOptionDirective<T> | undefined> = contentChild(RtToggleButtonOptionDirective);\n\n    protected readonly iconSize: Signal<IRtIcon.Size> = computed((): IRtIcon.Size => ICON_SIZE_BY_SIZE[this.size()]);\n\n    /**\n     * Сегменты, готовые к отрисовке: подсветка и недоступность посчитаны здесь, а не в шаблоне.\n     *\n     * Подсветка читается по-разному в одиночном и множественном выборе, а недоступность приходит\n     * с двух сторон — от группы и от самого сегмента. Признак группы главнее: доступный сегмент\n     * внутри отключённой группы читался бы как её единственное живое место.\n     */\n    protected readonly items: Signal<ReadonlyArray<IRtToggleButtonGroup.Rendered<T>>> = computed(\n        (): ReadonlyArray<IRtToggleButtonGroup.Rendered<T>> => {\n            const multiple: boolean = this.multiple();\n            const chosen: ReadonlyArray<T> = this.#many();\n            const single: T | undefined = this.#single();\n            const groupDisabled: boolean = this.isDisabled();\n\n            return this.options().map((option: IRtToggleButtonGroup.Option<T>): IRtToggleButtonGroup.Rendered<T> => {\n                const active: boolean = multiple ? chosen.includes(option.value) : single === option.value;\n\n                return { option, active, disabled: groupDisabled || !!option.disabled, context: { $implicit: option, active } };\n            });\n        }\n    );\n\n    public readonly options: InputSignal<ReadonlyArray<IRtToggleButtonGroup.Option<T>>> =\n        input.required<ReadonlyArray<IRtToggleButtonGroup.Option<T>>>();\n\n    public readonly value: InputSignal<T | undefined> = input<T | undefined>(undefined);\n\n    /**\n     * Множественный выбор: нажатие добавляет сегмент или снимает его, а не переносит выбор.\n     *\n     * Своим входом, а не расширением типа `value`: вход, у которого тип значения меняется от\n     * значения другого входа, не проверяет ни сборка, ни линтер — потребитель узнаёт о своей\n     * ошибке, когда группа перестаёт подсвечивать выбранное.\n     */\n    public readonly multiple: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n\n    /** Набор выбранного. Читается только при множественном выборе, одиночный берёт `value`. */\n    public readonly values: InputSignal<ReadonlyArray<T>> = input<ReadonlyArray<T>>([]);\n\n    public readonly ariaLabel: InputSignal<string | null> = input<string | null>(null);\n\n    public readonly size: InputSignal<IRtToggleButtonGroup.Size> = input<IRtToggleButtonGroup.Size>('sm');\n\n    public readonly disabled: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n\n    /** Растягивает группу на всю ширину контейнера; опции делят ширину поровну. */\n    public readonly fullWidth: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n\n    /**\n     * Раскладка сегментов: одна строка, перенос на следующую или столбик. Перенос нужен длинным\n     * спискам во всплывающих окнах, столбик — спискам вроде дней недели.\n     */\n    public readonly layout: InputSignal<IRtToggleButtonGroup.Layout> = input<IRtToggleButtonGroup.Layout>('row');\n\n    /**\n     * Вид группы: дорожка с сегментами или отдельные чипы. Вид — входом, а не классом потребителя:\n     * у чипов своя коробка пункта, свой просвет и своя подсветка, и класс снаружи до неё не достаёт.\n     */\n    public readonly appearance: InputSignal<IRtToggleButtonGroup.Appearance> = input<IRtToggleButtonGroup.Appearance>('segmented');\n\n    /**\n     * Галочка перед подписью выбранного пункта, как у фильтр-чипа Material. Выключена по умолчанию:\n     * в сегментах выбор и так виден подложкой, а место под галочку раздвигает пункт.\n     */\n    public readonly checkmark: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n\n    public readonly valueChange: OutputEmitterRef<T> = output<T>();\n\n    /**\n     * Весь набор выбранного после нажатия, а не разница с прежним: разницу вызывающий сводит со\n     * своим состоянием сам, и каждый сводит по-своему.\n     */\n    public readonly valuesChange: OutputEmitterRef<ReadonlyArray<T>> = output<ReadonlyArray<T>>();\n\n    public writeValue(value: IRtToggleButtonGroup.FormValue<T>): void {\n        this.#formValue.set({ value });\n    }\n\n    public registerOnChange(fn: (value: IRtToggleButtonGroup.FormValue<T>) => void): void {\n        this.#bound = true;\n        this.#onChange = fn;\n    }\n\n    public registerOnTouched(fn: () => void): void {\n        this.#onTouched = fn;\n    }\n\n    public setDisabledState(disabled: boolean): void {\n        this.#disabledByForm.set(disabled);\n    }\n\n    protected onOptionClick(item: IRtToggleButtonGroup.Rendered<T>): void {\n        if (item.disabled) {\n            return;\n        }\n\n        const option: IRtToggleButtonGroup.Option<T> = item.option;\n\n        if (!this.multiple()) {\n            this.#commit(option.value);\n            this.valueChange.emit(option.value);\n\n            return;\n        }\n\n        const chosen: ReadonlyArray<T> = this.#many();\n        const next: T[] = chosen.includes(option.value)\n            ? chosen.filter((one: T): boolean => one !== option.value)\n            : [...chosen, option.value];\n\n        this.#commit(next);\n        this.valuesChange.emit(next);\n    }\n\n    /** Нажатие уходит в форму, если группа с ней связана; без формы подсветку ведёт хозяин входами. */\n    #commit(value: IRtToggleButtonGroup.FormValue<T>): void {\n        if (!this.#bound) {\n            return;\n        }\n        this.#formValue.set({ value });\n        this.#onChange(value);\n        this.#onTouched();\n    }\n}\n","<div\n    rtBlock=\"rt-toggle-button-group\"\n    role=\"group\"\n    [rtMod]=\"{\n        sm: size() === 'sm',\n        md: size() === 'md',\n        lg: size() === 'lg',\n        disabled: isDisabled(),\n        wrap: layout() === 'wrap',\n        column: layout() === 'column',\n        chips: appearance() === 'chips',\n    }\"\n    [attr.aria-label]=\"ariaLabel()\">\n    @for (item of items(); track item.option.value) {\n        <button\n            type=\"button\"\n            rtElem=\"button\"\n            qa-dataid=\"toggle-button-group-option\"\n            [attr.data-value]=\"item.option.value\"\n            [rtMod]=\"{\n                active: item.active,\n                first: $first,\n                last: $last,\n                checked: checkmark() && item.active,\n            }\"\n            [disabled]=\"item.disabled\"\n            [attr.aria-pressed]=\"item.active ? 'true' : 'false'\"\n            [rtTooltip]=\"item.option.title ?? ''\"\n            (click)=\"onOptionClick(item)\">\n            @if (checkmark() && item.active) {\n                <span rtElem=\"check\" aria-hidden=\"true\">\n                    <svg rtElem=\"check-svg\" viewBox=\"-2 -3 30 30\" focusable=\"false\">\n                        <path fill=\"none\" stroke=\"currentColor\" d=\"M1.73,12.91 8.1,19.28 22.79,4.59\" />\n                    </svg>\n                </span>\n            }\n            @if (optionTpl(); as tpl) {\n                <ng-container [ngTemplateOutlet]=\"tpl.templateRef\" [ngTemplateOutletContext]=\"item.context\" />\n            } @else {\n                @if (item.option.icon || item.option.glyph) {\n                    <rt-icon\n                        rtElem=\"icon\"\n                        color=\"current\"\n                        [name]=\"item.option.icon ?? null\"\n                        [glyph]=\"item.option.glyph ?? null\"\n                        [size]=\"iconSize()\" />\n                }\n                <span rtElem=\"label\">{{ item.option.label }}</span>\n            }\n        </button>\n    }\n</div>\n"],"mappings":"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"}

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

@@ -1,10 +1,10 @@
 import * as i0 from "@angular/core";
-import { ChangeDetectionStrategy, Component, Directive, ElementRef, ViewEncapsulation, booleanAttribute, effect, inject, input, signal } from "@angular/core";
+import { ChangeDetectionStrategy, Component, Directive, ElementRef, ViewEncapsulation, booleanAttribute, effect, inject, input, numberAttribute, signal } from "@angular/core";
 import { FocusMonitor } from "@angular/cdk/a11y";
 import { Overlay, OverlayConfig, ScrollStrategyOptions } from "@angular/cdk/overlay";
 import { ComponentPortal } from "@angular/cdk/portal";
 import { takeUntilDestroyed } from "@angular/core/rxjs-interop";
-import { carryThemeScope, materialPresetClassesOf } from "@rt-tools/ui-kit-v2/core";
+import { carryThemeScope, materialPresetClassesOf, rtKitDefault } from "@rt-tools/ui-kit-v2/core";
 const BEM_BLOCK = "rt-tooltip";
 var RtTooltipComponent = class RtTooltipComponent {
 	constructor() {
@@ -107,6 +107,9 @@ const FALLBACKS = {
 		"bottom"
 	]
 };
+function tooltipPlacement(own, configured, materialPreset) {
+	return own ?? configured ?? (materialPreset ? "bottom" : "top");
+}
 function tooltipPositions(placement) {
 	return FALLBACKS[placement].map((side) => ({ ...POSITION_BY_PLACEMENT[side] }));
 }
@@ -123,6 +126,8 @@ var RtTooltipDirective = class RtTooltipDirective {
 	#overlayRef;
 	#tooltipRef;
 	#showTimer;
+	#placementDefault;
+	#showDelayDefault;
 	constructor() {
 		this.#overlay = inject(Overlay);
 		this.#elementRef = inject(ElementRef);
@@ -131,6 +136,8 @@ var RtTooltipDirective = class RtTooltipDirective {
 		this.#overlayRef = null;
 		this.#tooltipRef = null;
 		this.#showTimer = null;
+		this.#placementDefault = rtKitDefault("tooltip", (it) => it.placement, null);
+		this.#showDelayDefault = rtKitDefault("tooltip", (it) => it.showDelay, SHOW_DELAY_MS);
 		this.text = input("", {
 			...ngDevMode ? { debugName: "text" } : /* istanbul ignore next */ {},
 			alias: "rtTooltip",
@@ -140,12 +147,20 @@ var RtTooltipDirective = class RtTooltipDirective {
 			...ngDevMode ? { debugName: "placement" } : /* istanbul ignore next */ {},
 			alias: "rtTooltipPlacement"
 		});
+		this.showDelay = input(null, {
+			...ngDevMode ? { debugName: "showDelay" } : /* istanbul ignore next */ {},
+			alias: "rtTooltipShowDelay",
+			transform: (value) => {
+				const delay = value === null || value === void 0 || value === "" ? NaN : numberAttribute(value, NaN);
+				return delay >= 0 ? delay : null;
+			}
+		});
 		this.whenTruncated = input(false, {
 			...ngDevMode ? { debugName: "whenTruncated" } : /* istanbul ignore next */ {},
 			alias: "rtTooltipWhenTruncated",
 			transform: booleanAttribute
 		});
-		this.hideOnClick = input(true, {
+		this.hideOnClick = input(rtKitDefault("tooltip", (it) => it.hideOnClick, true), {
 			...ngDevMode ? { debugName: "hideOnClick" } : /* istanbul ignore next */ {},
 			alias: "rtTooltipHideOnClick",
 			transform: booleanAttribute
@@ -163,7 +178,7 @@ var RtTooltipDirective = class RtTooltipDirective {
 	show() {
 		if (this.text().trim() === "" || this.#tooltipRef !== null) return;
 		this.#clearTimer();
-		this.#showTimer = setTimeout(() => this.#attach(), SHOW_DELAY_MS);
+		this.#showTimer = setTimeout(() => this.#attach(), this.showDelay() ?? this.#showDelayDefault);
 	}
 	hide() {
 		this.#clearTimer();
@@ -195,7 +210,7 @@ var RtTooltipDirective = class RtTooltipDirective {
 	#ensureOverlay() {
 		if (this.#overlayRef !== null) return this.#overlayRef;
 		const presetClasses = materialPresetClassesOf(this.#elementRef.nativeElement);
-		const positions = tooltipPositions(this.placement() ?? (presetClasses.length > 0 ? "bottom" : "top"));
+		const positions = tooltipPositions(tooltipPlacement(this.placement(), this.#placementDefault, presetClasses.length > 0));
 		const positionStrategy = this.#overlay.position().flexibleConnectedTo(this.#elementRef).withPush(true).withViewportMargin(VIEWPORT_MARGIN).withFlexibleDimensions(false).withPositions(positions);
 		const config = new OverlayConfig({
 			positionStrategy,
@@ -249,6 +264,13 @@ var RtTooltipDirective = class RtTooltipDirective {
 					isRequired: false,
 					transformFunction: null
 				},
+				showDelay: {
+					classPropertyName: "showDelay",
+					publicName: "rtTooltipShowDelay",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
 				whenTruncated: {
 					classPropertyName: "whenTruncated",
 					publicName: "rtTooltipWhenTruncated",
@@ -311,6 +333,14 @@ i0.ɵɵngDeclareClassMetadata({
 				required: false
 			}]
 		}],
+		showDelay: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "rtTooltipShowDelay",
+				required: false
+			}]
+		}],
 		whenTruncated: [{
 			type: i0.Input,
 			args: [{

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

@@ -1 +1 @@
-{"version":3,"file":"rt-tools-ui-kit-v2-tooltip.mjs","names":[],"sources":["../../../projects/ui-kit-v2/src/lib/components/tooltip/rt-tooltip.component.ts","../../../projects/ui-kit-v2/src/lib/components/tooltip/rt-tooltip.logic.ts","../../../projects/ui-kit-v2/src/lib/components/tooltip/rt-tooltip.directive.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, signal, ViewEncapsulation, WritableSignal } from '@angular/core';\n\nconst BEM_BLOCK: string = 'rt-tooltip';\n\n/**\n * Презентационная панель tooltip'а. Рендерится директивой `[rtTooltip]` через\n * CDK `ComponentPortal` в overlay; текст выставляется императивно\n * (`ref.instance.text.set(...)`) — отдельного `input()` нет, т.к. компонент\n * создаётся вручную, а не в шаблоне.\n *\n * `ViewEncapsulation.None` — стили префиксованы `.rt-tooltip` (единообразно с\n * остальным common/ui). `role=\"tooltip\"` — вспомогательный ярлык для AT.\n */\n@Component({\n    selector: 'rt-tooltip',\n    template: '{{ text() }}',\n    styleUrl: './rt-tooltip.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    host: {\n        class: BEM_BLOCK,\n        role: 'tooltip',\n    },\n})\nexport class RtTooltipComponent {\n    public readonly text: WritableSignal<string> = signal<string>('');\n}\n","import { ConnectedPosition } from '@angular/cdk/overlay';\n\nimport { IRtTooltip } from './rt-tooltip.model';\n\n/** Зазор между подсказкой и host'ом. */\nconst TOOLTIP_GAP_PX: number = 6;\n\nconst POSITION_BY_PLACEMENT: Readonly<Record<IRtTooltip.Placement, ConnectedPosition>> = {\n    top: { originX: 'center', originY: 'top', overlayX: 'center', overlayY: 'bottom', offsetY: -TOOLTIP_GAP_PX },\n    bottom: { originX: 'center', originY: 'bottom', overlayX: 'center', overlayY: 'top', offsetY: TOOLTIP_GAP_PX },\n    left: { originX: 'start', originY: 'center', overlayX: 'end', overlayY: 'center', offsetX: -TOOLTIP_GAP_PX },\n    right: { originX: 'end', originY: 'center', overlayX: 'start', overlayY: 'center', offsetX: TOOLTIP_GAP_PX },\n};\n\nconst FALLBACKS: Readonly<Record<IRtTooltip.Placement, readonly IRtTooltip.Placement[]>> = {\n    top: ['top', 'bottom'],\n    bottom: ['bottom', 'top'],\n    left: ['left', 'right', 'top', 'bottom'],\n    right: ['right', 'left', 'top', 'bottom'],\n};\n\n/**\n * Позиции подсказки по порядку попыток: заданная сторона, противоположная, а у боковой ещё\n * верх и низ — на узком экране сбоку не помещается ни одна сторона, и подсказка, придвинутая\n * к краю, легла бы на сам host. Бока заданы логическими `start`/`end`: в письме справа налево\n * `left` встаёт справа — как и вся раскладка кита.\n */\nexport function tooltipPositions(placement: IRtTooltip.Placement): ConnectedPosition[] {\n    return FALLBACKS[placement].map((side: IRtTooltip.Placement): ConnectedPosition => ({ ...POSITION_BY_PLACEMENT[side] }));\n}\n\n/** Размеры узла, по которым судят об обрезке: видимая ширина и ширина содержимого. */\nexport interface IRtTooltipBox {\n    readonly clientWidth: number;\n    readonly scrollWidth: number;\n}\n\n/**\n * Текст узла обрезан: содержимое шире видимой коробки. Высота не судится — узел с видимым\n * переполнением по высоте показывает всё, и его подсказка только повторяла бы текст.\n */\nexport function isTooltipTextCut(box: IRtTooltipBox): boolean {\n    return box.scrollWidth > box.clientWidth;\n}\n","import { FocusMonitor, FocusOrigin } from '@angular/cdk/a11y';\nimport {\n    ConnectedPosition,\n    FlexibleConnectedPositionStrategy,\n    Overlay,\n    OverlayConfig,\n    OverlayRef,\n    ScrollStrategyOptions,\n} from '@angular/cdk/overlay';\nimport { ComponentPortal } from '@angular/cdk/portal';\nimport {\n    booleanAttribute,\n    ComponentRef,\n    Directive,\n    effect,\n    ElementRef,\n    inject,\n    input,\n    InputSignal,\n    InputSignalWithTransform,\n    OnDestroy,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\nimport { carryThemeScope, materialPresetClassesOf } from '@rt-tools/ui-kit-v2/core';\nimport { RtTooltipComponent } from './rt-tooltip.component';\nimport { isTooltipTextCut, tooltipPositions } from './rt-tooltip.logic';\nimport { IRtTooltip } from './rt-tooltip.model';\n\nconst SHOW_DELAY_MS: number = 300;\nconst VIEWPORT_MARGIN: number = 8;\n\n/**\n * Tooltip-директива поверх CDK Overlay. Показывает короткую подсказку\n * (`rtTooltip` = строка) на hover/focus host'а. Движок — CDK `flexibleConnectedTo`\n * (авто-flip у края viewport, reposition при скролле), так что подсказка не\n * режется `overflow: hidden` предками (таблицы, aside, карточки).\n *\n * Триггеры: `mouseenter` и фокус с клавиатуры показывают (с задержкой `SHOW_DELAY_MS`),\n * `mouseleave`/`focusout`/`click` прячут. Фокус, поставленный мышью или кодом, подсказку не\n * показывает, как у Material: меню возвращает фокус кнопке после выбора пункта мышью, и\n * подсказка кнопки всплывала поверх того, что пункт открыл. Пустой текст → no-op (директива\n * выключена), поэтому её можно безусловно вешать на icon-кнопки и включать\n * выставлением строки.\n *\n * @example\n * ```html\n * <rt-icon-button icon=\"ico-trash\" ariaLabel=\"Удалить\" tooltip=\"Удалить\" />\n * <button rtButton [rtTooltip]=\"'Подсказка'\">…</button>\n * ```\n */\n@Directive({\n    selector: '[rtTooltip]',\n    exportAs: 'rtTooltip',\n    host: {\n        '(mouseenter)': 'show()',\n        '(mouseleave)': 'hide()',\n        '(focusout)': 'hide()',\n        '(click)': 'onClick()',\n    },\n})\nexport class RtTooltipDirective implements OnDestroy {\n    readonly #overlay: Overlay = inject(Overlay);\n    readonly #elementRef: ElementRef<HTMLElement> = inject<ElementRef<HTMLElement>>(ElementRef);\n    readonly #scrollStrategies: ScrollStrategyOptions = inject(ScrollStrategyOptions);\n    readonly #focusMonitor: FocusMonitor = inject(FocusMonitor);\n\n    #overlayRef: OverlayRef | null = null;\n    #tooltipRef: ComponentRef<RtTooltipComponent> | null = null;\n    #showTimer: ReturnType<typeof setTimeout> | null = null;\n\n    /**\n     * Текст подсказки. Принимает `null`/`undefined` (частый результат date-пайпа\n     * или nullable-полей модели) и нормализует их в пустую строку — иначе\n     * биндинги вида `value | date` ломали бы строгую типизацию шаблона. Пустая\n     * строка → no-op (директива выключена).\n     */\n    public readonly text: InputSignalWithTransform<string, string | null | undefined> = input<string, string | null | undefined>('', {\n        alias: 'rtTooltip',\n        transform: (value: string | null | undefined): string => value ?? '',\n    });\n\n    /** Сторона подсказки. Не задана — сверху, а под материальным набором снизу, как у первого кита. */\n    public readonly placement: InputSignal<IRtTooltip.Placement | null> = input<IRtTooltip.Placement | null>(null, {\n        alias: 'rtTooltipPlacement',\n    });\n\n    /**\n     * Подсказка только у обрезанного текста: хост меряется в момент показа, и подсказка не\n     * появляется, пока его содержимое помещается целиком. Мерить заранее не нужно — показ идёт\n     * только отсюда, и признак в эту минуту всегда свежий.\n     */\n    public readonly whenTruncated: InputSignalWithTransform<boolean, unknown> = input<boolean, unknown>(false, {\n        alias: 'rtTooltipWhenTruncated',\n        transform: booleanAttribute,\n    });\n\n    /**\n     * Клик прячет открытую подсказку — по умолчанию, как раньше. `false` оставляет её открытой:\n     * кнопка-переключатель показывает в ней новое состояние сразу после нажатия. Отложенный показ\n     * клик снимает при любом значении — касание на тач-экране (mouseenter + click) подсказку не\n     * показывает.\n     */\n    public readonly hideOnClick: InputSignalWithTransform<boolean, unknown> = input<boolean, unknown>(true, {\n        alias: 'rtTooltipHideOnClick',\n        transform: booleanAttribute,\n    });\n\n    constructor() {\n        // Новый текст доходит до открытой панели на месте, без повторного наведения.\n        effect((): void => this.#syncText(this.text()));\n        this.#focusMonitor\n            .monitor(this.#elementRef, true)\n            .pipe(takeUntilDestroyed())\n            .subscribe((origin: FocusOrigin): void => {\n                if (origin === 'keyboard') {\n                    this.show();\n                }\n            });\n    }\n\n    public ngOnDestroy(): void {\n        this.#focusMonitor.stopMonitoring(this.#elementRef);\n        this.#clearTimer();\n        this.#disposeOverlay();\n    }\n\n    protected show(): void {\n        if (this.text().trim() === '' || this.#tooltipRef !== null) {\n            return;\n        }\n        this.#clearTimer();\n        this.#showTimer = setTimeout((): void => this.#attach(), SHOW_DELAY_MS);\n    }\n\n    protected hide(): void {\n        this.#clearTimer();\n        this.#overlayRef?.detach();\n        this.#tooltipRef = null;\n    }\n\n    protected onClick(): void {\n        if (this.hideOnClick() || this.#tooltipRef === null) {\n            this.hide();\n        }\n    }\n\n    #syncText(text: string): void {\n        if (this.#tooltipRef === null) {\n            return;\n        }\n        if (text.trim() === '') {\n            this.hide();\n            return;\n        }\n        this.#tooltipRef.instance.text.set(text);\n        this.#tooltipRef.changeDetectorRef.markForCheck();\n        this.#overlayRef?.updatePosition();\n    }\n\n    #attach(): void {\n        if (this.text().trim() === '' || (this.whenTruncated() && !isTooltipTextCut(this.#elementRef.nativeElement))) {\n            return;\n        }\n        const overlayRef: OverlayRef = this.#ensureOverlay();\n        // Коробка переживает закрытие, а кусок темы вокруг host'а мог смениться — переносим на каждом показе.\n        carryThemeScope(overlayRef.overlayElement, this.#elementRef.nativeElement);\n        const portal: ComponentPortal<RtTooltipComponent> = new ComponentPortal(RtTooltipComponent);\n        this.#tooltipRef = overlayRef.attach(portal);\n        this.#tooltipRef.instance.text.set(this.text());\n        this.#tooltipRef.changeDetectorRef.markForCheck();\n    }\n\n    #ensureOverlay(): OverlayRef {\n        if (this.#overlayRef !== null) {\n            return this.#overlayRef;\n        }\n        const presetClasses: string[] = materialPresetClassesOf(this.#elementRef.nativeElement);\n        const placement: IRtTooltip.Placement = this.placement() ?? (presetClasses.length > 0 ? 'bottom' : 'top');\n        const positions: ConnectedPosition[] = tooltipPositions(placement);\n\n        const positionStrategy: FlexibleConnectedPositionStrategy = this.#overlay\n            .position()\n            .flexibleConnectedTo(this.#elementRef)\n            .withPush(true)\n            .withViewportMargin(VIEWPORT_MARGIN)\n            .withFlexibleDimensions(false)\n            .withPositions(positions);\n\n        const config: OverlayConfig = new OverlayConfig({\n            positionStrategy,\n            scrollStrategy: this.#scrollStrategies.reposition(),\n            hasBackdrop: false,\n            panelClass: ['rt-tooltip-panel', ...presetClasses],\n        });\n        this.#overlayRef = this.#overlay.create(config);\n        return this.#overlayRef;\n    }\n\n    #clearTimer(): void {\n        if (this.#showTimer !== null) {\n            clearTimeout(this.#showTimer);\n            this.#showTimer = null;\n        }\n    }\n\n    #disposeOverlay(): void {\n        this.#overlayRef?.dispose();\n        this.#overlayRef = null;\n        this.#tooltipRef = null;\n    }\n}\n"],"mappings":"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"}
+{"version":3,"file":"rt-tools-ui-kit-v2-tooltip.mjs","names":[],"sources":["../../../projects/ui-kit-v2/src/lib/components/tooltip/rt-tooltip.component.ts","../../../projects/ui-kit-v2/src/lib/components/tooltip/rt-tooltip.logic.ts","../../../projects/ui-kit-v2/src/lib/components/tooltip/rt-tooltip.directive.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, signal, ViewEncapsulation, WritableSignal } from '@angular/core';\n\nconst BEM_BLOCK: string = 'rt-tooltip';\n\n/**\n * Презентационная панель tooltip'а. Рендерится директивой `[rtTooltip]` через\n * CDK `ComponentPortal` в overlay; текст выставляется императивно\n * (`ref.instance.text.set(...)`) — отдельного `input()` нет, т.к. компонент\n * создаётся вручную, а не в шаблоне.\n *\n * `ViewEncapsulation.None` — стили префиксованы `.rt-tooltip` (единообразно с\n * остальным common/ui). `role=\"tooltip\"` — вспомогательный ярлык для AT.\n */\n@Component({\n    selector: 'rt-tooltip',\n    template: '{{ text() }}',\n    styleUrl: './rt-tooltip.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    host: {\n        class: BEM_BLOCK,\n        role: 'tooltip',\n    },\n})\nexport class RtTooltipComponent {\n    public readonly text: WritableSignal<string> = signal<string>('');\n}\n","import { ConnectedPosition } from '@angular/cdk/overlay';\n\nimport { IRtTooltip } from './rt-tooltip.model';\n\n/** Зазор между подсказкой и host'ом. */\nconst TOOLTIP_GAP_PX: number = 6;\n\nconst POSITION_BY_PLACEMENT: Readonly<Record<IRtTooltip.Placement, ConnectedPosition>> = {\n    top: { originX: 'center', originY: 'top', overlayX: 'center', overlayY: 'bottom', offsetY: -TOOLTIP_GAP_PX },\n    bottom: { originX: 'center', originY: 'bottom', overlayX: 'center', overlayY: 'top', offsetY: TOOLTIP_GAP_PX },\n    left: { originX: 'start', originY: 'center', overlayX: 'end', overlayY: 'center', offsetX: -TOOLTIP_GAP_PX },\n    right: { originX: 'end', originY: 'center', overlayX: 'start', overlayY: 'center', offsetX: TOOLTIP_GAP_PX },\n};\n\nconst FALLBACKS: Readonly<Record<IRtTooltip.Placement, readonly IRtTooltip.Placement[]>> = {\n    top: ['top', 'bottom'],\n    bottom: ['bottom', 'top'],\n    left: ['left', 'right', 'top', 'bottom'],\n    right: ['right', 'left', 'top', 'bottom'],\n};\n\n/**\n * Позиции подсказки по порядку попыток: заданная сторона, противоположная, а у боковой ещё\n * верх и низ — на узком экране сбоку не помещается ни одна сторона, и подсказка, придвинутая\n * к краю, легла бы на сам host. Бока заданы логическими `start`/`end`: в письме справа налево\n * `left` встаёт справа — как и вся раскладка кита.\n */\n/**\n * Сторона подсказки: своя на элементе, иначе из настроек кита, иначе сверху, а под материальным\n * набором снизу, как у первого кита.\n */\nexport function tooltipPlacement(\n    own: IRtTooltip.Placement | null,\n    configured: IRtTooltip.Placement | null,\n    materialPreset: boolean\n): IRtTooltip.Placement {\n    return own ?? configured ?? (materialPreset ? 'bottom' : 'top');\n}\n\nexport function tooltipPositions(placement: IRtTooltip.Placement): ConnectedPosition[] {\n    return FALLBACKS[placement].map((side: IRtTooltip.Placement): ConnectedPosition => ({ ...POSITION_BY_PLACEMENT[side] }));\n}\n\n/** Размеры узла, по которым судят об обрезке: видимая ширина и ширина содержимого. */\nexport interface IRtTooltipBox {\n    readonly clientWidth: number;\n    readonly scrollWidth: number;\n}\n\n/**\n * Текст узла обрезан: содержимое шире видимой коробки. Высота не судится — узел с видимым\n * переполнением по высоте показывает всё, и его подсказка только повторяла бы текст.\n */\nexport function isTooltipTextCut(box: IRtTooltipBox): boolean {\n    return box.scrollWidth > box.clientWidth;\n}\n","import { FocusMonitor, FocusOrigin } from '@angular/cdk/a11y';\nimport { NumberInput } from '@angular/cdk/coercion';\nimport {\n    ConnectedPosition,\n    FlexibleConnectedPositionStrategy,\n    Overlay,\n    OverlayConfig,\n    OverlayRef,\n    ScrollStrategyOptions,\n} from '@angular/cdk/overlay';\nimport { ComponentPortal } from '@angular/cdk/portal';\nimport {\n    booleanAttribute,\n    ComponentRef,\n    Directive,\n    effect,\n    ElementRef,\n    inject,\n    input,\n    InputSignal,\n    InputSignalWithTransform,\n    numberAttribute,\n    OnDestroy,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\nimport { carryThemeScope, IRtKitConfig, materialPresetClassesOf, rtKitDefault } from '@rt-tools/ui-kit-v2/core';\nimport { RtTooltipComponent } from './rt-tooltip.component';\nimport { isTooltipTextCut, tooltipPlacement, tooltipPositions } from './rt-tooltip.logic';\nimport { IRtTooltip } from './rt-tooltip.model';\n\nconst SHOW_DELAY_MS: number = 300;\nconst VIEWPORT_MARGIN: number = 8;\n\n/**\n * Tooltip-директива поверх CDK Overlay. Показывает короткую подсказку\n * (`rtTooltip` = строка) на hover/focus host'а. Движок — CDK `flexibleConnectedTo`\n * (авто-flip у края viewport, reposition при скролле), так что подсказка не\n * режется `overflow: hidden` предками (таблицы, aside, карточки).\n *\n * Триггеры: `mouseenter` и фокус с клавиатуры показывают (с задержкой `SHOW_DELAY_MS`),\n * `mouseleave`/`focusout`/`click` прячут. Фокус, поставленный мышью или кодом, подсказку не\n * показывает, как у Material: меню возвращает фокус кнопке после выбора пункта мышью, и\n * подсказка кнопки всплывала поверх того, что пункт открыл. Пустой текст → no-op (директива\n * выключена), поэтому её можно безусловно вешать на icon-кнопки и включать\n * выставлением строки.\n *\n * @example\n * ```html\n * <rt-icon-button icon=\"ico-trash\" ariaLabel=\"Удалить\" tooltip=\"Удалить\" />\n * <button rtButton [rtTooltip]=\"'Подсказка'\">…</button>\n * ```\n */\n@Directive({\n    selector: '[rtTooltip]',\n    exportAs: 'rtTooltip',\n    host: {\n        '(mouseenter)': 'show()',\n        '(mouseleave)': 'hide()',\n        '(focusout)': 'hide()',\n        '(click)': 'onClick()',\n    },\n})\nexport class RtTooltipDirective implements OnDestroy {\n    readonly #overlay: Overlay = inject(Overlay);\n    readonly #elementRef: ElementRef<HTMLElement> = inject<ElementRef<HTMLElement>>(ElementRef);\n    readonly #scrollStrategies: ScrollStrategyOptions = inject(ScrollStrategyOptions);\n    readonly #focusMonitor: FocusMonitor = inject(FocusMonitor);\n\n    #overlayRef: OverlayRef | null = null;\n    #tooltipRef: ComponentRef<RtTooltipComponent> | null = null;\n    #showTimer: ReturnType<typeof setTimeout> | null = null;\n    /**\n     * Сторона из настроек кита. Не умолчание входа: обёртка кита, передающая свой `null`, перебила\n     * бы настройку приложения.\n     */\n    readonly #placementDefault: IRtTooltip.Placement | null = rtKitDefault(\n        'tooltip',\n        (it: IRtKitConfig.Tooltip): IRtTooltip.Placement | undefined => it.placement,\n        null\n    );\n    /**\n     * Задержка показа по умолчанию: из настроек кита `components.tooltip.showDelay`, без них —\n     * `SHOW_DELAY_MS`. Не умолчание входа — по той же причине, что и сторона.\n     */\n    readonly #showDelayDefault: number = rtKitDefault(\n        'tooltip',\n        (it: IRtKitConfig.Tooltip): number | undefined => it.showDelay,\n        SHOW_DELAY_MS\n    );\n\n    /**\n     * Текст подсказки. Принимает `null`/`undefined` (частый результат date-пайпа\n     * или nullable-полей модели) и нормализует их в пустую строку — иначе\n     * биндинги вида `value | date` ломали бы строгую типизацию шаблона. Пустая\n     * строка → no-op (директива выключена).\n     */\n    public readonly text: InputSignalWithTransform<string, string | null | undefined> = input<string, string | null | undefined>('', {\n        alias: 'rtTooltip',\n        transform: (value: string | null | undefined): string => value ?? '',\n    });\n\n    /**\n     * Сторона подсказки. `null` — сторона из настроек кита `components.tooltip.placement`, без них\n     * сверху, а под материальным набором снизу, как у первого кита.\n     */\n    public readonly placement: InputSignal<IRtTooltip.Placement | null> = input<IRtTooltip.Placement | null>(null, {\n        alias: 'rtTooltipPlacement',\n    });\n\n    /**\n     * Задержка показа этой подсказки в миллисекундах. `null` — общая задержка из настроек кита, без\n     * них 300.\n     */\n    public readonly showDelay: InputSignalWithTransform<number | null, NumberInput> = input<number | null, NumberInput>(null, {\n        alias: 'rtTooltipShowDelay',\n        transform: (value: NumberInput): number | null => {\n            const delay: number = value === null || value === undefined || value === '' ? Number.NaN : numberAttribute(value, Number.NaN);\n            return delay >= 0 ? delay : null;\n        },\n    });\n\n    /**\n     * Подсказка только у обрезанного текста: хост меряется в момент показа, и подсказка не\n     * появляется, пока его содержимое помещается целиком. Мерить заранее не нужно — показ идёт\n     * только отсюда, и признак в эту минуту всегда свежий.\n     */\n    public readonly whenTruncated: InputSignalWithTransform<boolean, unknown> = input<boolean, unknown>(false, {\n        alias: 'rtTooltipWhenTruncated',\n        transform: booleanAttribute,\n    });\n\n    /**\n     * Клик прячет открытую подсказку — по умолчанию, как раньше; умолчание на всё приложение —\n     * `components.tooltip.hideOnClick` в настройках кита. `false` оставляет её открытой:\n     * кнопка-переключатель показывает в ней новое состояние сразу после нажатия. Отложенный показ\n     * клик снимает при любом значении — касание на тач-экране (mouseenter + click) подсказку не\n     * показывает.\n     */\n    public readonly hideOnClick: InputSignalWithTransform<boolean, unknown> = input<boolean, unknown>(\n        rtKitDefault('tooltip', (it: IRtKitConfig.Tooltip): boolean | undefined => it.hideOnClick, true),\n        {\n            alias: 'rtTooltipHideOnClick',\n            transform: booleanAttribute,\n        }\n    );\n\n    constructor() {\n        // Новый текст доходит до открытой панели на месте, без повторного наведения.\n        effect((): void => this.#syncText(this.text()));\n        this.#focusMonitor\n            .monitor(this.#elementRef, true)\n            .pipe(takeUntilDestroyed())\n            .subscribe((origin: FocusOrigin): void => {\n                if (origin === 'keyboard') {\n                    this.show();\n                }\n            });\n    }\n\n    public ngOnDestroy(): void {\n        this.#focusMonitor.stopMonitoring(this.#elementRef);\n        this.#clearTimer();\n        this.#disposeOverlay();\n    }\n\n    protected show(): void {\n        if (this.text().trim() === '' || this.#tooltipRef !== null) {\n            return;\n        }\n        this.#clearTimer();\n        this.#showTimer = setTimeout((): void => this.#attach(), this.showDelay() ?? this.#showDelayDefault);\n    }\n\n    protected hide(): void {\n        this.#clearTimer();\n        this.#overlayRef?.detach();\n        this.#tooltipRef = null;\n    }\n\n    protected onClick(): void {\n        if (this.hideOnClick() || this.#tooltipRef === null) {\n            this.hide();\n        }\n    }\n\n    #syncText(text: string): void {\n        if (this.#tooltipRef === null) {\n            return;\n        }\n        if (text.trim() === '') {\n            this.hide();\n            return;\n        }\n        this.#tooltipRef.instance.text.set(text);\n        this.#tooltipRef.changeDetectorRef.markForCheck();\n        this.#overlayRef?.updatePosition();\n    }\n\n    #attach(): void {\n        if (this.text().trim() === '' || (this.whenTruncated() && !isTooltipTextCut(this.#elementRef.nativeElement))) {\n            return;\n        }\n        const overlayRef: OverlayRef = this.#ensureOverlay();\n        // Коробка переживает закрытие, а кусок темы вокруг host'а мог смениться — переносим на каждом показе.\n        carryThemeScope(overlayRef.overlayElement, this.#elementRef.nativeElement);\n        const portal: ComponentPortal<RtTooltipComponent> = new ComponentPortal(RtTooltipComponent);\n        this.#tooltipRef = overlayRef.attach(portal);\n        this.#tooltipRef.instance.text.set(this.text());\n        this.#tooltipRef.changeDetectorRef.markForCheck();\n    }\n\n    #ensureOverlay(): OverlayRef {\n        if (this.#overlayRef !== null) {\n            return this.#overlayRef;\n        }\n        const presetClasses: string[] = materialPresetClassesOf(this.#elementRef.nativeElement);\n        const placement: IRtTooltip.Placement = tooltipPlacement(this.placement(), this.#placementDefault, presetClasses.length > 0);\n        const positions: ConnectedPosition[] = tooltipPositions(placement);\n\n        const positionStrategy: FlexibleConnectedPositionStrategy = this.#overlay\n            .position()\n            .flexibleConnectedTo(this.#elementRef)\n            .withPush(true)\n            .withViewportMargin(VIEWPORT_MARGIN)\n            .withFlexibleDimensions(false)\n            .withPositions(positions);\n\n        const config: OverlayConfig = new OverlayConfig({\n            positionStrategy,\n            scrollStrategy: this.#scrollStrategies.reposition(),\n            hasBackdrop: false,\n            panelClass: ['rt-tooltip-panel', ...presetClasses],\n        });\n        this.#overlayRef = this.#overlay.create(config);\n        return this.#overlayRef;\n    }\n\n    #clearTimer(): void {\n        if (this.#showTimer !== null) {\n            clearTimeout(this.#showTimer);\n            this.#showTimer = null;\n        }\n    }\n\n    #disposeOverlay(): void {\n        this.#overlayRef?.dispose();\n        this.#overlayRef = null;\n        this.#tooltipRef = null;\n    }\n}\n"],"mappings":"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"}

package/fesm2022/rt-tools-ui-kit-v2-tree-selector.mjs

@@ -504,7 +504,7 @@ var RtTreeSelectorComponent = class RtTreeSelectorComponent {
 				isSignal: true
 			}],
 			ngImport: i0,
-			template: "<ng-container rtBlock=\"rt-tree-selector\">\n    <div rtElem=\"head\">\n        @if (label()) {\n            <div rtElem=\"label\" qa-dataid=\"tree-selector-label\">{{ label() }}</div>\n        }\n\n        <rt-input\n            rtElem=\"search\"\n            qa-dataid=\"tree-selector-search\"\n            iconLeft=\"search\"\n            [disabled]=\"disabled()\"\n            [placeholder]=\"searchLabel()\"\n            [ariaLabel]=\"searchLabel()\"\n            [ngModel]=\"term()\"\n            (ngModelChange)=\"onTerm($event)\"\n            (keydown)=\"onSearchKeydown($event)\" />\n\n        @if (underSearchTpl(); as underSearch) {\n            <div rtElem=\"under-search\" qa-dataid=\"tree-selector-under-search\">\n                <ng-container [ngTemplateOutlet]=\"underSearch.templateRef\" />\n            </div>\n        }\n\n        <div rtElem=\"controls\">\n            <div rtElem=\"row\">\n                @if (isExpandShown()) {\n                    <button\n                        rtButton\n                        rtElem=\"control\"\n                        qa-dataid=\"tree-selector-expand-all\"\n                        type=\"button\"\n                        appearance=\"outlined\"\n                        theme=\"secondary\"\n                        size=\"sm\"\n                        icon=\"expand-all\"\n                        [rtTooltip]=\"expandAllLabel()\"\n                        [attr.aria-label]=\"expandAllLabel()\"\n                        [disabled]=\"disabled()\"\n                        (click)=\"expandAll()\"></button>\n                    <button\n                        rtButton\n                        rtElem=\"control\"\n                        qa-dataid=\"tree-selector-collapse-all\"\n                        type=\"button\"\n                        appearance=\"outlined\"\n                        theme=\"secondary\"\n                        size=\"sm\"\n                        icon=\"collapse-all\"\n                        [rtTooltip]=\"collapseAllLabel()\"\n                        [attr.aria-label]=\"collapseAllLabel()\"\n                        [disabled]=\"disabled()\"\n                        (click)=\"collapseAll()\"></button>\n                }\n                @if (isRevertShown()) {\n                    <button\n                        rtButton\n                        rtElem=\"control\"\n                        qa-dataid=\"tree-selector-revert\"\n                        type=\"button\"\n                        appearance=\"outlined\"\n                        theme=\"secondary\"\n                        size=\"sm\"\n                        icon=\"undo\"\n                        [rtTooltip]=\"revertLabel()\"\n                        [attr.aria-label]=\"revertLabel()\"\n                        [disabled]=\"disabled() || !isDraftChanged()\"\n                        (click)=\"onRevert()\"></button>\n                }\n                @if (isClearShown()) {\n                    <button\n                        rtButton\n                        rtElem=\"control\"\n                        qa-dataid=\"tree-selector-clear\"\n                        type=\"button\"\n                        appearance=\"outlined\"\n                        theme=\"danger\"\n                        size=\"sm\"\n                        icon=\"trash\"\n                        [rtTooltip]=\"clearLabel()\"\n                        [attr.aria-label]=\"clearLabel()\"\n                        [disabled]=\"disabled()\"\n                        (click)=\"onClear()\"></button>\n                }\n                @if (controlsTpl(); as controls) {\n                    <div rtElem=\"own\">\n                        <ng-container [ngTemplateOutlet]=\"controls.templateRef\" />\n                    </div>\n                }\n            </div>\n\n            @if (isMultiToggleShown()) {\n                <div rtElem=\"multi\">\n                    <rt-toggle-switch\n                        qa-dataid=\"tree-selector-multi\"\n                        [ariaLabel]=\"multiLabel()\"\n                        [disabled]=\"disabled()\"\n                        [ngModel]=\"multiOn()\"\n                        [ngModelOptions]=\"{ standalone: true }\"\n                        (ngModelChange)=\"onMultiToggle($event)\" />\n                    <span rtElem=\"multi-label\">{{ multiLabel() }}</span>\n                    <rt-icon rtElem=\"multi-hint-icon\" name=\"info-circle\" size=\"sm\" [rtTooltip]=\"multiHintLabel()\" />\n                </div>\n            }\n        </div>\n    </div>\n\n    @if (isNothingFound()) {\n        <div rtElem=\"empty\" qa-dataid=\"tree-selector-empty\" [rtMod]=\"{ 'with-icon': !!emptyIcon() }\">\n            @if (emptyIcon(); as icon) {\n                <rt-icon rtElem=\"empty-icon\" qa-dataid=\"tree-selector-empty-icon\" size=\"lg\" [name]=\"icon\" />\n            }\n            {{ nothingFoundLabel() }}\n        </div>\n    } @else {\n        @if (hybrid) {\n            <rt-hybrid-tree\n                rtElem=\"tree\"\n                qa-dataid=\"tree-selector-tree\"\n                [nodes]=\"shownNodes()\"\n                [value]=\"draft()\"\n                [mode]=\"mode()\"\n                [cascade]=\"cascade()\"\n                [branchMarks]=\"branchMarks()\"\n                [exclusive]=\"isExclusive()\"\n                [showSelectAll]=\"selectAll()\"\n                [searchTerm]=\"markTerm()\"\n                [filter]=\"false\"\n                [emptyIcon]=\"emptyIcon()\"\n                [nodeEndTemplate]=\"endTemplate()\"\n                [nodeMetaTemplate]=\"metaTemplate()\"\n                [ariaLabel]=\"ariaLabel()\"\n                [disabled]=\"disabled()\"\n                (valueChange)=\"onTreeChange($event)\"\n                (picked)=\"onPicked()\" />\n        } @else {\n            <rt-tree\n                rtElem=\"tree\"\n                qa-dataid=\"tree-selector-tree\"\n                [nodes]=\"shownNodes()\"\n                [value]=\"draft()\"\n                [mode]=\"mode()\"\n                [cascade]=\"cascade()\"\n                [branchMarks]=\"branchMarks()\"\n                [exclusive]=\"isExclusive()\"\n                [showSelectAll]=\"selectAll()\"\n                [searchTerm]=\"markTerm()\"\n                [filter]=\"false\"\n                [emptyIcon]=\"emptyIcon()\"\n                [nodeEndTemplate]=\"endTemplate()\"\n                [nodeMetaTemplate]=\"metaTemplate()\"\n                [ariaLabel]=\"ariaLabel()\"\n                [disabled]=\"disabled()\"\n                (valueChange)=\"onTreeChange($event)\"\n                (picked)=\"onPicked()\" />\n        }\n    }\n\n    @if (isFooterShown()) {\n        <div rtElem=\"foot\">\n            <button\n                rtButton\n                qa-dataid=\"tree-selector-cancel\"\n                type=\"button\"\n                appearance=\"text\"\n                [label]=\"cancelLabel()\"\n                [attr.aria-label]=\"cancelLabel()\"\n                [disabled]=\"disabled()\"\n                (click)=\"cancel()\"></button>\n            <button\n                rtButton\n                qa-dataid=\"tree-selector-apply\"\n                type=\"button\"\n                [label]=\"applyLabel()\"\n                [attr.aria-label]=\"applyLabel()\"\n                [disabled]=\"!canApply()\"\n                (click)=\"apply()\"></button>\n        </div>\n    }\n</ng-container>\n",
+			template: "<ng-container rtBlock=\"rt-tree-selector\">\n    <div rtElem=\"head\">\n        @if (label()) {\n            <div rtElem=\"label\" qa-dataid=\"tree-selector-label\">{{ label() }}</div>\n        }\n\n        <rt-input\n            rtElem=\"search\"\n            qa-dataid=\"tree-selector-search\"\n            iconLeft=\"search\"\n            [disabled]=\"disabled()\"\n            [placeholder]=\"searchLabel()\"\n            [ariaLabel]=\"searchLabel()\"\n            [ngModel]=\"term()\"\n            [ngModelOptions]=\"{ standalone: true }\"\n            (ngModelChange)=\"onTerm($event)\"\n            (keydown)=\"onSearchKeydown($event)\" />\n\n        @if (underSearchTpl(); as underSearch) {\n            <div rtElem=\"under-search\" qa-dataid=\"tree-selector-under-search\">\n                <ng-container [ngTemplateOutlet]=\"underSearch.templateRef\" />\n            </div>\n        }\n\n        <div rtElem=\"controls\">\n            <div rtElem=\"row\">\n                @if (isExpandShown()) {\n                    <button\n                        rtButton\n                        rtElem=\"control\"\n                        qa-dataid=\"tree-selector-expand-all\"\n                        type=\"button\"\n                        appearance=\"outlined\"\n                        theme=\"secondary\"\n                        size=\"sm\"\n                        icon=\"expand-all\"\n                        [rtTooltip]=\"expandAllLabel()\"\n                        [attr.aria-label]=\"expandAllLabel()\"\n                        [disabled]=\"disabled()\"\n                        (click)=\"expandAll()\"></button>\n                    <button\n                        rtButton\n                        rtElem=\"control\"\n                        qa-dataid=\"tree-selector-collapse-all\"\n                        type=\"button\"\n                        appearance=\"outlined\"\n                        theme=\"secondary\"\n                        size=\"sm\"\n                        icon=\"collapse-all\"\n                        [rtTooltip]=\"collapseAllLabel()\"\n                        [attr.aria-label]=\"collapseAllLabel()\"\n                        [disabled]=\"disabled()\"\n                        (click)=\"collapseAll()\"></button>\n                }\n                @if (isRevertShown()) {\n                    <button\n                        rtButton\n                        rtElem=\"control\"\n                        qa-dataid=\"tree-selector-revert\"\n                        type=\"button\"\n                        appearance=\"outlined\"\n                        theme=\"secondary\"\n                        size=\"sm\"\n                        icon=\"undo\"\n                        [rtTooltip]=\"revertLabel()\"\n                        [attr.aria-label]=\"revertLabel()\"\n                        [disabled]=\"disabled() || !isDraftChanged()\"\n                        (click)=\"onRevert()\"></button>\n                }\n                @if (isClearShown()) {\n                    <button\n                        rtButton\n                        rtElem=\"control\"\n                        qa-dataid=\"tree-selector-clear\"\n                        type=\"button\"\n                        appearance=\"outlined\"\n                        theme=\"danger\"\n                        size=\"sm\"\n                        icon=\"trash\"\n                        [rtTooltip]=\"clearLabel()\"\n                        [attr.aria-label]=\"clearLabel()\"\n                        [disabled]=\"disabled()\"\n                        (click)=\"onClear()\"></button>\n                }\n                @if (controlsTpl(); as controls) {\n                    <div rtElem=\"own\">\n                        <ng-container [ngTemplateOutlet]=\"controls.templateRef\" />\n                    </div>\n                }\n            </div>\n\n            @if (isMultiToggleShown()) {\n                <div rtElem=\"multi\">\n                    <rt-toggle-switch\n                        qa-dataid=\"tree-selector-multi\"\n                        [ariaLabel]=\"multiLabel()\"\n                        [disabled]=\"disabled()\"\n                        [ngModel]=\"multiOn()\"\n                        [ngModelOptions]=\"{ standalone: true }\"\n                        (ngModelChange)=\"onMultiToggle($event)\" />\n                    <span rtElem=\"multi-label\">{{ multiLabel() }}</span>\n                    <rt-icon rtElem=\"multi-hint-icon\" name=\"info-circle\" size=\"sm\" [rtTooltip]=\"multiHintLabel()\" />\n                </div>\n            }\n        </div>\n    </div>\n\n    @if (isNothingFound()) {\n        <div rtElem=\"empty\" qa-dataid=\"tree-selector-empty\" [rtMod]=\"{ 'with-icon': !!emptyIcon() }\">\n            @if (emptyIcon(); as icon) {\n                <rt-icon rtElem=\"empty-icon\" qa-dataid=\"tree-selector-empty-icon\" size=\"lg\" [name]=\"icon\" />\n            }\n            {{ nothingFoundLabel() }}\n        </div>\n    } @else {\n        @if (hybrid) {\n            <rt-hybrid-tree\n                rtElem=\"tree\"\n                qa-dataid=\"tree-selector-tree\"\n                [nodes]=\"shownNodes()\"\n                [value]=\"draft()\"\n                [mode]=\"mode()\"\n                [cascade]=\"cascade()\"\n                [branchMarks]=\"branchMarks()\"\n                [exclusive]=\"isExclusive()\"\n                [showSelectAll]=\"selectAll()\"\n                [searchTerm]=\"markTerm()\"\n                [filter]=\"false\"\n                [emptyIcon]=\"emptyIcon()\"\n                [nodeEndTemplate]=\"endTemplate()\"\n                [nodeMetaTemplate]=\"metaTemplate()\"\n                [ariaLabel]=\"ariaLabel()\"\n                [disabled]=\"disabled()\"\n                (valueChange)=\"onTreeChange($event)\"\n                (picked)=\"onPicked()\" />\n        } @else {\n            <rt-tree\n                rtElem=\"tree\"\n                qa-dataid=\"tree-selector-tree\"\n                [nodes]=\"shownNodes()\"\n                [value]=\"draft()\"\n                [mode]=\"mode()\"\n                [cascade]=\"cascade()\"\n                [branchMarks]=\"branchMarks()\"\n                [exclusive]=\"isExclusive()\"\n                [showSelectAll]=\"selectAll()\"\n                [searchTerm]=\"markTerm()\"\n                [filter]=\"false\"\n                [emptyIcon]=\"emptyIcon()\"\n                [nodeEndTemplate]=\"endTemplate()\"\n                [nodeMetaTemplate]=\"metaTemplate()\"\n                [ariaLabel]=\"ariaLabel()\"\n                [disabled]=\"disabled()\"\n                (valueChange)=\"onTreeChange($event)\"\n                (picked)=\"onPicked()\" />\n        }\n    }\n\n    @if (isFooterShown()) {\n        <div rtElem=\"foot\">\n            <button\n                rtButton\n                qa-dataid=\"tree-selector-cancel\"\n                type=\"button\"\n                appearance=\"text\"\n                [label]=\"cancelLabel()\"\n                [attr.aria-label]=\"cancelLabel()\"\n                [disabled]=\"disabled()\"\n                (click)=\"cancel()\"></button>\n            <button\n                rtButton\n                qa-dataid=\"tree-selector-apply\"\n                type=\"button\"\n                [label]=\"applyLabel()\"\n                [attr.aria-label]=\"applyLabel()\"\n                [disabled]=\"!canApply()\"\n                (click)=\"apply()\"></button>\n        </div>\n    }\n</ng-container>\n",
 			styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-tree-selector{--rt-tree-selector-border-width: var(--rt-border-width-thin);--rt-tree-selector-bg: var(--rt-color-bg-surface);--rt-tree-selector-gap: var(--rt-space-sm);--rt-tree-selector-empty-color: var(--rt-color-text-muted);--rt-tree-selector-empty-gap: var(--rt-space-sm);display:flex;min-height:0;box-sizing:border-box;flex-direction:column;background-color:var(--rt-tree-selector-bg);color:var(--rt-color-text-primary);gap:var(--rt-tree-selector-gap)}:is(.rt-preset-material,[data-preset=material]) .rt-tree-selector{--rt-tree-selector-gap: calc(var(--rt-space-2) + var(--rt-space-0-5))}.rt-tree-selector__head{display:flex;flex-direction:column;gap:var(--rt-space-sm)}.rt-tree-selector__label{font-size:var(--rt-text-sm);font-weight:var(--rt-font-weight-semibold)}.rt-tree-selector__search{display:block}.rt-tree-selector__controls{display:flex;flex-direction:column;gap:var(--rt-space-sm)}.rt-tree-selector__row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--rt-space-xs)}.rt-tree-selector__control{flex:0 0 auto}.rt-tree-selector__own{display:flex;align-items:center;gap:var(--rt-space-xs);margin-inline-start:auto}.rt-tree-selector__multi{display:flex;align-items:center;gap:var(--rt-space-sm)}.rt-tree-selector__multi-label{font-size:var(--rt-text-sm)}.rt-tree-selector__multi-hint-icon{color:var(--rt-color-text-muted)}.rt-tree-selector__tree{min-height:0;flex:1 1 auto;overflow-y:auto}.rt-tree-selector__empty{flex:1 1 auto;padding:var(--rt-space-md);color:var(--rt-tree-selector-empty-color);text-align:center}.rt-tree-selector__empty--with-icon{display:flex;flex-direction:column;align-items:center;gap:var(--rt-tree-selector-empty-gap)}.rt-tree-selector__empty-icon{flex-shrink:0}.rt-tree-selector__under-search{display:block}.rt-tree-selector__foot{display:flex;align-items:center;justify-content:flex-end;border-top:var(--rt-tree-selector-border-width) solid var(--rt-color-border-subtle);gap:var(--rt-space-sm);padding-block-start:var(--rt-space-sm)}}\n"],
 			dependencies: [
 				{
@@ -599,8 +599,17 @@ var RtTreeSelectorComponent = class RtTreeSelectorComponent {
 						"iconLeft",
 						"iconRight",
 						"passwordToggle",
-						"autocomplete"
-					]
+						"autocomplete",
+						"maxlength",
+						"floatingLabel",
+						"iconLeftAction",
+						"iconRightAction",
+						"iconLeftDisabled",
+						"iconRightDisabled",
+						"iconLeftTooltip",
+						"iconRightTooltip"
+					],
+					outputs: ["iconLeftClick", "iconRightClick"]
 				},
 				{
 					kind: "component",
@@ -623,6 +632,7 @@ var RtTreeSelectorComponent = class RtTreeSelectorComponent {
 					inputs: [
 						"rtTooltip",
 						"rtTooltipPlacement",
+						"rtTooltipShowDelay",
 						"rtTooltipWhenTruncated",
 						"rtTooltipHideOnClick"
 					],
@@ -687,7 +697,7 @@ i0.ɵɵngDeclareClassMetadata({
 				RtHybridTreeComponent
 			],
 			host: { class: BEM_BLOCK },
-			template: "<ng-container rtBlock=\"rt-tree-selector\">\n    <div rtElem=\"head\">\n        @if (label()) {\n            <div rtElem=\"label\" qa-dataid=\"tree-selector-label\">{{ label() }}</div>\n        }\n\n        <rt-input\n            rtElem=\"search\"\n            qa-dataid=\"tree-selector-search\"\n            iconLeft=\"search\"\n            [disabled]=\"disabled()\"\n            [placeholder]=\"searchLabel()\"\n            [ariaLabel]=\"searchLabel()\"\n            [ngModel]=\"term()\"\n            (ngModelChange)=\"onTerm($event)\"\n            (keydown)=\"onSearchKeydown($event)\" />\n\n        @if (underSearchTpl(); as underSearch) {\n            <div rtElem=\"under-search\" qa-dataid=\"tree-selector-under-search\">\n                <ng-container [ngTemplateOutlet]=\"underSearch.templateRef\" />\n            </div>\n        }\n\n        <div rtElem=\"controls\">\n            <div rtElem=\"row\">\n                @if (isExpandShown()) {\n                    <button\n                        rtButton\n                        rtElem=\"control\"\n                        qa-dataid=\"tree-selector-expand-all\"\n                        type=\"button\"\n                        appearance=\"outlined\"\n                        theme=\"secondary\"\n                        size=\"sm\"\n                        icon=\"expand-all\"\n                        [rtTooltip]=\"expandAllLabel()\"\n                        [attr.aria-label]=\"expandAllLabel()\"\n                        [disabled]=\"disabled()\"\n                        (click)=\"expandAll()\"></button>\n                    <button\n                        rtButton\n                        rtElem=\"control\"\n                        qa-dataid=\"tree-selector-collapse-all\"\n                        type=\"button\"\n                        appearance=\"outlined\"\n                        theme=\"secondary\"\n                        size=\"sm\"\n                        icon=\"collapse-all\"\n                        [rtTooltip]=\"collapseAllLabel()\"\n                        [attr.aria-label]=\"collapseAllLabel()\"\n                        [disabled]=\"disabled()\"\n                        (click)=\"collapseAll()\"></button>\n                }\n                @if (isRevertShown()) {\n                    <button\n                        rtButton\n                        rtElem=\"control\"\n                        qa-dataid=\"tree-selector-revert\"\n                        type=\"button\"\n                        appearance=\"outlined\"\n                        theme=\"secondary\"\n                        size=\"sm\"\n                        icon=\"undo\"\n                        [rtTooltip]=\"revertLabel()\"\n                        [attr.aria-label]=\"revertLabel()\"\n                        [disabled]=\"disabled() || !isDraftChanged()\"\n                        (click)=\"onRevert()\"></button>\n                }\n                @if (isClearShown()) {\n                    <button\n                        rtButton\n                        rtElem=\"control\"\n                        qa-dataid=\"tree-selector-clear\"\n                        type=\"button\"\n                        appearance=\"outlined\"\n                        theme=\"danger\"\n                        size=\"sm\"\n                        icon=\"trash\"\n                        [rtTooltip]=\"clearLabel()\"\n                        [attr.aria-label]=\"clearLabel()\"\n                        [disabled]=\"disabled()\"\n                        (click)=\"onClear()\"></button>\n                }\n                @if (controlsTpl(); as controls) {\n                    <div rtElem=\"own\">\n                        <ng-container [ngTemplateOutlet]=\"controls.templateRef\" />\n                    </div>\n                }\n            </div>\n\n            @if (isMultiToggleShown()) {\n                <div rtElem=\"multi\">\n                    <rt-toggle-switch\n                        qa-dataid=\"tree-selector-multi\"\n                        [ariaLabel]=\"multiLabel()\"\n                        [disabled]=\"disabled()\"\n                        [ngModel]=\"multiOn()\"\n                        [ngModelOptions]=\"{ standalone: true }\"\n                        (ngModelChange)=\"onMultiToggle($event)\" />\n                    <span rtElem=\"multi-label\">{{ multiLabel() }}</span>\n                    <rt-icon rtElem=\"multi-hint-icon\" name=\"info-circle\" size=\"sm\" [rtTooltip]=\"multiHintLabel()\" />\n                </div>\n            }\n        </div>\n    </div>\n\n    @if (isNothingFound()) {\n        <div rtElem=\"empty\" qa-dataid=\"tree-selector-empty\" [rtMod]=\"{ 'with-icon': !!emptyIcon() }\">\n            @if (emptyIcon(); as icon) {\n                <rt-icon rtElem=\"empty-icon\" qa-dataid=\"tree-selector-empty-icon\" size=\"lg\" [name]=\"icon\" />\n            }\n            {{ nothingFoundLabel() }}\n        </div>\n    } @else {\n        @if (hybrid) {\n            <rt-hybrid-tree\n                rtElem=\"tree\"\n                qa-dataid=\"tree-selector-tree\"\n                [nodes]=\"shownNodes()\"\n                [value]=\"draft()\"\n                [mode]=\"mode()\"\n                [cascade]=\"cascade()\"\n                [branchMarks]=\"branchMarks()\"\n                [exclusive]=\"isExclusive()\"\n                [showSelectAll]=\"selectAll()\"\n                [searchTerm]=\"markTerm()\"\n                [filter]=\"false\"\n                [emptyIcon]=\"emptyIcon()\"\n                [nodeEndTemplate]=\"endTemplate()\"\n                [nodeMetaTemplate]=\"metaTemplate()\"\n                [ariaLabel]=\"ariaLabel()\"\n                [disabled]=\"disabled()\"\n                (valueChange)=\"onTreeChange($event)\"\n                (picked)=\"onPicked()\" />\n        } @else {\n            <rt-tree\n                rtElem=\"tree\"\n                qa-dataid=\"tree-selector-tree\"\n                [nodes]=\"shownNodes()\"\n                [value]=\"draft()\"\n                [mode]=\"mode()\"\n                [cascade]=\"cascade()\"\n                [branchMarks]=\"branchMarks()\"\n                [exclusive]=\"isExclusive()\"\n                [showSelectAll]=\"selectAll()\"\n                [searchTerm]=\"markTerm()\"\n                [filter]=\"false\"\n                [emptyIcon]=\"emptyIcon()\"\n                [nodeEndTemplate]=\"endTemplate()\"\n                [nodeMetaTemplate]=\"metaTemplate()\"\n                [ariaLabel]=\"ariaLabel()\"\n                [disabled]=\"disabled()\"\n                (valueChange)=\"onTreeChange($event)\"\n                (picked)=\"onPicked()\" />\n        }\n    }\n\n    @if (isFooterShown()) {\n        <div rtElem=\"foot\">\n            <button\n                rtButton\n                qa-dataid=\"tree-selector-cancel\"\n                type=\"button\"\n                appearance=\"text\"\n                [label]=\"cancelLabel()\"\n                [attr.aria-label]=\"cancelLabel()\"\n                [disabled]=\"disabled()\"\n                (click)=\"cancel()\"></button>\n            <button\n                rtButton\n                qa-dataid=\"tree-selector-apply\"\n                type=\"button\"\n                [label]=\"applyLabel()\"\n                [attr.aria-label]=\"applyLabel()\"\n                [disabled]=\"!canApply()\"\n                (click)=\"apply()\"></button>\n        </div>\n    }\n</ng-container>\n",
+			template: "<ng-container rtBlock=\"rt-tree-selector\">\n    <div rtElem=\"head\">\n        @if (label()) {\n            <div rtElem=\"label\" qa-dataid=\"tree-selector-label\">{{ label() }}</div>\n        }\n\n        <rt-input\n            rtElem=\"search\"\n            qa-dataid=\"tree-selector-search\"\n            iconLeft=\"search\"\n            [disabled]=\"disabled()\"\n            [placeholder]=\"searchLabel()\"\n            [ariaLabel]=\"searchLabel()\"\n            [ngModel]=\"term()\"\n            [ngModelOptions]=\"{ standalone: true }\"\n            (ngModelChange)=\"onTerm($event)\"\n            (keydown)=\"onSearchKeydown($event)\" />\n\n        @if (underSearchTpl(); as underSearch) {\n            <div rtElem=\"under-search\" qa-dataid=\"tree-selector-under-search\">\n                <ng-container [ngTemplateOutlet]=\"underSearch.templateRef\" />\n            </div>\n        }\n\n        <div rtElem=\"controls\">\n            <div rtElem=\"row\">\n                @if (isExpandShown()) {\n                    <button\n                        rtButton\n                        rtElem=\"control\"\n                        qa-dataid=\"tree-selector-expand-all\"\n                        type=\"button\"\n                        appearance=\"outlined\"\n                        theme=\"secondary\"\n                        size=\"sm\"\n                        icon=\"expand-all\"\n                        [rtTooltip]=\"expandAllLabel()\"\n                        [attr.aria-label]=\"expandAllLabel()\"\n                        [disabled]=\"disabled()\"\n                        (click)=\"expandAll()\"></button>\n                    <button\n                        rtButton\n                        rtElem=\"control\"\n                        qa-dataid=\"tree-selector-collapse-all\"\n                        type=\"button\"\n                        appearance=\"outlined\"\n                        theme=\"secondary\"\n                        size=\"sm\"\n                        icon=\"collapse-all\"\n                        [rtTooltip]=\"collapseAllLabel()\"\n                        [attr.aria-label]=\"collapseAllLabel()\"\n                        [disabled]=\"disabled()\"\n                        (click)=\"collapseAll()\"></button>\n                }\n                @if (isRevertShown()) {\n                    <button\n                        rtButton\n                        rtElem=\"control\"\n                        qa-dataid=\"tree-selector-revert\"\n                        type=\"button\"\n                        appearance=\"outlined\"\n                        theme=\"secondary\"\n                        size=\"sm\"\n                        icon=\"undo\"\n                        [rtTooltip]=\"revertLabel()\"\n                        [attr.aria-label]=\"revertLabel()\"\n                        [disabled]=\"disabled() || !isDraftChanged()\"\n                        (click)=\"onRevert()\"></button>\n                }\n                @if (isClearShown()) {\n                    <button\n                        rtButton\n                        rtElem=\"control\"\n                        qa-dataid=\"tree-selector-clear\"\n                        type=\"button\"\n                        appearance=\"outlined\"\n                        theme=\"danger\"\n                        size=\"sm\"\n                        icon=\"trash\"\n                        [rtTooltip]=\"clearLabel()\"\n                        [attr.aria-label]=\"clearLabel()\"\n                        [disabled]=\"disabled()\"\n                        (click)=\"onClear()\"></button>\n                }\n                @if (controlsTpl(); as controls) {\n                    <div rtElem=\"own\">\n                        <ng-container [ngTemplateOutlet]=\"controls.templateRef\" />\n                    </div>\n                }\n            </div>\n\n            @if (isMultiToggleShown()) {\n                <div rtElem=\"multi\">\n                    <rt-toggle-switch\n                        qa-dataid=\"tree-selector-multi\"\n                        [ariaLabel]=\"multiLabel()\"\n                        [disabled]=\"disabled()\"\n                        [ngModel]=\"multiOn()\"\n                        [ngModelOptions]=\"{ standalone: true }\"\n                        (ngModelChange)=\"onMultiToggle($event)\" />\n                    <span rtElem=\"multi-label\">{{ multiLabel() }}</span>\n                    <rt-icon rtElem=\"multi-hint-icon\" name=\"info-circle\" size=\"sm\" [rtTooltip]=\"multiHintLabel()\" />\n                </div>\n            }\n        </div>\n    </div>\n\n    @if (isNothingFound()) {\n        <div rtElem=\"empty\" qa-dataid=\"tree-selector-empty\" [rtMod]=\"{ 'with-icon': !!emptyIcon() }\">\n            @if (emptyIcon(); as icon) {\n                <rt-icon rtElem=\"empty-icon\" qa-dataid=\"tree-selector-empty-icon\" size=\"lg\" [name]=\"icon\" />\n            }\n            {{ nothingFoundLabel() }}\n        </div>\n    } @else {\n        @if (hybrid) {\n            <rt-hybrid-tree\n                rtElem=\"tree\"\n                qa-dataid=\"tree-selector-tree\"\n                [nodes]=\"shownNodes()\"\n                [value]=\"draft()\"\n                [mode]=\"mode()\"\n                [cascade]=\"cascade()\"\n                [branchMarks]=\"branchMarks()\"\n                [exclusive]=\"isExclusive()\"\n                [showSelectAll]=\"selectAll()\"\n                [searchTerm]=\"markTerm()\"\n                [filter]=\"false\"\n                [emptyIcon]=\"emptyIcon()\"\n                [nodeEndTemplate]=\"endTemplate()\"\n                [nodeMetaTemplate]=\"metaTemplate()\"\n                [ariaLabel]=\"ariaLabel()\"\n                [disabled]=\"disabled()\"\n                (valueChange)=\"onTreeChange($event)\"\n                (picked)=\"onPicked()\" />\n        } @else {\n            <rt-tree\n                rtElem=\"tree\"\n                qa-dataid=\"tree-selector-tree\"\n                [nodes]=\"shownNodes()\"\n                [value]=\"draft()\"\n                [mode]=\"mode()\"\n                [cascade]=\"cascade()\"\n                [branchMarks]=\"branchMarks()\"\n                [exclusive]=\"isExclusive()\"\n                [showSelectAll]=\"selectAll()\"\n                [searchTerm]=\"markTerm()\"\n                [filter]=\"false\"\n                [emptyIcon]=\"emptyIcon()\"\n                [nodeEndTemplate]=\"endTemplate()\"\n                [nodeMetaTemplate]=\"metaTemplate()\"\n                [ariaLabel]=\"ariaLabel()\"\n                [disabled]=\"disabled()\"\n                (valueChange)=\"onTreeChange($event)\"\n                (picked)=\"onPicked()\" />\n        }\n    }\n\n    @if (isFooterShown()) {\n        <div rtElem=\"foot\">\n            <button\n                rtButton\n                qa-dataid=\"tree-selector-cancel\"\n                type=\"button\"\n                appearance=\"text\"\n                [label]=\"cancelLabel()\"\n                [attr.aria-label]=\"cancelLabel()\"\n                [disabled]=\"disabled()\"\n                (click)=\"cancel()\"></button>\n            <button\n                rtButton\n                qa-dataid=\"tree-selector-apply\"\n                type=\"button\"\n                [label]=\"applyLabel()\"\n                [attr.aria-label]=\"applyLabel()\"\n                [disabled]=\"!canApply()\"\n                (click)=\"apply()\"></button>\n        </div>\n    }\n</ng-container>\n",
 			styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-tree-selector{--rt-tree-selector-border-width: var(--rt-border-width-thin);--rt-tree-selector-bg: var(--rt-color-bg-surface);--rt-tree-selector-gap: var(--rt-space-sm);--rt-tree-selector-empty-color: var(--rt-color-text-muted);--rt-tree-selector-empty-gap: var(--rt-space-sm);display:flex;min-height:0;box-sizing:border-box;flex-direction:column;background-color:var(--rt-tree-selector-bg);color:var(--rt-color-text-primary);gap:var(--rt-tree-selector-gap)}:is(.rt-preset-material,[data-preset=material]) .rt-tree-selector{--rt-tree-selector-gap: calc(var(--rt-space-2) + var(--rt-space-0-5))}.rt-tree-selector__head{display:flex;flex-direction:column;gap:var(--rt-space-sm)}.rt-tree-selector__label{font-size:var(--rt-text-sm);font-weight:var(--rt-font-weight-semibold)}.rt-tree-selector__search{display:block}.rt-tree-selector__controls{display:flex;flex-direction:column;gap:var(--rt-space-sm)}.rt-tree-selector__row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--rt-space-xs)}.rt-tree-selector__control{flex:0 0 auto}.rt-tree-selector__own{display:flex;align-items:center;gap:var(--rt-space-xs);margin-inline-start:auto}.rt-tree-selector__multi{display:flex;align-items:center;gap:var(--rt-space-sm)}.rt-tree-selector__multi-label{font-size:var(--rt-text-sm)}.rt-tree-selector__multi-hint-icon{color:var(--rt-color-text-muted)}.rt-tree-selector__tree{min-height:0;flex:1 1 auto;overflow-y:auto}.rt-tree-selector__empty{flex:1 1 auto;padding:var(--rt-space-md);color:var(--rt-tree-selector-empty-color);text-align:center}.rt-tree-selector__empty--with-icon{display:flex;flex-direction:column;align-items:center;gap:var(--rt-tree-selector-empty-gap)}.rt-tree-selector__empty-icon{flex-shrink:0}.rt-tree-selector__under-search{display:block}.rt-tree-selector__foot{display:flex;align-items:center;justify-content:flex-end;border-top:var(--rt-tree-selector-border-width) solid var(--rt-color-border-subtle);gap:var(--rt-space-sm);padding-block-start:var(--rt-space-sm)}}\n"]
 		}]
 	}],