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

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

@@ -25,6 +25,9 @@ import { RtPopoverDirective } from "@rt-tools/ui-kit-v2/popover";
 var RtDynamicSelectorPartsService = class RtDynamicSelectorPartsService {
 	#popup = null;
 	#list = null;
+	get hasPopup() {
+		return this.#popup !== null;
+	}
 	get popup() {
 		if (this.#popup === null) throw new Error("rt-dynamic-selector-popup стоит вне корня: источник окна не привязан");
 		return this.#popup;
@@ -146,7 +149,7 @@ var RtDynamicSelectorListComponent = class RtDynamicSelectorListComponent {
 			selector: "rt-dynamic-selector-list",
 			host: { classAttribute: "rt-dynamic-selector-list" },
 			ngImport: i0,
-			template: "<ng-container rtBlock=\"rt-dynamic-selector-list\">\n    @if (rows().length > 0) {\n        <div rtElem=\"rows\" cdkDropList qa-dataid=\"dynamic-selector-rows\" (cdkDropListDropped)=\"onDrop($event)\">\n            @for (row of rows(); track row.key; let index = $index) {\n                <div\n                    rtElem=\"row\"\n                    cdkDrag\n                    qa-dataid=\"dynamic-selector-row\"\n                    [rtMod]=\"{ locked: row.locked }\"\n                    [cdkDragDisabled]=\"!draggable() || disabled()\">\n                    @if (draggable()) {\n                        <span rtElem=\"handle\">\n                            <rt-icon-button\n                                cdkDragHandle\n                                qa-dataid=\"dynamic-selector-drag\"\n                                icon=\"arrows\"\n                                size=\"sm\"\n                                [radius]=\"buttonRadius()\"\n                                [ariaLabel]=\"dragLabel()\"\n                                [tooltip]=\"isNarrow() ? '' : dragLabel()\"\n                                [disabled]=\"disabled()\" />\n                        </span>\n                    }\n\n                    @if (editedIndex() === index) {\n                        <rt-input\n                            rtElem=\"field\"\n                            qa-dataid=\"dynamic-selector-edit-field\"\n                            [ngModel]=\"draft()\"\n                            (ngModelChange)=\"draft.set($event ?? '')\"\n                            (keydown.enter)=\"onEditApply(row)\" />\n                    } @else if (titleTpl(); as tpl) {\n                        <div rtElem=\"title\">\n                            <ng-container [ngTemplateOutlet]=\"tpl\" [ngTemplateOutletContext]=\"{ $implicit: row.item }\" />\n                        </div>\n                    } @else {\n                        <span\n                            rtElem=\"title\"\n                            rtTooltipWhenTruncated\n                            [rtMod]=\"{ nowrap: !titleWrap() }\"\n                            [rtTooltip]=\"titleWrap() ? '' : row.label\">\n                            {{ row.label }}\n                        </span>\n                    }\n\n                    <div rtElem=\"controls\">\n                        @if (controlsTpl(); as tpl) {\n                            <ng-container [ngTemplateOutlet]=\"tpl\" [ngTemplateOutletContext]=\"{ $implicit: row.item }\" />\n                        }\n\n                        @if (editable()) {\n                            @if (editedIndex() === index) {\n                                <rt-icon-button\n                                    qa-dataid=\"dynamic-selector-edit-cancel\"\n                                    icon=\"undo\"\n                                    size=\"sm\"\n                                    [radius]=\"buttonRadius()\"\n                                    [ariaLabel]=\"cancelLabel()\"\n                                    [tooltip]=\"isNarrow() ? '' : cancelLabel()\"\n                                    (clicked)=\"onEditCancel()\" />\n                                <rt-icon-button\n                                    qa-dataid=\"dynamic-selector-edit-apply\"\n                                    icon=\"check\"\n                                    size=\"sm\"\n                                    [radius]=\"buttonRadius()\"\n                                    [ariaLabel]=\"applyLabel()\"\n                                    [tooltip]=\"isNarrow() ? '' : applyLabel()\"\n                                    (clicked)=\"onEditApply(row)\" />\n                            } @else {\n                                <rt-icon-button\n                                    qa-dataid=\"dynamic-selector-edit\"\n                                    icon=\"pencil\"\n                                    size=\"sm\"\n                                    [radius]=\"buttonRadius()\"\n                                    [ariaLabel]=\"editLabel()\"\n                                    [tooltip]=\"isNarrow() ? '' : editLabel()\"\n                                    [disabled]=\"disabled()\"\n                                    (clicked)=\"onEditStart(index, row)\" />\n                            }\n                        }\n\n                        @if (removeShown()) {\n                            <rt-icon-button\n                                qa-dataid=\"dynamic-selector-remove\"\n                                icon=\"trash\"\n                                size=\"sm\"\n                                [radius]=\"buttonRadius()\"\n                                [iconColor]=\"row.locked || disabled() ? 'muted' : 'danger'\"\n                                [ariaLabel]=\"removeLabel()\"\n                                [tooltip]=\"isNarrow() ? '' : removeLabel()\"\n                                [disabled]=\"row.locked || disabled()\"\n                                (clicked)=\"onRemove(row)\" />\n                        }\n                    </div>\n                </div>\n            }\n        </div>\n    }\n\n    @if (actionsShown()) {\n        <div rtElem=\"actions\">\n            <div rtElem=\"add\">\n                <ng-content />\n            </div>\n\n            @if (resetClearShown()) {\n                <rt-icon-button\n                    rtElem=\"reset\"\n                    qa-dataid=\"dynamic-selector-reset\"\n                    icon=\"refresh\"\n                    size=\"sm\"\n                    [radius]=\"buttonRadius()\"\n                    [iconColor]=\"resetDisabled() || disabled() ? 'muted' : 'current'\"\n                    [ariaLabel]=\"resetLabel()\"\n                    [tooltip]=\"isNarrow() ? '' : resetLabel()\"\n                    [disabled]=\"resetDisabled() || disabled()\"\n                    (clicked)=\"onReset()\" />\n                <rt-icon-button\n                    rtElem=\"clear\"\n                    qa-dataid=\"dynamic-selector-clear\"\n                    size=\"sm\"\n                    [icon]=\"clearIcon()\"\n                    [radius]=\"buttonRadius()\"\n                    [iconColor]=\"clearDisabled() || disabled() ? 'muted' : 'danger'\"\n                    [ariaLabel]=\"clearLabel()\"\n                    [tooltip]=\"isNarrow() ? '' : clearLabel()\"\n                    [disabled]=\"clearDisabled() || disabled()\"\n                    (clicked)=\"onClear()\" />\n            }\n        </div>\n    }\n</ng-container>\n",
+			template: "<ng-container rtBlock=\"rt-dynamic-selector-list\">\n    @if (rows().length > 0) {\n        <div rtElem=\"rows\" cdkDropList qa-dataid=\"dynamic-selector-rows\" (cdkDropListDropped)=\"onDrop($event)\">\n            @for (row of rows(); track row.key; let index = $index) {\n                <div\n                    rtElem=\"row\"\n                    cdkDrag\n                    qa-dataid=\"dynamic-selector-row\"\n                    [rtMod]=\"{ locked: row.locked }\"\n                    [cdkDragDisabled]=\"!draggable() || disabled()\">\n                    @if (draggable()) {\n                        <span rtElem=\"handle\">\n                            <rt-icon-button\n                                cdkDragHandle\n                                qa-dataid=\"dynamic-selector-drag\"\n                                icon=\"arrows\"\n                                size=\"sm\"\n                                [radius]=\"buttonRadius()\"\n                                [ariaLabel]=\"dragLabel()\"\n                                [tooltip]=\"isNarrow() ? '' : dragLabel()\"\n                                [disabled]=\"disabled()\" />\n                        </span>\n                    }\n\n                    @if (editedIndex() === index) {\n                        <rt-input\n                            rtElem=\"field\"\n                            qa-dataid=\"dynamic-selector-edit-field\"\n                            [ngModel]=\"draft()\"\n                            [ngModelOptions]=\"{ standalone: true }\"\n                            (ngModelChange)=\"draft.set($event ?? '')\"\n                            (keydown.enter)=\"onEditApply(row)\" />\n                    } @else if (titleTpl(); as tpl) {\n                        <div rtElem=\"title\">\n                            <ng-container [ngTemplateOutlet]=\"tpl\" [ngTemplateOutletContext]=\"{ $implicit: row.item }\" />\n                        </div>\n                    } @else {\n                        <span\n                            rtElem=\"title\"\n                            rtTooltipWhenTruncated\n                            [rtMod]=\"{ nowrap: !titleWrap() }\"\n                            [rtTooltip]=\"titleWrap() ? '' : row.label\">\n                            {{ row.label }}\n                        </span>\n                    }\n\n                    <div rtElem=\"controls\">\n                        @if (controlsTpl(); as tpl) {\n                            <ng-container [ngTemplateOutlet]=\"tpl\" [ngTemplateOutletContext]=\"{ $implicit: row.item }\" />\n                        }\n\n                        @if (editable()) {\n                            @if (editedIndex() === index) {\n                                <rt-icon-button\n                                    qa-dataid=\"dynamic-selector-edit-cancel\"\n                                    icon=\"undo\"\n                                    size=\"sm\"\n                                    [radius]=\"buttonRadius()\"\n                                    [ariaLabel]=\"cancelLabel()\"\n                                    [tooltip]=\"isNarrow() ? '' : cancelLabel()\"\n                                    (clicked)=\"onEditCancel()\" />\n                                <rt-icon-button\n                                    qa-dataid=\"dynamic-selector-edit-apply\"\n                                    icon=\"check\"\n                                    size=\"sm\"\n                                    [radius]=\"buttonRadius()\"\n                                    [ariaLabel]=\"applyLabel()\"\n                                    [tooltip]=\"isNarrow() ? '' : applyLabel()\"\n                                    (clicked)=\"onEditApply(row)\" />\n                            } @else {\n                                <rt-icon-button\n                                    qa-dataid=\"dynamic-selector-edit\"\n                                    icon=\"pencil\"\n                                    size=\"sm\"\n                                    [radius]=\"buttonRadius()\"\n                                    [ariaLabel]=\"editLabel()\"\n                                    [tooltip]=\"isNarrow() ? '' : editLabel()\"\n                                    [disabled]=\"disabled()\"\n                                    (clicked)=\"onEditStart(index, row)\" />\n                            }\n                        }\n\n                        @if (removeShown()) {\n                            <rt-icon-button\n                                qa-dataid=\"dynamic-selector-remove\"\n                                icon=\"trash\"\n                                size=\"sm\"\n                                [radius]=\"buttonRadius()\"\n                                [iconColor]=\"row.locked || disabled() ? 'muted' : 'danger'\"\n                                [ariaLabel]=\"removeLabel()\"\n                                [tooltip]=\"isNarrow() ? '' : removeLabel()\"\n                                [disabled]=\"row.locked || disabled()\"\n                                (clicked)=\"onRemove(row)\" />\n                        }\n                    </div>\n                </div>\n            }\n        </div>\n    }\n\n    @if (actionsShown()) {\n        <div rtElem=\"actions\">\n            <div rtElem=\"add\">\n                <ng-content />\n            </div>\n\n            @if (resetClearShown()) {\n                <rt-icon-button\n                    rtElem=\"reset\"\n                    qa-dataid=\"dynamic-selector-reset\"\n                    icon=\"refresh\"\n                    size=\"sm\"\n                    [radius]=\"buttonRadius()\"\n                    [iconColor]=\"resetDisabled() || disabled() ? 'muted' : 'current'\"\n                    [ariaLabel]=\"resetLabel()\"\n                    [tooltip]=\"isNarrow() ? '' : resetLabel()\"\n                    [disabled]=\"resetDisabled() || disabled()\"\n                    (clicked)=\"onReset()\" />\n                <rt-icon-button\n                    rtElem=\"clear\"\n                    qa-dataid=\"dynamic-selector-clear\"\n                    size=\"sm\"\n                    [icon]=\"clearIcon()\"\n                    [radius]=\"buttonRadius()\"\n                    [iconColor]=\"clearDisabled() || disabled() ? 'muted' : 'danger'\"\n                    [ariaLabel]=\"clearLabel()\"\n                    [tooltip]=\"isNarrow() ? '' : clearLabel()\"\n                    [disabled]=\"clearDisabled() || disabled()\"\n                    (clicked)=\"onClear()\" />\n            }\n        </div>\n    }\n</ng-container>\n",
 			styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-dynamic-selector-list{--rt-dynamic-selector-list-row-bg: var(--rt-color-action-primary-subtle);--rt-dynamic-selector-list-row-radius: var(--rt-radius-sm);--rt-dynamic-selector-list-divider-width: var(--rt-border-width-thin);--rt-dynamic-selector-list-drag-shadow: var(--rt-shadow-md);--rt-dynamic-selector-list-drag-duration: var(--rt-duration-base);--rt-dynamic-selector-list-row-padding-x: var(--rt-space-sm);--rt-dynamic-selector-list-add-font-weight: var(--rt-font-weight-medium);--rt-dynamic-selector-list-add-indent: 0;--rt-dynamic-selector-list-reset-color: var(--rt-color-text-primary);--rt-dynamic-selector-list-actions-gap-default: var(--rt-space-2xs);--rt-dynamic-selector-list-controls-gap-default: var(--rt-space-2xs);--rt-dynamic-selector-list-controls-divider-width-default: 0;--rt-dynamic-selector-list-controls-divider-color-default: var(--rt-color-border-default);--rt-dynamic-selector-list-row-padding-end-default: var(--rt-space-2xs);--rt-dynamic-selector-list-actions-offset-default: var(--rt-space-2xs);--rt-dynamic-selector-list-actions-padding-end-default: 0;--rt-dynamic-selector-list-handle-padding-start-default: 0;--rt-dynamic-selector-list-handle-padding-end-default: var(--rt-space-2xs);--rt-dynamic-selector-list-title-gap-default: var(--rt-space-sm);display:flex;flex-direction:column;gap:var(--rt-dynamic-selector-list-actions-offset, var(--rt-dynamic-selector-list-actions-offset-default))}.rt-dynamic-selector-list__rows{display:flex;flex-direction:column;gap:var(--rt-space-sm)}.rt-dynamic-selector-list__row{display:flex;min-height:var(--rt-control-height-lg);box-sizing:border-box;align-items:center;padding:var(--rt-space-2xs) var(--rt-dynamic-selector-list-row-padding-end, var(--rt-dynamic-selector-list-row-padding-end-default)) var(--rt-space-2xs) var(--rt-dynamic-selector-list-row-padding-x);border-radius:var(--rt-dynamic-selector-list-row-radius);background:var(--rt-dynamic-selector-list-row-bg);color:var(--rt-color-text-primary);gap:var(--rt-space-sm)}.rt-dynamic-selector-list__handle{border-right:var(--rt-dynamic-selector-list-divider-width) solid var(--rt-color-border-default);cursor:grab;margin-inline-end:calc(var(--rt-dynamic-selector-list-title-gap, var(--rt-dynamic-selector-list-title-gap-default)) - var(--rt-space-sm));padding-inline:var(--rt-dynamic-selector-list-handle-padding-start, var(--rt-dynamic-selector-list-handle-padding-start-default)) var(--rt-dynamic-selector-list-handle-padding-end, var(--rt-dynamic-selector-list-handle-padding-end-default))}.rt-dynamic-selector-list__title{min-width:0;flex:1 1 auto;font-size:var(--rt-text-md);overflow-wrap:anywhere}.rt-dynamic-selector-list__title--nowrap{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rt-dynamic-selector-list__field{min-width:0;flex:1 1 auto}.rt-dynamic-selector-list__controls{display:flex;flex:0 0 auto;align-items:center;gap:var(--rt-dynamic-selector-list-controls-gap, var(--rt-dynamic-selector-list-controls-gap-default))}.rt-dynamic-selector-list__controls>:not(:last-child){border-inline-end:var(--rt-dynamic-selector-list-controls-divider-width, var(--rt-dynamic-selector-list-controls-divider-width-default)) solid var(--rt-dynamic-selector-list-controls-divider-color, var(--rt-dynamic-selector-list-controls-divider-color-default))}.rt-dynamic-selector-list__actions{display:flex;align-items:center;gap:var(--rt-dynamic-selector-list-actions-gap, var(--rt-dynamic-selector-list-actions-gap-default));padding-inline-end:var(--rt-dynamic-selector-list-actions-padding-end, var(--rt-dynamic-selector-list-actions-padding-end-default))}.rt-dynamic-selector-list__add{display:flex;min-width:0;flex:1 1 auto;align-items:center;padding-inline-start:var(--rt-dynamic-selector-list-add-indent)}.rt-dynamic-selector-list__add .rt-button{color:var(--rt-dynamic-selector-list-add-color, var(--rt-btn-color));font-weight:var(--rt-dynamic-selector-list-add-font-weight)}.rt-dynamic-selector-list__reset.rt-icon-button{--rt-icon-button-color: var(--rt-dynamic-selector-list-reset-color)}.rt-dynamic-selector-list__clear{flex:none}.rt-dynamic-selector-list__row.cdk-drag-preview{--rt-dynamic-selector-list-row-bg: var(--rt-color-action-primary-subtle);--rt-dynamic-selector-list-row-radius: var(--rt-radius-sm);--rt-dynamic-selector-list-divider-width: var(--rt-border-width-thin);--rt-dynamic-selector-list-drag-shadow: var(--rt-shadow-md);--rt-dynamic-selector-list-actions-gap-default: var(--rt-space-2xs);--rt-dynamic-selector-list-controls-gap-default: var(--rt-space-2xs);--rt-dynamic-selector-list-controls-divider-width-default: 0;--rt-dynamic-selector-list-controls-divider-color-default: var(--rt-color-border-default);--rt-dynamic-selector-list-row-padding-end-default: var(--rt-space-2xs);--rt-dynamic-selector-list-actions-offset-default: var(--rt-space-2xs);--rt-dynamic-selector-list-actions-padding-end-default: 0;--rt-dynamic-selector-list-handle-padding-start-default: 0;--rt-dynamic-selector-list-handle-padding-end-default: var(--rt-space-2xs);--rt-dynamic-selector-list-title-gap-default: var(--rt-space-sm);box-shadow:var(--rt-dynamic-selector-list-drag-shadow)}.rt-dynamic-selector-list__row.cdk-drag-placeholder{opacity:0}.rt-dynamic-selector-list__row.cdk-drag-animating,.rt-dynamic-selector-list__rows.cdk-drop-list-dragging .rt-dynamic-selector-list__row:not(.cdk-drag-placeholder){transition:transform var(--rt-dynamic-selector-list-drag-duration) ease-out}}.rt-dynamic-selector-list__row.cdk-drag-preview{padding:var(--rt-space-2xs) var(--rt-dynamic-selector-list-row-padding-end, var(--rt-space-2xs)) var(--rt-space-2xs) var(--rt-space-sm);background-color:var(--rt-color-bg-surface);background-image:linear-gradient(var(--rt-dynamic-selector-list-row-bg),var(--rt-dynamic-selector-list-row-bg));color:var(--rt-color-text-primary)}\n"],
 			dependencies: [
 				{
@@ -295,8 +298,17 @@ var RtDynamicSelectorListComponent = class RtDynamicSelectorListComponent {
 						"iconLeft",
 						"iconRight",
 						"passwordToggle",
-						"autocomplete"
-					]
+						"autocomplete",
+						"maxlength",
+						"floatingLabel",
+						"iconLeftAction",
+						"iconRightAction",
+						"iconLeftDisabled",
+						"iconRightDisabled",
+						"iconLeftTooltip",
+						"iconRightTooltip"
+					],
+					outputs: ["iconLeftClick", "iconRightClick"]
 				},
 				{
 					kind: "directive",
@@ -305,6 +317,7 @@ var RtDynamicSelectorListComponent = class RtDynamicSelectorListComponent {
 					inputs: [
 						"rtTooltip",
 						"rtTooltipPlacement",
+						"rtTooltipShowDelay",
 						"rtTooltipWhenTruncated",
 						"rtTooltipHideOnClick"
 					],
@@ -341,7 +354,7 @@ i0.ɵɵngDeclareClassMetadata({
 				RtTooltipDirective
 			],
 			host: { class: BEM_BLOCK$3 },
-			template: "<ng-container rtBlock=\"rt-dynamic-selector-list\">\n    @if (rows().length > 0) {\n        <div rtElem=\"rows\" cdkDropList qa-dataid=\"dynamic-selector-rows\" (cdkDropListDropped)=\"onDrop($event)\">\n            @for (row of rows(); track row.key; let index = $index) {\n                <div\n                    rtElem=\"row\"\n                    cdkDrag\n                    qa-dataid=\"dynamic-selector-row\"\n                    [rtMod]=\"{ locked: row.locked }\"\n                    [cdkDragDisabled]=\"!draggable() || disabled()\">\n                    @if (draggable()) {\n                        <span rtElem=\"handle\">\n                            <rt-icon-button\n                                cdkDragHandle\n                                qa-dataid=\"dynamic-selector-drag\"\n                                icon=\"arrows\"\n                                size=\"sm\"\n                                [radius]=\"buttonRadius()\"\n                                [ariaLabel]=\"dragLabel()\"\n                                [tooltip]=\"isNarrow() ? '' : dragLabel()\"\n                                [disabled]=\"disabled()\" />\n                        </span>\n                    }\n\n                    @if (editedIndex() === index) {\n                        <rt-input\n                            rtElem=\"field\"\n                            qa-dataid=\"dynamic-selector-edit-field\"\n                            [ngModel]=\"draft()\"\n                            (ngModelChange)=\"draft.set($event ?? '')\"\n                            (keydown.enter)=\"onEditApply(row)\" />\n                    } @else if (titleTpl(); as tpl) {\n                        <div rtElem=\"title\">\n                            <ng-container [ngTemplateOutlet]=\"tpl\" [ngTemplateOutletContext]=\"{ $implicit: row.item }\" />\n                        </div>\n                    } @else {\n                        <span\n                            rtElem=\"title\"\n                            rtTooltipWhenTruncated\n                            [rtMod]=\"{ nowrap: !titleWrap() }\"\n                            [rtTooltip]=\"titleWrap() ? '' : row.label\">\n                            {{ row.label }}\n                        </span>\n                    }\n\n                    <div rtElem=\"controls\">\n                        @if (controlsTpl(); as tpl) {\n                            <ng-container [ngTemplateOutlet]=\"tpl\" [ngTemplateOutletContext]=\"{ $implicit: row.item }\" />\n                        }\n\n                        @if (editable()) {\n                            @if (editedIndex() === index) {\n                                <rt-icon-button\n                                    qa-dataid=\"dynamic-selector-edit-cancel\"\n                                    icon=\"undo\"\n                                    size=\"sm\"\n                                    [radius]=\"buttonRadius()\"\n                                    [ariaLabel]=\"cancelLabel()\"\n                                    [tooltip]=\"isNarrow() ? '' : cancelLabel()\"\n                                    (clicked)=\"onEditCancel()\" />\n                                <rt-icon-button\n                                    qa-dataid=\"dynamic-selector-edit-apply\"\n                                    icon=\"check\"\n                                    size=\"sm\"\n                                    [radius]=\"buttonRadius()\"\n                                    [ariaLabel]=\"applyLabel()\"\n                                    [tooltip]=\"isNarrow() ? '' : applyLabel()\"\n                                    (clicked)=\"onEditApply(row)\" />\n                            } @else {\n                                <rt-icon-button\n                                    qa-dataid=\"dynamic-selector-edit\"\n                                    icon=\"pencil\"\n                                    size=\"sm\"\n                                    [radius]=\"buttonRadius()\"\n                                    [ariaLabel]=\"editLabel()\"\n                                    [tooltip]=\"isNarrow() ? '' : editLabel()\"\n                                    [disabled]=\"disabled()\"\n                                    (clicked)=\"onEditStart(index, row)\" />\n                            }\n                        }\n\n                        @if (removeShown()) {\n                            <rt-icon-button\n                                qa-dataid=\"dynamic-selector-remove\"\n                                icon=\"trash\"\n                                size=\"sm\"\n                                [radius]=\"buttonRadius()\"\n                                [iconColor]=\"row.locked || disabled() ? 'muted' : 'danger'\"\n                                [ariaLabel]=\"removeLabel()\"\n                                [tooltip]=\"isNarrow() ? '' : removeLabel()\"\n                                [disabled]=\"row.locked || disabled()\"\n                                (clicked)=\"onRemove(row)\" />\n                        }\n                    </div>\n                </div>\n            }\n        </div>\n    }\n\n    @if (actionsShown()) {\n        <div rtElem=\"actions\">\n            <div rtElem=\"add\">\n                <ng-content />\n            </div>\n\n            @if (resetClearShown()) {\n                <rt-icon-button\n                    rtElem=\"reset\"\n                    qa-dataid=\"dynamic-selector-reset\"\n                    icon=\"refresh\"\n                    size=\"sm\"\n                    [radius]=\"buttonRadius()\"\n                    [iconColor]=\"resetDisabled() || disabled() ? 'muted' : 'current'\"\n                    [ariaLabel]=\"resetLabel()\"\n                    [tooltip]=\"isNarrow() ? '' : resetLabel()\"\n                    [disabled]=\"resetDisabled() || disabled()\"\n                    (clicked)=\"onReset()\" />\n                <rt-icon-button\n                    rtElem=\"clear\"\n                    qa-dataid=\"dynamic-selector-clear\"\n                    size=\"sm\"\n                    [icon]=\"clearIcon()\"\n                    [radius]=\"buttonRadius()\"\n                    [iconColor]=\"clearDisabled() || disabled() ? 'muted' : 'danger'\"\n                    [ariaLabel]=\"clearLabel()\"\n                    [tooltip]=\"isNarrow() ? '' : clearLabel()\"\n                    [disabled]=\"clearDisabled() || disabled()\"\n                    (clicked)=\"onClear()\" />\n            }\n        </div>\n    }\n</ng-container>\n",
+			template: "<ng-container rtBlock=\"rt-dynamic-selector-list\">\n    @if (rows().length > 0) {\n        <div rtElem=\"rows\" cdkDropList qa-dataid=\"dynamic-selector-rows\" (cdkDropListDropped)=\"onDrop($event)\">\n            @for (row of rows(); track row.key; let index = $index) {\n                <div\n                    rtElem=\"row\"\n                    cdkDrag\n                    qa-dataid=\"dynamic-selector-row\"\n                    [rtMod]=\"{ locked: row.locked }\"\n                    [cdkDragDisabled]=\"!draggable() || disabled()\">\n                    @if (draggable()) {\n                        <span rtElem=\"handle\">\n                            <rt-icon-button\n                                cdkDragHandle\n                                qa-dataid=\"dynamic-selector-drag\"\n                                icon=\"arrows\"\n                                size=\"sm\"\n                                [radius]=\"buttonRadius()\"\n                                [ariaLabel]=\"dragLabel()\"\n                                [tooltip]=\"isNarrow() ? '' : dragLabel()\"\n                                [disabled]=\"disabled()\" />\n                        </span>\n                    }\n\n                    @if (editedIndex() === index) {\n                        <rt-input\n                            rtElem=\"field\"\n                            qa-dataid=\"dynamic-selector-edit-field\"\n                            [ngModel]=\"draft()\"\n                            [ngModelOptions]=\"{ standalone: true }\"\n                            (ngModelChange)=\"draft.set($event ?? '')\"\n                            (keydown.enter)=\"onEditApply(row)\" />\n                    } @else if (titleTpl(); as tpl) {\n                        <div rtElem=\"title\">\n                            <ng-container [ngTemplateOutlet]=\"tpl\" [ngTemplateOutletContext]=\"{ $implicit: row.item }\" />\n                        </div>\n                    } @else {\n                        <span\n                            rtElem=\"title\"\n                            rtTooltipWhenTruncated\n                            [rtMod]=\"{ nowrap: !titleWrap() }\"\n                            [rtTooltip]=\"titleWrap() ? '' : row.label\">\n                            {{ row.label }}\n                        </span>\n                    }\n\n                    <div rtElem=\"controls\">\n                        @if (controlsTpl(); as tpl) {\n                            <ng-container [ngTemplateOutlet]=\"tpl\" [ngTemplateOutletContext]=\"{ $implicit: row.item }\" />\n                        }\n\n                        @if (editable()) {\n                            @if (editedIndex() === index) {\n                                <rt-icon-button\n                                    qa-dataid=\"dynamic-selector-edit-cancel\"\n                                    icon=\"undo\"\n                                    size=\"sm\"\n                                    [radius]=\"buttonRadius()\"\n                                    [ariaLabel]=\"cancelLabel()\"\n                                    [tooltip]=\"isNarrow() ? '' : cancelLabel()\"\n                                    (clicked)=\"onEditCancel()\" />\n                                <rt-icon-button\n                                    qa-dataid=\"dynamic-selector-edit-apply\"\n                                    icon=\"check\"\n                                    size=\"sm\"\n                                    [radius]=\"buttonRadius()\"\n                                    [ariaLabel]=\"applyLabel()\"\n                                    [tooltip]=\"isNarrow() ? '' : applyLabel()\"\n                                    (clicked)=\"onEditApply(row)\" />\n                            } @else {\n                                <rt-icon-button\n                                    qa-dataid=\"dynamic-selector-edit\"\n                                    icon=\"pencil\"\n                                    size=\"sm\"\n                                    [radius]=\"buttonRadius()\"\n                                    [ariaLabel]=\"editLabel()\"\n                                    [tooltip]=\"isNarrow() ? '' : editLabel()\"\n                                    [disabled]=\"disabled()\"\n                                    (clicked)=\"onEditStart(index, row)\" />\n                            }\n                        }\n\n                        @if (removeShown()) {\n                            <rt-icon-button\n                                qa-dataid=\"dynamic-selector-remove\"\n                                icon=\"trash\"\n                                size=\"sm\"\n                                [radius]=\"buttonRadius()\"\n                                [iconColor]=\"row.locked || disabled() ? 'muted' : 'danger'\"\n                                [ariaLabel]=\"removeLabel()\"\n                                [tooltip]=\"isNarrow() ? '' : removeLabel()\"\n                                [disabled]=\"row.locked || disabled()\"\n                                (clicked)=\"onRemove(row)\" />\n                        }\n                    </div>\n                </div>\n            }\n        </div>\n    }\n\n    @if (actionsShown()) {\n        <div rtElem=\"actions\">\n            <div rtElem=\"add\">\n                <ng-content />\n            </div>\n\n            @if (resetClearShown()) {\n                <rt-icon-button\n                    rtElem=\"reset\"\n                    qa-dataid=\"dynamic-selector-reset\"\n                    icon=\"refresh\"\n                    size=\"sm\"\n                    [radius]=\"buttonRadius()\"\n                    [iconColor]=\"resetDisabled() || disabled() ? 'muted' : 'current'\"\n                    [ariaLabel]=\"resetLabel()\"\n                    [tooltip]=\"isNarrow() ? '' : resetLabel()\"\n                    [disabled]=\"resetDisabled() || disabled()\"\n                    (clicked)=\"onReset()\" />\n                <rt-icon-button\n                    rtElem=\"clear\"\n                    qa-dataid=\"dynamic-selector-clear\"\n                    size=\"sm\"\n                    [icon]=\"clearIcon()\"\n                    [radius]=\"buttonRadius()\"\n                    [iconColor]=\"clearDisabled() || disabled() ? 'muted' : 'danger'\"\n                    [ariaLabel]=\"clearLabel()\"\n                    [tooltip]=\"isNarrow() ? '' : clearLabel()\"\n                    [disabled]=\"clearDisabled() || disabled()\"\n                    (clicked)=\"onClear()\" />\n            }\n        </div>\n    }\n</ng-container>\n",
 			styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-dynamic-selector-list{--rt-dynamic-selector-list-row-bg: var(--rt-color-action-primary-subtle);--rt-dynamic-selector-list-row-radius: var(--rt-radius-sm);--rt-dynamic-selector-list-divider-width: var(--rt-border-width-thin);--rt-dynamic-selector-list-drag-shadow: var(--rt-shadow-md);--rt-dynamic-selector-list-drag-duration: var(--rt-duration-base);--rt-dynamic-selector-list-row-padding-x: var(--rt-space-sm);--rt-dynamic-selector-list-add-font-weight: var(--rt-font-weight-medium);--rt-dynamic-selector-list-add-indent: 0;--rt-dynamic-selector-list-reset-color: var(--rt-color-text-primary);--rt-dynamic-selector-list-actions-gap-default: var(--rt-space-2xs);--rt-dynamic-selector-list-controls-gap-default: var(--rt-space-2xs);--rt-dynamic-selector-list-controls-divider-width-default: 0;--rt-dynamic-selector-list-controls-divider-color-default: var(--rt-color-border-default);--rt-dynamic-selector-list-row-padding-end-default: var(--rt-space-2xs);--rt-dynamic-selector-list-actions-offset-default: var(--rt-space-2xs);--rt-dynamic-selector-list-actions-padding-end-default: 0;--rt-dynamic-selector-list-handle-padding-start-default: 0;--rt-dynamic-selector-list-handle-padding-end-default: var(--rt-space-2xs);--rt-dynamic-selector-list-title-gap-default: var(--rt-space-sm);display:flex;flex-direction:column;gap:var(--rt-dynamic-selector-list-actions-offset, var(--rt-dynamic-selector-list-actions-offset-default))}.rt-dynamic-selector-list__rows{display:flex;flex-direction:column;gap:var(--rt-space-sm)}.rt-dynamic-selector-list__row{display:flex;min-height:var(--rt-control-height-lg);box-sizing:border-box;align-items:center;padding:var(--rt-space-2xs) var(--rt-dynamic-selector-list-row-padding-end, var(--rt-dynamic-selector-list-row-padding-end-default)) var(--rt-space-2xs) var(--rt-dynamic-selector-list-row-padding-x);border-radius:var(--rt-dynamic-selector-list-row-radius);background:var(--rt-dynamic-selector-list-row-bg);color:var(--rt-color-text-primary);gap:var(--rt-space-sm)}.rt-dynamic-selector-list__handle{border-right:var(--rt-dynamic-selector-list-divider-width) solid var(--rt-color-border-default);cursor:grab;margin-inline-end:calc(var(--rt-dynamic-selector-list-title-gap, var(--rt-dynamic-selector-list-title-gap-default)) - var(--rt-space-sm));padding-inline:var(--rt-dynamic-selector-list-handle-padding-start, var(--rt-dynamic-selector-list-handle-padding-start-default)) var(--rt-dynamic-selector-list-handle-padding-end, var(--rt-dynamic-selector-list-handle-padding-end-default))}.rt-dynamic-selector-list__title{min-width:0;flex:1 1 auto;font-size:var(--rt-text-md);overflow-wrap:anywhere}.rt-dynamic-selector-list__title--nowrap{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rt-dynamic-selector-list__field{min-width:0;flex:1 1 auto}.rt-dynamic-selector-list__controls{display:flex;flex:0 0 auto;align-items:center;gap:var(--rt-dynamic-selector-list-controls-gap, var(--rt-dynamic-selector-list-controls-gap-default))}.rt-dynamic-selector-list__controls>:not(:last-child){border-inline-end:var(--rt-dynamic-selector-list-controls-divider-width, var(--rt-dynamic-selector-list-controls-divider-width-default)) solid var(--rt-dynamic-selector-list-controls-divider-color, var(--rt-dynamic-selector-list-controls-divider-color-default))}.rt-dynamic-selector-list__actions{display:flex;align-items:center;gap:var(--rt-dynamic-selector-list-actions-gap, var(--rt-dynamic-selector-list-actions-gap-default));padding-inline-end:var(--rt-dynamic-selector-list-actions-padding-end, var(--rt-dynamic-selector-list-actions-padding-end-default))}.rt-dynamic-selector-list__add{display:flex;min-width:0;flex:1 1 auto;align-items:center;padding-inline-start:var(--rt-dynamic-selector-list-add-indent)}.rt-dynamic-selector-list__add .rt-button{color:var(--rt-dynamic-selector-list-add-color, var(--rt-btn-color));font-weight:var(--rt-dynamic-selector-list-add-font-weight)}.rt-dynamic-selector-list__reset.rt-icon-button{--rt-icon-button-color: var(--rt-dynamic-selector-list-reset-color)}.rt-dynamic-selector-list__clear{flex:none}.rt-dynamic-selector-list__row.cdk-drag-preview{--rt-dynamic-selector-list-row-bg: var(--rt-color-action-primary-subtle);--rt-dynamic-selector-list-row-radius: var(--rt-radius-sm);--rt-dynamic-selector-list-divider-width: var(--rt-border-width-thin);--rt-dynamic-selector-list-drag-shadow: var(--rt-shadow-md);--rt-dynamic-selector-list-actions-gap-default: var(--rt-space-2xs);--rt-dynamic-selector-list-controls-gap-default: var(--rt-space-2xs);--rt-dynamic-selector-list-controls-divider-width-default: 0;--rt-dynamic-selector-list-controls-divider-color-default: var(--rt-color-border-default);--rt-dynamic-selector-list-row-padding-end-default: var(--rt-space-2xs);--rt-dynamic-selector-list-actions-offset-default: var(--rt-space-2xs);--rt-dynamic-selector-list-actions-padding-end-default: 0;--rt-dynamic-selector-list-handle-padding-start-default: 0;--rt-dynamic-selector-list-handle-padding-end-default: var(--rt-space-2xs);--rt-dynamic-selector-list-title-gap-default: var(--rt-space-sm);box-shadow:var(--rt-dynamic-selector-list-drag-shadow)}.rt-dynamic-selector-list__row.cdk-drag-placeholder{opacity:0}.rt-dynamic-selector-list__row.cdk-drag-animating,.rt-dynamic-selector-list__rows.cdk-drop-list-dragging .rt-dynamic-selector-list__row:not(.cdk-drag-placeholder){transition:transform var(--rt-dynamic-selector-list-drag-duration) ease-out}}.rt-dynamic-selector-list__row.cdk-drag-preview{padding:var(--rt-space-2xs) var(--rt-dynamic-selector-list-row-padding-end, var(--rt-space-2xs)) var(--rt-space-2xs) var(--rt-space-sm);background-color:var(--rt-color-bg-surface);background-image:linear-gradient(var(--rt-dynamic-selector-list-row-bg),var(--rt-dynamic-selector-list-row-bg));color:var(--rt-color-text-primary)}\n"]
 		}]
 	}]
@@ -827,7 +840,7 @@ var RtDynamicInputComponent = class RtDynamicInputComponent extends RtFormContro
 			}],
 			usesInheritance: true,
 			ngImport: i0,
-			template: "<ng-container rtBlock=\"rt-dynamic-input\">\n    <!-- Под приглашением пустой список не рисуется: узел нулевой высоты сдвигал бы приглашение зазором. -->\n    @if (rows().length > 0 || !isInvitationShown()) {\n        <rt-dynamic-selector-list>\n            @if (isAddShown()) {\n                <button\n                    rtButton\n                    appearance=\"text\"\n                    type=\"button\"\n                    qa-dataid=\"dynamic-input-add\"\n                    [label]=\"addTitle()\"\n                    [attr.aria-label]=\"addTitle()\"\n                    [disabled]=\"isDisabled()\"\n                    (click)=\"onAdd()\"></button>\n            }\n        </rt-dynamic-selector-list>\n    }\n\n    @if (isFieldShown()) {\n        <!-- Подпись поля рисует rt-field: у rt-input своей нет. Обёртка стоит только при подписи —\n             пустая добавила бы зазор под полем и сдвинула прежний вид. -->\n        @if (fieldLabel(); as label) {\n            <rt-field qa-dataid=\"dynamic-input-field-label\" [label]=\"label\">\n                <rt-input\n                    #field\n                    rtElem=\"field\"\n                    qa-dataid=\"dynamic-input-field\"\n                    [appearance]=\"fieldAppearance()\"\n                    [controlId]=\"effectiveControlId()\"\n                    [placeholder]=\"fieldPlaceholder()\"\n                    [ngModel]=\"draft()\"\n                    (ngModelChange)=\"draft.set($event ?? '')\"\n                    (keydown.enter)=\"onCommit()\"\n                    (focusout)=\"onCommit()\" />\n            </rt-field>\n        } @else {\n            <rt-input\n                #field\n                rtElem=\"field\"\n                qa-dataid=\"dynamic-input-field\"\n                [appearance]=\"fieldAppearance()\"\n                [controlId]=\"effectiveControlId()\"\n                [placeholder]=\"fieldPlaceholder()\"\n                [ngModel]=\"draft()\"\n                (ngModelChange)=\"draft.set($event ?? '')\"\n                (keydown.enter)=\"onCommit()\"\n                (focusout)=\"onCommit()\" />\n        }\n    }\n\n    @if (isInvitationShown()) {\n        <rt-empty-state\n            rtElem=\"invitation\"\n            qa-dataid=\"dynamic-input-invitation\"\n            [icon]=\"invitationIcon()\"\n            [glyph]=\"invitationGlyph()\"\n            [description]=\"invitationDescription()\">\n            <button\n                rtButton\n                type=\"button\"\n                qa-dataid=\"dynamic-input-invitation-add\"\n                [appearance]=\"invitationButtonAppearance()\"\n                [icon]=\"invitationButtonIcon()\"\n                [label]=\"addTitle()\"\n                [attr.aria-label]=\"addTitle()\"\n                [disabled]=\"isDisabled()\"\n                (click)=\"onAdd()\"></button>\n        </rt-empty-state>\n    }\n</ng-container>\n",
+			template: "<ng-container rtBlock=\"rt-dynamic-input\">\n    <!-- Под приглашением пустой список не рисуется: узел нулевой высоты сдвигал бы приглашение зазором. -->\n    @if (rows().length > 0 || !isInvitationShown()) {\n        <rt-dynamic-selector-list>\n            @if (isAddShown()) {\n                <button\n                    rtButton\n                    appearance=\"text\"\n                    type=\"button\"\n                    qa-dataid=\"dynamic-input-add\"\n                    [label]=\"addTitle()\"\n                    [attr.aria-label]=\"addTitle()\"\n                    [disabled]=\"isDisabled()\"\n                    (click)=\"onAdd()\"></button>\n            }\n        </rt-dynamic-selector-list>\n    }\n\n    @if (isFieldShown()) {\n        <!-- Подпись поля рисует rt-field: у rt-input своей нет. Обёртка стоит только при подписи —\n             пустая добавила бы зазор под полем и сдвинула прежний вид. -->\n        @if (fieldLabel(); as label) {\n            <rt-field qa-dataid=\"dynamic-input-field-label\" [label]=\"label\">\n                <rt-input\n                    #field\n                    rtElem=\"field\"\n                    qa-dataid=\"dynamic-input-field\"\n                    [appearance]=\"fieldAppearance()\"\n                    [controlId]=\"effectiveControlId()\"\n                    [placeholder]=\"fieldPlaceholder()\"\n                    [ngModel]=\"draft()\"\n                    [ngModelOptions]=\"{ standalone: true }\"\n                    (ngModelChange)=\"draft.set($event ?? '')\"\n                    (keydown.enter)=\"onCommit()\"\n                    (focusout)=\"onCommit()\" />\n            </rt-field>\n        } @else {\n            <rt-input\n                #field\n                rtElem=\"field\"\n                qa-dataid=\"dynamic-input-field\"\n                [appearance]=\"fieldAppearance()\"\n                [controlId]=\"effectiveControlId()\"\n                [placeholder]=\"fieldPlaceholder()\"\n                [ngModel]=\"draft()\"\n                [ngModelOptions]=\"{ standalone: true }\"\n                (ngModelChange)=\"draft.set($event ?? '')\"\n                (keydown.enter)=\"onCommit()\"\n                (focusout)=\"onCommit()\" />\n        }\n    }\n\n    @if (isInvitationShown()) {\n        <rt-empty-state\n            rtElem=\"invitation\"\n            qa-dataid=\"dynamic-input-invitation\"\n            [icon]=\"invitationIcon()\"\n            [glyph]=\"invitationGlyph()\"\n            [description]=\"invitationDescription()\">\n            <button\n                rtButton\n                type=\"button\"\n                qa-dataid=\"dynamic-input-invitation-add\"\n                [appearance]=\"invitationButtonAppearance()\"\n                [icon]=\"invitationButtonIcon()\"\n                [label]=\"addTitle()\"\n                [attr.aria-label]=\"addTitle()\"\n                [disabled]=\"isDisabled()\"\n                (click)=\"onAdd()\"></button>\n        </rt-empty-state>\n    }\n</ng-container>\n",
 			styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-dynamic-input{display:flex;width:100%;flex-direction:column;gap:var(--rt-space-sm)}.rt-dynamic-input__field,.rt-dynamic-input__invitation{min-width:0}}\n"],
 			dependencies: [
 				{
@@ -925,8 +938,17 @@ var RtDynamicInputComponent = class RtDynamicInputComponent extends RtFormContro
 						"iconLeft",
 						"iconRight",
 						"passwordToggle",
-						"autocomplete"
-					]
+						"autocomplete",
+						"maxlength",
+						"floatingLabel",
+						"iconLeftAction",
+						"iconRightAction",
+						"iconLeftDisabled",
+						"iconRightDisabled",
+						"iconLeftTooltip",
+						"iconRightTooltip"
+					],
+					outputs: ["iconLeftClick", "iconRightClick"]
 				}
 			],
 			changeDetection: i0.ChangeDetectionStrategy.OnPush,
@@ -960,7 +982,7 @@ i0.ɵɵngDeclareClassMetadata({
 				useExisting: forwardRef(() => RtDynamicInputComponent)
 			}, RtDynamicSelectorPartsService],
 			host: { class: BEM_BLOCK$2 },
-			template: "<ng-container rtBlock=\"rt-dynamic-input\">\n    <!-- Под приглашением пустой список не рисуется: узел нулевой высоты сдвигал бы приглашение зазором. -->\n    @if (rows().length > 0 || !isInvitationShown()) {\n        <rt-dynamic-selector-list>\n            @if (isAddShown()) {\n                <button\n                    rtButton\n                    appearance=\"text\"\n                    type=\"button\"\n                    qa-dataid=\"dynamic-input-add\"\n                    [label]=\"addTitle()\"\n                    [attr.aria-label]=\"addTitle()\"\n                    [disabled]=\"isDisabled()\"\n                    (click)=\"onAdd()\"></button>\n            }\n        </rt-dynamic-selector-list>\n    }\n\n    @if (isFieldShown()) {\n        <!-- Подпись поля рисует rt-field: у rt-input своей нет. Обёртка стоит только при подписи —\n             пустая добавила бы зазор под полем и сдвинула прежний вид. -->\n        @if (fieldLabel(); as label) {\n            <rt-field qa-dataid=\"dynamic-input-field-label\" [label]=\"label\">\n                <rt-input\n                    #field\n                    rtElem=\"field\"\n                    qa-dataid=\"dynamic-input-field\"\n                    [appearance]=\"fieldAppearance()\"\n                    [controlId]=\"effectiveControlId()\"\n                    [placeholder]=\"fieldPlaceholder()\"\n                    [ngModel]=\"draft()\"\n                    (ngModelChange)=\"draft.set($event ?? '')\"\n                    (keydown.enter)=\"onCommit()\"\n                    (focusout)=\"onCommit()\" />\n            </rt-field>\n        } @else {\n            <rt-input\n                #field\n                rtElem=\"field\"\n                qa-dataid=\"dynamic-input-field\"\n                [appearance]=\"fieldAppearance()\"\n                [controlId]=\"effectiveControlId()\"\n                [placeholder]=\"fieldPlaceholder()\"\n                [ngModel]=\"draft()\"\n                (ngModelChange)=\"draft.set($event ?? '')\"\n                (keydown.enter)=\"onCommit()\"\n                (focusout)=\"onCommit()\" />\n        }\n    }\n\n    @if (isInvitationShown()) {\n        <rt-empty-state\n            rtElem=\"invitation\"\n            qa-dataid=\"dynamic-input-invitation\"\n            [icon]=\"invitationIcon()\"\n            [glyph]=\"invitationGlyph()\"\n            [description]=\"invitationDescription()\">\n            <button\n                rtButton\n                type=\"button\"\n                qa-dataid=\"dynamic-input-invitation-add\"\n                [appearance]=\"invitationButtonAppearance()\"\n                [icon]=\"invitationButtonIcon()\"\n                [label]=\"addTitle()\"\n                [attr.aria-label]=\"addTitle()\"\n                [disabled]=\"isDisabled()\"\n                (click)=\"onAdd()\"></button>\n        </rt-empty-state>\n    }\n</ng-container>\n",
+			template: "<ng-container rtBlock=\"rt-dynamic-input\">\n    <!-- Под приглашением пустой список не рисуется: узел нулевой высоты сдвигал бы приглашение зазором. -->\n    @if (rows().length > 0 || !isInvitationShown()) {\n        <rt-dynamic-selector-list>\n            @if (isAddShown()) {\n                <button\n                    rtButton\n                    appearance=\"text\"\n                    type=\"button\"\n                    qa-dataid=\"dynamic-input-add\"\n                    [label]=\"addTitle()\"\n                    [attr.aria-label]=\"addTitle()\"\n                    [disabled]=\"isDisabled()\"\n                    (click)=\"onAdd()\"></button>\n            }\n        </rt-dynamic-selector-list>\n    }\n\n    @if (isFieldShown()) {\n        <!-- Подпись поля рисует rt-field: у rt-input своей нет. Обёртка стоит только при подписи —\n             пустая добавила бы зазор под полем и сдвинула прежний вид. -->\n        @if (fieldLabel(); as label) {\n            <rt-field qa-dataid=\"dynamic-input-field-label\" [label]=\"label\">\n                <rt-input\n                    #field\n                    rtElem=\"field\"\n                    qa-dataid=\"dynamic-input-field\"\n                    [appearance]=\"fieldAppearance()\"\n                    [controlId]=\"effectiveControlId()\"\n                    [placeholder]=\"fieldPlaceholder()\"\n                    [ngModel]=\"draft()\"\n                    [ngModelOptions]=\"{ standalone: true }\"\n                    (ngModelChange)=\"draft.set($event ?? '')\"\n                    (keydown.enter)=\"onCommit()\"\n                    (focusout)=\"onCommit()\" />\n            </rt-field>\n        } @else {\n            <rt-input\n                #field\n                rtElem=\"field\"\n                qa-dataid=\"dynamic-input-field\"\n                [appearance]=\"fieldAppearance()\"\n                [controlId]=\"effectiveControlId()\"\n                [placeholder]=\"fieldPlaceholder()\"\n                [ngModel]=\"draft()\"\n                [ngModelOptions]=\"{ standalone: true }\"\n                (ngModelChange)=\"draft.set($event ?? '')\"\n                (keydown.enter)=\"onCommit()\"\n                (focusout)=\"onCommit()\" />\n        }\n    }\n\n    @if (isInvitationShown()) {\n        <rt-empty-state\n            rtElem=\"invitation\"\n            qa-dataid=\"dynamic-input-invitation\"\n            [icon]=\"invitationIcon()\"\n            [glyph]=\"invitationGlyph()\"\n            [description]=\"invitationDescription()\">\n            <button\n                rtButton\n                type=\"button\"\n                qa-dataid=\"dynamic-input-invitation-add\"\n                [appearance]=\"invitationButtonAppearance()\"\n                [icon]=\"invitationButtonIcon()\"\n                [label]=\"addTitle()\"\n                [attr.aria-label]=\"addTitle()\"\n                [disabled]=\"isDisabled()\"\n                (click)=\"onAdd()\"></button>\n        </rt-empty-state>\n    }\n</ng-container>\n",
 			styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-dynamic-input{display:flex;width:100%;flex-direction:column;gap:var(--rt-space-sm)}.rt-dynamic-input__field,.rt-dynamic-input__invitation{min-width:0}}\n"]
 		}]
 	}],
@@ -1148,7 +1170,9 @@ var RtDynamicSelectorPopupComponent = class RtDynamicSelectorPopupComponent {
 		this.#host = inject(ElementRef);
 		this.#injector = inject(Injector);
 		this.#searchSource = new Subject();
-		this.#source = inject(RtDynamicSelectorPartsService).popup;
+		this.#parts = inject(RtDynamicSelectorPartsService, { optional: true });
+		this.#standalone = !this.#parts?.hasPopup;
+		this.#source = this.#parts !== null && !this.#standalone ? this.#parts.popup : this.#ownSource();
 		this.optionList = new RtOptionList({
 			panelId: () => BEM_BLOCK$1,
 			isOpen: () => false,
@@ -1166,29 +1190,29 @@ var RtDynamicSelectorPopupComponent = class RtDynamicSelectorPopupComponent {
 		this.multiLabel = rtKitLabel("dynamicSelectorMulti");
 		this.multiHintLabel = rtKitLabel("dynamicSelectorMultiHint");
 		this.noResultsLabel = rtKitLabel("dynamicSelectorNoResults");
-		this.emptyText = computed(() => this.emptyResultsText() || this.noResultsLabel(), ...ngDevMode ? [{ debugName: "emptyText" }] : /* istanbul ignore next */ []);
+		this.emptyText = computed(() => this.settings.emptyResultsText() || this.noResultsLabel(), ...ngDevMode ? [{ debugName: "emptyText" }] : /* istanbul ignore next */ []);
 		this.cancelLabel = rtKitLabel("uiCancel");
 		this.applyKitLabel = rtKitLabel("dynamicSelectorApply");
-		this.applyText = computed(() => dynamicLabelCase(this.applyLabel() || this.applyKitLabel(), this.applyLabelCase()), ...ngDevMode ? [{ debugName: "applyText" }] : /* istanbul ignore next */ []);
+		this.applyText = computed(() => dynamicLabelCase(this.settings.applyLabel() || this.applyKitLabel(), this.settings.applyLabelCase()), ...ngDevMode ? [{ debugName: "applyText" }] : /* istanbul ignore next */ []);
 		this.ticked = signal([], ...ngDevMode ? [{ debugName: "ticked" }] : /* istanbul ignore next */ []);
 		this.raised = signal([], ...ngDevMode ? [{ debugName: "raised" }] : /* istanbul ignore next */ []);
 		this.query = signal("", ...ngDevMode ? [{ debugName: "query" }] : /* istanbul ignore next */ []);
 		this.isMultiOn = signal(false, ...ngDevMode ? [{ debugName: "isMultiOn" }] : /* istanbul ignore next */ []);
 		this.found = computed(() => {
 			const query = this.query();
-			if (!this.localSearch() || query.trim() === "") return [...this.entities()];
-			return this.entities().filter((item) => {
+			if (!this.settings.localSearch() || query.trim() === "") return [...this.offered()];
+			return this.offered().filter((item) => {
 				const label = dynamicSelectorLabel(item, (entity) => this.#labelOf(entity));
 				return label !== null && rtSearchMatches(label, query);
 			});
 		}, ...ngDevMode ? [{ debugName: "found" }] : /* istanbul ignore next */ []);
-		this.rows = computed(() => dynamicPopupRows(this.entities(), this.found(), this.raised(), (item) => this.#keyOf(item), this.query()), ...ngDevMode ? [{ debugName: "rows" }] : /* istanbul ignore next */ []);
+		this.rows = computed(() => dynamicPopupRows(this.offered(), this.found(), this.raised(), (item) => this.#keyOf(item), this.query()), ...ngDevMode ? [{ debugName: "rows" }] : /* istanbul ignore next */ []);
 		this.visibleKeys = computed(() => [...this.rows().ticked, ...this.rows().found].map((item) => this.#keyOf(item)), ...ngDevMode ? [{ debugName: "visibleKeys" }] : /* istanbul ignore next */ []);
 		this.rowItems = computed(() => {
 			const ticked = this.ticked();
 			const lastPinned = this.lastPinnedKey();
 			const { ticked: above, found } = this.rows();
-			const highlight = this.highlightSearch();
+			const highlight = this.settings.highlightSearch();
 			const query = this.query();
 			const labelOf = (item) => dynamicSelectorLabel(item, (entity) => this.#labelOf(entity)) ?? "";
 			const toRow = (item, separated) => ({
@@ -1204,61 +1228,98 @@ var RtDynamicSelectorPopupComponent = class RtDynamicSelectorPopupComponent {
 			});
 			return [...above.map((item, index) => toRow(item, index === above.length - 1)), ...found.map((item) => toRow(item, lastPinned !== null && this.#keyOf(item) === lastPinned))];
 		}, ...ngDevMode ? [{ debugName: "rowItems" }] : /* istanbul ignore next */ []);
-		this.ownLabel = computed(() => !this.titleWrap() || this.highlightSearch(), ...ngDevMode ? [{ debugName: "ownLabel" }] : /* istanbul ignore next */ []);
+		this.ownLabel = computed(() => !this.settings.titleWrap() || this.settings.highlightSearch(), ...ngDevMode ? [{ debugName: "ownLabel" }] : /* istanbul ignore next */ []);
 		this.hasRows = computed(() => this.visibleKeys().length > 0, ...ngDevMode ? [{ debugName: "hasRows" }] : /* istanbul ignore next */ []);
 		this.selectAllState = computed(() => dynamicSelectAllState(this.visibleKeys(), this.ticked()), ...ngDevMode ? [{ debugName: "selectAllState" }] : /* istanbul ignore next */ []);
-		this.isSingle = computed(() => this.mode() === "single", ...ngDevMode ? [{ debugName: "isSingle" }] : /* istanbul ignore next */ []);
-		this.isSelectAllShown = computed(() => !this.isSingle() && this.selectAllShown() && this.visibleKeys().length > 1 && !this.loading(), ...ngDevMode ? [{ debugName: "isSelectAllShown" }] : /* istanbul ignore next */ []);
-		this.isMultiToggleVisible = computed(() => !this.isSingle() && this.multiToggleShown() && this.visibleKeys().length > 1 && !this.loading(), ...ngDevMode ? [{ debugName: "isMultiToggleVisible" }] : /* istanbul ignore next */ []);
-		this.lastPinnedKey = computed(() => lastPinnedDynamicKey(this.rows().found, this.pinnedKeys(), (item) => this.#keyOf(item)), ...ngDevMode ? [{ debugName: "lastPinnedKey" }] : /* istanbul ignore next */ []);
-		this.isApplyDisabled = computed(() => this.ticked().length === 0 || this.loading(), ...ngDevMode ? [{ debugName: "isApplyDisabled" }] : /* istanbul ignore next */ []);
-		this.isNavShown = computed(() => !!this.navigateTitle() && !!this.navigateLink(), ...ngDevMode ? [{ debugName: "isNavShown" }] : /* istanbul ignore next */ []);
-		this.entities = this.#source.entities;
-		this.keyExp = this.#source.settings.keyExp;
-		this.displayExp = this.#source.settings.displayExp;
-		this.displayWith = this.#source.settings.displayWith;
-		this.mode = this.#source.settings.mode;
-		this.multiToggleShown = this.#source.settings.multiToggleShown;
-		this.selectAllShown = this.#source.settings.selectAllShown;
-		this.localSearch = this.#source.settings.localSearch;
-		this.lazyLoad = this.#source.settings.lazyLoad;
-		this.loading = this.#source.settings.loading;
-		this.fetching = this.#source.settings.fetching;
-		this.pinnedKeys = this.#source.settings.pinnedKeys;
-		this.navigateTitle = this.#source.settings.navigateTitle;
-		this.navigateLink = this.#source.settings.navigateLink;
-		this.searchTerm = this.#source.settings.searchTerm;
-		this.searchAppearance = this.#source.settings.searchAppearance;
-		this.searchRadius = this.#source.settings.searchRadius;
-		this.emptyResultsText = this.#source.settings.emptyResultsText;
-		this.applyLabel = this.#source.settings.applyLabel;
-		this.applyLabelCase = this.#source.settings.applyLabelCase;
-		this.autofocusSearch = this.#source.settings.autofocusSearch;
-		this.titleWrap = this.#source.settings.titleWrap;
-		this.highlightSearch = this.#source.settings.highlightSearch;
+		this.isSingle = computed(() => this.settings.mode() === "single", ...ngDevMode ? [{ debugName: "isSingle" }] : /* istanbul ignore next */ []);
+		this.isSelectAllShown = computed(() => !this.isSingle() && this.settings.selectAllShown() && this.visibleKeys().length > 1 && !this.settings.loading(), ...ngDevMode ? [{ debugName: "isSelectAllShown" }] : /* istanbul ignore next */ []);
+		this.isMultiToggleVisible = computed(() => !this.isSingle() && this.settings.multiToggleShown() && this.visibleKeys().length > 1 && !this.settings.loading(), ...ngDevMode ? [{ debugName: "isMultiToggleVisible" }] : /* istanbul ignore next */ []);
+		this.lastPinnedKey = computed(() => lastPinnedDynamicKey(this.rows().found, this.settings.pinnedKeys(), (item) => this.#keyOf(item)), ...ngDevMode ? [{ debugName: "lastPinnedKey" }] : /* istanbul ignore next */ []);
+		this.isApplyDisabled = computed(() => this.ticked().length === 0 || this.settings.loading(), ...ngDevMode ? [{ debugName: "isApplyDisabled" }] : /* istanbul ignore next */ []);
+		this.isNavShown = computed(() => !!this.settings.navigateTitle() && !!this.settings.navigateLink(), ...ngDevMode ? [{ debugName: "isNavShown" }] : /* istanbul ignore next */ []);
+		this.offered = this.#source.entities;
+		this.settings = this.#source.settings;
+		this.entities = input([], ...ngDevMode ? [{ debugName: "entities" }] : /* istanbul ignore next */ []);
+		this.keyExp = input(void 0, ...ngDevMode ? [{ debugName: "keyExp" }] : /* istanbul ignore next */ []);
+		this.displayExp = input(void 0, ...ngDevMode ? [{ debugName: "displayExp" }] : /* istanbul ignore next */ []);
+		this.displayWith = input(null, ...ngDevMode ? [{ debugName: "displayWith" }] : /* istanbul ignore next */ []);
+		this.mode = input("multi", ...ngDevMode ? [{ debugName: "mode" }] : /* istanbul ignore next */ []);
+		this.multiToggleShown = input(false, {
+			...ngDevMode ? { debugName: "multiToggleShown" } : /* istanbul ignore next */ {},
+			transform: booleanAttribute
+		});
+		this.selectAllShown = input(true, {
+			...ngDevMode ? { debugName: "selectAllShown" } : /* istanbul ignore next */ {},
+			transform: booleanAttribute
+		});
+		this.localSearch = input(true, {
+			...ngDevMode ? { debugName: "localSearch" } : /* istanbul ignore next */ {},
+			transform: booleanAttribute
+		});
+		this.lazyLoad = input(false, {
+			...ngDevMode ? { debugName: "lazyLoad" } : /* istanbul ignore next */ {},
+			transform: booleanAttribute
+		});
+		this.loading = input(false, {
+			...ngDevMode ? { debugName: "loading" } : /* istanbul ignore next */ {},
+			transform: booleanAttribute
+		});
+		this.fetching = input(false, {
+			...ngDevMode ? { debugName: "fetching" } : /* istanbul ignore next */ {},
+			transform: booleanAttribute
+		});
+		this.pinnedKeys = input([], ...ngDevMode ? [{ debugName: "pinnedKeys" }] : /* istanbul ignore next */ []);
+		this.navigateTitle = input("", ...ngDevMode ? [{ debugName: "navigateTitle" }] : /* istanbul ignore next */ []);
+		this.navigateLink = input("", ...ngDevMode ? [{ debugName: "navigateLink" }] : /* istanbul ignore next */ []);
+		this.searchTerm = input("", ...ngDevMode ? [{ debugName: "searchTerm" }] : /* istanbul ignore next */ []);
+		this.searchAppearance = input("outline", ...ngDevMode ? [{ debugName: "searchAppearance" }] : /* istanbul ignore next */ []);
+		this.searchRadius = input(null, ...ngDevMode ? [{ debugName: "searchRadius" }] : /* istanbul ignore next */ []);
+		this.emptyResultsText = input("", ...ngDevMode ? [{ debugName: "emptyResultsText" }] : /* istanbul ignore next */ []);
+		this.applyLabel = input("", ...ngDevMode ? [{ debugName: "applyLabel" }] : /* istanbul ignore next */ []);
+		this.applyLabelCase = input("none", ...ngDevMode ? [{ debugName: "applyLabelCase" }] : /* istanbul ignore next */ []);
+		this.autofocusSearch = input(false, {
+			...ngDevMode ? { debugName: "autofocusSearch" } : /* istanbul ignore next */ {},
+			transform: booleanAttribute
+		});
+		this.titleWrap = input(true, {
+			...ngDevMode ? { debugName: "titleWrap" } : /* istanbul ignore next */ {},
+			transform: booleanAttribute
+		});
+		this.highlightSearch = input(false, {
+			...ngDevMode ? { debugName: "highlightSearch" } : /* istanbul ignore next */ {},
+			transform: booleanAttribute
+		});
+		this.applied = output();
+		this.cancelled = output();
+		this.searchChange = output();
+		this.loadMore = output();
+		this.temporaryChoiceChange = output();
 	}
 	#destroyRef;
 	#host;
 	#injector;
 	#searchSource;
+	#parts;
+	#standalone;
 	#source;
 	ngOnInit() {
-		this.query.set(this.searchTerm());
+		if (this.#standalone && (this.keyExp() === void 0 || this.displayExp() === void 0)) throw new Error("rt-dynamic-selector-popup вне корня: входы keyExp и displayExp обязательны");
+		this.query.set(this.settings.searchTerm());
 		this.#source.temporaryChoice([]);
 		this.#searchSource.pipe(debounceTime(500), takeUntilDestroyed(this.#destroyRef)).subscribe((query) => this.#source.search(query));
-		if (this.autofocusSearch()) afterNextRender(() => this.searchField()?.nativeElement.querySelector("input")?.focus({ preventScroll: true }), { injector: this.#injector });
+		if (this.settings.autofocusSearch()) afterNextRender(() => this.searchField()?.nativeElement.querySelector("input")?.focus({ preventScroll: true }), { injector: this.#injector });
 	}
 	onQueryChange(value) {
 		const query = value ?? "";
 		this.raised.set([...this.ticked()]);
 		this.query.set(query);
 		this.#source.temporaryChoice(this.#tickedEntities());
-		if (!this.localSearch()) this.#searchSource.next(query);
+		if (!this.settings.localSearch()) this.#searchSource.next(query);
 	}
 	onRowClick(event, item) {
 		const key = this.#keyOf(item);
 		const checked = !this.ticked().includes(key);
-		const addsToTicks = !this.multiToggleShown() || this.isMultiOn() || event.ctrlKey || event.metaKey;
+		const addsToTicks = !this.settings.multiToggleShown() || this.isMultiOn() || event.ctrlKey || event.metaKey;
 		this.ticked.update((keys) => toggleDynamicKey(addsToTicks ? keys : [], key, checked));
 	}
 	onRadioChange(item) {
@@ -1310,15 +1371,49 @@ var RtDynamicSelectorPopupComponent = class RtDynamicSelectorPopupComponent {
 			default: return false;
 		}
 	}
+	#ownSource() {
+		return {
+			entities: computed(() => this.entities()),
+			settings: {
+				keyExp: computed(() => this.keyExp()),
+				displayExp: computed(() => this.displayExp()),
+				displayWith: computed(() => this.displayWith()),
+				mode: computed(() => this.mode()),
+				multiToggleShown: computed(() => this.multiToggleShown()),
+				selectAllShown: computed(() => this.selectAllShown()),
+				localSearch: computed(() => this.localSearch()),
+				lazyLoad: computed(() => this.lazyLoad()),
+				loading: computed(() => this.loading()),
+				fetching: computed(() => this.fetching()),
+				pinnedKeys: computed(() => this.pinnedKeys()),
+				navigateTitle: computed(() => this.navigateTitle()),
+				navigateLink: computed(() => this.navigateLink()),
+				searchTerm: computed(() => this.searchTerm()),
+				searchAppearance: computed(() => this.searchAppearance()),
+				searchRadius: computed(() => this.searchRadius()),
+				emptyResultsText: computed(() => this.emptyResultsText()),
+				applyLabel: computed(() => this.applyLabel()),
+				applyLabelCase: computed(() => this.applyLabelCase()),
+				autofocusSearch: computed(() => this.autofocusSearch()),
+				titleWrap: computed(() => this.titleWrap()),
+				highlightSearch: computed(() => this.highlightSearch())
+			},
+			apply: (keys) => this.applied.emit(keys),
+			cancel: () => this.cancelled.emit(),
+			search: (query) => this.searchChange.emit(query),
+			loadMore: () => this.loadMore.emit(),
+			temporaryChoice: (entities) => this.temporaryChoiceChange.emit(entities)
+		};
+	}
 	#tickedEntities() {
-		return this.ticked().map((key) => this.entities().find((item) => this.#keyOf(item) === key)).filter((item) => item !== void 0);
+		return this.ticked().map((key) => this.offered().find((item) => this.#keyOf(item) === key)).filter((item) => item !== void 0);
 	}
 	#keyOf(item) {
-		return item[this.keyExp()];
+		return item[this.settings.keyExp()];
 	}
 	#labelOf(item) {
-		const displayWith = this.displayWith();
-		return displayWith === null ? item[this.displayExp()] : displayWith(item);
+		const displayWith = this.settings.displayWith();
+		return displayWith === null ? item[this.settings.displayExp()] : displayWith(item);
 	}
 	static {
 		this.ɵfac = i0.ɵɵngDeclareFactory({
@@ -1337,6 +1432,176 @@ var RtDynamicSelectorPopupComponent = class RtDynamicSelectorPopupComponent {
 			type: RtDynamicSelectorPopupComponent,
 			isStandalone: true,
 			selector: "rt-dynamic-selector-popup",
+			inputs: {
+				entities: {
+					classPropertyName: "entities",
+					publicName: "entities",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				keyExp: {
+					classPropertyName: "keyExp",
+					publicName: "keyExp",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				displayExp: {
+					classPropertyName: "displayExp",
+					publicName: "displayExp",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				displayWith: {
+					classPropertyName: "displayWith",
+					publicName: "displayWith",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				mode: {
+					classPropertyName: "mode",
+					publicName: "mode",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				multiToggleShown: {
+					classPropertyName: "multiToggleShown",
+					publicName: "multiToggleShown",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				selectAllShown: {
+					classPropertyName: "selectAllShown",
+					publicName: "selectAllShown",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				localSearch: {
+					classPropertyName: "localSearch",
+					publicName: "localSearch",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				lazyLoad: {
+					classPropertyName: "lazyLoad",
+					publicName: "lazyLoad",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				loading: {
+					classPropertyName: "loading",
+					publicName: "loading",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				fetching: {
+					classPropertyName: "fetching",
+					publicName: "fetching",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				pinnedKeys: {
+					classPropertyName: "pinnedKeys",
+					publicName: "pinnedKeys",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				navigateTitle: {
+					classPropertyName: "navigateTitle",
+					publicName: "navigateTitle",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				navigateLink: {
+					classPropertyName: "navigateLink",
+					publicName: "navigateLink",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				searchTerm: {
+					classPropertyName: "searchTerm",
+					publicName: "searchTerm",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				searchAppearance: {
+					classPropertyName: "searchAppearance",
+					publicName: "searchAppearance",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				searchRadius: {
+					classPropertyName: "searchRadius",
+					publicName: "searchRadius",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				emptyResultsText: {
+					classPropertyName: "emptyResultsText",
+					publicName: "emptyResultsText",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				applyLabel: {
+					classPropertyName: "applyLabel",
+					publicName: "applyLabel",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				applyLabelCase: {
+					classPropertyName: "applyLabelCase",
+					publicName: "applyLabelCase",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				autofocusSearch: {
+					classPropertyName: "autofocusSearch",
+					publicName: "autofocusSearch",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				titleWrap: {
+					classPropertyName: "titleWrap",
+					publicName: "titleWrap",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				highlightSearch: {
+					classPropertyName: "highlightSearch",
+					publicName: "highlightSearch",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				}
+			},
+			outputs: {
+				applied: "applied",
+				cancelled: "cancelled",
+				searchChange: "searchChange",
+				loadMore: "loadMore",
+				temporaryChoiceChange: "temporaryChoiceChange"
+			},
 			host: {
 				listeners: { "keydown": "onKeydown($event)" },
 				classAttribute: "rt-dynamic-selector-popup"
@@ -1350,7 +1615,7 @@ var RtDynamicSelectorPopupComponent = class RtDynamicSelectorPopupComponent {
 				isSignal: true
 			}],
 			ngImport: i0,
-			template: "<ng-container rtBlock=\"rt-dynamic-selector-popup\">\n    <div rtElem=\"head\">\n        <rt-input\n            #searchField\n            rtElem=\"search\"\n            qa-dataid=\"dynamic-selector-search\"\n            iconLeft=\"search\"\n            [appearance]=\"searchAppearance()\"\n            [radius]=\"searchRadius()\"\n            [placeholder]=\"searchLabel()\"\n            [ngModel]=\"query()\"\n            (ngModelChange)=\"onQueryChange($event)\" />\n\n        @if (isMultiToggleVisible() || isSelectAllShown()) {\n            <div rtElem=\"controls\">\n                @if (isMultiToggleVisible()) {\n                    <div rtElem=\"multi\">\n                        <rt-toggle-switch\n                            qa-dataid=\"dynamic-selector-multi\"\n                            [ariaLabel]=\"multiLabel()\"\n                            [ngModel]=\"isMultiOn()\"\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                        <span rtElem=\"multi-hint\">{{ multiHintLabel() }}</span>\n                    </div>\n                }\n\n                @if (isSelectAllShown()) {\n                    <rt-checkbox\n                        rtElem=\"select-all\"\n                        qa-dataid=\"dynamic-selector-select-all\"\n                        [indeterminate]=\"selectAllState() === 'some'\"\n                        [ngModel]=\"selectAllState() === 'all'\"\n                        [ngModelOptions]=\"{ standalone: true }\"\n                        (ngModelChange)=\"onSelectAll($event)\">\n                        {{ selectAllLabel() }}\n                    </rt-checkbox>\n                }\n            </div>\n        }\n    </div>\n\n    @if (loading()) {\n        <div rtElem=\"state\" qa-dataid=\"dynamic-selector-loading\">\n            <rt-spinner [diameter]=\"24\" />\n        </div>\n    } @else if (hasRows()) {\n        <div rtElem=\"list\" qa-dataid=\"dynamic-selector-options\">\n            @for (row of rowItems(); track row.key) {\n                <div rtElem=\"row\" [rtMod]=\"{ separated: row.separated, nowrap: !titleWrap(), own: isSingle() && ownLabel() }\">\n                    @if (isSingle()) {\n                        <!-- Без переноса и при подсветке поиска подпись рисует окно рядом с кнопкой: подсказка\n                             меряет обрезку своего узла, а подпись внутри кнопки окну недоступна. -->\n                        <rt-radio-button\n                            rtElem=\"option\"\n                            qa-dataid=\"dynamic-selector-option\"\n                            [value]=\"row.key\"\n                            [checked]=\"row.ticked\"\n                            [label]=\"ownLabel() ? '' : row.label\"\n                            [ariaLabel]=\"ownLabel() ? row.label : null\"\n                            [rtMod]=\"{ fixed: ownLabel() }\"\n                            (checkedChange)=\"onRadioChange(row.entity)\" />\n                        @if (ownLabel()) {\n                            <!-- Фокус и клавиатура остаются на кнопке: она названа этой же подписью, а подпись даёт нажать мышью, как label. -->\n                            <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -->\n                            <span\n                                rtElem=\"option-label\"\n                                qa-dataid=\"dynamic-selector-option-label\"\n                                rtTooltipWhenTruncated\n                                [rtTooltip]=\"titleWrap() ? '' : row.label\"\n                                (click)=\"onRadioChange(row.entity)\">\n                                <ng-container *ngTemplateOutlet=\"labelParts; context: { $implicit: row.parts }\" />\n                            </span>\n                        }\n                    } @else {\n                        <rt-checkbox\n                            rtElem=\"option\"\n                            qa-dataid=\"dynamic-selector-option\"\n                            [ngModel]=\"row.ticked\"\n                            [ngModelOptions]=\"{ standalone: true }\"\n                            (click)=\"onRowClick($event, row.entity)\">\n                            <span\n                                rtElem=\"option-label\"\n                                qa-dataid=\"dynamic-selector-option-label\"\n                                rtTooltipWhenTruncated\n                                [rtTooltip]=\"titleWrap() ? '' : row.label\">\n                                <ng-container *ngTemplateOutlet=\"labelParts; context: { $implicit: row.parts }\" />\n                            </span>\n                        </rt-checkbox>\n                    }\n                </div>\n            }\n\n            <div rtElem=\"sentinel\" rtInfiniteScroll [disabled]=\"!lazyLoad() || fetching()\" (loadMore)=\"onLoadMore()\"></div>\n\n            @if (fetching()) {\n                <div rtElem=\"fetching\" qa-dataid=\"dynamic-selector-fetching\">\n                    <rt-spinner [diameter]=\"20\" />\n                </div>\n            }\n        </div>\n    } @else {\n        <rt-empty-state rtElem=\"empty\" qa-dataid=\"dynamic-selector-no-results\" icon=\"search\" [title]=\"emptyText()\" />\n    }\n\n    <div rtElem=\"foot\" [rtMod]=\"{ nav: isNavShown() }\">\n        @if (isNavShown()) {\n            <a rtElem=\"nav\" qa-dataid=\"dynamic-selector-nav\" [routerLink]=\"navigateLink()\" [rtTooltip]=\"navigateTitle()\">\n                {{ navigateTitle() }}\n            </a>\n        }\n\n        <div rtElem=\"actions\">\n            <button\n                rtButton\n                appearance=\"text\"\n                type=\"button\"\n                qa-dataid=\"dynamic-selector-cancel\"\n                [label]=\"cancelLabel()\"\n                [attr.aria-label]=\"cancelLabel()\"\n                (click)=\"onCancel()\"></button>\n            <button\n                rtButton\n                type=\"button\"\n                qa-dataid=\"dynamic-selector-apply\"\n                [label]=\"applyText()\"\n                [attr.aria-label]=\"applyText()\"\n                [disabled]=\"isApplyDisabled()\"\n                (click)=\"onApply()\"></button>\n        </div>\n    </div>\n\n    <!-- Куски подписи стоят без пробелов между собой: пробел в разметке разорвал бы слово на подсвеченной границе. -->\n    <!-- prettier-ignore -->\n    <ng-template #labelParts let-parts>@for (part of parts; track $index) {@if (part.matched) {<mark rtElem=\"match\">{{ part.text }}</mark>} @else {{{ part.text }}}}</ng-template>\n</ng-container>\n",
+			template: "<ng-container rtBlock=\"rt-dynamic-selector-popup\">\n    <div rtElem=\"head\">\n        <rt-input\n            #searchField\n            rtElem=\"search\"\n            qa-dataid=\"dynamic-selector-search\"\n            iconLeft=\"search\"\n            [appearance]=\"settings.searchAppearance()\"\n            [radius]=\"settings.searchRadius()\"\n            [placeholder]=\"searchLabel()\"\n            [ngModel]=\"query()\"\n            [ngModelOptions]=\"{ standalone: true }\"\n            (ngModelChange)=\"onQueryChange($event)\" />\n\n        @if (isMultiToggleVisible() || isSelectAllShown()) {\n            <div rtElem=\"controls\">\n                @if (isMultiToggleVisible()) {\n                    <div rtElem=\"multi\">\n                        <rt-toggle-switch\n                            qa-dataid=\"dynamic-selector-multi\"\n                            [ariaLabel]=\"multiLabel()\"\n                            [ngModel]=\"isMultiOn()\"\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                        <span rtElem=\"multi-hint\">{{ multiHintLabel() }}</span>\n                    </div>\n                }\n\n                @if (isSelectAllShown()) {\n                    <rt-checkbox\n                        rtElem=\"select-all\"\n                        qa-dataid=\"dynamic-selector-select-all\"\n                        [indeterminate]=\"selectAllState() === 'some'\"\n                        [ngModel]=\"selectAllState() === 'all'\"\n                        [ngModelOptions]=\"{ standalone: true }\"\n                        (ngModelChange)=\"onSelectAll($event)\">\n                        {{ selectAllLabel() }}\n                    </rt-checkbox>\n                }\n            </div>\n        }\n    </div>\n\n    @if (settings.loading()) {\n        <div rtElem=\"state\" qa-dataid=\"dynamic-selector-loading\">\n            <rt-spinner [diameter]=\"24\" />\n        </div>\n    } @else if (hasRows()) {\n        <div rtElem=\"list\" qa-dataid=\"dynamic-selector-options\">\n            @for (row of rowItems(); track row.key) {\n                <div rtElem=\"row\" [rtMod]=\"{ separated: row.separated, nowrap: !settings.titleWrap(), own: isSingle() && ownLabel() }\">\n                    @if (isSingle()) {\n                        <!-- Без переноса и при подсветке поиска подпись рисует окно рядом с кнопкой: подсказка\n                             меряет обрезку своего узла, а подпись внутри кнопки окну недоступна. -->\n                        <rt-radio-button\n                            rtElem=\"option\"\n                            qa-dataid=\"dynamic-selector-option\"\n                            [value]=\"row.key\"\n                            [checked]=\"row.ticked\"\n                            [label]=\"ownLabel() ? '' : row.label\"\n                            [ariaLabel]=\"ownLabel() ? row.label : null\"\n                            [rtMod]=\"{ fixed: ownLabel() }\"\n                            (checkedChange)=\"onRadioChange(row.entity)\" />\n                        @if (ownLabel()) {\n                            <!-- Фокус и клавиатура остаются на кнопке: она названа этой же подписью, а подпись даёт нажать мышью, как label. -->\n                            <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -->\n                            <span\n                                rtElem=\"option-label\"\n                                qa-dataid=\"dynamic-selector-option-label\"\n                                rtTooltipWhenTruncated\n                                [rtTooltip]=\"settings.titleWrap() ? '' : row.label\"\n                                (click)=\"onRadioChange(row.entity)\">\n                                <ng-container *ngTemplateOutlet=\"labelParts; context: { $implicit: row.parts }\" />\n                            </span>\n                        }\n                    } @else {\n                        <rt-checkbox\n                            rtElem=\"option\"\n                            qa-dataid=\"dynamic-selector-option\"\n                            [ngModel]=\"row.ticked\"\n                            [ngModelOptions]=\"{ standalone: true }\"\n                            (click)=\"onRowClick($event, row.entity)\">\n                            <span\n                                rtElem=\"option-label\"\n                                qa-dataid=\"dynamic-selector-option-label\"\n                                rtTooltipWhenTruncated\n                                [rtTooltip]=\"settings.titleWrap() ? '' : row.label\">\n                                <ng-container *ngTemplateOutlet=\"labelParts; context: { $implicit: row.parts }\" />\n                            </span>\n                        </rt-checkbox>\n                    }\n                </div>\n            }\n\n            <div\n                rtElem=\"sentinel\"\n                rtInfiniteScroll\n                [disabled]=\"!settings.lazyLoad() || settings.fetching()\"\n                (loadMore)=\"onLoadMore()\"></div>\n\n            @if (settings.fetching()) {\n                <div rtElem=\"fetching\" qa-dataid=\"dynamic-selector-fetching\">\n                    <rt-spinner [diameter]=\"20\" />\n                </div>\n            }\n        </div>\n    } @else {\n        <rt-empty-state rtElem=\"empty\" qa-dataid=\"dynamic-selector-no-results\" icon=\"search\" [title]=\"emptyText()\" />\n    }\n\n    <div rtElem=\"foot\" [rtMod]=\"{ nav: isNavShown() }\">\n        @if (isNavShown()) {\n            <a rtElem=\"nav\" qa-dataid=\"dynamic-selector-nav\" [routerLink]=\"settings.navigateLink()\" [rtTooltip]=\"settings.navigateTitle()\">\n                {{ settings.navigateTitle() }}\n            </a>\n        }\n\n        <div rtElem=\"actions\">\n            <button\n                rtButton\n                appearance=\"text\"\n                type=\"button\"\n                qa-dataid=\"dynamic-selector-cancel\"\n                [label]=\"cancelLabel()\"\n                [attr.aria-label]=\"cancelLabel()\"\n                (click)=\"onCancel()\"></button>\n            <button\n                rtButton\n                type=\"button\"\n                qa-dataid=\"dynamic-selector-apply\"\n                [label]=\"applyText()\"\n                [attr.aria-label]=\"applyText()\"\n                [disabled]=\"isApplyDisabled()\"\n                (click)=\"onApply()\"></button>\n        </div>\n    </div>\n\n    <!-- Куски подписи стоят без пробелов между собой: пробел в разметке разорвал бы слово на подсвеченной границе. -->\n    <!-- prettier-ignore -->\n    <ng-template #labelParts let-parts>@for (part of parts; track $index) {@if (part.matched) {<mark rtElem=\"match\">{{ part.text }}</mark>} @else {{{ part.text }}}}</ng-template>\n</ng-container>\n",
 			styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-dynamic-selector-popup{--rt-dynamic-selector-popup-width-default: calc(var(--rt-size-40) * 2);--rt-dynamic-selector-popup-max-height-default: calc(var(--rt-size-100) + var(--rt-size-20));--rt-dynamic-selector-popup-radius-default: var(--rt-radius-md);--rt-dynamic-selector-popup-border-width-default: var(--rt-border-width-thin);--rt-dynamic-selector-popup-shadow-default: var(--rt-shadow-lg);--rt-dynamic-selector-popup-bg-default: var(--rt-color-bg-surface);--rt-dynamic-selector-popup-min-height-default: 0;--rt-dynamic-selector-popup-padding-default: var(--rt-space-md);--rt-dynamic-selector-popup-foot-border-width-default: var( --rt-dynamic-selector-popup-border-width, var(--rt-dynamic-selector-popup-border-width-default) );--rt-dynamic-selector-popup-nav-color-default: var(--rt-color-text-link);--rt-dynamic-selector-popup-button-height-default: var(--rt-control-height-md);--rt-dynamic-selector-popup-button-font-size-default: .95rem;--rt-dynamic-selector-popup-empty-icon-size-default: var(--rt-size-8);--rt-dynamic-selector-popup-empty-icon-wrap-bg-default: var(--rt-color-bg-subtle);--rt-dynamic-selector-popup-empty-text-size-default: var(--rt-text-md);--rt-dynamic-selector-popup-empty-text-weight-default: var(--rt-font-weight-medium);--rt-dynamic-selector-popup-empty-text-color-default: var(--rt-color-text-primary);--rt-dynamic-selector-popup-highlight-color-default: var(--rt-color-text-primary);--rt-dynamic-selector-popup-highlight-weight-default: var(--rt-font-weight-semibold);--rt-dynamic-selector-popup-highlight-bg-default: transparent;--rt-dynamic-selector-popup-highlight-radius-default: 0;--rt-dynamic-selector-popup-option-line-height-default: normal;--rt-dynamic-selector-popup-option-min-height-default: 0;--rt-dynamic-selector-popup-empty-gap-default: calc(var(--rt-space-xs) + var(--rt-space-sm));--rt-dynamic-selector-popup-foot-padding-default: var(--rt-space-sm) var(--rt-dynamic-selector-popup-padding, var(--rt-dynamic-selector-popup-padding-default)) 0;display:flex;width:var(--rt-dynamic-selector-popup-width, var(--rt-dynamic-selector-popup-width-default));max-width:calc(100vw - var(--rt-space-md) * 2);min-height:var(--rt-dynamic-selector-popup-min-height, var(--rt-dynamic-selector-popup-min-height-default));max-height:var(--rt-dynamic-selector-popup-max-height, var(--rt-dynamic-selector-popup-max-height-default));box-sizing:border-box;flex-direction:column;border:var(--rt-dynamic-selector-popup-border-width, var(--rt-dynamic-selector-popup-border-width-default)) solid var(--rt-color-border-subtle);border-radius:var(--rt-dynamic-selector-popup-radius, var(--rt-dynamic-selector-popup-radius-default));background:var(--rt-dynamic-selector-popup-bg, var(--rt-dynamic-selector-popup-bg-default));box-shadow:var(--rt-dynamic-selector-popup-shadow, var(--rt-dynamic-selector-popup-shadow-default));color:var(--rt-color-text-primary);gap:var(--rt-space-sm);padding-block:var(--rt-dynamic-selector-popup-padding, var(--rt-dynamic-selector-popup-padding-default))}.rt-dynamic-selector-popup__head{display:flex;flex-direction:column;gap:var(--rt-space-sm);padding-inline:var(--rt-dynamic-selector-popup-padding, var(--rt-dynamic-selector-popup-padding-default))}.rt-dynamic-selector-popup__controls{display:flex;flex-direction:column;border-bottom:var(--rt-dynamic-selector-popup-border-width, var(--rt-dynamic-selector-popup-border-width-default)) solid var(--rt-color-border-subtle);gap:var(--rt-space-sm);padding-block-end:var(--rt-space-sm)}.rt-dynamic-selector-popup__multi{display:flex;flex-wrap:wrap;align-items:center;gap:var(--rt-space-2xs) var(--rt-space-sm)}.rt-dynamic-selector-popup__multi-label{font-size:var(--rt-text-sm)}.rt-dynamic-selector-popup__multi-hint-icon{color:var(--rt-color-text-muted)}.rt-dynamic-selector-popup__multi-hint{display:none;flex-basis:100%;color:var(--rt-color-text-muted);font-size:var(--rt-text-xs)}@media(width<=1080px){.rt-dynamic-selector-popup__multi-hint{display:block}.rt-dynamic-selector-popup__multi .rt-dynamic-selector-popup__multi-hint-icon{display:none}}.rt-dynamic-selector-popup__select-all{min-width:0}.rt-dynamic-selector-popup__state{display:flex;flex:1 1 auto;align-items:center;justify-content:center;padding:var(--rt-space-md)}.rt-dynamic-selector-popup__list{display:flex;min-height:0;flex:1 1 auto;flex-direction:column;overflow-y:auto;padding-inline:var(--rt-dynamic-selector-popup-padding, var(--rt-dynamic-selector-popup-padding-default))}.rt-dynamic-selector-popup__sentinel{min-height:var(--rt-size-1)}.rt-dynamic-selector-popup__fetching{display:flex;justify-content:center;padding-block:var(--rt-space-sm)}.rt-dynamic-selector-popup__empty{flex:1 1 auto;padding-inline:var(--rt-dynamic-selector-popup-padding, var(--rt-dynamic-selector-popup-padding-default))}.rt-dynamic-selector-popup__empty .rt-empty-state__icon-wrap{margin-bottom:calc(var(--rt-dynamic-selector-popup-empty-gap, var(--rt-dynamic-selector-popup-empty-gap-default)) - var(--rt-space-sm))}.rt-dynamic-selector-popup__empty.rt-empty-state{--rt-empty-state-icon-size: var( --rt-dynamic-selector-popup-empty-icon-size, var(--rt-dynamic-selector-popup-empty-icon-size-default) );--rt-empty-state-icon-wrap-bg: var( --rt-dynamic-selector-popup-empty-icon-wrap-bg, var(--rt-dynamic-selector-popup-empty-icon-wrap-bg-default) );--rt-empty-state-title-size: var( --rt-dynamic-selector-popup-empty-text-size, var(--rt-dynamic-selector-popup-empty-text-size-default) );--rt-empty-state-title-weight: var( --rt-dynamic-selector-popup-empty-text-weight, var(--rt-dynamic-selector-popup-empty-text-weight-default) );--rt-empty-state-title-color: var( --rt-dynamic-selector-popup-empty-text-color, var(--rt-dynamic-selector-popup-empty-text-color-default) )}.rt-dynamic-selector-popup__foot{display:flex;align-items:center;justify-content:flex-end;padding:var(--rt-dynamic-selector-popup-foot-padding, var(--rt-dynamic-selector-popup-foot-padding-default));border-top:var(--rt-dynamic-selector-popup-foot-border-width, var(--rt-dynamic-selector-popup-foot-border-width-default)) solid var(--rt-color-border-subtle);gap:var(--rt-space-sm)}.rt-dynamic-selector-popup__foot--nav{justify-content:space-between}.rt-dynamic-selector-popup__nav{overflow:hidden;min-width:0;color:var(--rt-dynamic-selector-popup-nav-color, var(--rt-dynamic-selector-popup-nav-color-default));font-size:var(--rt-text-sm);text-overflow:ellipsis;white-space:nowrap}.rt-dynamic-selector-popup__nav:hover{color:var(--rt-color-text-link-hover)}.rt-dynamic-selector-popup__actions{display:flex;flex:0 0 auto;gap:var(--rt-space-sm)}.rt-dynamic-selector-popup__actions .rt-button{--rt-btn-height: var(--rt-dynamic-selector-popup-button-height, var(--rt-dynamic-selector-popup-button-height-default));--rt-btn-font-size: var( --rt-dynamic-selector-popup-button-font-size, var(--rt-dynamic-selector-popup-button-font-size-default) )}}\n", "@charset \"UTF-8\";@layer rt-kit.components{.rt-dynamic-selector-popup__row{display:flex;min-height:var(--rt-dynamic-selector-popup-option-min-height, var(--rt-dynamic-selector-popup-option-min-height-default));box-sizing:border-box;flex-direction:column;justify-content:center;padding-block:var(--rt-space-sm)}.rt-dynamic-selector-popup__row--separated{border-bottom:var(--rt-dynamic-selector-popup-border-width, var(--rt-dynamic-selector-popup-border-width-default)) solid var(--rt-color-border-subtle);margin-block-end:var(--rt-space-2xs);padding-block-end:var(--rt-space-sm)}.rt-dynamic-selector-popup__option{display:block;overflow-wrap:anywhere}.rt-dynamic-selector-popup__option-label{overflow-wrap:anywhere}.rt-dynamic-selector-popup__option-label,.rt-dynamic-selector-popup__option .rt-checkbox__label,.rt-dynamic-selector-popup__option .rt-radio-button__label{line-height:var(--rt-dynamic-selector-popup-option-line-height, var(--rt-dynamic-selector-popup-option-line-height-default))}.rt-dynamic-selector-popup__row--nowrap{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--rt-space-sm)}.rt-dynamic-selector-popup__row--nowrap .rt-dynamic-selector-popup__option{min-width:0;max-width:100%}.rt-dynamic-selector-popup__row--own{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:var(--rt-space-sm)}.rt-dynamic-selector-popup__option--fixed{flex:0 0 auto}.rt-dynamic-selector-popup__row--own .rt-dynamic-selector-popup__option-label{min-width:0;flex:1 1 auto;color:var(--rt-color-text-primary);cursor:pointer;font-size:var(--rt-text-sm);-webkit-user-select:none;user-select:none}.rt-dynamic-selector-popup__match{border-radius:var(--rt-dynamic-selector-popup-highlight-radius, var(--rt-dynamic-selector-popup-highlight-radius-default));background:var(--rt-dynamic-selector-popup-highlight-bg, var(--rt-dynamic-selector-popup-highlight-bg-default));color:var(--rt-dynamic-selector-popup-highlight-color, var(--rt-dynamic-selector-popup-highlight-color-default));font-weight:var(--rt-dynamic-selector-popup-highlight-weight, var(--rt-dynamic-selector-popup-highlight-weight-default))}.rt-dynamic-selector-popup__row--nowrap .rt-dynamic-selector-popup__option .rt-checkbox{max-width:100%}.rt-dynamic-selector-popup__row--nowrap .rt-dynamic-selector-popup__option .rt-checkbox__label{overflow:hidden;min-width:0}.rt-dynamic-selector-popup__row--nowrap .rt-dynamic-selector-popup__option-label{display:block;overflow:hidden;min-width:0;flex:1 1 auto;font-size:var(--rt-text-sm);text-overflow:ellipsis;white-space:nowrap}}\n"],
 			dependencies: [
 				{
@@ -1446,8 +1711,10 @@ var RtDynamicSelectorPopupComponent = class RtDynamicSelectorPopupComponent {
 						"inputId",
 						"ariaLabel",
 						"disabled",
+						"checked",
 						"indeterminate"
-					]
+					],
+					outputs: ["checkedChange"]
 				},
 				{
 					kind: "component",
@@ -1494,8 +1761,17 @@ var RtDynamicSelectorPopupComponent = class RtDynamicSelectorPopupComponent {
 						"iconLeft",
 						"iconRight",
 						"passwordToggle",
-						"autocomplete"
-					]
+						"autocomplete",
+						"maxlength",
+						"floatingLabel",
+						"iconLeftAction",
+						"iconRightAction",
+						"iconLeftDisabled",
+						"iconRightDisabled",
+						"iconLeftTooltip",
+						"iconRightTooltip"
+					],
+					outputs: ["iconLeftClick", "iconRightClick"]
 				},
 				{
 					kind: "component",
@@ -1546,6 +1822,7 @@ var RtDynamicSelectorPopupComponent = class RtDynamicSelectorPopupComponent {
 					inputs: [
 						"rtTooltip",
 						"rtTooltipPlacement",
+						"rtTooltipShowDelay",
 						"rtTooltipWhenTruncated",
 						"rtTooltipHideOnClick"
 					],
@@ -1590,17 +1867,223 @@ i0.ɵɵngDeclareClassMetadata({
 				class: BEM_BLOCK$1,
 				"(keydown)": "onKeydown($event)"
 			},
-			template: "<ng-container rtBlock=\"rt-dynamic-selector-popup\">\n    <div rtElem=\"head\">\n        <rt-input\n            #searchField\n            rtElem=\"search\"\n            qa-dataid=\"dynamic-selector-search\"\n            iconLeft=\"search\"\n            [appearance]=\"searchAppearance()\"\n            [radius]=\"searchRadius()\"\n            [placeholder]=\"searchLabel()\"\n            [ngModel]=\"query()\"\n            (ngModelChange)=\"onQueryChange($event)\" />\n\n        @if (isMultiToggleVisible() || isSelectAllShown()) {\n            <div rtElem=\"controls\">\n                @if (isMultiToggleVisible()) {\n                    <div rtElem=\"multi\">\n                        <rt-toggle-switch\n                            qa-dataid=\"dynamic-selector-multi\"\n                            [ariaLabel]=\"multiLabel()\"\n                            [ngModel]=\"isMultiOn()\"\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                        <span rtElem=\"multi-hint\">{{ multiHintLabel() }}</span>\n                    </div>\n                }\n\n                @if (isSelectAllShown()) {\n                    <rt-checkbox\n                        rtElem=\"select-all\"\n                        qa-dataid=\"dynamic-selector-select-all\"\n                        [indeterminate]=\"selectAllState() === 'some'\"\n                        [ngModel]=\"selectAllState() === 'all'\"\n                        [ngModelOptions]=\"{ standalone: true }\"\n                        (ngModelChange)=\"onSelectAll($event)\">\n                        {{ selectAllLabel() }}\n                    </rt-checkbox>\n                }\n            </div>\n        }\n    </div>\n\n    @if (loading()) {\n        <div rtElem=\"state\" qa-dataid=\"dynamic-selector-loading\">\n            <rt-spinner [diameter]=\"24\" />\n        </div>\n    } @else if (hasRows()) {\n        <div rtElem=\"list\" qa-dataid=\"dynamic-selector-options\">\n            @for (row of rowItems(); track row.key) {\n                <div rtElem=\"row\" [rtMod]=\"{ separated: row.separated, nowrap: !titleWrap(), own: isSingle() && ownLabel() }\">\n                    @if (isSingle()) {\n                        <!-- Без переноса и при подсветке поиска подпись рисует окно рядом с кнопкой: подсказка\n                             меряет обрезку своего узла, а подпись внутри кнопки окну недоступна. -->\n                        <rt-radio-button\n                            rtElem=\"option\"\n                            qa-dataid=\"dynamic-selector-option\"\n                            [value]=\"row.key\"\n                            [checked]=\"row.ticked\"\n                            [label]=\"ownLabel() ? '' : row.label\"\n                            [ariaLabel]=\"ownLabel() ? row.label : null\"\n                            [rtMod]=\"{ fixed: ownLabel() }\"\n                            (checkedChange)=\"onRadioChange(row.entity)\" />\n                        @if (ownLabel()) {\n                            <!-- Фокус и клавиатура остаются на кнопке: она названа этой же подписью, а подпись даёт нажать мышью, как label. -->\n                            <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -->\n                            <span\n                                rtElem=\"option-label\"\n                                qa-dataid=\"dynamic-selector-option-label\"\n                                rtTooltipWhenTruncated\n                                [rtTooltip]=\"titleWrap() ? '' : row.label\"\n                                (click)=\"onRadioChange(row.entity)\">\n                                <ng-container *ngTemplateOutlet=\"labelParts; context: { $implicit: row.parts }\" />\n                            </span>\n                        }\n                    } @else {\n                        <rt-checkbox\n                            rtElem=\"option\"\n                            qa-dataid=\"dynamic-selector-option\"\n                            [ngModel]=\"row.ticked\"\n                            [ngModelOptions]=\"{ standalone: true }\"\n                            (click)=\"onRowClick($event, row.entity)\">\n                            <span\n                                rtElem=\"option-label\"\n                                qa-dataid=\"dynamic-selector-option-label\"\n                                rtTooltipWhenTruncated\n                                [rtTooltip]=\"titleWrap() ? '' : row.label\">\n                                <ng-container *ngTemplateOutlet=\"labelParts; context: { $implicit: row.parts }\" />\n                            </span>\n                        </rt-checkbox>\n                    }\n                </div>\n            }\n\n            <div rtElem=\"sentinel\" rtInfiniteScroll [disabled]=\"!lazyLoad() || fetching()\" (loadMore)=\"onLoadMore()\"></div>\n\n            @if (fetching()) {\n                <div rtElem=\"fetching\" qa-dataid=\"dynamic-selector-fetching\">\n                    <rt-spinner [diameter]=\"20\" />\n                </div>\n            }\n        </div>\n    } @else {\n        <rt-empty-state rtElem=\"empty\" qa-dataid=\"dynamic-selector-no-results\" icon=\"search\" [title]=\"emptyText()\" />\n    }\n\n    <div rtElem=\"foot\" [rtMod]=\"{ nav: isNavShown() }\">\n        @if (isNavShown()) {\n            <a rtElem=\"nav\" qa-dataid=\"dynamic-selector-nav\" [routerLink]=\"navigateLink()\" [rtTooltip]=\"navigateTitle()\">\n                {{ navigateTitle() }}\n            </a>\n        }\n\n        <div rtElem=\"actions\">\n            <button\n                rtButton\n                appearance=\"text\"\n                type=\"button\"\n                qa-dataid=\"dynamic-selector-cancel\"\n                [label]=\"cancelLabel()\"\n                [attr.aria-label]=\"cancelLabel()\"\n                (click)=\"onCancel()\"></button>\n            <button\n                rtButton\n                type=\"button\"\n                qa-dataid=\"dynamic-selector-apply\"\n                [label]=\"applyText()\"\n                [attr.aria-label]=\"applyText()\"\n                [disabled]=\"isApplyDisabled()\"\n                (click)=\"onApply()\"></button>\n        </div>\n    </div>\n\n    <!-- Куски подписи стоят без пробелов между собой: пробел в разметке разорвал бы слово на подсвеченной границе. -->\n    <!-- prettier-ignore -->\n    <ng-template #labelParts let-parts>@for (part of parts; track $index) {@if (part.matched) {<mark rtElem=\"match\">{{ part.text }}</mark>} @else {{{ part.text }}}}</ng-template>\n</ng-container>\n",
+			template: "<ng-container rtBlock=\"rt-dynamic-selector-popup\">\n    <div rtElem=\"head\">\n        <rt-input\n            #searchField\n            rtElem=\"search\"\n            qa-dataid=\"dynamic-selector-search\"\n            iconLeft=\"search\"\n            [appearance]=\"settings.searchAppearance()\"\n            [radius]=\"settings.searchRadius()\"\n            [placeholder]=\"searchLabel()\"\n            [ngModel]=\"query()\"\n            [ngModelOptions]=\"{ standalone: true }\"\n            (ngModelChange)=\"onQueryChange($event)\" />\n\n        @if (isMultiToggleVisible() || isSelectAllShown()) {\n            <div rtElem=\"controls\">\n                @if (isMultiToggleVisible()) {\n                    <div rtElem=\"multi\">\n                        <rt-toggle-switch\n                            qa-dataid=\"dynamic-selector-multi\"\n                            [ariaLabel]=\"multiLabel()\"\n                            [ngModel]=\"isMultiOn()\"\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                        <span rtElem=\"multi-hint\">{{ multiHintLabel() }}</span>\n                    </div>\n                }\n\n                @if (isSelectAllShown()) {\n                    <rt-checkbox\n                        rtElem=\"select-all\"\n                        qa-dataid=\"dynamic-selector-select-all\"\n                        [indeterminate]=\"selectAllState() === 'some'\"\n                        [ngModel]=\"selectAllState() === 'all'\"\n                        [ngModelOptions]=\"{ standalone: true }\"\n                        (ngModelChange)=\"onSelectAll($event)\">\n                        {{ selectAllLabel() }}\n                    </rt-checkbox>\n                }\n            </div>\n        }\n    </div>\n\n    @if (settings.loading()) {\n        <div rtElem=\"state\" qa-dataid=\"dynamic-selector-loading\">\n            <rt-spinner [diameter]=\"24\" />\n        </div>\n    } @else if (hasRows()) {\n        <div rtElem=\"list\" qa-dataid=\"dynamic-selector-options\">\n            @for (row of rowItems(); track row.key) {\n                <div rtElem=\"row\" [rtMod]=\"{ separated: row.separated, nowrap: !settings.titleWrap(), own: isSingle() && ownLabel() }\">\n                    @if (isSingle()) {\n                        <!-- Без переноса и при подсветке поиска подпись рисует окно рядом с кнопкой: подсказка\n                             меряет обрезку своего узла, а подпись внутри кнопки окну недоступна. -->\n                        <rt-radio-button\n                            rtElem=\"option\"\n                            qa-dataid=\"dynamic-selector-option\"\n                            [value]=\"row.key\"\n                            [checked]=\"row.ticked\"\n                            [label]=\"ownLabel() ? '' : row.label\"\n                            [ariaLabel]=\"ownLabel() ? row.label : null\"\n                            [rtMod]=\"{ fixed: ownLabel() }\"\n                            (checkedChange)=\"onRadioChange(row.entity)\" />\n                        @if (ownLabel()) {\n                            <!-- Фокус и клавиатура остаются на кнопке: она названа этой же подписью, а подпись даёт нажать мышью, как label. -->\n                            <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -->\n                            <span\n                                rtElem=\"option-label\"\n                                qa-dataid=\"dynamic-selector-option-label\"\n                                rtTooltipWhenTruncated\n                                [rtTooltip]=\"settings.titleWrap() ? '' : row.label\"\n                                (click)=\"onRadioChange(row.entity)\">\n                                <ng-container *ngTemplateOutlet=\"labelParts; context: { $implicit: row.parts }\" />\n                            </span>\n                        }\n                    } @else {\n                        <rt-checkbox\n                            rtElem=\"option\"\n                            qa-dataid=\"dynamic-selector-option\"\n                            [ngModel]=\"row.ticked\"\n                            [ngModelOptions]=\"{ standalone: true }\"\n                            (click)=\"onRowClick($event, row.entity)\">\n                            <span\n                                rtElem=\"option-label\"\n                                qa-dataid=\"dynamic-selector-option-label\"\n                                rtTooltipWhenTruncated\n                                [rtTooltip]=\"settings.titleWrap() ? '' : row.label\">\n                                <ng-container *ngTemplateOutlet=\"labelParts; context: { $implicit: row.parts }\" />\n                            </span>\n                        </rt-checkbox>\n                    }\n                </div>\n            }\n\n            <div\n                rtElem=\"sentinel\"\n                rtInfiniteScroll\n                [disabled]=\"!settings.lazyLoad() || settings.fetching()\"\n                (loadMore)=\"onLoadMore()\"></div>\n\n            @if (settings.fetching()) {\n                <div rtElem=\"fetching\" qa-dataid=\"dynamic-selector-fetching\">\n                    <rt-spinner [diameter]=\"20\" />\n                </div>\n            }\n        </div>\n    } @else {\n        <rt-empty-state rtElem=\"empty\" qa-dataid=\"dynamic-selector-no-results\" icon=\"search\" [title]=\"emptyText()\" />\n    }\n\n    <div rtElem=\"foot\" [rtMod]=\"{ nav: isNavShown() }\">\n        @if (isNavShown()) {\n            <a rtElem=\"nav\" qa-dataid=\"dynamic-selector-nav\" [routerLink]=\"settings.navigateLink()\" [rtTooltip]=\"settings.navigateTitle()\">\n                {{ settings.navigateTitle() }}\n            </a>\n        }\n\n        <div rtElem=\"actions\">\n            <button\n                rtButton\n                appearance=\"text\"\n                type=\"button\"\n                qa-dataid=\"dynamic-selector-cancel\"\n                [label]=\"cancelLabel()\"\n                [attr.aria-label]=\"cancelLabel()\"\n                (click)=\"onCancel()\"></button>\n            <button\n                rtButton\n                type=\"button\"\n                qa-dataid=\"dynamic-selector-apply\"\n                [label]=\"applyText()\"\n                [attr.aria-label]=\"applyText()\"\n                [disabled]=\"isApplyDisabled()\"\n                (click)=\"onApply()\"></button>\n        </div>\n    </div>\n\n    <!-- Куски подписи стоят без пробелов между собой: пробел в разметке разорвал бы слово на подсвеченной границе. -->\n    <!-- prettier-ignore -->\n    <ng-template #labelParts let-parts>@for (part of parts; track $index) {@if (part.matched) {<mark rtElem=\"match\">{{ part.text }}</mark>} @else {{{ part.text }}}}</ng-template>\n</ng-container>\n",
 			styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-dynamic-selector-popup{--rt-dynamic-selector-popup-width-default: calc(var(--rt-size-40) * 2);--rt-dynamic-selector-popup-max-height-default: calc(var(--rt-size-100) + var(--rt-size-20));--rt-dynamic-selector-popup-radius-default: var(--rt-radius-md);--rt-dynamic-selector-popup-border-width-default: var(--rt-border-width-thin);--rt-dynamic-selector-popup-shadow-default: var(--rt-shadow-lg);--rt-dynamic-selector-popup-bg-default: var(--rt-color-bg-surface);--rt-dynamic-selector-popup-min-height-default: 0;--rt-dynamic-selector-popup-padding-default: var(--rt-space-md);--rt-dynamic-selector-popup-foot-border-width-default: var( --rt-dynamic-selector-popup-border-width, var(--rt-dynamic-selector-popup-border-width-default) );--rt-dynamic-selector-popup-nav-color-default: var(--rt-color-text-link);--rt-dynamic-selector-popup-button-height-default: var(--rt-control-height-md);--rt-dynamic-selector-popup-button-font-size-default: .95rem;--rt-dynamic-selector-popup-empty-icon-size-default: var(--rt-size-8);--rt-dynamic-selector-popup-empty-icon-wrap-bg-default: var(--rt-color-bg-subtle);--rt-dynamic-selector-popup-empty-text-size-default: var(--rt-text-md);--rt-dynamic-selector-popup-empty-text-weight-default: var(--rt-font-weight-medium);--rt-dynamic-selector-popup-empty-text-color-default: var(--rt-color-text-primary);--rt-dynamic-selector-popup-highlight-color-default: var(--rt-color-text-primary);--rt-dynamic-selector-popup-highlight-weight-default: var(--rt-font-weight-semibold);--rt-dynamic-selector-popup-highlight-bg-default: transparent;--rt-dynamic-selector-popup-highlight-radius-default: 0;--rt-dynamic-selector-popup-option-line-height-default: normal;--rt-dynamic-selector-popup-option-min-height-default: 0;--rt-dynamic-selector-popup-empty-gap-default: calc(var(--rt-space-xs) + var(--rt-space-sm));--rt-dynamic-selector-popup-foot-padding-default: var(--rt-space-sm) var(--rt-dynamic-selector-popup-padding, var(--rt-dynamic-selector-popup-padding-default)) 0;display:flex;width:var(--rt-dynamic-selector-popup-width, var(--rt-dynamic-selector-popup-width-default));max-width:calc(100vw - var(--rt-space-md) * 2);min-height:var(--rt-dynamic-selector-popup-min-height, var(--rt-dynamic-selector-popup-min-height-default));max-height:var(--rt-dynamic-selector-popup-max-height, var(--rt-dynamic-selector-popup-max-height-default));box-sizing:border-box;flex-direction:column;border:var(--rt-dynamic-selector-popup-border-width, var(--rt-dynamic-selector-popup-border-width-default)) solid var(--rt-color-border-subtle);border-radius:var(--rt-dynamic-selector-popup-radius, var(--rt-dynamic-selector-popup-radius-default));background:var(--rt-dynamic-selector-popup-bg, var(--rt-dynamic-selector-popup-bg-default));box-shadow:var(--rt-dynamic-selector-popup-shadow, var(--rt-dynamic-selector-popup-shadow-default));color:var(--rt-color-text-primary);gap:var(--rt-space-sm);padding-block:var(--rt-dynamic-selector-popup-padding, var(--rt-dynamic-selector-popup-padding-default))}.rt-dynamic-selector-popup__head{display:flex;flex-direction:column;gap:var(--rt-space-sm);padding-inline:var(--rt-dynamic-selector-popup-padding, var(--rt-dynamic-selector-popup-padding-default))}.rt-dynamic-selector-popup__controls{display:flex;flex-direction:column;border-bottom:var(--rt-dynamic-selector-popup-border-width, var(--rt-dynamic-selector-popup-border-width-default)) solid var(--rt-color-border-subtle);gap:var(--rt-space-sm);padding-block-end:var(--rt-space-sm)}.rt-dynamic-selector-popup__multi{display:flex;flex-wrap:wrap;align-items:center;gap:var(--rt-space-2xs) var(--rt-space-sm)}.rt-dynamic-selector-popup__multi-label{font-size:var(--rt-text-sm)}.rt-dynamic-selector-popup__multi-hint-icon{color:var(--rt-color-text-muted)}.rt-dynamic-selector-popup__multi-hint{display:none;flex-basis:100%;color:var(--rt-color-text-muted);font-size:var(--rt-text-xs)}@media(width<=1080px){.rt-dynamic-selector-popup__multi-hint{display:block}.rt-dynamic-selector-popup__multi .rt-dynamic-selector-popup__multi-hint-icon{display:none}}.rt-dynamic-selector-popup__select-all{min-width:0}.rt-dynamic-selector-popup__state{display:flex;flex:1 1 auto;align-items:center;justify-content:center;padding:var(--rt-space-md)}.rt-dynamic-selector-popup__list{display:flex;min-height:0;flex:1 1 auto;flex-direction:column;overflow-y:auto;padding-inline:var(--rt-dynamic-selector-popup-padding, var(--rt-dynamic-selector-popup-padding-default))}.rt-dynamic-selector-popup__sentinel{min-height:var(--rt-size-1)}.rt-dynamic-selector-popup__fetching{display:flex;justify-content:center;padding-block:var(--rt-space-sm)}.rt-dynamic-selector-popup__empty{flex:1 1 auto;padding-inline:var(--rt-dynamic-selector-popup-padding, var(--rt-dynamic-selector-popup-padding-default))}.rt-dynamic-selector-popup__empty .rt-empty-state__icon-wrap{margin-bottom:calc(var(--rt-dynamic-selector-popup-empty-gap, var(--rt-dynamic-selector-popup-empty-gap-default)) - var(--rt-space-sm))}.rt-dynamic-selector-popup__empty.rt-empty-state{--rt-empty-state-icon-size: var( --rt-dynamic-selector-popup-empty-icon-size, var(--rt-dynamic-selector-popup-empty-icon-size-default) );--rt-empty-state-icon-wrap-bg: var( --rt-dynamic-selector-popup-empty-icon-wrap-bg, var(--rt-dynamic-selector-popup-empty-icon-wrap-bg-default) );--rt-empty-state-title-size: var( --rt-dynamic-selector-popup-empty-text-size, var(--rt-dynamic-selector-popup-empty-text-size-default) );--rt-empty-state-title-weight: var( --rt-dynamic-selector-popup-empty-text-weight, var(--rt-dynamic-selector-popup-empty-text-weight-default) );--rt-empty-state-title-color: var( --rt-dynamic-selector-popup-empty-text-color, var(--rt-dynamic-selector-popup-empty-text-color-default) )}.rt-dynamic-selector-popup__foot{display:flex;align-items:center;justify-content:flex-end;padding:var(--rt-dynamic-selector-popup-foot-padding, var(--rt-dynamic-selector-popup-foot-padding-default));border-top:var(--rt-dynamic-selector-popup-foot-border-width, var(--rt-dynamic-selector-popup-foot-border-width-default)) solid var(--rt-color-border-subtle);gap:var(--rt-space-sm)}.rt-dynamic-selector-popup__foot--nav{justify-content:space-between}.rt-dynamic-selector-popup__nav{overflow:hidden;min-width:0;color:var(--rt-dynamic-selector-popup-nav-color, var(--rt-dynamic-selector-popup-nav-color-default));font-size:var(--rt-text-sm);text-overflow:ellipsis;white-space:nowrap}.rt-dynamic-selector-popup__nav:hover{color:var(--rt-color-text-link-hover)}.rt-dynamic-selector-popup__actions{display:flex;flex:0 0 auto;gap:var(--rt-space-sm)}.rt-dynamic-selector-popup__actions .rt-button{--rt-btn-height: var(--rt-dynamic-selector-popup-button-height, var(--rt-dynamic-selector-popup-button-height-default));--rt-btn-font-size: var( --rt-dynamic-selector-popup-button-font-size, var(--rt-dynamic-selector-popup-button-font-size-default) )}}\n", "@charset \"UTF-8\";@layer rt-kit.components{.rt-dynamic-selector-popup__row{display:flex;min-height:var(--rt-dynamic-selector-popup-option-min-height, var(--rt-dynamic-selector-popup-option-min-height-default));box-sizing:border-box;flex-direction:column;justify-content:center;padding-block:var(--rt-space-sm)}.rt-dynamic-selector-popup__row--separated{border-bottom:var(--rt-dynamic-selector-popup-border-width, var(--rt-dynamic-selector-popup-border-width-default)) solid var(--rt-color-border-subtle);margin-block-end:var(--rt-space-2xs);padding-block-end:var(--rt-space-sm)}.rt-dynamic-selector-popup__option{display:block;overflow-wrap:anywhere}.rt-dynamic-selector-popup__option-label{overflow-wrap:anywhere}.rt-dynamic-selector-popup__option-label,.rt-dynamic-selector-popup__option .rt-checkbox__label,.rt-dynamic-selector-popup__option .rt-radio-button__label{line-height:var(--rt-dynamic-selector-popup-option-line-height, var(--rt-dynamic-selector-popup-option-line-height-default))}.rt-dynamic-selector-popup__row--nowrap{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--rt-space-sm)}.rt-dynamic-selector-popup__row--nowrap .rt-dynamic-selector-popup__option{min-width:0;max-width:100%}.rt-dynamic-selector-popup__row--own{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:var(--rt-space-sm)}.rt-dynamic-selector-popup__option--fixed{flex:0 0 auto}.rt-dynamic-selector-popup__row--own .rt-dynamic-selector-popup__option-label{min-width:0;flex:1 1 auto;color:var(--rt-color-text-primary);cursor:pointer;font-size:var(--rt-text-sm);-webkit-user-select:none;user-select:none}.rt-dynamic-selector-popup__match{border-radius:var(--rt-dynamic-selector-popup-highlight-radius, var(--rt-dynamic-selector-popup-highlight-radius-default));background:var(--rt-dynamic-selector-popup-highlight-bg, var(--rt-dynamic-selector-popup-highlight-bg-default));color:var(--rt-dynamic-selector-popup-highlight-color, var(--rt-dynamic-selector-popup-highlight-color-default));font-weight:var(--rt-dynamic-selector-popup-highlight-weight, var(--rt-dynamic-selector-popup-highlight-weight-default))}.rt-dynamic-selector-popup__row--nowrap .rt-dynamic-selector-popup__option .rt-checkbox{max-width:100%}.rt-dynamic-selector-popup__row--nowrap .rt-dynamic-selector-popup__option .rt-checkbox__label{overflow:hidden;min-width:0}.rt-dynamic-selector-popup__row--nowrap .rt-dynamic-selector-popup__option-label{display:block;overflow:hidden;min-width:0;flex:1 1 auto;font-size:var(--rt-text-sm);text-overflow:ellipsis;white-space:nowrap}}\n"]
 		}]
 	}],
-	propDecorators: { searchField: [{
-		type: i0.ViewChild,
-		args: ["searchField", {
-			read: ElementRef,
-			isSignal: true
+	propDecorators: {
+		searchField: [{
+			type: i0.ViewChild,
+			args: ["searchField", {
+				read: ElementRef,
+				isSignal: true
+			}]
+		}],
+		entities: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "entities",
+				required: false
+			}]
+		}],
+		keyExp: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "keyExp",
+				required: false
+			}]
+		}],
+		displayExp: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "displayExp",
+				required: false
+			}]
+		}],
+		displayWith: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "displayWith",
+				required: false
+			}]
+		}],
+		mode: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "mode",
+				required: false
+			}]
+		}],
+		multiToggleShown: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "multiToggleShown",
+				required: false
+			}]
+		}],
+		selectAllShown: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "selectAllShown",
+				required: false
+			}]
+		}],
+		localSearch: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "localSearch",
+				required: false
+			}]
+		}],
+		lazyLoad: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "lazyLoad",
+				required: false
+			}]
+		}],
+		loading: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "loading",
+				required: false
+			}]
+		}],
+		fetching: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "fetching",
+				required: false
+			}]
+		}],
+		pinnedKeys: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "pinnedKeys",
+				required: false
+			}]
+		}],
+		navigateTitle: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "navigateTitle",
+				required: false
+			}]
+		}],
+		navigateLink: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "navigateLink",
+				required: false
+			}]
+		}],
+		searchTerm: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "searchTerm",
+				required: false
+			}]
+		}],
+		searchAppearance: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "searchAppearance",
+				required: false
+			}]
+		}],
+		searchRadius: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "searchRadius",
+				required: false
+			}]
+		}],
+		emptyResultsText: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "emptyResultsText",
+				required: false
+			}]
+		}],
+		applyLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "applyLabel",
+				required: false
+			}]
+		}],
+		applyLabelCase: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "applyLabelCase",
+				required: false
+			}]
+		}],
+		autofocusSearch: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "autofocusSearch",
+				required: false
+			}]
+		}],
+		titleWrap: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "titleWrap",
+				required: false
+			}]
+		}],
+		highlightSearch: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "highlightSearch",
+				required: false
+			}]
+		}],
+		applied: [{
+			type: i0.Output,
+			args: ["applied"]
+		}],
+		cancelled: [{
+			type: i0.Output,
+			args: ["cancelled"]
+		}],
+		searchChange: [{
+			type: i0.Output,
+			args: ["searchChange"]
+		}],
+		loadMore: [{
+			type: i0.Output,
+			args: ["loadMore"]
+		}],
+		temporaryChoiceChange: [{
+			type: i0.Output,
+			args: ["temporaryChoiceChange"]
 		}]
-	}] }
+	}
 });
 const BEM_BLOCK = "rt-dynamic-selector";
 var RtDynamicSelectorComponent = class RtDynamicSelectorComponent extends RtFormControlBase {
@@ -2232,7 +2715,39 @@ var RtDynamicSelectorComponent = class RtDynamicSelectorComponent extends RtForm
 				{
 					kind: "component",
 					type: RtDynamicSelectorPopupComponent,
-					selector: "rt-dynamic-selector-popup"
+					selector: "rt-dynamic-selector-popup",
+					inputs: [
+						"entities",
+						"keyExp",
+						"displayExp",
+						"displayWith",
+						"mode",
+						"multiToggleShown",
+						"selectAllShown",
+						"localSearch",
+						"lazyLoad",
+						"loading",
+						"fetching",
+						"pinnedKeys",
+						"navigateTitle",
+						"navigateLink",
+						"searchTerm",
+						"searchAppearance",
+						"searchRadius",
+						"emptyResultsText",
+						"applyLabel",
+						"applyLabelCase",
+						"autofocusSearch",
+						"titleWrap",
+						"highlightSearch"
+					],
+					outputs: [
+						"applied",
+						"cancelled",
+						"searchChange",
+						"loadMore",
+						"temporaryChoiceChange"
+					]
 				},
 				{
 					kind: "component",