@rt-tools/ui-kit-v2 0.23.3 → 0.24.0

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

@@ -0,0 +1,785 @@
+import { NgTemplateOutlet } from "@angular/common";
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, Directive, TemplateRef, ViewEncapsulation, booleanAttribute, computed, contentChild, inject, input, model, output, signal } from "@angular/core";
+import * as i1 from "@angular/forms";
+import { FormsModule } from "@angular/forms";
+import { BlockDirective, ElemDirective, ModDirective } from "@rt-tools/core";
+import { RT_KIT_LABELS } from "@rt-tools/ui-kit-v2/core";
+import { RtCheckboxComponent } from "@rt-tools/ui-kit-v2/checkbox";
+import { RtIconComponent } from "@rt-tools/ui-kit-v2/icon";
+import { RtRadioButtonComponent } from "@rt-tools/ui-kit-v2/radio-button";
+import { RtTagComponent } from "@rt-tools/ui-kit-v2/tag";
+import { RtTooltipDirective } from "@rt-tools/ui-kit-v2/tooltip";
+import { rtTreeBranchState, rtTreeLeaves, rtTreeOpenFor, rtTreeRows, rtTreeSideKey, rtTreeToggle } from "@rt-tools/ui-kit-v2/select";
+import { splitTitleByWords } from "@rt-tools/ui-kit-v2/side-menu";
+var RtTreeNodeEndDirective = class RtTreeNodeEndDirective {
+	constructor() {
+		this.templateRef = inject(TemplateRef);
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: RtTreeNodeEndDirective,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Directive
+		});
+	}
+	static {
+		this.ɵdir = i0.ɵɵngDeclareDirective({
+			minVersion: "14.0.0",
+			version: "22.2.2",
+			type: RtTreeNodeEndDirective,
+			isStandalone: true,
+			selector: "ng-template[rtTreeNodeEnd]",
+			ngImport: i0
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RtTreeNodeEndDirective,
+	decorators: [{
+		type: Directive,
+		args: [{ selector: "ng-template[rtTreeNodeEnd]" }]
+	}]
+});
+var RtTreeNodeMetaDirective = class RtTreeNodeMetaDirective {
+	constructor() {
+		this.templateRef = inject(TemplateRef);
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: RtTreeNodeMetaDirective,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Directive
+		});
+	}
+	static {
+		this.ɵdir = i0.ɵɵngDeclareDirective({
+			minVersion: "14.0.0",
+			version: "22.2.2",
+			type: RtTreeNodeMetaDirective,
+			isStandalone: true,
+			selector: "ng-template[rtTreeNodeMeta]",
+			ngImport: i0
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RtTreeNodeMetaDirective,
+	decorators: [{
+		type: Directive,
+		args: [{ selector: "ng-template[rtTreeNodeMeta]" }]
+	}]
+});
+function isBranch(node) {
+	return (node.children ?? []).length > 0;
+}
+function without(value, drop) {
+	return value.filter((item) => !drop.includes(item));
+}
+function withAll(value, add) {
+	return [...value, ...add.filter((item) => !value.includes(item))];
+}
+function rtTreeMark(node, value, cascade) {
+	if (cascade && isBranch(node)) return rtTreeBranchState(node, value);
+	return value.includes(node.value) ? "all" : "none";
+}
+function rtTreeChoose(node, value, mode, cascade) {
+	if (node.disabled || mode === "none") return value;
+	if (mode === "single") return [node.value];
+	if (cascade && isBranch(node)) {
+		const leaves = rtTreeLeaves(node);
+		return rtTreeBranchState(node, value) === "all" ? without(value, leaves) : withAll(value, leaves);
+	}
+	return value.includes(node.value) ? without(value, [node.value]) : withAll(value, [node.value]);
+}
+function rtTreeVisibleLeaves(rows) {
+	return rows.flatMap((row) => row.branch && row.open ? [] : rtTreeLeaves(row.option));
+}
+function rtTreeSelectAllMark(rows, value) {
+	const leaves = rtTreeVisibleLeaves(rows);
+	const count = leaves.filter((leaf) => value.includes(leaf)).length;
+	if (count === 0) return "none";
+	return count === leaves.length ? "all" : "some";
+}
+function rtTreeSelectAll(rows, value) {
+	const leaves = rtTreeVisibleLeaves(rows);
+	return rtTreeSelectAllMark(rows, value) === "all" ? without(value, leaves) : withAll(value, leaves);
+}
+function rtTreeLabelParts(node, term) {
+	return {
+		label: splitTitleByWords(node.label, term),
+		description: splitTitleByWords(node.description ?? "", term),
+		badges: (node.badges ?? []).map((badge) => splitTitleByWords(badge.text, term))
+	};
+}
+function covered(node) {
+	return [node.value, ...(node.children ?? []).flatMap((child) => covered(child))];
+}
+function disabledValues(nodes) {
+	return nodes.flatMap((node) => [...node.disabled ? [node.value] : [], ...disabledValues(node.children ?? [])]);
+}
+function rtTreeAloneBase(nodes, node, value) {
+	const keep = [...covered(node), ...disabledValues(nodes)];
+	return value.filter((item) => keep.includes(item));
+}
+function rtTreeChooseAlone(nodes, node, value, cascade) {
+	if (node.disabled) return value;
+	return rtTreeChoose(node, rtTreeAloneBase(nodes, node, value), "multiple", cascade);
+}
+const BEM_BLOCK = "rt-tree";
+var RtTreeComponent = class RtTreeComponent {
+	constructor() {
+		this.#open = signal(null, ...ngDevMode ? [{ debugName: "#open" }] : /* istanbul ignore next */ []);
+		this.#highlighted = signal(null, ...ngDevMode ? [{ debugName: "#highlighted" }] : /* istanbul ignore next */ []);
+		this.t = inject(RT_KIT_LABELS);
+		this.nodeEnd = contentChild(RtTreeNodeEndDirective, ...ngDevMode ? [{ debugName: "nodeEnd" }] : /* istanbul ignore next */ []);
+		this.nodeMeta = contentChild(RtTreeNodeMetaDirective, ...ngDevMode ? [{ debugName: "nodeMeta" }] : /* istanbul ignore next */ []);
+		this.endTemplate = computed(() => this.nodeEndTemplate() ?? this.nodeEnd()?.templateRef ?? null, ...ngDevMode ? [{ debugName: "endTemplate" }] : /* istanbul ignore next */ []);
+		this.metaTemplate = computed(() => this.nodeMetaTemplate() ?? this.nodeMeta()?.templateRef ?? null, ...ngDevMode ? [{ debugName: "metaTemplate" }] : /* istanbul ignore next */ []);
+		this.openBranches = computed(() => this.#open() ?? rtTreeOpenFor(this.nodes(), this.value()), ...ngDevMode ? [{ debugName: "openBranches" }] : /* istanbul ignore next */ []);
+		this.rows = computed(() => rtTreeRows(this.nodes(), this.openBranches(), this.filter() ? this.searchTerm() : ""), ...ngDevMode ? [{ debugName: "rows" }] : /* istanbul ignore next */ []);
+		this.views = computed(() => {
+			const value = this.value();
+			const cascade = this.cascade();
+			const term = this.searchTerm();
+			const highlighted = this.#highlighted();
+			const mode = this.mode();
+			const branchMarks = this.branchMarks();
+			const treeDisabled = this.disabled();
+			return this.rows().map((row) => {
+				const marked = mode !== "none" && (branchMarks || !row.branch);
+				const state = this.rowState(row, value, cascade);
+				return {
+					row,
+					marked,
+					mark: state.mark,
+					radio: state.radio,
+					disabled: treeDisabled || !!row.option.disabled,
+					count: marked ? null : state.count,
+					parts: rtTreeLabelParts(row.option, term),
+					highlighted: row.option.value === highlighted
+				};
+			});
+		}, ...ngDevMode ? [{ debugName: "views" }] : /* istanbul ignore next */ []);
+		this.selectAllMark = computed(() => this.selectAllMarkOf(this.rows(), this.value()), ...ngDevMode ? [{ debugName: "selectAllMark" }] : /* istanbul ignore next */ []);
+		this.isSelectAllShown = computed(() => this.showSelectAll() && this.cascade() && this.mode() === "multiple" && this.rows().length > 0, ...ngDevMode ? [{ debugName: "isSelectAllShown" }] : /* istanbul ignore next */ []);
+		this.isSelectAllUnderMark = computed(() => this.views()[0]?.marked ?? false, ...ngDevMode ? [{ debugName: "isSelectAllUnderMark" }] : /* istanbul ignore next */ []);
+		this.isSelectAllOverLeaf = computed(() => this.views()[0]?.row.branch === false, ...ngDevMode ? [{ debugName: "isSelectAllOverLeaf" }] : /* istanbul ignore next */ []);
+		this.emptyText = computed(() => this.nodes().length > 0 ? this.t().uiNothingFound : this.t().uiNoOptions, ...ngDevMode ? [{ debugName: "emptyText" }] : /* 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.searchTerm = input("", ...ngDevMode ? [{ debugName: "searchTerm" }] : /* istanbul ignore next */ []);
+		this.showSelectAll = input(false, {
+			...ngDevMode ? { debugName: "showSelectAll" } : /* istanbul ignore next */ {},
+			transform: booleanAttribute
+		});
+		this.ariaLabel = input(null, ...ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []);
+		this.branchMarks = input(true, {
+			...ngDevMode ? { debugName: "branchMarks" } : /* istanbul ignore next */ {},
+			transform: booleanAttribute
+		});
+		this.exclusive = input(false, {
+			...ngDevMode ? { debugName: "exclusive" } : /* istanbul ignore next */ {},
+			transform: booleanAttribute
+		});
+		this.filter = input(true, {
+			...ngDevMode ? { debugName: "filter" } : /* istanbul ignore next */ {},
+			transform: booleanAttribute
+		});
+		this.emptyIcon = input(null, ...ngDevMode ? [{ debugName: "emptyIcon" }] : /* istanbul ignore next */ []);
+		this.nodeEndTemplate = input(null, ...ngDevMode ? [{ debugName: "nodeEndTemplate" }] : /* istanbul ignore next */ []);
+		this.nodeMetaTemplate = input(null, ...ngDevMode ? [{ debugName: "nodeMetaTemplate" }] : /* istanbul ignore next */ []);
+		this.disabled = input(false, {
+			...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
+			transform: booleanAttribute
+		});
+		this.picked = output();
+	}
+	#open;
+	#highlighted;
+	handleKeydown(event) {
+		if (this.disabled()) return false;
+		const taken = this.#takeKey(event.key, event.ctrlKey || event.metaKey);
+		if (taken) {
+			event.preventDefault();
+			event.stopPropagation();
+		}
+		return taken;
+	}
+	expandAll() {
+		const all = /* @__PURE__ */ new Set();
+		this.#collectBranches(this.nodes(), all);
+		this.#open.set(all);
+	}
+	collapseAll() {
+		this.#open.set(/* @__PURE__ */ new Set());
+	}
+	clearHighlight() {
+		this.#highlighted.set(null);
+	}
+	onRowClick(row, event) {
+		if (this.disabled()) return;
+		this.#highlighted.set(row.option.value);
+		if (row.option.disabled) return;
+		if (this.#opensOnly(row)) {
+			this.#toggleOrPick(row);
+			return;
+		}
+		this.#choose(this.nextChoice(row.option, event.ctrlKey || event.metaKey));
+	}
+	onToggleClick(event, value) {
+		event.stopPropagation();
+		this.#toggle(value);
+	}
+	onSelectAll() {
+		if (this.disabled()) return;
+		this.#choose(this.selectAllChoice(this.rows(), this.value()));
+	}
+	rowState(row, value, cascade) {
+		return {
+			mark: rtTreeMark(row.option, value, cascade),
+			radio: this.mode() === "single",
+			count: null
+		};
+	}
+	selectAllMarkOf(rows, value) {
+		return rtTreeSelectAllMark(rows, value);
+	}
+	selectAllChoice(rows, value) {
+		return rtTreeSelectAll(rows, value);
+	}
+	nextChoice(node, additive) {
+		if (this.exclusive() && this.mode() === "multiple" && !additive) return rtTreeChooseAlone(this.nodes(), node, this.value(), this.cascade());
+		return rtTreeChoose(node, this.value(), this.mode(), this.cascade());
+	}
+	#opensOnly(row) {
+		return this.mode() === "none" || row.branch && !this.branchMarks();
+	}
+	#toggleOrPick(row) {
+		if (row.branch) this.#toggle(row.option.value);
+		else this.picked.emit(row.option);
+	}
+	#collectBranches(list, into) {
+		list.forEach((node) => {
+			if ((node.children ?? []).length > 0) {
+				into.add(node.value);
+				this.#collectBranches(node.children ?? [], into);
+			}
+		});
+	}
+	#choose(next) {
+		this.#open.set(this.openBranches());
+		this.value.set(next);
+	}
+	#toggle(value) {
+		this.#open.set(rtTreeToggle(this.openBranches(), value));
+	}
+	#highlightedIndex() {
+		const highlighted = this.#highlighted();
+		return this.rows().findIndex((row) => row.option.value === highlighted);
+	}
+	#takeKey(key, additive) {
+		const rows = this.rows();
+		const index = this.#highlightedIndex();
+		if (key === "ArrowDown" || key === "ArrowUp") return this.#move(rows, index, key === "ArrowDown" ? 1 : -1);
+		if (index < 0) return false;
+		if (key === "ArrowRight" || key === "ArrowLeft") {
+			this.#side(rows, index, key);
+			return true;
+		}
+		if (key === " ") {
+			this.#space(rows[index], additive);
+			return true;
+		}
+		if (key === "Enter") {
+			this.#enter(rows[index], additive);
+			return true;
+		}
+		return false;
+	}
+	#move(rows, index, step) {
+		if (rows.length === 0) return false;
+		const next = index < 0 ? 0 : Math.min(rows.length - 1, Math.max(0, index + step));
+		this.#highlighted.set(rows[next].option.value);
+		return true;
+	}
+	#side(rows, index, key) {
+		const answer = rtTreeSideKey(rows, index, key);
+		if (answer.toggle !== null) this.#toggle(answer.toggle);
+		this.#highlighted.set(rows[answer.index].option.value);
+	}
+	#space(row, additive) {
+		if (this.#opensOnly(row) && row.branch) {
+			this.#toggle(row.option.value);
+			return;
+		}
+		if (!row.option.disabled && this.mode() !== "none") this.#choose(this.nextChoice(row.option, additive));
+	}
+	#enter(row, additive) {
+		if (this.#opensOnly(row) && row.branch) {
+			this.#toggle(row.option.value);
+			return;
+		}
+		if (row.option.disabled) return;
+		if (this.mode() !== "none") this.#choose(this.nextChoice(row.option, additive));
+		this.picked.emit(row.option);
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: RtTreeComponent,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.0.0",
+			version: "22.2.2",
+			type: RtTreeComponent,
+			isStandalone: true,
+			selector: "rt-tree",
+			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
+				},
+				searchTerm: {
+					classPropertyName: "searchTerm",
+					publicName: "searchTerm",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				showSelectAll: {
+					classPropertyName: "showSelectAll",
+					publicName: "showSelectAll",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				ariaLabel: {
+					classPropertyName: "ariaLabel",
+					publicName: "ariaLabel",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				branchMarks: {
+					classPropertyName: "branchMarks",
+					publicName: "branchMarks",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				exclusive: {
+					classPropertyName: "exclusive",
+					publicName: "exclusive",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				filter: {
+					classPropertyName: "filter",
+					publicName: "filter",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				emptyIcon: {
+					classPropertyName: "emptyIcon",
+					publicName: "emptyIcon",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				nodeEndTemplate: {
+					classPropertyName: "nodeEndTemplate",
+					publicName: "nodeEndTemplate",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				nodeMetaTemplate: {
+					classPropertyName: "nodeMetaTemplate",
+					publicName: "nodeMetaTemplate",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				disabled: {
+					classPropertyName: "disabled",
+					publicName: "disabled",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				}
+			},
+			outputs: {
+				value: "valueChange",
+				picked: "picked"
+			},
+			host: {
+				attributes: { "role": "tree" },
+				listeners: { "keydown": "handleKeydown($event)" },
+				properties: {
+					"attr.tabindex": "disabled() ? -1 : 0",
+					"attr.aria-disabled": "disabled() || null",
+					"attr.aria-label": "ariaLabel()",
+					"attr.aria-multiselectable": "mode() === 'multiple'"
+				},
+				classAttribute: "rt-tree"
+			},
+			queries: [{
+				propertyName: "nodeEnd",
+				first: true,
+				predicate: RtTreeNodeEndDirective,
+				descendants: true,
+				isSignal: true
+			}, {
+				propertyName: "nodeMeta",
+				first: true,
+				predicate: RtTreeNodeMetaDirective,
+				descendants: true,
+				isSignal: true
+			}],
+			ngImport: i0,
+			template: "<ng-container rtBlock=\"rt-tree\">\n    <!--\n        Строки выбираются мышью через (click); клавиатура — на самом дереве (handleKeydown), строки\n        по отдельности фокус не берут: подсветка — третье состояние рядом с фокусом и выбором.\n    -->\n    <!-- eslint-disable @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -->\n    @if (isSelectAllShown()) {\n        <div\n            rtElem=\"select-all\"\n            qa-dataid=\"tree-select-all\"\n            role=\"presentation\"\n            [rtMod]=\"{ disabled: disabled(), 'over-leaf': isSelectAllOverLeaf() }\"\n            (click)=\"onSelectAll()\">\n            @if (isSelectAllUnderMark()) {\n                <span rtElem=\"toggle-space\"></span>\n            }\n            <rt-checkbox\n                rtElem=\"check\"\n                inert\n                [disabled]=\"disabled()\"\n                [indeterminate]=\"selectAllMark() === 'some'\"\n                [ngModel]=\"selectAllMark() === 'all'\"\n                [ngModelOptions]=\"{ standalone: true }\" />\n            <span rtElem=\"label\">{{ t().uiSelectAll }}</span>\n        </div>\n    }\n\n    @for (view of views(); track view.row.option.value) {\n        <div\n            rtElem=\"row\"\n            qa-dataid=\"tree-row\"\n            role=\"treeitem\"\n            [attr.data-value]=\"view.row.option.value\"\n            [attr.aria-level]=\"view.row.level + 1\"\n            [attr.aria-expanded]=\"view.row.branch ? view.row.open : null\"\n            [attr.aria-selected]=\"view.marked ? view.mark === 'all' : null\"\n            [attr.aria-disabled]=\"view.disabled\"\n            [style.--rt-tree-level]=\"view.row.level\"\n            [rtMod]=\"{ highlighted: view.highlighted, disabled: view.disabled, chosen: view.mark === 'all' }\"\n            (click)=\"onRowClick(view.row, $event)\">\n            @if (view.row.branch) {\n                <button\n                    rtElem=\"toggle\"\n                    qa-dataid=\"tree-row-toggle\"\n                    type=\"button\"\n                    tabindex=\"-1\"\n                    [attr.aria-label]=\"view.row.open ? t().uiCollapse : t().uiExpand\"\n                    (click)=\"onToggleClick($event, view.row.option.value)\">\n                    <rt-icon size=\"sm\" color=\"muted\" [name]=\"view.row.open ? 'chevron-down' : 'chevron-right'\" />\n                </button>\n            } @else {\n                <span rtElem=\"toggle-space\"></span>\n            }\n\n            @if (view.marked && !view.radio) {\n                <rt-checkbox\n                    rtElem=\"check\"\n                    qa-dataid=\"tree-row-checkbox\"\n                    inert\n                    [disabled]=\"view.disabled\"\n                    [indeterminate]=\"view.mark === 'some'\"\n                    [ngModel]=\"view.mark === 'all'\"\n                    [ngModelOptions]=\"{ standalone: true }\" />\n            } @else if (view.marked) {\n                <rt-radio-button\n                    rtElem=\"check\"\n                    qa-dataid=\"tree-row-radio\"\n                    inert\n                    [value]=\"view.row.option.value\"\n                    [checked]=\"view.mark === 'all'\"\n                    [disabled]=\"view.disabled\" />\n            }\n\n            <span rtElem=\"text\">\n                <span rtElem=\"label\" qa-dataid=\"tree-row-label\" rtTooltipWhenTruncated [rtTooltip]=\"view.row.option.label\">\n                    @for (part of view.parts.label; track $index) {\n                        <span rtElem=\"part\" [rtMod]=\"{ match: part.matched }\">{{ part.text }}</span>\n                    }\n                </span>\n                @if (view.parts.description.length > 0) {\n                    <span\n                        rtElem=\"description\"\n                        qa-dataid=\"tree-row-description\"\n                        rtTooltipWhenTruncated\n                        [rtTooltip]=\"view.row.option.description\">\n                        @for (part of view.parts.description; track $index) {\n                            <span rtElem=\"part\" [rtMod]=\"{ match: part.matched }\">{{ part.text }}</span>\n                        }\n                    </span>\n                }\n                @if (view.row.option.badges?.length || metaTemplate()) {\n                    <span rtElem=\"meta\" qa-dataid=\"tree-row-meta\">\n                        @for (badge of view.row.option.badges; track $index) {\n                            <rt-tag size=\"sm\" [value]=\"badge.text\" [severity]=\"badge.severity ?? 'neutral'\" [highlight]=\"searchTerm()\" />\n                        }\n                        @if (metaTemplate(); as meta) {\n                            <ng-container [ngTemplateOutlet]=\"meta\" [ngTemplateOutletContext]=\"{ $implicit: view.row.option }\" />\n                        }\n                    </span>\n                }\n            </span>\n\n            @if (view.count) {\n                <span rtElem=\"count\" qa-dataid=\"tree-row-count\">{{ view.count }}</span>\n            }\n\n            @if (endTemplate(); as end) {\n                <span rtElem=\"end\" qa-dataid=\"tree-row-end\">\n                    <ng-container [ngTemplateOutlet]=\"end\" [ngTemplateOutletContext]=\"{ $implicit: view.row.option }\" />\n                </span>\n            }\n        </div>\n    } @empty {\n        <div rtElem=\"empty\" qa-dataid=\"tree-empty\" [rtMod]=\"{ 'with-icon': !!emptyIcon() }\">\n            @if (emptyIcon(); as icon) {\n                <rt-icon rtElem=\"empty-icon\" qa-dataid=\"tree-empty-icon\" size=\"lg\" [name]=\"icon\" />\n            }\n            {{ emptyText() }}\n        </div>\n    }\n</ng-container>\n",
+			styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-tree{--rt-tree-font-size: var(--rt-input-font-size);--rt-tree-color: var(--rt-color-text-primary);--rt-tree-indent: var(--rt-space-lg);--rt-tree-row-padding-block: var(--rt-space-sm);--rt-tree-row-padding-inline: var(--rt-space-md);--rt-tree-row-gap: var(--rt-space-sm);--rt-tree-row-spacing: var(--rt-space-0);--rt-tree-row-min-height: auto;--rt-tree-row-box-sizing: content-box;--rt-tree-row-radius: var(--rt-radius-none);--rt-tree-row-bg-hover: var(--rt-color-bg-hover);--rt-tree-row-bg-highlighted: var(--rt-color-bg-hover);--rt-tree-row-bg-chosen: var(--rt-color-action-primary-subtle);--rt-tree-guide-width: var(--rt-border-width-thin);--rt-tree-guide-color: transparent;--rt-tree-toggle-size: var(--rt-input-icon-size);--rt-tree-toggle-color: var(--rt-neutral-600);--rt-tree-leaf-space-display: inline-flex;--rt-tree-check-size: calc(var(--rt-size-4) + var(--rt-space-0-5));--rt-tree-check-border-color: var(--rt-color-border-strong);--rt-tree-match-bg: var(--rt-yellow-400);--rt-tree-match-color: var(--rt-neutral-950);--rt-tree-match-radius: var(--rt-radius-xs);--rt-tree-match-font-weight: var(--rt-font-weight-regular);--rt-tree-count-color: var(--rt-color-text-muted);--rt-tree-count-bg: transparent;--rt-tree-count-font-size: var(--rt-text-sm);--rt-tree-count-padding-inline: var(--rt-space-0);--rt-tree-count-min-size: auto;--rt-tree-count-radius: var(--rt-radius-none);--rt-tree-select-all-font-size: var(--rt-tree-font-size);--rt-tree-select-all-font-weight: var(--rt-font-weight-regular);--rt-tree-empty-color: var(--rt-color-text-muted);--rt-tree-empty-gap: var(--rt-space-sm);--rt-tree-focus-shadow: var(--rt-shadow-focus-ring);--rt-tree-border-width: var(--rt-border-width-thin);--rt-tree-bg: var(--rt-color-bg-surface);--rt-tree-select-all-bg: var(--rt-tree-bg);--rt-tree-select-all-z: var(--rt-z-sticky);display:block;background-color:var(--rt-tree-bg);color:var(--rt-tree-color);font-size:var(--rt-tree-font-size);isolation:isolate;outline:none}@media(pointer:coarse){.rt-tree{--rt-tree-row-min-height: var(--rt-control-height-lg)}}:is(.rt-preset-material,[data-preset=material]) .rt-tree{--rt-tree-indent: calc(var(--rt-size-12) - var(--rt-space-0-5));--rt-tree-row-padding-block: var(--rt-space-1);--rt-tree-row-padding-inline: calc(var(--rt-space-2) + var(--rt-space-1));--rt-tree-row-gap: calc(var(--rt-space-2) + var(--rt-space-0-5));--rt-tree-row-spacing: calc(var(--rt-space-1) + var(--rt-space-0-5) / 2);--rt-tree-row-min-height: var(--rt-size-8);--rt-tree-row-box-sizing: border-box;--rt-tree-row-radius: var(--rt-radius-ms);--rt-tree-guide-color: var(--mat-sys-outline-variant, var(--rt-color-border-subtle));--rt-tree-toggle-color: var(--rt-color-action-primary);--rt-tree-leaf-space-display: none;--rt-tree-check-size: calc(var(--rt-size-4) - 2 * var(--rt-input-border-width));--rt-tree-check-border-color: var(--rt-mat-neutral-40);--rt-tree-match-bg: var(--rt-mat-yellow-100);--rt-tree-match-font-weight: var(--rt-font-weight-semibold);--rt-tree-count-bg: var(--rt-color-action-primary);--rt-tree-count-color: var(--mat-sys-on-primary, var(--rt-color-text-inverse));--rt-tree-count-font-size: var(--rt-text-xs);--rt-tree-count-padding-inline: calc(var(--rt-space-1) + var(--rt-space-0-5));--rt-tree-count-min-size: var(--rt-size-5);--rt-tree-count-radius: var(--rt-radius-full);--rt-tree-select-all-font-size: var(--rt-text-sm);--rt-tree-select-all-font-weight: var(--rt-font-weight-medium)}@media(pointer:coarse){:is(.rt-preset-material,[data-preset=material]) .rt-tree{--rt-tree-row-min-height: var(--rt-control-height-lg)}}.rt-tree:focus-visible{box-shadow:var(--rt-tree-focus-shadow)}.rt-tree__select-all,.rt-tree__row{--rt-tree-level: 0;display:flex;box-sizing:var(--rt-tree-row-box-sizing);align-items:center;padding:var(--rt-tree-row-padding-block) var(--rt-tree-row-padding-inline);border-radius:var(--rt-tree-row-radius);cursor:pointer;gap:var(--rt-tree-row-gap);min-block-size:var(--rt-tree-row-min-height);padding-inline-start:calc(var(--rt-tree-row-padding-inline) + var(--rt-tree-indent) * var(--rt-tree-level))}.rt-tree__select-all:hover,.rt-tree__row:hover{background-color:var(--rt-tree-row-bg-hover)}.rt-tree__select-all{position:sticky;z-index:var(--rt-tree-select-all-z);top:0;border-bottom:var(--rt-tree-border-width) solid var(--rt-color-border-default);background-color:var(--rt-tree-select-all-bg)}.rt-tree__select-all:hover{background-color:var(--rt-tree-select-all-bg);background-image:linear-gradient(var(--rt-tree-row-bg-hover),var(--rt-tree-row-bg-hover))}.rt-tree__select-all--disabled{cursor:not-allowed;opacity:var(--rt-input-disabled-opacity)}.rt-tree__select-all .rt-tree__label{font-size:var(--rt-tree-select-all-font-size);font-weight:var(--rt-tree-select-all-font-weight)}.rt-tree__row{position:relative}.rt-tree__row+.rt-tree__row{margin-block-start:var(--rt-tree-row-spacing)}.rt-tree__row:before{position:absolute;background:repeating-linear-gradient(to right,var(--rt-tree-guide-color) 0 var(--rt-tree-guide-width),transparent var(--rt-tree-guide-width) var(--rt-tree-indent));content:\"\";inline-size:calc(var(--rt-tree-indent) * var(--rt-tree-level));inset-block:calc(-1 * var(--rt-tree-row-spacing)) 0;inset-inline-start:calc(var(--rt-tree-row-padding-inline) + (var(--rt-tree-toggle-size) - var(--rt-tree-guide-width)) / 2);pointer-events:none}.rt-tree__row--highlighted{background-color:var(--rt-tree-row-bg-highlighted)}.rt-tree__row--chosen{background-color:var(--rt-tree-row-bg-chosen)}.rt-tree__row--disabled{cursor:not-allowed;opacity:var(--rt-input-disabled-opacity)}.rt-tree__row--disabled:hover{background-color:transparent}.rt-tree__toggle,.rt-tree__toggle-space{display:inline-flex;flex-shrink:0;block-size:var(--rt-tree-toggle-size);inline-size:var(--rt-tree-toggle-size)}.rt-tree__row>.rt-tree__toggle-space,.rt-tree__select-all--over-leaf>.rt-tree__toggle-space{display:var(--rt-tree-leaf-space-display)}.rt-tree__toggle{--rt-icon-color-muted: var(--rt-tree-toggle-color);align-items:center;justify-content:center;padding:0;border:0;background:transparent;cursor:pointer}.rt-tree__check{--rt-checkbox-box-size: var(--rt-tree-check-size);--rt-checkbox-box-border-color: var(--rt-tree-check-border-color);flex-shrink:0;margin:0;pointer-events:none}.rt-tree__text{display:flex;min-width:0;flex:1 1 auto;flex-direction:column}.rt-tree__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rt-tree__description{overflow:hidden;color:var(--rt-color-text-muted);font-size:var(--rt-text-sm);text-overflow:ellipsis;white-space:nowrap}.rt-tree__meta{display:flex;min-width:0;flex-wrap:wrap;align-items:center;gap:var(--rt-space-1);margin-block-start:var(--rt-space-1)}.rt-tree__part--match{border-radius:var(--rt-tree-match-radius);background:var(--rt-tree-match-bg);color:var(--rt-tree-match-color);font-weight:var(--rt-tree-match-font-weight)}.rt-tree__count{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;border-radius:var(--rt-tree-count-radius);background:var(--rt-tree-count-bg);color:var(--rt-tree-count-color);font-size:var(--rt-tree-count-font-size);font-variant-numeric:tabular-nums;min-block-size:var(--rt-tree-count-min-size);min-inline-size:var(--rt-tree-count-min-size);padding-inline:var(--rt-tree-count-padding-inline)}.rt-tree__end{display:inline-flex;flex-shrink:0;align-items:center;margin-inline-start:auto}.rt-tree__empty{padding:var(--rt-space-md);color:var(--rt-tree-empty-color);text-align:center}.rt-tree__empty--with-icon{display:flex;flex-direction:column;align-items:center;gap:var(--rt-tree-empty-gap)}.rt-tree__empty-icon{flex-shrink:0}}\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: "component",
+					type: RtCheckboxComponent,
+					selector: "rt-checkbox",
+					inputs: [
+						"inputId",
+						"ariaLabel",
+						"disabled",
+						"indeterminate"
+					]
+				},
+				{
+					kind: "component",
+					type: RtIconComponent,
+					selector: "rt-icon",
+					inputs: [
+						"name",
+						"glyph",
+						"glyphStrategy",
+						"size",
+						"color",
+						"fill",
+						"spin",
+						"rotate"
+					]
+				},
+				{
+					kind: "component",
+					type: RtRadioButtonComponent,
+					selector: "rt-radio-button",
+					inputs: [
+						"value",
+						"checked",
+						"disabled",
+						"card",
+						"label",
+						"description",
+						"ariaLabel"
+					],
+					outputs: ["clickAction", "checkedChange"]
+				},
+				{
+					kind: "component",
+					type: RtTagComponent,
+					selector: "rt-tag",
+					inputs: [
+						"value",
+						"highlight",
+						"severity",
+						"size",
+						"appearance",
+						"icon",
+						"iconEnd",
+						"closable"
+					],
+					outputs: ["closed"]
+				},
+				{
+					kind: "directive",
+					type: RtTooltipDirective,
+					selector: "[rtTooltip]",
+					inputs: [
+						"rtTooltip",
+						"rtTooltipPlacement",
+						"rtTooltipWhenTruncated",
+						"rtTooltipHideOnClick"
+					],
+					exportAs: ["rtTooltip"]
+				},
+				{
+					kind: "directive",
+					type: BlockDirective,
+					selector: "[rtBlock]",
+					inputs: ["rtMod"]
+				},
+				{
+					kind: "directive",
+					type: ElemDirective,
+					selector: "[rtElem]",
+					inputs: ["rtMod"]
+				},
+				{
+					kind: "directive",
+					type: ModDirective,
+					selector: "[rtMod]"
+				}
+			],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush,
+			encapsulation: i0.ViewEncapsulation.None
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RtTreeComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "rt-tree",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			encapsulation: ViewEncapsulation.None,
+			imports: [
+				NgTemplateOutlet,
+				FormsModule,
+				RtCheckboxComponent,
+				RtIconComponent,
+				RtRadioButtonComponent,
+				RtTagComponent,
+				RtTooltipDirective,
+				BlockDirective,
+				ElemDirective,
+				ModDirective
+			],
+			host: {
+				class: BEM_BLOCK,
+				role: "tree",
+				"[attr.tabindex]": "disabled() ? -1 : 0",
+				"[attr.aria-disabled]": "disabled() || null",
+				"[attr.aria-label]": "ariaLabel()",
+				"[attr.aria-multiselectable]": "mode() === 'multiple'",
+				"(keydown)": "handleKeydown($event)"
+			},
+			template: "<ng-container rtBlock=\"rt-tree\">\n    <!--\n        Строки выбираются мышью через (click); клавиатура — на самом дереве (handleKeydown), строки\n        по отдельности фокус не берут: подсветка — третье состояние рядом с фокусом и выбором.\n    -->\n    <!-- eslint-disable @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -->\n    @if (isSelectAllShown()) {\n        <div\n            rtElem=\"select-all\"\n            qa-dataid=\"tree-select-all\"\n            role=\"presentation\"\n            [rtMod]=\"{ disabled: disabled(), 'over-leaf': isSelectAllOverLeaf() }\"\n            (click)=\"onSelectAll()\">\n            @if (isSelectAllUnderMark()) {\n                <span rtElem=\"toggle-space\"></span>\n            }\n            <rt-checkbox\n                rtElem=\"check\"\n                inert\n                [disabled]=\"disabled()\"\n                [indeterminate]=\"selectAllMark() === 'some'\"\n                [ngModel]=\"selectAllMark() === 'all'\"\n                [ngModelOptions]=\"{ standalone: true }\" />\n            <span rtElem=\"label\">{{ t().uiSelectAll }}</span>\n        </div>\n    }\n\n    @for (view of views(); track view.row.option.value) {\n        <div\n            rtElem=\"row\"\n            qa-dataid=\"tree-row\"\n            role=\"treeitem\"\n            [attr.data-value]=\"view.row.option.value\"\n            [attr.aria-level]=\"view.row.level + 1\"\n            [attr.aria-expanded]=\"view.row.branch ? view.row.open : null\"\n            [attr.aria-selected]=\"view.marked ? view.mark === 'all' : null\"\n            [attr.aria-disabled]=\"view.disabled\"\n            [style.--rt-tree-level]=\"view.row.level\"\n            [rtMod]=\"{ highlighted: view.highlighted, disabled: view.disabled, chosen: view.mark === 'all' }\"\n            (click)=\"onRowClick(view.row, $event)\">\n            @if (view.row.branch) {\n                <button\n                    rtElem=\"toggle\"\n                    qa-dataid=\"tree-row-toggle\"\n                    type=\"button\"\n                    tabindex=\"-1\"\n                    [attr.aria-label]=\"view.row.open ? t().uiCollapse : t().uiExpand\"\n                    (click)=\"onToggleClick($event, view.row.option.value)\">\n                    <rt-icon size=\"sm\" color=\"muted\" [name]=\"view.row.open ? 'chevron-down' : 'chevron-right'\" />\n                </button>\n            } @else {\n                <span rtElem=\"toggle-space\"></span>\n            }\n\n            @if (view.marked && !view.radio) {\n                <rt-checkbox\n                    rtElem=\"check\"\n                    qa-dataid=\"tree-row-checkbox\"\n                    inert\n                    [disabled]=\"view.disabled\"\n                    [indeterminate]=\"view.mark === 'some'\"\n                    [ngModel]=\"view.mark === 'all'\"\n                    [ngModelOptions]=\"{ standalone: true }\" />\n            } @else if (view.marked) {\n                <rt-radio-button\n                    rtElem=\"check\"\n                    qa-dataid=\"tree-row-radio\"\n                    inert\n                    [value]=\"view.row.option.value\"\n                    [checked]=\"view.mark === 'all'\"\n                    [disabled]=\"view.disabled\" />\n            }\n\n            <span rtElem=\"text\">\n                <span rtElem=\"label\" qa-dataid=\"tree-row-label\" rtTooltipWhenTruncated [rtTooltip]=\"view.row.option.label\">\n                    @for (part of view.parts.label; track $index) {\n                        <span rtElem=\"part\" [rtMod]=\"{ match: part.matched }\">{{ part.text }}</span>\n                    }\n                </span>\n                @if (view.parts.description.length > 0) {\n                    <span\n                        rtElem=\"description\"\n                        qa-dataid=\"tree-row-description\"\n                        rtTooltipWhenTruncated\n                        [rtTooltip]=\"view.row.option.description\">\n                        @for (part of view.parts.description; track $index) {\n                            <span rtElem=\"part\" [rtMod]=\"{ match: part.matched }\">{{ part.text }}</span>\n                        }\n                    </span>\n                }\n                @if (view.row.option.badges?.length || metaTemplate()) {\n                    <span rtElem=\"meta\" qa-dataid=\"tree-row-meta\">\n                        @for (badge of view.row.option.badges; track $index) {\n                            <rt-tag size=\"sm\" [value]=\"badge.text\" [severity]=\"badge.severity ?? 'neutral'\" [highlight]=\"searchTerm()\" />\n                        }\n                        @if (metaTemplate(); as meta) {\n                            <ng-container [ngTemplateOutlet]=\"meta\" [ngTemplateOutletContext]=\"{ $implicit: view.row.option }\" />\n                        }\n                    </span>\n                }\n            </span>\n\n            @if (view.count) {\n                <span rtElem=\"count\" qa-dataid=\"tree-row-count\">{{ view.count }}</span>\n            }\n\n            @if (endTemplate(); as end) {\n                <span rtElem=\"end\" qa-dataid=\"tree-row-end\">\n                    <ng-container [ngTemplateOutlet]=\"end\" [ngTemplateOutletContext]=\"{ $implicit: view.row.option }\" />\n                </span>\n            }\n        </div>\n    } @empty {\n        <div rtElem=\"empty\" qa-dataid=\"tree-empty\" [rtMod]=\"{ 'with-icon': !!emptyIcon() }\">\n            @if (emptyIcon(); as icon) {\n                <rt-icon rtElem=\"empty-icon\" qa-dataid=\"tree-empty-icon\" size=\"lg\" [name]=\"icon\" />\n            }\n            {{ emptyText() }}\n        </div>\n    }\n</ng-container>\n",
+			styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-tree{--rt-tree-font-size: var(--rt-input-font-size);--rt-tree-color: var(--rt-color-text-primary);--rt-tree-indent: var(--rt-space-lg);--rt-tree-row-padding-block: var(--rt-space-sm);--rt-tree-row-padding-inline: var(--rt-space-md);--rt-tree-row-gap: var(--rt-space-sm);--rt-tree-row-spacing: var(--rt-space-0);--rt-tree-row-min-height: auto;--rt-tree-row-box-sizing: content-box;--rt-tree-row-radius: var(--rt-radius-none);--rt-tree-row-bg-hover: var(--rt-color-bg-hover);--rt-tree-row-bg-highlighted: var(--rt-color-bg-hover);--rt-tree-row-bg-chosen: var(--rt-color-action-primary-subtle);--rt-tree-guide-width: var(--rt-border-width-thin);--rt-tree-guide-color: transparent;--rt-tree-toggle-size: var(--rt-input-icon-size);--rt-tree-toggle-color: var(--rt-neutral-600);--rt-tree-leaf-space-display: inline-flex;--rt-tree-check-size: calc(var(--rt-size-4) + var(--rt-space-0-5));--rt-tree-check-border-color: var(--rt-color-border-strong);--rt-tree-match-bg: var(--rt-yellow-400);--rt-tree-match-color: var(--rt-neutral-950);--rt-tree-match-radius: var(--rt-radius-xs);--rt-tree-match-font-weight: var(--rt-font-weight-regular);--rt-tree-count-color: var(--rt-color-text-muted);--rt-tree-count-bg: transparent;--rt-tree-count-font-size: var(--rt-text-sm);--rt-tree-count-padding-inline: var(--rt-space-0);--rt-tree-count-min-size: auto;--rt-tree-count-radius: var(--rt-radius-none);--rt-tree-select-all-font-size: var(--rt-tree-font-size);--rt-tree-select-all-font-weight: var(--rt-font-weight-regular);--rt-tree-empty-color: var(--rt-color-text-muted);--rt-tree-empty-gap: var(--rt-space-sm);--rt-tree-focus-shadow: var(--rt-shadow-focus-ring);--rt-tree-border-width: var(--rt-border-width-thin);--rt-tree-bg: var(--rt-color-bg-surface);--rt-tree-select-all-bg: var(--rt-tree-bg);--rt-tree-select-all-z: var(--rt-z-sticky);display:block;background-color:var(--rt-tree-bg);color:var(--rt-tree-color);font-size:var(--rt-tree-font-size);isolation:isolate;outline:none}@media(pointer:coarse){.rt-tree{--rt-tree-row-min-height: var(--rt-control-height-lg)}}:is(.rt-preset-material,[data-preset=material]) .rt-tree{--rt-tree-indent: calc(var(--rt-size-12) - var(--rt-space-0-5));--rt-tree-row-padding-block: var(--rt-space-1);--rt-tree-row-padding-inline: calc(var(--rt-space-2) + var(--rt-space-1));--rt-tree-row-gap: calc(var(--rt-space-2) + var(--rt-space-0-5));--rt-tree-row-spacing: calc(var(--rt-space-1) + var(--rt-space-0-5) / 2);--rt-tree-row-min-height: var(--rt-size-8);--rt-tree-row-box-sizing: border-box;--rt-tree-row-radius: var(--rt-radius-ms);--rt-tree-guide-color: var(--mat-sys-outline-variant, var(--rt-color-border-subtle));--rt-tree-toggle-color: var(--rt-color-action-primary);--rt-tree-leaf-space-display: none;--rt-tree-check-size: calc(var(--rt-size-4) - 2 * var(--rt-input-border-width));--rt-tree-check-border-color: var(--rt-mat-neutral-40);--rt-tree-match-bg: var(--rt-mat-yellow-100);--rt-tree-match-font-weight: var(--rt-font-weight-semibold);--rt-tree-count-bg: var(--rt-color-action-primary);--rt-tree-count-color: var(--mat-sys-on-primary, var(--rt-color-text-inverse));--rt-tree-count-font-size: var(--rt-text-xs);--rt-tree-count-padding-inline: calc(var(--rt-space-1) + var(--rt-space-0-5));--rt-tree-count-min-size: var(--rt-size-5);--rt-tree-count-radius: var(--rt-radius-full);--rt-tree-select-all-font-size: var(--rt-text-sm);--rt-tree-select-all-font-weight: var(--rt-font-weight-medium)}@media(pointer:coarse){:is(.rt-preset-material,[data-preset=material]) .rt-tree{--rt-tree-row-min-height: var(--rt-control-height-lg)}}.rt-tree:focus-visible{box-shadow:var(--rt-tree-focus-shadow)}.rt-tree__select-all,.rt-tree__row{--rt-tree-level: 0;display:flex;box-sizing:var(--rt-tree-row-box-sizing);align-items:center;padding:var(--rt-tree-row-padding-block) var(--rt-tree-row-padding-inline);border-radius:var(--rt-tree-row-radius);cursor:pointer;gap:var(--rt-tree-row-gap);min-block-size:var(--rt-tree-row-min-height);padding-inline-start:calc(var(--rt-tree-row-padding-inline) + var(--rt-tree-indent) * var(--rt-tree-level))}.rt-tree__select-all:hover,.rt-tree__row:hover{background-color:var(--rt-tree-row-bg-hover)}.rt-tree__select-all{position:sticky;z-index:var(--rt-tree-select-all-z);top:0;border-bottom:var(--rt-tree-border-width) solid var(--rt-color-border-default);background-color:var(--rt-tree-select-all-bg)}.rt-tree__select-all:hover{background-color:var(--rt-tree-select-all-bg);background-image:linear-gradient(var(--rt-tree-row-bg-hover),var(--rt-tree-row-bg-hover))}.rt-tree__select-all--disabled{cursor:not-allowed;opacity:var(--rt-input-disabled-opacity)}.rt-tree__select-all .rt-tree__label{font-size:var(--rt-tree-select-all-font-size);font-weight:var(--rt-tree-select-all-font-weight)}.rt-tree__row{position:relative}.rt-tree__row+.rt-tree__row{margin-block-start:var(--rt-tree-row-spacing)}.rt-tree__row:before{position:absolute;background:repeating-linear-gradient(to right,var(--rt-tree-guide-color) 0 var(--rt-tree-guide-width),transparent var(--rt-tree-guide-width) var(--rt-tree-indent));content:\"\";inline-size:calc(var(--rt-tree-indent) * var(--rt-tree-level));inset-block:calc(-1 * var(--rt-tree-row-spacing)) 0;inset-inline-start:calc(var(--rt-tree-row-padding-inline) + (var(--rt-tree-toggle-size) - var(--rt-tree-guide-width)) / 2);pointer-events:none}.rt-tree__row--highlighted{background-color:var(--rt-tree-row-bg-highlighted)}.rt-tree__row--chosen{background-color:var(--rt-tree-row-bg-chosen)}.rt-tree__row--disabled{cursor:not-allowed;opacity:var(--rt-input-disabled-opacity)}.rt-tree__row--disabled:hover{background-color:transparent}.rt-tree__toggle,.rt-tree__toggle-space{display:inline-flex;flex-shrink:0;block-size:var(--rt-tree-toggle-size);inline-size:var(--rt-tree-toggle-size)}.rt-tree__row>.rt-tree__toggle-space,.rt-tree__select-all--over-leaf>.rt-tree__toggle-space{display:var(--rt-tree-leaf-space-display)}.rt-tree__toggle{--rt-icon-color-muted: var(--rt-tree-toggle-color);align-items:center;justify-content:center;padding:0;border:0;background:transparent;cursor:pointer}.rt-tree__check{--rt-checkbox-box-size: var(--rt-tree-check-size);--rt-checkbox-box-border-color: var(--rt-tree-check-border-color);flex-shrink:0;margin:0;pointer-events:none}.rt-tree__text{display:flex;min-width:0;flex:1 1 auto;flex-direction:column}.rt-tree__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rt-tree__description{overflow:hidden;color:var(--rt-color-text-muted);font-size:var(--rt-text-sm);text-overflow:ellipsis;white-space:nowrap}.rt-tree__meta{display:flex;min-width:0;flex-wrap:wrap;align-items:center;gap:var(--rt-space-1);margin-block-start:var(--rt-space-1)}.rt-tree__part--match{border-radius:var(--rt-tree-match-radius);background:var(--rt-tree-match-bg);color:var(--rt-tree-match-color);font-weight:var(--rt-tree-match-font-weight)}.rt-tree__count{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;border-radius:var(--rt-tree-count-radius);background:var(--rt-tree-count-bg);color:var(--rt-tree-count-color);font-size:var(--rt-tree-count-font-size);font-variant-numeric:tabular-nums;min-block-size:var(--rt-tree-count-min-size);min-inline-size:var(--rt-tree-count-min-size);padding-inline:var(--rt-tree-count-padding-inline)}.rt-tree__end{display:inline-flex;flex-shrink:0;align-items:center;margin-inline-start:auto}.rt-tree__empty{padding:var(--rt-space-md);color:var(--rt-tree-empty-color);text-align:center}.rt-tree__empty--with-icon{display:flex;flex-direction:column;align-items:center;gap:var(--rt-tree-empty-gap)}.rt-tree__empty-icon{flex-shrink:0}}\n"]
+		}]
+	}],
+	propDecorators: {
+		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
+			}]
+		}],
+		searchTerm: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "searchTerm",
+				required: false
+			}]
+		}],
+		showSelectAll: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showSelectAll",
+				required: false
+			}]
+		}],
+		ariaLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "ariaLabel",
+				required: false
+			}]
+		}],
+		branchMarks: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "branchMarks",
+				required: false
+			}]
+		}],
+		exclusive: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "exclusive",
+				required: false
+			}]
+		}],
+		filter: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "filter",
+				required: false
+			}]
+		}],
+		emptyIcon: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "emptyIcon",
+				required: false
+			}]
+		}],
+		nodeEndTemplate: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "nodeEndTemplate",
+				required: false
+			}]
+		}],
+		nodeMetaTemplate: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "nodeMetaTemplate",
+				required: false
+			}]
+		}],
+		disabled: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "disabled",
+				required: false
+			}]
+		}],
+		picked: [{
+			type: i0.Output,
+			args: ["picked"]
+		}]
+	}
+});
+export { RtTreeComponent, RtTreeNodeEndDirective, RtTreeNodeMetaDirective, rtTreeAloneBase, rtTreeChoose, rtTreeChooseAlone, rtTreeLabelParts, rtTreeMark, rtTreeSelectAll, rtTreeSelectAllMark, rtTreeVisibleLeaves };
+
+//# sourceMappingURL=rt-tools-ui-kit-v2-tree.mjs.map