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

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

@@ -0,0 +1 @@
+{"version":3,"file":"rt-tools-ui-kit-v2-hybrid-tree-selector.mjs","names":[],"sources":["../../../projects/ui-kit-v2/src/lib/components/hybrid-tree-selector/rt-hybrid-tree-selector.component.ts","../../../projects/ui-kit-v2/src/lib/components/tree-selector/rt-tree-selector.component.html"],"sourcesContent":["import { NgTemplateOutlet } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';\n\nimport { FormsModule } from '@angular/forms';\n\nimport { BlockDirective, ElemDirective, ModDirective } from '@rt-tools/core';\n\nimport { RtButtonDirective } from '@rt-tools/ui-kit-v2/button';\nimport { RtHybridTreeComponent } from '@rt-tools/ui-kit-v2/hybrid-tree';\nimport { RtIconComponent } from '@rt-tools/ui-kit-v2/icon';\nimport { RtInputComponent } from '@rt-tools/ui-kit-v2/input';\nimport { RtToggleSwitchComponent } from '@rt-tools/ui-kit-v2/toggle-switch';\nimport { RtTooltipDirective } from '@rt-tools/ui-kit-v2/tooltip';\nimport { RtTreeComponent } from '@rt-tools/ui-kit-v2/tree';\nimport { RtTreeSelectorComponent } from '@rt-tools/ui-kit-v2/tree-selector';\n\n/** Блок разметки — блок `rt-tree-selector`: панель у селекторов одна, отличается дерево внутри. */\nconst BEM_BLOCK: string = 'rt-tree-selector';\n\n/**\n * Выбор гибридным деревом: поле поиска, строка контролов и `rt-hybrid-tree` под ними.\n *\n * Панель, черновик, «Применить», поиск по словам и кнопки строки берёт у `rt-tree-selector` — та\n * же разметка и те же стили. Своё здесь одно: внутри стоит дерево, где часть групп выбирает один\n * лист. Узлы — `IRtHybridTree.Node`, признак `single` доходит до дерева нетронутым.\n */\n@Component({\n    selector: 'rt-hybrid-tree-selector',\n    templateUrl: '../tree-selector/rt-tree-selector.component.html',\n    styleUrl: '../tree-selector/rt-tree-selector.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        NgTemplateOutlet,\n        FormsModule,\n        BlockDirective,\n        ElemDirective,\n        ModDirective,\n        RtButtonDirective,\n        RtIconComponent,\n        RtInputComponent,\n        RtToggleSwitchComponent,\n        RtTooltipDirective,\n        RtTreeComponent,\n        RtHybridTreeComponent,\n    ],\n    host: { class: BEM_BLOCK },\n})\nexport class RtHybridTreeSelectorComponent<TValue> extends RtTreeSelectorComponent<TValue> {\n    protected override readonly hybrid: boolean = true;\n}\n","<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"],"mappings":";;;;;;;;;;;;;;AAiBA,MAAM,YAAoB;AA+B1B,IAAa,gCAAb,MAAa,sCAA8C,wBAA+B;CAtB1F,cAAA;;EAuBgC,KAAA,SAAkB;CACjD;CAFY;EAAA,KAAA,OAAA,GAAA,mBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,UAAA;GAAA,MAAA;GAA6B,MAAA;GAAA,QAAA,GAAA,gBAAA;EAAA,CAAA;CAAA;CAA7B;EAAA,KAAA,OAAA,GAAA,qBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,MAAA;GAA6B,cAAA;GAAA,UAAA;GAAA,MAAA,EAAA,gBAAA,mBAAA;GAAA,iBAAA;GAAA,UAAA;GAAA,UChD1C;GAmLA,QAAA,CAAA,g/DAAA;GAAA,cAAA;IAAA;KAAA,MAAA;KAAA,MDlJQ;KAAgB,UAAA;KAAA,QAAA;MAAA;MAAA;MAAA;KAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MAChB;IAAW;IAAA;KAAA,MAAA;KAAA,MAAA,GAAA;KAAA,UAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MAAA,GAAA;KAAA,UAAA;KAAA,QAAA;MAAA;MAAA;MAAA;MAAA;KAAA;KAAA,SAAA,CAAA,eAAA;KAAA,UAAA,CAAA,SAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MACX;KAAc,UAAA;KAAA,QAAA,CAAA,OAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MACd;KAAa,UAAA;KAAA,QAAA,CAAA,OAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MACb;KAAY,UAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MACZ;KAAiB,UAAA;KAAA,QAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;KAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MACjB;KAAe,UAAA;KAAA,QAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;KAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MACf;KAAgB,UAAA;KAAA,QAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;KAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MAChB;KAAuB,UAAA;KAAA,QAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;KAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MACvB;KAAkB,UAAA;KAAA,QAAA;MAAA;MAAA;MAAA;MAAA;KAAA;KAAA,UAAA,CAAA,WAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MAClB;KAAe,UAAA;KAAA,QAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;KAAA;KAAA,SAAA,CAAA,eAAA,QAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MACf;KAAqB,UAAA;IAAA;GAAA;GAAA,iBAAA,GAAA,wBAAA;GAAA,eAAA,GAAA,kBAAA;EAAA,CAAA;CAAA;;AAIhB,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAA6B,YAAA,CAAA;EAtBzC,MAAA;EACa,MAAA,CAAA;GAAA,UAAA;GAAyB,iBAGlB,wBAAwB;GAAM,eAChC,kBAAkB;GAAI,SAC5B;IACL;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GACH;GAAA,MACK,EAAE,OAAO,UAAS;GAAE,UAAA;GAAA,QAAA,CAAA,g/DAAA;EAAA,CAAA"}

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

@@ -0,0 +1,336 @@
+import { NgTemplateOutlet } from "@angular/common";
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, ViewEncapsulation, computed } from "@angular/core";
+import * as i1 from "@angular/forms";
+import { FormsModule } from "@angular/forms";
+import { BlockDirective, ElemDirective, ModDirective } from "@rt-tools/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 { RtTreeComponent, rtTreeAloneBase, rtTreeChoose, rtTreeChooseAlone, rtTreeMark, rtTreeVisibleLeaves } from "@rt-tools/ui-kit-v2/tree";
+import { rtTreeLeaves } from "@rt-tools/ui-kit-v2/select";
+function childrenOf(node) {
+	return node.children ?? [];
+}
+function isBranch(node) {
+	return childrenOf(node).length > 0;
+}
+function rtHybridTreeIsSingleGroup(node) {
+	return !!node.single && isBranch(node);
+}
+function without(value, drop) {
+	return value.filter((item) => !drop.includes(item));
+}
+function withAll(value, add) {
+	return [...value, ...add.filter((item) => !value.includes(item))];
+}
+function directLeaves(group) {
+	return childrenOf(group).filter((child) => !isBranch(child));
+}
+function allLeaves(node) {
+	return isBranch(node) ? childrenOf(node).flatMap((child) => allLeaves(child)) : [node.value];
+}
+function collectSingles(nodes, into) {
+	nodes.forEach((node) => {
+		if (rtHybridTreeIsSingleGroup(node)) directLeaves(node).forEach((leaf) => {
+			into.add(leaf.value);
+		});
+		collectSingles(childrenOf(node), into);
+	});
+}
+function rtHybridTreeSingleLeaves(nodes) {
+	const singles = /* @__PURE__ */ new Set();
+	collectSingles(nodes, singles);
+	return singles;
+}
+function rtHybridTreeGroupOf(nodes, value) {
+	for (const node of nodes) {
+		if (rtHybridTreeIsSingleGroup(node) && directLeaves(node).some((leaf) => leaf.value === value)) return node;
+		const found = rtHybridTreeGroupOf(childrenOf(node), value);
+		if (found) return found;
+	}
+	return null;
+}
+function freeLeaves(node, singles) {
+	return rtTreeLeaves(node).filter((leaf) => !singles.has(leaf));
+}
+function rtHybridTreeMark(node, value, cascade, singles) {
+	if (rtHybridTreeIsSingleGroup(node)) return directLeaves(node).some((leaf) => value.includes(leaf.value)) ? "all" : "none";
+	if (!cascade || !isBranch(node)) return rtTreeMark(node, value, cascade);
+	const free = freeLeaves(node, singles);
+	const count = free.filter((leaf) => value.includes(leaf)).length;
+	if (count > 0) return count === free.length ? "all" : "some";
+	return allLeaves(node).some((leaf) => value.includes(leaf)) ? "some" : "none";
+}
+function chooseSingleLeaf(group, leaf, value) {
+	if (value.includes(leaf)) return without(value, [leaf]);
+	return withAll(without(value, directLeaves(group).filter((child) => !child.disabled && child.value !== leaf).map((child) => child.value)), [leaf]);
+}
+function chooseSingleGroup(group, value) {
+	const enabled = directLeaves(group).filter((child) => !child.disabled).map((child) => child.value);
+	if (directLeaves(group).some((child) => value.includes(child.value))) return without(value, enabled);
+	return enabled.length > 0 ? withAll(value, [enabled[0]]) : value;
+}
+function chooseBranch(node, value, singles) {
+	const free = freeLeaves(node, singles);
+	if (free.length === 0 || rtHybridTreeMark(node, value, true, singles) === "all") return without(value, rtTreeLeaves(node));
+	return withAll(value, free);
+}
+function chooseMultiple(nodes, node, value, cascade, singles) {
+	if (rtHybridTreeIsSingleGroup(node)) return chooseSingleGroup(node, value);
+	const group = singles.has(node.value) ? rtHybridTreeGroupOf(nodes, node.value) : null;
+	if (group) return chooseSingleLeaf(group, node.value, value);
+	if (cascade && isBranch(node)) return chooseBranch(node, value, singles);
+	return rtTreeChoose(node, value, "multiple", cascade);
+}
+function rtHybridTreeChoose(nodes, node, value, options) {
+	if (node.disabled) return value;
+	if (options.mode !== "multiple") return rtTreeChoose(node, value, options.mode, options.cascade);
+	const singles = rtHybridTreeSingleLeaves(nodes);
+	if (!options.alone || singles.has(node.value)) return chooseMultiple(nodes, node, value, options.cascade, singles);
+	if (singles.size === 0) return rtTreeChooseAlone(nodes, node, value, options.cascade);
+	return chooseMultiple(nodes, node, rtTreeAloneBase(nodes, node, value), options.cascade, singles);
+}
+function rtHybridTreeSelectAllMark(rows, value, singles) {
+	const free = rtTreeVisibleLeaves(rows).filter((leaf) => !singles.has(leaf));
+	const count = free.filter((leaf) => value.includes(leaf)).length;
+	if (count === 0) return "none";
+	return count === free.length ? "all" : "some";
+}
+function rtHybridTreeSelectAll(rows, value, singles) {
+	const leaves = rtTreeVisibleLeaves(rows);
+	if (rtHybridTreeSelectAllMark(rows, value, singles) === "all") return without(value, leaves);
+	return withAll(value, leaves.filter((leaf) => !singles.has(leaf)));
+}
+function rtHybridTreeChosenCount(node, value) {
+	if (!isBranch(node)) return 0;
+	return allLeaves(node).filter((leaf) => value.includes(leaf)).length;
+}
+const BEM_BLOCK = "rt-tree";
+var RtHybridTreeComponent = class RtHybridTreeComponent extends RtTreeComponent {
+	constructor() {
+		super(...arguments);
+		this.singles = computed(() => rtHybridTreeSingleLeaves(this.nodes()), ...ngDevMode ? [{ debugName: "singles" }] : /* istanbul ignore next */ []);
+	}
+	rowState(row, value, cascade) {
+		const node = row.option;
+		const single = this.singles().has(node.value) || rtHybridTreeIsSingleGroup(node);
+		const count = rtHybridTreeChosenCount(node, value);
+		return {
+			mark: rtHybridTreeMark(node, value, cascade, this.singles()),
+			radio: this.mode() === "single" || this.mode() === "multiple" && single,
+			count: count > 0 ? count : null
+		};
+	}
+	selectAllMarkOf(rows, value) {
+		return rtHybridTreeSelectAllMark(rows, value, this.singles());
+	}
+	selectAllChoice(rows, value) {
+		return rtHybridTreeSelectAll(rows, value, this.singles());
+	}
+	nextChoice(node, additive) {
+		return rtHybridTreeChoose(this.nodes(), node, this.value(), {
+			mode: this.mode(),
+			cascade: this.cascade(),
+			alone: this.exclusive() && !additive
+		});
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: RtHybridTreeComponent,
+			deps: null,
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.0.0",
+			version: "22.2.2",
+			type: RtHybridTreeComponent,
+			isStandalone: true,
+			selector: "rt-hybrid-tree",
+			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"
+			},
+			usesInheritance: 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: RtHybridTreeComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "rt-hybrid-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"]
+		}]
+	}]
+});
+export { RtHybridTreeComponent, rtHybridTreeChoose, rtHybridTreeChosenCount, rtHybridTreeGroupOf, rtHybridTreeIsSingleGroup, rtHybridTreeMark, rtHybridTreeSelectAll, rtHybridTreeSelectAllMark, rtHybridTreeSingleLeaves };
+
+//# sourceMappingURL=rt-tools-ui-kit-v2-hybrid-tree.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"rt-tools-ui-kit-v2-hybrid-tree.mjs","names":[],"sources":["../../../projects/ui-kit-v2/src/lib/components/hybrid-tree/rt-hybrid-tree.logic.ts","../../../projects/ui-kit-v2/src/lib/components/hybrid-tree/rt-hybrid-tree.component.ts","../../../projects/ui-kit-v2/src/lib/components/tree/rt-tree.component.html"],"sourcesContent":["import { rtTreeLeaves } from '@rt-tools/ui-kit-v2/select';\nimport { rtTreeAloneBase, rtTreeChoose, rtTreeChooseAlone, rtTreeMark, rtTreeVisibleLeaves } from '@rt-tools/ui-kit-v2/tree';\nimport { IRtTree } from '@rt-tools/ui-kit-v2/tree';\nimport { IRtHybridTree } from './rt-hybrid-tree.model';\n\n/**\n * Расчёт выбора `rt-hybrid-tree` — чистые функции над неизменяемыми узлами.\n *\n * Всё, что у гибридного дерева общее с `rt-tree`, считает модуль `rt-tree`: здесь только правила\n * группы, где выбирается один лист. Её листья не набираются «выбрать всё» и каскадом ветки, а\n * выбор одного снимает соседей по группе. Каждая функция отвечает новым массивом выбора.\n */\n\ntype TNode<TValue> = IRtHybridTree.Node<TValue>;\n\nfunction childrenOf<TValue>(node: TNode<TValue>): ReadonlyArray<TNode<TValue>> {\n    return node.children ?? [];\n}\n\nfunction isBranch<TValue>(node: TNode<TValue>): boolean {\n    return childrenOf(node).length > 0;\n}\n\n/** Ветка, в которой выбирается один прямой лист. */\nexport function rtHybridTreeIsSingleGroup<TValue>(node: TNode<TValue>): boolean {\n    return !!node.single && isBranch(node);\n}\n\nfunction without<TValue>(value: ReadonlyArray<TValue>, drop: ReadonlyArray<TValue>): ReadonlyArray<TValue> {\n    return value.filter((item: TValue): boolean => !drop.includes(item));\n}\n\nfunction withAll<TValue>(value: ReadonlyArray<TValue>, add: ReadonlyArray<TValue>): ReadonlyArray<TValue> {\n    return [...value, ...add.filter((item: TValue): boolean => !value.includes(item))];\n}\n\n/** Прямые листья группы — и включённые, и выключенные. */\nfunction directLeaves<TValue>(group: TNode<TValue>): ReadonlyArray<TNode<TValue>> {\n    return childrenOf(group).filter((child: TNode<TValue>): boolean => !isBranch(child));\n}\n\n/** Все листья под узлом, выключенные тоже: счёт выбранного видит и их. */\nfunction allLeaves<TValue>(node: TNode<TValue>): ReadonlyArray<TValue> {\n    return isBranch(node) ? childrenOf(node).flatMap((child: TNode<TValue>): ReadonlyArray<TValue> => allLeaves(child)) : [node.value];\n}\n\nfunction collectSingles<TValue>(nodes: ReadonlyArray<TNode<TValue>>, into: Set<TValue>): void {\n    nodes.forEach((node: TNode<TValue>): void => {\n        if (rtHybridTreeIsSingleGroup(node)) {\n            directLeaves(node).forEach((leaf: TNode<TValue>): void => {\n                into.add(leaf.value);\n            });\n        }\n        collectSingles(childrenOf(node), into);\n    });\n}\n\n/** Листья групп, где выбирается один: их не набирают ни «выбрать всё», ни каскад ветки. */\nexport function rtHybridTreeSingleLeaves<TValue>(nodes: ReadonlyArray<TNode<TValue>>): ReadonlySet<TValue> {\n    const singles: Set<TValue> = new Set<TValue>();\n    collectSingles(nodes, singles);\n    return singles;\n}\n\n/** Группа «один лист», прямым листом которой стоит значение. */\nexport function rtHybridTreeGroupOf<TValue>(nodes: ReadonlyArray<TNode<TValue>>, value: TValue): TNode<TValue> | null {\n    for (const node of nodes) {\n        if (rtHybridTreeIsSingleGroup(node) && directLeaves(node).some((leaf: TNode<TValue>): boolean => leaf.value === value)) {\n            return node;\n        }\n        const found: TNode<TValue> | null = rtHybridTreeGroupOf(childrenOf(node), value);\n        if (found) {\n            return found;\n        }\n    }\n    return null;\n}\n\nfunction freeLeaves<TValue>(node: TNode<TValue>, singles: ReadonlySet<TValue>): ReadonlyArray<TValue> {\n    return rtTreeLeaves(node).filter((leaf: TValue): boolean => !singles.has(leaf));\n}\n\n/**\n * Отметка строки. Группа «один лист» отмечена, пока выбран любой её лист. Прочая ветка в каскаде\n * отмечена по своим свободным листьям; без выбранных свободных — частью, пока под ней что-то выбрано.\n */\nexport function rtHybridTreeMark<TValue>(\n    node: TNode<TValue>,\n    value: ReadonlyArray<TValue>,\n    cascade: boolean,\n    singles: ReadonlySet<TValue>\n): IRtTree.Mark {\n    if (rtHybridTreeIsSingleGroup(node)) {\n        return directLeaves(node).some((leaf: TNode<TValue>): boolean => value.includes(leaf.value)) ? 'all' : 'none';\n    }\n    if (!cascade || !isBranch(node)) {\n        return rtTreeMark(node, value, cascade);\n    }\n    const free: ReadonlyArray<TValue> = freeLeaves(node, singles);\n    const count: number = free.filter((leaf: TValue): boolean => value.includes(leaf)).length;\n    if (count > 0) {\n        return count === free.length ? 'all' : 'some';\n    }\n    return allLeaves(node).some((leaf: TValue): boolean => value.includes(leaf)) ? 'some' : 'none';\n}\n\n/** Клик по листу группы «один лист»: лист выбирается вместо соседей, выбранный снимается. */\nfunction chooseSingleLeaf<TValue>(group: TNode<TValue>, leaf: TValue, value: ReadonlyArray<TValue>): ReadonlyArray<TValue> {\n    if (value.includes(leaf)) {\n        return without(value, [leaf]);\n    }\n    const siblings: ReadonlyArray<TValue> = directLeaves(group)\n        .filter((child: TNode<TValue>): boolean => !child.disabled && child.value !== leaf)\n        .map((child: TNode<TValue>): TValue => child.value);\n    return withAll(without(value, siblings), [leaf]);\n}\n\n/** Радио группы «один лист»: снимает выбор группы или выбирает её первый включённый лист. */\nfunction chooseSingleGroup<TValue>(group: TNode<TValue>, value: ReadonlyArray<TValue>): ReadonlyArray<TValue> {\n    const enabled: ReadonlyArray<TValue> = directLeaves(group)\n        .filter((child: TNode<TValue>): boolean => !child.disabled)\n        .map((child: TNode<TValue>): TValue => child.value);\n    if (directLeaves(group).some((child: TNode<TValue>): boolean => value.includes(child.value))) {\n        return without(value, enabled);\n    }\n    return enabled.length > 0 ? withAll(value, [enabled[0]]) : value;\n}\n\n/** Каскад ветки: добавляет свободные листья, а когда добавлять нечего — снимает все, листья групп «один лист» тоже. */\nfunction chooseBranch<TValue>(node: TNode<TValue>, value: ReadonlyArray<TValue>, singles: ReadonlySet<TValue>): ReadonlyArray<TValue> {\n    const free: ReadonlyArray<TValue> = freeLeaves(node, singles);\n    if (free.length === 0 || rtHybridTreeMark(node, value, true, singles) === 'all') {\n        return without(value, rtTreeLeaves(node));\n    }\n    return withAll(value, free);\n}\n\n/** Выбор после клика в режиме флажков, без правила одного узла на клик. */\nfunction chooseMultiple<TValue>(\n    nodes: ReadonlyArray<TNode<TValue>>,\n    node: TNode<TValue>,\n    value: ReadonlyArray<TValue>,\n    cascade: boolean,\n    singles: ReadonlySet<TValue>\n): ReadonlyArray<TValue> {\n    if (rtHybridTreeIsSingleGroup(node)) {\n        return chooseSingleGroup(node, value);\n    }\n    const group: TNode<TValue> | null = singles.has(node.value) ? rtHybridTreeGroupOf(nodes, node.value) : null;\n    if (group) {\n        return chooseSingleLeaf(group, node.value, value);\n    }\n    if (cascade && isBranch(node)) {\n        return chooseBranch(node, value, singles);\n    }\n    return rtTreeChoose(node, value, 'multiple', cascade);\n}\n\n/**\n * Выбор после клика по узлу. В режиме флажков действуют правила групп «один лист»: клик без Ctrl и\n * Cmd в исключающем режиме оставляет свободный узел одним, а лист группы «один лист» выбор вне\n * группы не трогает. Остальные режимы считает `rt-tree`.\n */\nexport function rtHybridTreeChoose<TValue>(\n    nodes: ReadonlyArray<TNode<TValue>>,\n    node: TNode<TValue>,\n    value: ReadonlyArray<TValue>,\n    options: IRtHybridTree.ChooseOptions\n): ReadonlyArray<TValue> {\n    if (node.disabled) {\n        return value;\n    }\n    if (options.mode !== 'multiple') {\n        return rtTreeChoose(node, value, options.mode, options.cascade);\n    }\n    const singles: ReadonlySet<TValue> = rtHybridTreeSingleLeaves(nodes);\n    if (!options.alone || singles.has(node.value)) {\n        return chooseMultiple(nodes, node, value, options.cascade, singles);\n    }\n    if (singles.size === 0) {\n        return rtTreeChooseAlone(nodes, node, value, options.cascade);\n    }\n    return chooseMultiple(nodes, node, rtTreeAloneBase(nodes, node, value), options.cascade, singles);\n}\n\n/** Отметка «выбрать всё» по свободным листьям видимых строк. */\nexport function rtHybridTreeSelectAllMark<TValue>(\n    rows: ReadonlyArray<IRtTree.Row<TValue>>,\n    value: ReadonlyArray<TValue>,\n    singles: ReadonlySet<TValue>\n): IRtTree.Mark {\n    const free: ReadonlyArray<TValue> = rtTreeVisibleLeaves(rows).filter((leaf: TValue): boolean => !singles.has(leaf));\n    const count: number = free.filter((leaf: TValue): boolean => value.includes(leaf)).length;\n    if (count === 0) {\n        return 'none';\n    }\n    return count === free.length ? 'all' : 'some';\n}\n\n/**\n * Выбор после клика по «выбрать всё»: свободные листья видимых строк добавляются, листья групп\n * «один лист» остаются как были. Когда выбраны все свободные — снимаются все видимые листья.\n */\nexport function rtHybridTreeSelectAll<TValue>(\n    rows: ReadonlyArray<IRtTree.Row<TValue>>,\n    value: ReadonlyArray<TValue>,\n    singles: ReadonlySet<TValue>\n): ReadonlyArray<TValue> {\n    const leaves: ReadonlyArray<TValue> = rtTreeVisibleLeaves(rows);\n    if (rtHybridTreeSelectAllMark(rows, value, singles) === 'all') {\n        return without(value, leaves);\n    }\n    return withAll(\n        value,\n        leaves.filter((leaf: TValue): boolean => !singles.has(leaf))\n    );\n}\n\n/** Сколько листьев под узлом выбрано. У листа счёта нет. */\nexport function rtHybridTreeChosenCount<TValue>(node: TNode<TValue>, value: ReadonlyArray<TValue>): number {\n    if (!isBranch(node)) {\n        return 0;\n    }\n    return allLeaves(node).filter((leaf: TValue): boolean => value.includes(leaf)).length;\n}\n","import { NgTemplateOutlet } from '@angular/common';\nimport { computed, ChangeDetectionStrategy, Component, Signal, ViewEncapsulation } from '@angular/core';\n\nimport { FormsModule } from '@angular/forms';\n\nimport { BlockDirective, ElemDirective, ModDirective } from '@rt-tools/core';\n\nimport { RtCheckboxComponent } from '@rt-tools/ui-kit-v2/checkbox';\nimport { RtIconComponent } from '@rt-tools/ui-kit-v2/icon';\nimport { RtRadioButtonComponent } from '@rt-tools/ui-kit-v2/radio-button';\nimport { RtTagComponent } from '@rt-tools/ui-kit-v2/tag';\nimport { RtTooltipDirective } from '@rt-tools/ui-kit-v2/tooltip';\nimport { RtTreeComponent } from '@rt-tools/ui-kit-v2/tree';\nimport { IRtTree } from '@rt-tools/ui-kit-v2/tree';\nimport {\n    rtHybridTreeChoose,\n    rtHybridTreeChosenCount,\n    rtHybridTreeIsSingleGroup,\n    rtHybridTreeMark,\n    rtHybridTreeSelectAll,\n    rtHybridTreeSelectAllMark,\n    rtHybridTreeSingleLeaves,\n} from './rt-hybrid-tree.logic';\n\n/** Блок разметки — блок `rt-tree`: разметка и стили у деревьев одни, отличается только расчёт выбора. */\nconst BEM_BLOCK: string = 'rt-tree';\n\n/**\n * Дерево выбора, где часть групп выбирает один лист.\n *\n * Строки, клавиши, поиск, метки и разметку приложения берёт у `rt-tree` — та же разметка и те же\n * стили. Своё здесь только то, как считается выбор: группа с `single` держит один прямой лист, её\n * листья не набираются ни «выбрать всё», ни каскадом ветки, а группа без отметки показывает число\n * выбранного под ней. Узлы — `IRtHybridTree.Node`.\n */\n@Component({\n    selector: 'rt-hybrid-tree',\n    templateUrl: '../tree/rt-tree.component.html',\n    styleUrl: '../tree/rt-tree.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        NgTemplateOutlet,\n        FormsModule,\n        RtCheckboxComponent,\n        RtIconComponent,\n        RtRadioButtonComponent,\n        RtTagComponent,\n        RtTooltipDirective,\n        BlockDirective,\n        ElemDirective,\n        ModDirective,\n    ],\n    host: {\n        class: BEM_BLOCK,\n        role: 'tree',\n        '[attr.tabindex]': 'disabled() ? -1 : 0',\n        '[attr.aria-disabled]': 'disabled() || null',\n        '[attr.aria-label]': 'ariaLabel()',\n        '[attr.aria-multiselectable]': \"mode() === 'multiple'\",\n        '(keydown)': 'handleKeydown($event)',\n    },\n})\nexport class RtHybridTreeComponent<TValue> extends RtTreeComponent<TValue> {\n    /** Листья групп «один лист». */\n    protected readonly singles: Signal<ReadonlySet<TValue>> = computed((): ReadonlySet<TValue> => rtHybridTreeSingleLeaves(this.nodes()));\n\n    protected override rowState(row: IRtTree.Row<TValue>, value: ReadonlyArray<TValue>, cascade: boolean): IRtTree.RowState {\n        const node: IRtTree.Node<TValue> = row.option;\n        const single: boolean = this.singles().has(node.value) || rtHybridTreeIsSingleGroup(node);\n        const count: number = rtHybridTreeChosenCount(node, value);\n        return {\n            mark: rtHybridTreeMark(node, value, cascade, this.singles()),\n            radio: this.mode() === 'single' || (this.mode() === 'multiple' && single),\n            count: count > 0 ? count : null,\n        };\n    }\n\n    protected override selectAllMarkOf(rows: ReadonlyArray<IRtTree.Row<TValue>>, value: ReadonlyArray<TValue>): IRtTree.Mark {\n        return rtHybridTreeSelectAllMark(rows, value, this.singles());\n    }\n\n    protected override selectAllChoice(rows: ReadonlyArray<IRtTree.Row<TValue>>, value: ReadonlyArray<TValue>): ReadonlyArray<TValue> {\n        return rtHybridTreeSelectAll(rows, value, this.singles());\n    }\n\n    protected override nextChoice(node: IRtTree.Node<TValue>, additive: boolean): ReadonlyArray<TValue> {\n        return rtHybridTreeChoose(this.nodes(), node, this.value(), {\n            mode: this.mode(),\n            cascade: this.cascade(),\n            alone: this.exclusive() && !additive,\n        });\n    }\n}\n","<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"],"mappings":"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"}