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

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

@@ -0,0 +1,908 @@
+import { NgTemplateOutlet } from "@angular/common";
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, Directive, ElementRef, Injector, TemplateRef, ViewEncapsulation, afterNextRender, booleanAttribute, computed, contentChild, inject, input, linkedSignal, model, output, viewChild } from "@angular/core";
+import * as i1 from "@angular/forms";
+import { FormsModule } from "@angular/forms";
+import { BlockDirective, ElemDirective, ModDirective } from "@rt-tools/core";
+import { rtKitLabel } from "@rt-tools/ui-kit-v2/core";
+import { RtButtonDirective } from "@rt-tools/ui-kit-v2/button";
+import { RtIconComponent } from "@rt-tools/ui-kit-v2/icon";
+import { RtInputComponent } from "@rt-tools/ui-kit-v2/input";
+import { RtToggleSwitchComponent } from "@rt-tools/ui-kit-v2/toggle-switch";
+import { RtTooltipDirective } from "@rt-tools/ui-kit-v2/tooltip";
+import { RtHybridTreeComponent } from "@rt-tools/ui-kit-v2/hybrid-tree";
+import { RtTreeComponent, RtTreeNodeEndDirective, RtTreeNodeMetaDirective } from "@rt-tools/ui-kit-v2/tree";
+var RtTreeSelectorControlsDirective = class RtTreeSelectorControlsDirective {
+	constructor() {
+		this.templateRef = inject(TemplateRef);
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: RtTreeSelectorControlsDirective,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Directive
+		});
+	}
+	static {
+		this.ɵdir = i0.ɵɵngDeclareDirective({
+			minVersion: "14.0.0",
+			version: "22.2.2",
+			type: RtTreeSelectorControlsDirective,
+			isStandalone: true,
+			selector: "ng-template[rtTreeSelectorControls]",
+			ngImport: i0
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RtTreeSelectorControlsDirective,
+	decorators: [{
+		type: Directive,
+		args: [{ selector: "ng-template[rtTreeSelectorControls]" }]
+	}]
+});
+var RtTreeSelectorUnderSearchDirective = class RtTreeSelectorUnderSearchDirective {
+	constructor() {
+		this.templateRef = inject(TemplateRef);
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: RtTreeSelectorUnderSearchDirective,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Directive
+		});
+	}
+	static {
+		this.ɵdir = i0.ɵɵngDeclareDirective({
+			minVersion: "14.0.0",
+			version: "22.2.2",
+			type: RtTreeSelectorUnderSearchDirective,
+			isStandalone: true,
+			selector: "ng-template[rtTreeSelectorUnderSearch]",
+			ngImport: i0
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RtTreeSelectorUnderSearchDirective,
+	decorators: [{
+		type: Directive,
+		args: [{ selector: "ng-template[rtTreeSelectorUnderSearch]" }]
+	}]
+});
+function rtTreeSelectorWords(term) {
+	return term.toLowerCase().split(/\s+/).filter((word) => word !== "");
+}
+function nodeText(node) {
+	const badges = (node.badges ?? []).map((badge) => badge.text).join(" ");
+	return `${node.label} ${node.description ?? ""} ${badges}`.toLowerCase();
+}
+function keepMatching(nodes, words) {
+	return nodes.reduce((kept, node) => {
+		const text = nodeText(node);
+		if (words.every((word) => text.includes(word))) {
+			kept.push(node);
+			return kept;
+		}
+		const inside = keepMatching(node.children ?? [], words);
+		if (inside.length > 0) kept.push({
+			...node,
+			children: inside
+		});
+		return kept;
+	}, []);
+}
+function rtTreeSelectorFilter(nodes, term) {
+	const words = rtTreeSelectorWords(term);
+	if (words.length === 0) return nodes;
+	return keepMatching(nodes, words);
+}
+function disabledValues(nodes, into) {
+	nodes.forEach((node) => {
+		if (node.disabled) into.add(node.value);
+		disabledValues(node.children ?? [], into);
+	});
+	return into;
+}
+function rtTreeSelectorClear(nodes, choice) {
+	const disabled = disabledValues(nodes, /* @__PURE__ */ new Set());
+	return choice.filter((value) => disabled.has(value));
+}
+function rtTreeSelectorSame(a, b) {
+	const left = new Set(a);
+	const right = new Set(b);
+	return left.size === right.size && [...left].every((value) => right.has(value));
+}
+function rtTreeSelectorCanApply(draft, choice, emptyAllowed) {
+	if (!emptyAllowed && draft.length === 0) return false;
+	return !rtTreeSelectorSame(draft, choice);
+}
+const BEM_BLOCK = "rt-tree-selector";
+var RtTreeSelectorComponent = class RtTreeSelectorComponent {
+	#host;
+	#injector;
+	constructor() {
+		this.#host = inject(ElementRef);
+		this.#injector = inject(Injector);
+		this.searchLabel = rtKitLabel("dynamicSelectorSearch");
+		this.expandAllLabel = rtKitLabel("uiExpandAll");
+		this.collapseAllLabel = rtKitLabel("uiCollapseAll");
+		this.clearLabel = rtKitLabel("uiClearSelection");
+		this.revertLabel = rtKitLabel("uiRevertSelection");
+		this.multiLabel = rtKitLabel("dynamicSelectorMulti");
+		this.multiHintLabel = rtKitLabel("dynamicSelectorMultiHint");
+		this.cancelLabel = rtKitLabel("uiCancel");
+		this.applyLabel = rtKitLabel("uiApply");
+		this.nothingFoundLabel = rtKitLabel("uiNothingFound");
+		this.hybrid = false;
+		this.plainTree = viewChild(RtTreeComponent, ...ngDevMode ? [{ debugName: "plainTree" }] : /* istanbul ignore next */ []);
+		this.hybridTree = viewChild(RtHybridTreeComponent, ...ngDevMode ? [{ debugName: "hybridTree" }] : /* istanbul ignore next */ []);
+		this.tree = computed(() => this.hybridTree() ?? this.plainTree(), ...ngDevMode ? [{ debugName: "tree" }] : /* istanbul ignore next */ []);
+		this.controlsTpl = contentChild(RtTreeSelectorControlsDirective, ...ngDevMode ? [{ debugName: "controlsTpl" }] : /* istanbul ignore next */ []);
+		this.underSearchTpl = contentChild(RtTreeSelectorUnderSearchDirective, ...ngDevMode ? [{ debugName: "underSearchTpl" }] : /* istanbul ignore next */ []);
+		this.nodeEnd = contentChild(RtTreeNodeEndDirective, ...ngDevMode ? [{ debugName: "nodeEnd" }] : /* istanbul ignore next */ []);
+		this.nodeMeta = contentChild(RtTreeNodeMetaDirective, ...ngDevMode ? [{ debugName: "nodeMeta" }] : /* istanbul ignore next */ []);
+		this.endTemplate = computed(() => this.nodeEnd()?.templateRef ?? null, ...ngDevMode ? [{ debugName: "endTemplate" }] : /* istanbul ignore next */ []);
+		this.metaTemplate = computed(() => this.nodeMeta()?.templateRef ?? null, ...ngDevMode ? [{ debugName: "metaTemplate" }] : /* istanbul ignore next */ []);
+		this.term = linkedSignal(() => this.searchTerm(), ...ngDevMode ? [{ debugName: "term" }] : /* istanbul ignore next */ []);
+		this.multiOn = linkedSignal(() => this.multiDefault(), ...ngDevMode ? [{ debugName: "multiOn" }] : /* istanbul ignore next */ []);
+		this.draft = linkedSignal(() => this.value(), ...ngDevMode ? [{ debugName: "draft" }] : /* istanbul ignore next */ []);
+		this.shownNodes = computed(() => rtTreeSelectorFilter(this.nodes(), this.term()), ...ngDevMode ? [{ debugName: "shownNodes" }] : /* istanbul ignore next */ []);
+		this.markTerm = computed(() => this.matchHighlight() ? this.term() : "", ...ngDevMode ? [{ debugName: "markTerm" }] : /* istanbul ignore next */ []);
+		this.hasRows = computed(() => this.shownNodes().length > 0, ...ngDevMode ? [{ debugName: "hasRows" }] : /* istanbul ignore next */ []);
+		this.isNothingFound = computed(() => !this.hasRows() && this.nodes().length > 0, ...ngDevMode ? [{ debugName: "isNothingFound" }] : /* istanbul ignore next */ []);
+		this.isExpandShown = computed(() => this.expandControls() && this.hasRows(), ...ngDevMode ? [{ debugName: "isExpandShown" }] : /* istanbul ignore next */ []);
+		this.isRevertShown = computed(() => this.revertable() && this.confirm() && this.mode() !== "none", ...ngDevMode ? [{ debugName: "isRevertShown" }] : /* istanbul ignore next */ []);
+		this.isDraftChanged = computed(() => !rtTreeSelectorSame(this.draft(), this.value()), ...ngDevMode ? [{ debugName: "isDraftChanged" }] : /* istanbul ignore next */ []);
+		this.isMultiToggleShown = computed(() => this.multiToggle() && this.mode() === "multiple", ...ngDevMode ? [{ debugName: "isMultiToggleShown" }] : /* istanbul ignore next */ []);
+		this.isExclusive = computed(() => this.isMultiToggleShown() && !this.multiOn(), ...ngDevMode ? [{ debugName: "isExclusive" }] : /* istanbul ignore next */ []);
+		this.isClearShown = computed(() => this.clearable() && this.mode() !== "none" && this.draft().length > 0, ...ngDevMode ? [{ debugName: "isClearShown" }] : /* istanbul ignore next */ []);
+		this.isFooterShown = computed(() => this.confirm() && this.footer(), ...ngDevMode ? [{ debugName: "isFooterShown" }] : /* istanbul ignore next */ []);
+		this.nodes = input.required(...ngDevMode ? [{ debugName: "nodes" }] : /* istanbul ignore next */ []);
+		this.value = model([], ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
+		this.mode = input("multiple", ...ngDevMode ? [{ debugName: "mode" }] : /* istanbul ignore next */ []);
+		this.cascade = input(true, {
+			...ngDevMode ? { debugName: "cascade" } : /* istanbul ignore next */ {},
+			transform: booleanAttribute
+		});
+		this.branchMarks = input(true, {
+			...ngDevMode ? { debugName: "branchMarks" } : /* istanbul ignore next */ {},
+			transform: booleanAttribute
+		});
+		this.selectAll = input(false, {
+			...ngDevMode ? { debugName: "selectAll" } : /* istanbul ignore next */ {},
+			transform: booleanAttribute
+		});
+		this.confirm = input(false, {
+			...ngDevMode ? { debugName: "confirm" } : /* istanbul ignore next */ {},
+			transform: booleanAttribute
+		});
+		this.footer = input(true, {
+			...ngDevMode ? { debugName: "footer" } : /* istanbul ignore next */ {},
+			transform: booleanAttribute
+		});
+		this.emptyAllowed = input(true, {
+			...ngDevMode ? { debugName: "emptyAllowed" } : /* istanbul ignore next */ {},
+			transform: booleanAttribute
+		});
+		this.expandControls = input(false, {
+			...ngDevMode ? { debugName: "expandControls" } : /* istanbul ignore next */ {},
+			transform: booleanAttribute
+		});
+		this.clearable = input(false, {
+			...ngDevMode ? { debugName: "clearable" } : /* istanbul ignore next */ {},
+			transform: booleanAttribute
+		});
+		this.revertable = input(false, {
+			...ngDevMode ? { debugName: "revertable" } : /* istanbul ignore next */ {},
+			transform: booleanAttribute
+		});
+		this.multiToggle = input(false, {
+			...ngDevMode ? { debugName: "multiToggle" } : /* istanbul ignore next */ {},
+			transform: booleanAttribute
+		});
+		this.multiDefault = input(false, {
+			...ngDevMode ? { debugName: "multiDefault" } : /* istanbul ignore next */ {},
+			transform: booleanAttribute
+		});
+		this.expandOnStart = input("chosen", ...ngDevMode ? [{ debugName: "expandOnStart" }] : /* istanbul ignore next */ []);
+		this.label = input("", ...ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []);
+		this.searchTerm = input("", ...ngDevMode ? [{ debugName: "searchTerm" }] : /* istanbul ignore next */ []);
+		this.ariaLabel = input(null, ...ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []);
+		this.matchHighlight = input(true, {
+			...ngDevMode ? { debugName: "matchHighlight" } : /* istanbul ignore next */ {},
+			transform: booleanAttribute
+		});
+		this.emptyIcon = input(null, ...ngDevMode ? [{ debugName: "emptyIcon" }] : /* istanbul ignore next */ []);
+		this.disabled = input(false, {
+			...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
+			transform: booleanAttribute
+		});
+		this.applied = output();
+		this.cancelled = output();
+		this.canApply = computed(() => !this.disabled() && rtTreeSelectorCanApply(this.draft(), this.value(), this.emptyAllowed()), ...ngDevMode ? [{ debugName: "canApply" }] : /* istanbul ignore next */ []);
+		afterNextRender(() => {
+			if (!this.disabled()) this.#host.nativeElement.querySelector(".rt-tree-selector__search input")?.focus();
+			this.#expandOnStart();
+		});
+	}
+	apply() {
+		if (!this.canApply()) return;
+		const next = [...this.draft()];
+		this.value.set(next);
+		this.applied.emit(next);
+	}
+	cancel() {
+		this.draft.set(this.value());
+		this.cancelled.emit();
+	}
+	onTerm(term) {
+		this.term.set(term);
+		if (term.trim() !== "") afterNextRender(() => this.tree()?.expandAll(), { injector: this.#injector });
+	}
+	onSearchKeydown(event) {
+		this.tree()?.handleKeydown(event);
+	}
+	onTreeChange(next) {
+		this.#write(next);
+	}
+	onPicked() {
+		if (!this.confirm() || this.mode() !== "single") return;
+		if (this.canApply()) {
+			this.apply();
+			return;
+		}
+		this.cancel();
+	}
+	onClear() {
+		this.#write(rtTreeSelectorClear(this.nodes(), this.draft()));
+	}
+	onRevert() {
+		this.draft.set(this.value());
+	}
+	expandAll() {
+		this.tree()?.expandAll();
+	}
+	collapseAll() {
+		this.tree()?.collapseAll();
+	}
+	onMultiToggle(on) {
+		this.multiOn.set(on);
+	}
+	#write(next) {
+		this.draft.set(next);
+		if (!this.confirm()) this.value.set(next);
+	}
+	#expandOnStart() {
+		const start = this.expandOnStart();
+		if (start === "all" || this.term().trim() !== "") {
+			this.tree()?.expandAll();
+			return;
+		}
+		if (start === "none") this.tree()?.collapseAll();
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: RtTreeSelectorComponent,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.0.0",
+			version: "22.2.2",
+			type: RtTreeSelectorComponent,
+			isStandalone: true,
+			selector: "rt-tree-selector",
+			inputs: {
+				nodes: {
+					classPropertyName: "nodes",
+					publicName: "nodes",
+					isSignal: true,
+					isRequired: true,
+					transformFunction: null
+				},
+				value: {
+					classPropertyName: "value",
+					publicName: "value",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				mode: {
+					classPropertyName: "mode",
+					publicName: "mode",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				cascade: {
+					classPropertyName: "cascade",
+					publicName: "cascade",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				branchMarks: {
+					classPropertyName: "branchMarks",
+					publicName: "branchMarks",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				selectAll: {
+					classPropertyName: "selectAll",
+					publicName: "selectAll",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				confirm: {
+					classPropertyName: "confirm",
+					publicName: "confirm",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				footer: {
+					classPropertyName: "footer",
+					publicName: "footer",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				emptyAllowed: {
+					classPropertyName: "emptyAllowed",
+					publicName: "emptyAllowed",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				expandControls: {
+					classPropertyName: "expandControls",
+					publicName: "expandControls",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				clearable: {
+					classPropertyName: "clearable",
+					publicName: "clearable",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				revertable: {
+					classPropertyName: "revertable",
+					publicName: "revertable",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				multiToggle: {
+					classPropertyName: "multiToggle",
+					publicName: "multiToggle",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				multiDefault: {
+					classPropertyName: "multiDefault",
+					publicName: "multiDefault",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				expandOnStart: {
+					classPropertyName: "expandOnStart",
+					publicName: "expandOnStart",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				label: {
+					classPropertyName: "label",
+					publicName: "label",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				searchTerm: {
+					classPropertyName: "searchTerm",
+					publicName: "searchTerm",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				ariaLabel: {
+					classPropertyName: "ariaLabel",
+					publicName: "ariaLabel",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				matchHighlight: {
+					classPropertyName: "matchHighlight",
+					publicName: "matchHighlight",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				emptyIcon: {
+					classPropertyName: "emptyIcon",
+					publicName: "emptyIcon",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				disabled: {
+					classPropertyName: "disabled",
+					publicName: "disabled",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				}
+			},
+			outputs: {
+				value: "valueChange",
+				applied: "applied",
+				cancelled: "cancelled"
+			},
+			host: { classAttribute: "rt-tree-selector" },
+			queries: [
+				{
+					propertyName: "controlsTpl",
+					first: true,
+					predicate: RtTreeSelectorControlsDirective,
+					descendants: true,
+					isSignal: true
+				},
+				{
+					propertyName: "underSearchTpl",
+					first: true,
+					predicate: RtTreeSelectorUnderSearchDirective,
+					descendants: true,
+					isSignal: true
+				},
+				{
+					propertyName: "nodeEnd",
+					first: true,
+					predicate: RtTreeNodeEndDirective,
+					descendants: true,
+					isSignal: true
+				},
+				{
+					propertyName: "nodeMeta",
+					first: true,
+					predicate: RtTreeNodeMetaDirective,
+					descendants: true,
+					isSignal: true
+				}
+			],
+			viewQueries: [{
+				propertyName: "plainTree",
+				first: true,
+				predicate: RtTreeComponent,
+				descendants: true,
+				isSignal: true
+			}, {
+				propertyName: "hybridTree",
+				first: true,
+				predicate: RtHybridTreeComponent,
+				descendants: true,
+				isSignal: true
+			}],
+			ngImport: i0,
+			template: "<ng-container rtBlock=\"rt-tree-selector\">\n    <div rtElem=\"head\">\n        @if (label()) {\n            <div rtElem=\"label\" qa-dataid=\"tree-selector-label\">{{ label() }}</div>\n        }\n\n        <rt-input\n            rtElem=\"search\"\n            qa-dataid=\"tree-selector-search\"\n            iconLeft=\"search\"\n            [disabled]=\"disabled()\"\n            [placeholder]=\"searchLabel()\"\n            [ariaLabel]=\"searchLabel()\"\n            [ngModel]=\"term()\"\n            (ngModelChange)=\"onTerm($event)\"\n            (keydown)=\"onSearchKeydown($event)\" />\n\n        @if (underSearchTpl(); as underSearch) {\n            <div rtElem=\"under-search\" qa-dataid=\"tree-selector-under-search\">\n                <ng-container [ngTemplateOutlet]=\"underSearch.templateRef\" />\n            </div>\n        }\n\n        <div rtElem=\"controls\">\n            <div rtElem=\"row\">\n                @if (isExpandShown()) {\n                    <button\n                        rtButton\n                        rtElem=\"control\"\n                        qa-dataid=\"tree-selector-expand-all\"\n                        type=\"button\"\n                        appearance=\"outlined\"\n                        theme=\"secondary\"\n                        size=\"sm\"\n                        icon=\"expand-all\"\n                        [rtTooltip]=\"expandAllLabel()\"\n                        [attr.aria-label]=\"expandAllLabel()\"\n                        [disabled]=\"disabled()\"\n                        (click)=\"expandAll()\"></button>\n                    <button\n                        rtButton\n                        rtElem=\"control\"\n                        qa-dataid=\"tree-selector-collapse-all\"\n                        type=\"button\"\n                        appearance=\"outlined\"\n                        theme=\"secondary\"\n                        size=\"sm\"\n                        icon=\"collapse-all\"\n                        [rtTooltip]=\"collapseAllLabel()\"\n                        [attr.aria-label]=\"collapseAllLabel()\"\n                        [disabled]=\"disabled()\"\n                        (click)=\"collapseAll()\"></button>\n                }\n                @if (isRevertShown()) {\n                    <button\n                        rtButton\n                        rtElem=\"control\"\n                        qa-dataid=\"tree-selector-revert\"\n                        type=\"button\"\n                        appearance=\"outlined\"\n                        theme=\"secondary\"\n                        size=\"sm\"\n                        icon=\"undo\"\n                        [rtTooltip]=\"revertLabel()\"\n                        [attr.aria-label]=\"revertLabel()\"\n                        [disabled]=\"disabled() || !isDraftChanged()\"\n                        (click)=\"onRevert()\"></button>\n                }\n                @if (isClearShown()) {\n                    <button\n                        rtButton\n                        rtElem=\"control\"\n                        qa-dataid=\"tree-selector-clear\"\n                        type=\"button\"\n                        appearance=\"outlined\"\n                        theme=\"danger\"\n                        size=\"sm\"\n                        icon=\"trash\"\n                        [rtTooltip]=\"clearLabel()\"\n                        [attr.aria-label]=\"clearLabel()\"\n                        [disabled]=\"disabled()\"\n                        (click)=\"onClear()\"></button>\n                }\n                @if (controlsTpl(); as controls) {\n                    <div rtElem=\"own\">\n                        <ng-container [ngTemplateOutlet]=\"controls.templateRef\" />\n                    </div>\n                }\n            </div>\n\n            @if (isMultiToggleShown()) {\n                <div rtElem=\"multi\">\n                    <rt-toggle-switch\n                        qa-dataid=\"tree-selector-multi\"\n                        [ariaLabel]=\"multiLabel()\"\n                        [disabled]=\"disabled()\"\n                        [ngModel]=\"multiOn()\"\n                        [ngModelOptions]=\"{ standalone: true }\"\n                        (ngModelChange)=\"onMultiToggle($event)\" />\n                    <span rtElem=\"multi-label\">{{ multiLabel() }}</span>\n                    <rt-icon rtElem=\"multi-hint-icon\" name=\"info-circle\" size=\"sm\" [rtTooltip]=\"multiHintLabel()\" />\n                </div>\n            }\n        </div>\n    </div>\n\n    @if (isNothingFound()) {\n        <div rtElem=\"empty\" qa-dataid=\"tree-selector-empty\" [rtMod]=\"{ 'with-icon': !!emptyIcon() }\">\n            @if (emptyIcon(); as icon) {\n                <rt-icon rtElem=\"empty-icon\" qa-dataid=\"tree-selector-empty-icon\" size=\"lg\" [name]=\"icon\" />\n            }\n            {{ nothingFoundLabel() }}\n        </div>\n    } @else {\n        @if (hybrid) {\n            <rt-hybrid-tree\n                rtElem=\"tree\"\n                qa-dataid=\"tree-selector-tree\"\n                [nodes]=\"shownNodes()\"\n                [value]=\"draft()\"\n                [mode]=\"mode()\"\n                [cascade]=\"cascade()\"\n                [branchMarks]=\"branchMarks()\"\n                [exclusive]=\"isExclusive()\"\n                [showSelectAll]=\"selectAll()\"\n                [searchTerm]=\"markTerm()\"\n                [filter]=\"false\"\n                [emptyIcon]=\"emptyIcon()\"\n                [nodeEndTemplate]=\"endTemplate()\"\n                [nodeMetaTemplate]=\"metaTemplate()\"\n                [ariaLabel]=\"ariaLabel()\"\n                [disabled]=\"disabled()\"\n                (valueChange)=\"onTreeChange($event)\"\n                (picked)=\"onPicked()\" />\n        } @else {\n            <rt-tree\n                rtElem=\"tree\"\n                qa-dataid=\"tree-selector-tree\"\n                [nodes]=\"shownNodes()\"\n                [value]=\"draft()\"\n                [mode]=\"mode()\"\n                [cascade]=\"cascade()\"\n                [branchMarks]=\"branchMarks()\"\n                [exclusive]=\"isExclusive()\"\n                [showSelectAll]=\"selectAll()\"\n                [searchTerm]=\"markTerm()\"\n                [filter]=\"false\"\n                [emptyIcon]=\"emptyIcon()\"\n                [nodeEndTemplate]=\"endTemplate()\"\n                [nodeMetaTemplate]=\"metaTemplate()\"\n                [ariaLabel]=\"ariaLabel()\"\n                [disabled]=\"disabled()\"\n                (valueChange)=\"onTreeChange($event)\"\n                (picked)=\"onPicked()\" />\n        }\n    }\n\n    @if (isFooterShown()) {\n        <div rtElem=\"foot\">\n            <button\n                rtButton\n                qa-dataid=\"tree-selector-cancel\"\n                type=\"button\"\n                appearance=\"text\"\n                [label]=\"cancelLabel()\"\n                [attr.aria-label]=\"cancelLabel()\"\n                [disabled]=\"disabled()\"\n                (click)=\"cancel()\"></button>\n            <button\n                rtButton\n                qa-dataid=\"tree-selector-apply\"\n                type=\"button\"\n                [label]=\"applyLabel()\"\n                [attr.aria-label]=\"applyLabel()\"\n                [disabled]=\"!canApply()\"\n                (click)=\"apply()\"></button>\n        </div>\n    }\n</ng-container>\n",
+			styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-tree-selector{--rt-tree-selector-border-width: var(--rt-border-width-thin);--rt-tree-selector-bg: var(--rt-color-bg-surface);--rt-tree-selector-gap: var(--rt-space-sm);--rt-tree-selector-empty-color: var(--rt-color-text-muted);--rt-tree-selector-empty-gap: var(--rt-space-sm);display:flex;min-height:0;box-sizing:border-box;flex-direction:column;background-color:var(--rt-tree-selector-bg);color:var(--rt-color-text-primary);gap:var(--rt-tree-selector-gap)}:is(.rt-preset-material,[data-preset=material]) .rt-tree-selector{--rt-tree-selector-gap: calc(var(--rt-space-2) + var(--rt-space-0-5))}.rt-tree-selector__head{display:flex;flex-direction:column;gap:var(--rt-space-sm)}.rt-tree-selector__label{font-size:var(--rt-text-sm);font-weight:var(--rt-font-weight-semibold)}.rt-tree-selector__search{display:block}.rt-tree-selector__controls{display:flex;flex-direction:column;gap:var(--rt-space-sm)}.rt-tree-selector__row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--rt-space-xs)}.rt-tree-selector__control{flex:0 0 auto}.rt-tree-selector__own{display:flex;align-items:center;gap:var(--rt-space-xs);margin-inline-start:auto}.rt-tree-selector__multi{display:flex;align-items:center;gap:var(--rt-space-sm)}.rt-tree-selector__multi-label{font-size:var(--rt-text-sm)}.rt-tree-selector__multi-hint-icon{color:var(--rt-color-text-muted)}.rt-tree-selector__tree{min-height:0;flex:1 1 auto;overflow-y:auto}.rt-tree-selector__empty{flex:1 1 auto;padding:var(--rt-space-md);color:var(--rt-tree-selector-empty-color);text-align:center}.rt-tree-selector__empty--with-icon{display:flex;flex-direction:column;align-items:center;gap:var(--rt-tree-selector-empty-gap)}.rt-tree-selector__empty-icon{flex-shrink:0}.rt-tree-selector__under-search{display:block}.rt-tree-selector__foot{display:flex;align-items:center;justify-content:flex-end;border-top:var(--rt-tree-selector-border-width) solid var(--rt-color-border-subtle);gap:var(--rt-space-sm);padding-block-start:var(--rt-space-sm)}}\n"],
+			dependencies: [
+				{
+					kind: "directive",
+					type: NgTemplateOutlet,
+					selector: "[ngTemplateOutlet]",
+					inputs: [
+						"ngTemplateOutletContext",
+						"ngTemplateOutlet",
+						"ngTemplateOutletInjector"
+					]
+				},
+				{
+					kind: "ngmodule",
+					type: FormsModule
+				},
+				{
+					kind: "directive",
+					type: i1.NgControlStatus,
+					selector: "[formControlName],[ngModel],[formControl]"
+				},
+				{
+					kind: "directive",
+					type: i1.NgModel,
+					selector: "[ngModel]:not([formControlName]):not([formControl])",
+					inputs: [
+						"name",
+						"disabled",
+						"ngModel",
+						"ngModelOptions"
+					],
+					outputs: ["ngModelChange"],
+					exportAs: ["ngModel"]
+				},
+				{
+					kind: "directive",
+					type: BlockDirective,
+					selector: "[rtBlock]",
+					inputs: ["rtMod"]
+				},
+				{
+					kind: "directive",
+					type: ElemDirective,
+					selector: "[rtElem]",
+					inputs: ["rtMod"]
+				},
+				{
+					kind: "directive",
+					type: ModDirective,
+					selector: "[rtMod]"
+				},
+				{
+					kind: "directive",
+					type: RtButtonDirective,
+					selector: "button[rtButton], a[rtButton]",
+					inputs: [
+						"label",
+						"icon",
+						"iconPos",
+						"theme",
+						"appearance",
+						"size",
+						"loading",
+						"loadingIcon",
+						"loadingLabel",
+						"pressed"
+					]
+				},
+				{
+					kind: "component",
+					type: RtIconComponent,
+					selector: "rt-icon",
+					inputs: [
+						"name",
+						"glyph",
+						"glyphStrategy",
+						"size",
+						"color",
+						"fill",
+						"spin",
+						"rotate"
+					]
+				},
+				{
+					kind: "component",
+					type: RtInputComponent,
+					selector: "rt-input",
+					inputs: [
+						"appearance",
+						"type",
+						"placeholder",
+						"iconLeft",
+						"iconRight",
+						"passwordToggle",
+						"autocomplete"
+					]
+				},
+				{
+					kind: "component",
+					type: RtToggleSwitchComponent,
+					selector: "rt-toggle-switch",
+					inputs: [
+						"inputId",
+						"ariaLabel",
+						"label",
+						"size",
+						"iconOff",
+						"iconOn",
+						"disabled"
+					]
+				},
+				{
+					kind: "directive",
+					type: RtTooltipDirective,
+					selector: "[rtTooltip]",
+					inputs: [
+						"rtTooltip",
+						"rtTooltipPlacement",
+						"rtTooltipWhenTruncated",
+						"rtTooltipHideOnClick"
+					],
+					exportAs: ["rtTooltip"]
+				},
+				{
+					kind: "component",
+					type: RtTreeComponent,
+					selector: "rt-tree",
+					inputs: [
+						"nodes",
+						"value",
+						"mode",
+						"cascade",
+						"searchTerm",
+						"showSelectAll",
+						"ariaLabel",
+						"branchMarks",
+						"exclusive",
+						"filter",
+						"emptyIcon",
+						"nodeEndTemplate",
+						"nodeMetaTemplate",
+						"disabled"
+					],
+					outputs: ["valueChange", "picked"]
+				},
+				{
+					kind: "component",
+					type: RtHybridTreeComponent,
+					selector: "rt-hybrid-tree"
+				}
+			],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush,
+			encapsulation: i0.ViewEncapsulation.None
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RtTreeSelectorComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "rt-tree-selector",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			encapsulation: ViewEncapsulation.None,
+			imports: [
+				NgTemplateOutlet,
+				FormsModule,
+				BlockDirective,
+				ElemDirective,
+				ModDirective,
+				RtButtonDirective,
+				RtIconComponent,
+				RtInputComponent,
+				RtToggleSwitchComponent,
+				RtTooltipDirective,
+				RtTreeComponent,
+				RtHybridTreeComponent
+			],
+			host: { class: BEM_BLOCK },
+			template: "<ng-container rtBlock=\"rt-tree-selector\">\n    <div rtElem=\"head\">\n        @if (label()) {\n            <div rtElem=\"label\" qa-dataid=\"tree-selector-label\">{{ label() }}</div>\n        }\n\n        <rt-input\n            rtElem=\"search\"\n            qa-dataid=\"tree-selector-search\"\n            iconLeft=\"search\"\n            [disabled]=\"disabled()\"\n            [placeholder]=\"searchLabel()\"\n            [ariaLabel]=\"searchLabel()\"\n            [ngModel]=\"term()\"\n            (ngModelChange)=\"onTerm($event)\"\n            (keydown)=\"onSearchKeydown($event)\" />\n\n        @if (underSearchTpl(); as underSearch) {\n            <div rtElem=\"under-search\" qa-dataid=\"tree-selector-under-search\">\n                <ng-container [ngTemplateOutlet]=\"underSearch.templateRef\" />\n            </div>\n        }\n\n        <div rtElem=\"controls\">\n            <div rtElem=\"row\">\n                @if (isExpandShown()) {\n                    <button\n                        rtButton\n                        rtElem=\"control\"\n                        qa-dataid=\"tree-selector-expand-all\"\n                        type=\"button\"\n                        appearance=\"outlined\"\n                        theme=\"secondary\"\n                        size=\"sm\"\n                        icon=\"expand-all\"\n                        [rtTooltip]=\"expandAllLabel()\"\n                        [attr.aria-label]=\"expandAllLabel()\"\n                        [disabled]=\"disabled()\"\n                        (click)=\"expandAll()\"></button>\n                    <button\n                        rtButton\n                        rtElem=\"control\"\n                        qa-dataid=\"tree-selector-collapse-all\"\n                        type=\"button\"\n                        appearance=\"outlined\"\n                        theme=\"secondary\"\n                        size=\"sm\"\n                        icon=\"collapse-all\"\n                        [rtTooltip]=\"collapseAllLabel()\"\n                        [attr.aria-label]=\"collapseAllLabel()\"\n                        [disabled]=\"disabled()\"\n                        (click)=\"collapseAll()\"></button>\n                }\n                @if (isRevertShown()) {\n                    <button\n                        rtButton\n                        rtElem=\"control\"\n                        qa-dataid=\"tree-selector-revert\"\n                        type=\"button\"\n                        appearance=\"outlined\"\n                        theme=\"secondary\"\n                        size=\"sm\"\n                        icon=\"undo\"\n                        [rtTooltip]=\"revertLabel()\"\n                        [attr.aria-label]=\"revertLabel()\"\n                        [disabled]=\"disabled() || !isDraftChanged()\"\n                        (click)=\"onRevert()\"></button>\n                }\n                @if (isClearShown()) {\n                    <button\n                        rtButton\n                        rtElem=\"control\"\n                        qa-dataid=\"tree-selector-clear\"\n                        type=\"button\"\n                        appearance=\"outlined\"\n                        theme=\"danger\"\n                        size=\"sm\"\n                        icon=\"trash\"\n                        [rtTooltip]=\"clearLabel()\"\n                        [attr.aria-label]=\"clearLabel()\"\n                        [disabled]=\"disabled()\"\n                        (click)=\"onClear()\"></button>\n                }\n                @if (controlsTpl(); as controls) {\n                    <div rtElem=\"own\">\n                        <ng-container [ngTemplateOutlet]=\"controls.templateRef\" />\n                    </div>\n                }\n            </div>\n\n            @if (isMultiToggleShown()) {\n                <div rtElem=\"multi\">\n                    <rt-toggle-switch\n                        qa-dataid=\"tree-selector-multi\"\n                        [ariaLabel]=\"multiLabel()\"\n                        [disabled]=\"disabled()\"\n                        [ngModel]=\"multiOn()\"\n                        [ngModelOptions]=\"{ standalone: true }\"\n                        (ngModelChange)=\"onMultiToggle($event)\" />\n                    <span rtElem=\"multi-label\">{{ multiLabel() }}</span>\n                    <rt-icon rtElem=\"multi-hint-icon\" name=\"info-circle\" size=\"sm\" [rtTooltip]=\"multiHintLabel()\" />\n                </div>\n            }\n        </div>\n    </div>\n\n    @if (isNothingFound()) {\n        <div rtElem=\"empty\" qa-dataid=\"tree-selector-empty\" [rtMod]=\"{ 'with-icon': !!emptyIcon() }\">\n            @if (emptyIcon(); as icon) {\n                <rt-icon rtElem=\"empty-icon\" qa-dataid=\"tree-selector-empty-icon\" size=\"lg\" [name]=\"icon\" />\n            }\n            {{ nothingFoundLabel() }}\n        </div>\n    } @else {\n        @if (hybrid) {\n            <rt-hybrid-tree\n                rtElem=\"tree\"\n                qa-dataid=\"tree-selector-tree\"\n                [nodes]=\"shownNodes()\"\n                [value]=\"draft()\"\n                [mode]=\"mode()\"\n                [cascade]=\"cascade()\"\n                [branchMarks]=\"branchMarks()\"\n                [exclusive]=\"isExclusive()\"\n                [showSelectAll]=\"selectAll()\"\n                [searchTerm]=\"markTerm()\"\n                [filter]=\"false\"\n                [emptyIcon]=\"emptyIcon()\"\n                [nodeEndTemplate]=\"endTemplate()\"\n                [nodeMetaTemplate]=\"metaTemplate()\"\n                [ariaLabel]=\"ariaLabel()\"\n                [disabled]=\"disabled()\"\n                (valueChange)=\"onTreeChange($event)\"\n                (picked)=\"onPicked()\" />\n        } @else {\n            <rt-tree\n                rtElem=\"tree\"\n                qa-dataid=\"tree-selector-tree\"\n                [nodes]=\"shownNodes()\"\n                [value]=\"draft()\"\n                [mode]=\"mode()\"\n                [cascade]=\"cascade()\"\n                [branchMarks]=\"branchMarks()\"\n                [exclusive]=\"isExclusive()\"\n                [showSelectAll]=\"selectAll()\"\n                [searchTerm]=\"markTerm()\"\n                [filter]=\"false\"\n                [emptyIcon]=\"emptyIcon()\"\n                [nodeEndTemplate]=\"endTemplate()\"\n                [nodeMetaTemplate]=\"metaTemplate()\"\n                [ariaLabel]=\"ariaLabel()\"\n                [disabled]=\"disabled()\"\n                (valueChange)=\"onTreeChange($event)\"\n                (picked)=\"onPicked()\" />\n        }\n    }\n\n    @if (isFooterShown()) {\n        <div rtElem=\"foot\">\n            <button\n                rtButton\n                qa-dataid=\"tree-selector-cancel\"\n                type=\"button\"\n                appearance=\"text\"\n                [label]=\"cancelLabel()\"\n                [attr.aria-label]=\"cancelLabel()\"\n                [disabled]=\"disabled()\"\n                (click)=\"cancel()\"></button>\n            <button\n                rtButton\n                qa-dataid=\"tree-selector-apply\"\n                type=\"button\"\n                [label]=\"applyLabel()\"\n                [attr.aria-label]=\"applyLabel()\"\n                [disabled]=\"!canApply()\"\n                (click)=\"apply()\"></button>\n        </div>\n    }\n</ng-container>\n",
+			styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-tree-selector{--rt-tree-selector-border-width: var(--rt-border-width-thin);--rt-tree-selector-bg: var(--rt-color-bg-surface);--rt-tree-selector-gap: var(--rt-space-sm);--rt-tree-selector-empty-color: var(--rt-color-text-muted);--rt-tree-selector-empty-gap: var(--rt-space-sm);display:flex;min-height:0;box-sizing:border-box;flex-direction:column;background-color:var(--rt-tree-selector-bg);color:var(--rt-color-text-primary);gap:var(--rt-tree-selector-gap)}:is(.rt-preset-material,[data-preset=material]) .rt-tree-selector{--rt-tree-selector-gap: calc(var(--rt-space-2) + var(--rt-space-0-5))}.rt-tree-selector__head{display:flex;flex-direction:column;gap:var(--rt-space-sm)}.rt-tree-selector__label{font-size:var(--rt-text-sm);font-weight:var(--rt-font-weight-semibold)}.rt-tree-selector__search{display:block}.rt-tree-selector__controls{display:flex;flex-direction:column;gap:var(--rt-space-sm)}.rt-tree-selector__row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--rt-space-xs)}.rt-tree-selector__control{flex:0 0 auto}.rt-tree-selector__own{display:flex;align-items:center;gap:var(--rt-space-xs);margin-inline-start:auto}.rt-tree-selector__multi{display:flex;align-items:center;gap:var(--rt-space-sm)}.rt-tree-selector__multi-label{font-size:var(--rt-text-sm)}.rt-tree-selector__multi-hint-icon{color:var(--rt-color-text-muted)}.rt-tree-selector__tree{min-height:0;flex:1 1 auto;overflow-y:auto}.rt-tree-selector__empty{flex:1 1 auto;padding:var(--rt-space-md);color:var(--rt-tree-selector-empty-color);text-align:center}.rt-tree-selector__empty--with-icon{display:flex;flex-direction:column;align-items:center;gap:var(--rt-tree-selector-empty-gap)}.rt-tree-selector__empty-icon{flex-shrink:0}.rt-tree-selector__under-search{display:block}.rt-tree-selector__foot{display:flex;align-items:center;justify-content:flex-end;border-top:var(--rt-tree-selector-border-width) solid var(--rt-color-border-subtle);gap:var(--rt-space-sm);padding-block-start:var(--rt-space-sm)}}\n"]
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		plainTree: [{
+			type: i0.ViewChild,
+			args: [i0.forwardRef(() => RtTreeComponent), { isSignal: true }]
+		}],
+		hybridTree: [{
+			type: i0.ViewChild,
+			args: [i0.forwardRef(() => RtHybridTreeComponent), { isSignal: true }]
+		}],
+		controlsTpl: [{
+			type: i0.ContentChild,
+			args: [i0.forwardRef(() => RtTreeSelectorControlsDirective), { isSignal: true }]
+		}],
+		underSearchTpl: [{
+			type: i0.ContentChild,
+			args: [i0.forwardRef(() => RtTreeSelectorUnderSearchDirective), { isSignal: true }]
+		}],
+		nodeEnd: [{
+			type: i0.ContentChild,
+			args: [i0.forwardRef(() => RtTreeNodeEndDirective), { isSignal: true }]
+		}],
+		nodeMeta: [{
+			type: i0.ContentChild,
+			args: [i0.forwardRef(() => RtTreeNodeMetaDirective), { isSignal: true }]
+		}],
+		nodes: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "nodes",
+				required: true
+			}]
+		}],
+		value: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "value",
+				required: false
+			}]
+		}, {
+			type: i0.Output,
+			args: ["valueChange"]
+		}],
+		mode: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "mode",
+				required: false
+			}]
+		}],
+		cascade: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "cascade",
+				required: false
+			}]
+		}],
+		branchMarks: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "branchMarks",
+				required: false
+			}]
+		}],
+		selectAll: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "selectAll",
+				required: false
+			}]
+		}],
+		confirm: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "confirm",
+				required: false
+			}]
+		}],
+		footer: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "footer",
+				required: false
+			}]
+		}],
+		emptyAllowed: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "emptyAllowed",
+				required: false
+			}]
+		}],
+		expandControls: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "expandControls",
+				required: false
+			}]
+		}],
+		clearable: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "clearable",
+				required: false
+			}]
+		}],
+		revertable: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "revertable",
+				required: false
+			}]
+		}],
+		multiToggle: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "multiToggle",
+				required: false
+			}]
+		}],
+		multiDefault: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "multiDefault",
+				required: false
+			}]
+		}],
+		expandOnStart: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "expandOnStart",
+				required: false
+			}]
+		}],
+		label: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "label",
+				required: false
+			}]
+		}],
+		searchTerm: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "searchTerm",
+				required: false
+			}]
+		}],
+		ariaLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "ariaLabel",
+				required: false
+			}]
+		}],
+		matchHighlight: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "matchHighlight",
+				required: false
+			}]
+		}],
+		emptyIcon: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "emptyIcon",
+				required: false
+			}]
+		}],
+		disabled: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "disabled",
+				required: false
+			}]
+		}],
+		applied: [{
+			type: i0.Output,
+			args: ["applied"]
+		}],
+		cancelled: [{
+			type: i0.Output,
+			args: ["cancelled"]
+		}]
+	}
+});
+export { RtTreeSelectorComponent, RtTreeSelectorControlsDirective, RtTreeSelectorUnderSearchDirective, rtTreeSelectorCanApply, rtTreeSelectorClear, rtTreeSelectorFilter, rtTreeSelectorSame, rtTreeSelectorWords };
+
+//# sourceMappingURL=rt-tools-ui-kit-v2-tree-selector.mjs.map