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

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

@@ -1,79 +1,150 @@
-import * as i0 from '@angular/core';
-import { linkedSignal, input, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
-import { BlockDirective, ElemDirective, ModDirective } from '@rt-tools/core';
-import { RtIconComponent } from '@rt-tools/ui-kit-v2/icon';
-
-/**
- * Раскрытые пункты после нажатия на пункт `index`: раскрытый сворачивается, свёрнутый
- * раскрывается, остальные остаются как были. Читающий сравнивает два ответа, и свернуть первый
- * при раскрытии второго значило бы отнять у него то, что он читал.
- */
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, ViewEncapsulation, input, linkedSignal } from "@angular/core";
+import { BlockDirective, ElemDirective, ModDirective } from "@rt-tools/core";
+import { RtIconComponent } from "@rt-tools/ui-kit-v2/icon";
 function toggleAccordionItem(open, index) {
-    const next = new Set(open);
-    if (next.has(index)) {
-        next.delete(index);
-    }
-    else {
-        next.add(index);
-    }
-    return next;
+	const next = new Set(open);
+	if (next.has(index)) next.delete(index);
+	else next.add(index);
+	return next;
 }
-/** Раскрытые пункты при входе: пункт из входа, если такой есть в списке, иначе ни одного. */
 function initialAccordionOpen(openIndex, count) {
-    if (openIndex === null || openIndex < 0 || openIndex >= count) {
-        return new Set();
-    }
-    return new Set([openIndex]);
+	if (openIndex === null || openIndex < 0 || openIndex >= count) return /* @__PURE__ */ new Set();
+	return /* @__PURE__ */ new Set([openIndex]);
 }
-
-const BEM_BLOCK = 'rt-accordion';
+const BEM_BLOCK = "rt-accordion";
 let accordionIdSeed = 0;
 function nextAccordionId() {
-    accordionIdSeed += 1;
-    return accordionIdSeed;
-}
-/**
- * Список пунктов, у каждого заголовок-кнопка и текст под ней. Нажатие раскрывает или сворачивает
- * пункт, соседи остаются как были. Предмета показа аккордеон не знает: пункты приходят входом уже
- * переведёнными.
- */
-class RtAccordionComponent {
-    constructor() {
-        /** Основа id кнопок и панелей: два аккордеона на одной странице не ссылаются на чужие панели. */
-        this.idBase = `rt-accordion-${nextAccordionId()}`;
-        /** Пришёл новый список — раскрытие начинается заново с пункта из входа. */
-        this.open = linkedSignal(() => initialAccordionOpen(this.openIndex(), this.items().length), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "open" }] : /* istanbul ignore next */ []));
-        this.items = input.required(/* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []));
-        /** Пункт, раскрытый при входе. `null` оставляет все свёрнутыми. */
-        this.openIndex = input(0, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "openIndex" }] : /* istanbul ignore next */ []));
-    }
-    toggle(index) {
-        this.open.update((open) => toggleAccordionItem(open, index));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtAccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: RtAccordionComponent, isStandalone: true, selector: "rt-accordion", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null }, openIndex: { classPropertyName: "openIndex", publicName: "openIndex", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "rt-accordion" }, ngImport: i0, template: "<ng-container rtBlock=\"rt-accordion\">\n    @for (item of items(); track $index; let index = $index) {\n        <div rtElem=\"item\" [rtMod]=\"{ open: open().has(index) }\">\n            <h3 rtElem=\"heading\">\n                <button\n                    rtElem=\"toggle\"\n                    qa-dataid=\"accordion-toggle\"\n                    type=\"button\"\n                    [id]=\"idBase + '-toggle-' + index\"\n                    [attr.aria-expanded]=\"open().has(index)\"\n                    [attr.aria-controls]=\"idBase + '-panel-' + index\"\n                    (click)=\"toggle(index)\">\n                    <span rtElem=\"title\">{{ item.title }}</span>\n                    <rt-icon rtElem=\"chevron\" name=\"chevron-down\" size=\"sm\" aria-hidden=\"true\" />\n                </button>\n            </h3>\n            <div\n                rtElem=\"panel\"\n                qa-dataid=\"accordion-panel\"\n                role=\"region\"\n                [id]=\"idBase + '-panel-' + index\"\n                [attr.aria-labelledby]=\"idBase + '-toggle-' + index\"\n                [hidden]=\"!open().has(index)\">\n                <p rtElem=\"text\">{{ item.text }}</p>\n            </div>\n        </div>\n    }\n</ng-container>\n", styles: ["@layer rt-kit.components{.rt-accordion{--rt-accordion-border-width: var(--rt-border-width-thin);--rt-accordion-duration: var(--rt-duration-fast);--rt-accordion-focus-shadow: var(--rt-shadow-focus-ring);display:block;width:100%}.rt-accordion__item{border-bottom:var(--rt-accordion-border-width) solid var(--rt-color-border-subtle)}.rt-accordion__heading{margin:0;font-family:var(--rt-font-family-sans);font-size:var(--rt-text-md);font-weight:var(--rt-font-weight-semibold);line-height:var(--rt-leading-snug)}.rt-accordion__toggle{display:flex;width:100%;align-items:center;justify-content:space-between;padding:var(--rt-space-md) 0;border:0;background:transparent;color:var(--rt-color-text-primary);cursor:pointer;font:inherit;gap:var(--rt-space-md);text-align:start}.rt-accordion__toggle:focus-visible{box-shadow:var(--rt-accordion-focus-shadow);outline:2px solid transparent;outline-offset:2px}.rt-accordion__chevron{flex:none;transition:transform var(--rt-accordion-duration)}.rt-accordion__text{padding-bottom:var(--rt-space-md);margin:0;color:var(--rt-color-text-muted);font-family:var(--rt-font-family-sans);font-size:var(--rt-text-sm);line-height:var(--rt-leading-normal)}.rt-accordion__item--open .rt-accordion__chevron{transform:rotate(180deg)}}\n"], dependencies: [{ kind: "directive", type: 
-                // standalone components / directives
-                BlockDirective, selector: "[rtBlock]", inputs: ["rtMod"] }, { kind: "directive", type: ElemDirective, selector: "[rtElem]", inputs: ["rtMod"] }, { kind: "directive", type: ModDirective, selector: "[rtMod]" }, { kind: "component", type: RtIconComponent, selector: "rt-icon", inputs: ["name", "glyph", "glyphStrategy", "size", "color", "fill", "spin", "rotate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+	accordionIdSeed += 1;
+	return accordionIdSeed;
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtAccordionComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'rt-accordion', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
-                        // standalone components / directives
-                        BlockDirective,
-                        ElemDirective,
-                        ModDirective,
-                        RtIconComponent,
-                    ], host: {
-                        class: BEM_BLOCK,
-                    }, template: "<ng-container rtBlock=\"rt-accordion\">\n    @for (item of items(); track $index; let index = $index) {\n        <div rtElem=\"item\" [rtMod]=\"{ open: open().has(index) }\">\n            <h3 rtElem=\"heading\">\n                <button\n                    rtElem=\"toggle\"\n                    qa-dataid=\"accordion-toggle\"\n                    type=\"button\"\n                    [id]=\"idBase + '-toggle-' + index\"\n                    [attr.aria-expanded]=\"open().has(index)\"\n                    [attr.aria-controls]=\"idBase + '-panel-' + index\"\n                    (click)=\"toggle(index)\">\n                    <span rtElem=\"title\">{{ item.title }}</span>\n                    <rt-icon rtElem=\"chevron\" name=\"chevron-down\" size=\"sm\" aria-hidden=\"true\" />\n                </button>\n            </h3>\n            <div\n                rtElem=\"panel\"\n                qa-dataid=\"accordion-panel\"\n                role=\"region\"\n                [id]=\"idBase + '-panel-' + index\"\n                [attr.aria-labelledby]=\"idBase + '-toggle-' + index\"\n                [hidden]=\"!open().has(index)\">\n                <p rtElem=\"text\">{{ item.text }}</p>\n            </div>\n        </div>\n    }\n</ng-container>\n", styles: ["@layer rt-kit.components{.rt-accordion{--rt-accordion-border-width: var(--rt-border-width-thin);--rt-accordion-duration: var(--rt-duration-fast);--rt-accordion-focus-shadow: var(--rt-shadow-focus-ring);display:block;width:100%}.rt-accordion__item{border-bottom:var(--rt-accordion-border-width) solid var(--rt-color-border-subtle)}.rt-accordion__heading{margin:0;font-family:var(--rt-font-family-sans);font-size:var(--rt-text-md);font-weight:var(--rt-font-weight-semibold);line-height:var(--rt-leading-snug)}.rt-accordion__toggle{display:flex;width:100%;align-items:center;justify-content:space-between;padding:var(--rt-space-md) 0;border:0;background:transparent;color:var(--rt-color-text-primary);cursor:pointer;font:inherit;gap:var(--rt-space-md);text-align:start}.rt-accordion__toggle:focus-visible{box-shadow:var(--rt-accordion-focus-shadow);outline:2px solid transparent;outline-offset:2px}.rt-accordion__chevron{flex:none;transition:transform var(--rt-accordion-duration)}.rt-accordion__text{padding-bottom:var(--rt-space-md);margin:0;color:var(--rt-color-text-muted);font-family:var(--rt-font-family-sans);font-size:var(--rt-text-sm);line-height:var(--rt-leading-normal)}.rt-accordion__item--open .rt-accordion__chevron{transform:rotate(180deg)}}\n"] }]
-        }], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: true }] }], openIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "openIndex", required: false }] }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+var RtAccordionComponent = class RtAccordionComponent {
+	constructor() {
+		this.idBase = `rt-accordion-${nextAccordionId()}`;
+		this.open = linkedSignal(() => initialAccordionOpen(this.openIndex(), this.items().length), ...ngDevMode ? [{ debugName: "open" }] : /* istanbul ignore next */ []);
+		this.items = input.required(...ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []);
+		this.openIndex = input(0, ...ngDevMode ? [{ debugName: "openIndex" }] : /* istanbul ignore next */ []);
+	}
+	toggle(index) {
+		this.open.update((open) => toggleAccordionItem(open, index));
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: RtAccordionComponent,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.0.0",
+			version: "22.2.2",
+			type: RtAccordionComponent,
+			isStandalone: true,
+			selector: "rt-accordion",
+			inputs: {
+				items: {
+					classPropertyName: "items",
+					publicName: "items",
+					isSignal: true,
+					isRequired: true,
+					transformFunction: null
+				},
+				openIndex: {
+					classPropertyName: "openIndex",
+					publicName: "openIndex",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				}
+			},
+			host: { classAttribute: "rt-accordion" },
+			ngImport: i0,
+			template: "<ng-container rtBlock=\"rt-accordion\">\n    @for (item of items(); track $index; let index = $index) {\n        <div rtElem=\"item\" [rtMod]=\"{ open: open().has(index) }\">\n            <h3 rtElem=\"heading\">\n                <button\n                    rtElem=\"toggle\"\n                    qa-dataid=\"accordion-toggle\"\n                    type=\"button\"\n                    [id]=\"idBase + '-toggle-' + index\"\n                    [attr.aria-expanded]=\"open().has(index)\"\n                    [attr.aria-controls]=\"idBase + '-panel-' + index\"\n                    (click)=\"toggle(index)\">\n                    <span rtElem=\"title\">{{ item.title }}</span>\n                    <rt-icon rtElem=\"chevron\" name=\"chevron-down\" size=\"sm\" aria-hidden=\"true\" />\n                </button>\n            </h3>\n            <div\n                rtElem=\"panel\"\n                qa-dataid=\"accordion-panel\"\n                role=\"region\"\n                [id]=\"idBase + '-panel-' + index\"\n                [attr.aria-labelledby]=\"idBase + '-toggle-' + index\"\n                [hidden]=\"!open().has(index)\">\n                <p rtElem=\"text\">{{ item.text }}</p>\n            </div>\n        </div>\n    }\n</ng-container>\n",
+			styles: ["@layer rt-kit.components{.rt-accordion{--rt-accordion-border-width: var(--rt-border-width-thin);--rt-accordion-duration: var(--rt-duration-fast);--rt-accordion-focus-shadow: var(--rt-shadow-focus-ring);display:block;width:100%}.rt-accordion__item{border-bottom:var(--rt-accordion-border-width) solid var(--rt-color-border-subtle)}.rt-accordion__heading{margin:0;font-family:var(--rt-font-family-sans);font-size:var(--rt-text-md);font-weight:var(--rt-font-weight-semibold);line-height:var(--rt-leading-snug)}.rt-accordion__toggle{display:flex;width:100%;align-items:center;justify-content:space-between;padding:var(--rt-space-md) 0;border:0;background:transparent;color:var(--rt-color-text-primary);cursor:pointer;font:inherit;gap:var(--rt-space-md);text-align:start}.rt-accordion__toggle:focus-visible{box-shadow:var(--rt-accordion-focus-shadow);outline:2px solid transparent;outline-offset:2px}.rt-accordion__chevron{flex:none;transition:transform var(--rt-accordion-duration)}.rt-accordion__text{padding-bottom:var(--rt-space-md);margin:0;color:var(--rt-color-text-muted);font-family:var(--rt-font-family-sans);font-size:var(--rt-text-sm);line-height:var(--rt-leading-normal)}.rt-accordion__item--open .rt-accordion__chevron{transform:rotate(180deg)}}\n"],
+			dependencies: [
+				{
+					kind: "directive",
+					type: BlockDirective,
+					selector: "[rtBlock]",
+					inputs: ["rtMod"]
+				},
+				{
+					kind: "directive",
+					type: ElemDirective,
+					selector: "[rtElem]",
+					inputs: ["rtMod"]
+				},
+				{
+					kind: "directive",
+					type: ModDirective,
+					selector: "[rtMod]"
+				},
+				{
+					kind: "component",
+					type: RtIconComponent,
+					selector: "rt-icon",
+					inputs: [
+						"name",
+						"glyph",
+						"glyphStrategy",
+						"size",
+						"color",
+						"fill",
+						"spin",
+						"rotate"
+					]
+				}
+			],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush,
+			encapsulation: i0.ViewEncapsulation.None
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RtAccordionComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "rt-accordion",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			encapsulation: ViewEncapsulation.None,
+			imports: [
+				BlockDirective,
+				ElemDirective,
+				ModDirective,
+				RtIconComponent
+			],
+			host: { class: BEM_BLOCK },
+			template: "<ng-container rtBlock=\"rt-accordion\">\n    @for (item of items(); track $index; let index = $index) {\n        <div rtElem=\"item\" [rtMod]=\"{ open: open().has(index) }\">\n            <h3 rtElem=\"heading\">\n                <button\n                    rtElem=\"toggle\"\n                    qa-dataid=\"accordion-toggle\"\n                    type=\"button\"\n                    [id]=\"idBase + '-toggle-' + index\"\n                    [attr.aria-expanded]=\"open().has(index)\"\n                    [attr.aria-controls]=\"idBase + '-panel-' + index\"\n                    (click)=\"toggle(index)\">\n                    <span rtElem=\"title\">{{ item.title }}</span>\n                    <rt-icon rtElem=\"chevron\" name=\"chevron-down\" size=\"sm\" aria-hidden=\"true\" />\n                </button>\n            </h3>\n            <div\n                rtElem=\"panel\"\n                qa-dataid=\"accordion-panel\"\n                role=\"region\"\n                [id]=\"idBase + '-panel-' + index\"\n                [attr.aria-labelledby]=\"idBase + '-toggle-' + index\"\n                [hidden]=\"!open().has(index)\">\n                <p rtElem=\"text\">{{ item.text }}</p>\n            </div>\n        </div>\n    }\n</ng-container>\n",
+			styles: ["@layer rt-kit.components{.rt-accordion{--rt-accordion-border-width: var(--rt-border-width-thin);--rt-accordion-duration: var(--rt-duration-fast);--rt-accordion-focus-shadow: var(--rt-shadow-focus-ring);display:block;width:100%}.rt-accordion__item{border-bottom:var(--rt-accordion-border-width) solid var(--rt-color-border-subtle)}.rt-accordion__heading{margin:0;font-family:var(--rt-font-family-sans);font-size:var(--rt-text-md);font-weight:var(--rt-font-weight-semibold);line-height:var(--rt-leading-snug)}.rt-accordion__toggle{display:flex;width:100%;align-items:center;justify-content:space-between;padding:var(--rt-space-md) 0;border:0;background:transparent;color:var(--rt-color-text-primary);cursor:pointer;font:inherit;gap:var(--rt-space-md);text-align:start}.rt-accordion__toggle:focus-visible{box-shadow:var(--rt-accordion-focus-shadow);outline:2px solid transparent;outline-offset:2px}.rt-accordion__chevron{flex:none;transition:transform var(--rt-accordion-duration)}.rt-accordion__text{padding-bottom:var(--rt-space-md);margin:0;color:var(--rt-color-text-muted);font-family:var(--rt-font-family-sans);font-size:var(--rt-text-sm);line-height:var(--rt-leading-normal)}.rt-accordion__item--open .rt-accordion__chevron{transform:rotate(180deg)}}\n"]
+		}]
+	}],
+	propDecorators: {
+		items: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "items",
+				required: true
+			}]
+		}],
+		openIndex: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "openIndex",
+				required: false
+			}]
+		}]
+	}
+});
 export { RtAccordionComponent };
-//# sourceMappingURL=rt-tools-ui-kit-v2-accordion.mjs.map
+
+//# sourceMappingURL=rt-tools-ui-kit-v2-accordion.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"rt-tools-ui-kit-v2-accordion.mjs","sources":["../../../projects/ui-kit-v2/src/lib/components/accordion/rt-accordion.logic.ts","../../../projects/ui-kit-v2/src/lib/components/accordion/rt-accordion.component.ts","../../../projects/ui-kit-v2/src/lib/components/accordion/rt-accordion.component.html","../../../projects/ui-kit-v2/src/lib/components/accordion/rt-tools-ui-kit-v2-accordion.ts"],"sourcesContent":["/**\n * Раскрытые пункты после нажатия на пункт `index`: раскрытый сворачивается, свёрнутый\n * раскрывается, остальные остаются как были. Читающий сравнивает два ответа, и свернуть первый\n * при раскрытии второго значило бы отнять у него то, что он читал.\n */\nexport function toggleAccordionItem(open: ReadonlySet<number>, index: number): ReadonlySet<number> {\n    const next: Set<number> = new Set(open);\n\n    if (next.has(index)) {\n        next.delete(index);\n    } else {\n        next.add(index);\n    }\n\n    return next;\n}\n\n/** Раскрытые пункты при входе: пункт из входа, если такой есть в списке, иначе ни одного. */\nexport function initialAccordionOpen(openIndex: number | null, count: number): ReadonlySet<number> {\n    if (openIndex === null || openIndex < 0 || openIndex >= count) {\n        return new Set();\n    }\n\n    return new Set([openIndex]);\n}\n","import { input, linkedSignal, ChangeDetectionStrategy, Component, InputSignal, ViewEncapsulation, WritableSignal } from '@angular/core';\n\nimport { BlockDirective, ElemDirective, ModDirective } from '@rt-tools/core';\n\nimport { RtIconComponent } from '@rt-tools/ui-kit-v2/icon';\nimport { initialAccordionOpen, toggleAccordionItem } from './rt-accordion.logic';\nimport { IRtAccordion } from './rt-accordion.model';\n\nconst BEM_BLOCK: string = 'rt-accordion';\n\nlet accordionIdSeed: number = 0;\n\nfunction nextAccordionId(): number {\n    accordionIdSeed += 1;\n    return accordionIdSeed;\n}\n\n/**\n * Список пунктов, у каждого заголовок-кнопка и текст под ней. Нажатие раскрывает или сворачивает\n * пункт, соседи остаются как были. Предмета показа аккордеон не знает: пункты приходят входом уже\n * переведёнными.\n */\n@Component({\n    selector: 'rt-accordion',\n    templateUrl: './rt-accordion.component.html',\n    styleUrl: './rt-accordion.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        // standalone components / directives\n        BlockDirective,\n        ElemDirective,\n        ModDirective,\n        RtIconComponent,\n    ],\n    host: {\n        class: BEM_BLOCK,\n    },\n})\nexport class RtAccordionComponent {\n    /** Основа id кнопок и панелей: два аккордеона на одной странице не ссылаются на чужие панели. */\n    protected readonly idBase: string = `rt-accordion-${nextAccordionId()}`;\n\n    /** Пришёл новый список — раскрытие начинается заново с пункта из входа. */\n    protected readonly open: WritableSignal<ReadonlySet<number>> = linkedSignal<ReadonlySet<number>>((): ReadonlySet<number> =>\n        initialAccordionOpen(this.openIndex(), this.items().length)\n    );\n\n    public readonly items: InputSignal<readonly IRtAccordion.Item[]> = input.required<readonly IRtAccordion.Item[]>();\n\n    /** Пункт, раскрытый при входе. `null` оставляет все свёрнутыми. */\n    public readonly openIndex: InputSignal<number | null> = input<number | null>(0);\n\n    protected toggle(index: number): void {\n        this.open.update((open: ReadonlySet<number>): ReadonlySet<number> => toggleAccordionItem(open, index));\n    }\n}\n","<ng-container rtBlock=\"rt-accordion\">\n    @for (item of items(); track $index; let index = $index) {\n        <div rtElem=\"item\" [rtMod]=\"{ open: open().has(index) }\">\n            <h3 rtElem=\"heading\">\n                <button\n                    rtElem=\"toggle\"\n                    qa-dataid=\"accordion-toggle\"\n                    type=\"button\"\n                    [id]=\"idBase + '-toggle-' + index\"\n                    [attr.aria-expanded]=\"open().has(index)\"\n                    [attr.aria-controls]=\"idBase + '-panel-' + index\"\n                    (click)=\"toggle(index)\">\n                    <span rtElem=\"title\">{{ item.title }}</span>\n                    <rt-icon rtElem=\"chevron\" name=\"chevron-down\" size=\"sm\" aria-hidden=\"true\" />\n                </button>\n            </h3>\n            <div\n                rtElem=\"panel\"\n                qa-dataid=\"accordion-panel\"\n                role=\"region\"\n                [id]=\"idBase + '-panel-' + index\"\n                [attr.aria-labelledby]=\"idBase + '-toggle-' + index\"\n                [hidden]=\"!open().has(index)\">\n                <p rtElem=\"text\">{{ item.text }}</p>\n            </div>\n        </div>\n    }\n</ng-container>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"rt-tools-ui-kit-v2-accordion.mjs","names":[],"sources":["../../../projects/ui-kit-v2/src/lib/components/accordion/rt-accordion.logic.ts","../../../projects/ui-kit-v2/src/lib/components/accordion/rt-accordion.component.ts","../../../projects/ui-kit-v2/src/lib/components/accordion/rt-accordion.component.html"],"sourcesContent":["/**\n * Раскрытые пункты после нажатия на пункт `index`: раскрытый сворачивается, свёрнутый\n * раскрывается, остальные остаются как были. Читающий сравнивает два ответа, и свернуть первый\n * при раскрытии второго значило бы отнять у него то, что он читал.\n */\nexport function toggleAccordionItem(open: ReadonlySet<number>, index: number): ReadonlySet<number> {\n    const next: Set<number> = new Set(open);\n\n    if (next.has(index)) {\n        next.delete(index);\n    } else {\n        next.add(index);\n    }\n\n    return next;\n}\n\n/** Раскрытые пункты при входе: пункт из входа, если такой есть в списке, иначе ни одного. */\nexport function initialAccordionOpen(openIndex: number | null, count: number): ReadonlySet<number> {\n    if (openIndex === null || openIndex < 0 || openIndex >= count) {\n        return new Set();\n    }\n\n    return new Set([openIndex]);\n}\n","import { input, linkedSignal, ChangeDetectionStrategy, Component, InputSignal, ViewEncapsulation, WritableSignal } from '@angular/core';\n\nimport { BlockDirective, ElemDirective, ModDirective } from '@rt-tools/core';\n\nimport { RtIconComponent } from '@rt-tools/ui-kit-v2/icon';\nimport { initialAccordionOpen, toggleAccordionItem } from './rt-accordion.logic';\nimport { IRtAccordion } from './rt-accordion.model';\n\nconst BEM_BLOCK: string = 'rt-accordion';\n\nlet accordionIdSeed: number = 0;\n\nfunction nextAccordionId(): number {\n    accordionIdSeed += 1;\n    return accordionIdSeed;\n}\n\n/**\n * Список пунктов, у каждого заголовок-кнопка и текст под ней. Нажатие раскрывает или сворачивает\n * пункт, соседи остаются как были. Предмета показа аккордеон не знает: пункты приходят входом уже\n * переведёнными.\n */\n@Component({\n    selector: 'rt-accordion',\n    templateUrl: './rt-accordion.component.html',\n    styleUrl: './rt-accordion.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        // standalone components / directives\n        BlockDirective,\n        ElemDirective,\n        ModDirective,\n        RtIconComponent,\n    ],\n    host: {\n        class: BEM_BLOCK,\n    },\n})\nexport class RtAccordionComponent {\n    /** Основа id кнопок и панелей: два аккордеона на одной странице не ссылаются на чужие панели. */\n    protected readonly idBase: string = `rt-accordion-${nextAccordionId()}`;\n\n    /** Пришёл новый список — раскрытие начинается заново с пункта из входа. */\n    protected readonly open: WritableSignal<ReadonlySet<number>> = linkedSignal<ReadonlySet<number>>((): ReadonlySet<number> =>\n        initialAccordionOpen(this.openIndex(), this.items().length)\n    );\n\n    public readonly items: InputSignal<readonly IRtAccordion.Item[]> = input.required<readonly IRtAccordion.Item[]>();\n\n    /** Пункт, раскрытый при входе. `null` оставляет все свёрнутыми. */\n    public readonly openIndex: InputSignal<number | null> = input<number | null>(0);\n\n    protected toggle(index: number): void {\n        this.open.update((open: ReadonlySet<number>): ReadonlySet<number> => toggleAccordionItem(open, index));\n    }\n}\n","<ng-container rtBlock=\"rt-accordion\">\n    @for (item of items(); track $index; let index = $index) {\n        <div rtElem=\"item\" [rtMod]=\"{ open: open().has(index) }\">\n            <h3 rtElem=\"heading\">\n                <button\n                    rtElem=\"toggle\"\n                    qa-dataid=\"accordion-toggle\"\n                    type=\"button\"\n                    [id]=\"idBase + '-toggle-' + index\"\n                    [attr.aria-expanded]=\"open().has(index)\"\n                    [attr.aria-controls]=\"idBase + '-panel-' + index\"\n                    (click)=\"toggle(index)\">\n                    <span rtElem=\"title\">{{ item.title }}</span>\n                    <rt-icon rtElem=\"chevron\" name=\"chevron-down\" size=\"sm\" aria-hidden=\"true\" />\n                </button>\n            </h3>\n            <div\n                rtElem=\"panel\"\n                qa-dataid=\"accordion-panel\"\n                role=\"region\"\n                [id]=\"idBase + '-panel-' + index\"\n                [attr.aria-labelledby]=\"idBase + '-toggle-' + index\"\n                [hidden]=\"!open().has(index)\">\n                <p rtElem=\"text\">{{ item.text }}</p>\n            </div>\n        </div>\n    }\n</ng-container>\n"],"mappings":";;;;AAKA,SAAgB,oBAAoB,MAA2B,OAAa;CACxE,MAAM,OAAoB,IAAI,IAAI,IAAI;CAEtC,IAAI,KAAK,IAAI,KAAK,GACd,KAAK,OAAO,KAAK;MAEjB,KAAK,IAAI,KAAK;CAGlB,OAAO;AACX;AAGA,SAAgB,qBAAqB,WAA0B,OAAa;CACxE,IAAI,cAAc,QAAQ,YAAY,KAAK,aAAa,OACpD,uBAAO,IAAI,IAAG;CAGlB,uBAAO,IAAI,IAAI,CAAC,SAAS,CAAC;AAC9B;AChBA,MAAM,YAAoB;AAE1B,IAAI,kBAA0B;AAE9B,SAAS,kBAAe;CACpB,mBAAmB;CACnB,OAAO;AACX;AAwBA,IAAa,uBAAb,MAAa,qBAAoB;CAjBjC,cAAA;EAmBuB,KAAA,SAAiB,gBAAgB,gBAAe;EAGhD,KAAA,OAA4C,mBAC3D,qBAAqB,KAAK,UAAS,GAAI,KAAK,MAAK,CAAE,CAAC,MAAM,GAC7D,GAAA,YAAA,CAAA,EAAA,WAAA,OAAA,CAAA,+BAAA,CAAA,CAAA;EAEe,KAAA,QAAmD,MAAM,SAAwC,GAAA,YAAA,CAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;EAGjG,KAAA,YAAwC,MAAqB,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,YAAA,CAAA,+BAAA,CAAA,CAAA;CAKlF;CAHa,OAAO,OAAa;EAC1B,KAAK,KAAK,QAAQ,SAAmD,oBAAoB,MAAM,KAAK,CAAC;CACzG;CAhBS;EAAA,KAAA,OAAA,GAAA,mBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,UAAA;GAAA,MAAA;GAAoB,MAAA,CAAA;GAAA,QAAA,GAAA,gBAAA;EAAA,CAAA;CAAA;CAApB;EAAA,KAAA,OAAA,GAAA,qBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,MAAA;GAAoB,cAAA;GAAA,UAAA;GAAA,QAAA;IAAA,OAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;IAAA,WAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;GAAA;GAAA,MAAA,EAAA,gBAAA,eAAA;GAAA,UAAA;GAAA,UCvCjC;GA4BA,QAAA,CAAA,yuCAAA;GAAA,cAAA;IAAA;KAAA,MAAA;KAAA,MDEQ;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;KAAe,UAAA;KAAA,QAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;KAAA;IAAA;GAAA;GAAA,iBAAA,GAAA,wBAAA;GAAA,eAAA,GAAA,kBAAA;EAAA,CAAA;CAAA;;AAMV,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAoB,YAAA,CAAA;EAjBhC,MAAA;EACa,MAAA,CAAA;GAAA,UAAA;GAAc,iBAGP,wBAAwB;GAAM,eAChC,kBAAkB;GAAI,SAC5B;IAEL;IACA;IACA;IACA;GACH;GAAA,MACK,EACF,OAAO,UACV;GAAA,UAAA;GAAA,QAAA,CAAA,yuCAAA;EAAA,CAAA"}