@rt-tools/ui-kit-v2 0.17.0 → 0.19.0

package/fesm2022/rt-tools-ui-kit-v2-expansion-panel.mjs

@@ -0,0 +1,107 @@
+import * as i0 from '@angular/core';
+import { inject, TemplateRef, Directive, contentChild, computed, model, input, booleanAttribute, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
+import { NgTemplateOutlet } from '@angular/common';
+import { BlockDirective, ElemDirective, ModDirective } from '@rt-tools/core';
+import { RtIconComponent } from '@rt-tools/ui-kit-v2/icon';
+
+/**
+ * Тело `rt-expansion-panel`, собираемое лениво: ставится на `<ng-template>` внутри панели, и его
+ * содержимое создаётся при раскрытии и уходит после сворачивания. Сворачивание при этом доигрывает
+ * движение до конца: тело уходит вместе со своим содержимым, а не пустым.
+ */
+class RtExpansionPanelContentDirective {
+    constructor() {
+        this.templateRef = inject(TemplateRef);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtExpansionPanelContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.6", type: RtExpansionPanelContentDirective, isStandalone: true, selector: "ng-template[rtExpansionPanelContent]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtExpansionPanelContentDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ng-template[rtExpansionPanelContent]',
+                }]
+        }] });
+
+const BEM_BLOCK = 'rt-expansion-panel';
+let expansionPanelIdSeed = 0;
+function nextExpansionPanelId() {
+    expansionPanelIdSeed += 1;
+    return expansionPanelIdSeed;
+}
+/**
+ * Раскрывающаяся панель: заголовок-кнопка во всю ширину с шевроном у правого края и тело под ним.
+ * Нажатие на заголовок раскрывает и сворачивает тело, раскрытие и сворачивание идут с движением.
+ * Заменяет во втором ките панель раскрытия Material первого кита.
+ *
+ * Заголовок — содержимое панели без отметки. Тело — узел с `rtExpansionPanelBody`, созданный сразу,
+ * или `<ng-template rtExpansionPanelContent>`, созданный при раскрытии.
+ *
+ * Состояние раскрытия — `expanded`, двусторонняя привязка: панель пишет в него сама, а владелец
+ * может держать его в своём сигнале и менять извне.
+ */
+class RtExpansionPanelComponent {
+    constructor() {
+        /** Основа id: две панели на одной странице не ссылаются на чужое тело. */
+        this.#idBase = `rt-expansion-panel-${nextExpansionPanelId()}`;
+        /** Ленивое тело: шаблон создаётся при раскрытии. */
+        this.lazyContent = contentChild(RtExpansionPanelContentDirective, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "lazyContent" }] : /* istanbul ignore next */ []));
+        this.bodyId = `${this.#idBase}-body`;
+        this.headerDomId = computed(() => this.headerId() ?? `${this.#idBase}-header`, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "headerDomId" }] : /* istanbul ignore next */ []));
+        /** Тело раскрыто. Двусторонняя привязка: нажатие на заголовок пишет сюда. */
+        this.expanded = model(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "expanded" }] : /* istanbul ignore next */ []));
+        /** Заголовок не нажимается, тело остаётся как было. */
+        this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /** Шеврона нет: раскрытие читается по содержимому или его нечего раскрывать. */
+        this.hideToggle = input(false, { ...(ngDevMode ? { debugName: "hideToggle" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        this.appearance = input('card', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "appearance" }] : /* istanbul ignore next */ []));
+        /** Id кнопки заголовка. Нужен владельцу, который ищет заголовок по своему номеру; иначе — свой. */
+        this.headerId = input(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "headerId" }] : /* istanbul ignore next */ []));
+        /** Имя кнопки заголовка для вспомогательных средств, когда видимой подписи мало. */
+        this.ariaLabel = input(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
+    }
+    /** Основа id: две панели на одной странице не ссылаются на чужое тело. */
+    #idBase;
+    /** Нажатие на заголовок: раскрывает свёрнутую панель и сворачивает раскрытую. */
+    toggle() {
+        if (!this.disabled()) {
+            this.expanded.set(!this.expanded());
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtExpansionPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: RtExpansionPanelComponent, isStandalone: true, selector: "rt-expansion-panel", inputs: { expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, hideToggle: { classPropertyName: "hideToggle", publicName: "hideToggle", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, headerId: { classPropertyName: "headerId", publicName: "headerId", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { expanded: "expandedChange" }, host: { properties: { "class.rt-expansion-panel--plain": "appearance() === \"plain\"", "class.rt-expansion-panel--expanded": "expanded()", "class.rt-expansion-panel--disabled": "disabled()" }, classAttribute: "rt-expansion-panel" }, queries: [{ propertyName: "lazyContent", first: true, predicate: RtExpansionPanelContentDirective, descendants: true, isSignal: true }], ngImport: i0, template: "<ng-container rtBlock=\"rt-expansion-panel\">\n    <button\n        type=\"button\"\n        rtElem=\"header\"\n        qa-dataid=\"expansion-panel-header\"\n        [id]=\"headerDomId()\"\n        [disabled]=\"disabled()\"\n        [attr.aria-expanded]=\"expanded()\"\n        [attr.aria-controls]=\"expanded() ? bodyId : null\"\n        [attr.aria-label]=\"ariaLabel()\"\n        (click)=\"toggle()\">\n        <ng-content />\n\n        @if (!hideToggle()) {\n            <!-- \u0428\u0435\u0432\u0440\u043E\u043D \u2014 \u0432 \u043E\u0431\u0451\u0440\u0442\u043A\u0435: \u0448\u0438\u0440\u0438\u043D\u0443 \u0441\u0442\u043E\u043B\u0431\u0446\u0430 \u0434\u0435\u0440\u0436\u0438\u0442 \u043E\u043D\u0430, \u0437\u043D\u0430\u0447\u043E\u043A \u0441\u0432\u043E\u044E \u0448\u0438\u0440\u0438\u043D\u0443 \u0441\u0442\u0430\u0432\u0438\u0442 \u0441\u0430\u043C. -->\n            <span rtElem=\"chevron\" aria-hidden=\"true\" [rtMod]=\"{ open: expanded() }\"><rt-icon size=\"sm\" name=\"chevron-down\" /></span>\n        }\n    </button>\n\n    @if (expanded()) {\n        <!-- \u0421\u0432\u043E\u0440\u0430\u0447\u0438\u0432\u0430\u043D\u0438\u0435 \u0434\u043E\u0438\u0433\u0440\u044B\u0432\u0430\u0435\u0442 \u0434\u0432\u0438\u0436\u0435\u043D\u0438\u0435: \u043A\u043B\u0430\u0441\u0441 \u0443\u0445\u043E\u0434\u0430 \u0441\u0432\u043E\u0434\u0438\u0442 \u0432\u044B\u0441\u043E\u0442\u0443 \u043A \u043D\u0443\u043B\u044E, \u0438 \u0442\u0435\u043B\u043E \u0443\u0445\u043E\u0434\u0438\u0442 \u043F\u043E\u0441\u043B\u0435. -->\n        <div\n            rtElem=\"body\"\n            role=\"region\"\n            qa-dataid=\"expansion-panel-body\"\n            animate.leave=\"rt-expansion-panel__body--leaving\"\n            [id]=\"bodyId\"\n            [attr.aria-labelledby]=\"headerDomId()\">\n            <ng-content select=\"[rtExpansionPanelBody]\" />\n\n            @if (lazyContent(); as content) {\n                <ng-container [ngTemplateOutlet]=\"content.templateRef\" />\n            }\n        </div>\n    }\n</ng-container>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-expansion-panel{--rt-expansion-panel-radius: var(--rt-radius-md);--rt-expansion-panel-shadow: var(--rt-shadow-sm);--rt-expansion-panel-duration: var(--rt-duration-base);--rt-expansion-panel-bg: var(--rt-color-bg-surface);--rt-expansion-panel-header-min-height: var(--rt-control-height-lg);--rt-expansion-panel-header-padding-block: var(--rt-space-sm);--rt-expansion-panel-header-padding-start: var(--rt-space-lg);--rt-expansion-panel-header-padding-end: var(--rt-space-md);--rt-expansion-panel-header-gap: var(--rt-space-sm);--rt-expansion-panel-header-radius: var(--rt-radius-md);--rt-expansion-panel-header-bg: transparent;--rt-expansion-panel-header-hover-bg: var(--rt-color-bg-hover);--rt-expansion-panel-header-color: var(--rt-color-text-primary);--rt-expansion-panel-header-font-size: var(--rt-text-md);--rt-expansion-panel-header-font-weight: var(--rt-font-weight-medium);--rt-expansion-panel-chevron-size: var(--rt-control-height-sm);--rt-expansion-panel-chevron-color: var(--rt-color-text-muted);--rt-expansion-panel-body-padding-inline: var(--rt-space-lg);--rt-expansion-panel-body-padding-end: var(--rt-space-md);display:block;width:100%;box-sizing:border-box;border-radius:var(--rt-expansion-panel-radius);background:var(--rt-expansion-panel-bg);box-shadow:var(--rt-expansion-panel-shadow);color:var(--rt-color-text-primary)}.rt-expansion-panel--plain{--rt-expansion-panel-radius: var(--rt-radius-none);--rt-expansion-panel-shadow: var(--rt-shadow-none);--rt-expansion-panel-bg: transparent;--rt-expansion-panel-header-min-height: var(--rt-control-height-md);--rt-expansion-panel-header-padding-start: var(--rt-space-0);--rt-expansion-panel-header-padding-end: var(--rt-space-0);--rt-expansion-panel-header-font-size: var(--rt-text-sm);--rt-expansion-panel-header-font-weight: var(--rt-font-weight-regular);--rt-expansion-panel-body-padding-inline: var(--rt-space-0);--rt-expansion-panel-body-padding-end: var(--rt-space-0)}.rt-expansion-panel__header{display:flex;width:100%;min-height:var(--rt-expansion-panel-header-min-height);box-sizing:border-box;align-items:center;border:0;border-radius:var(--rt-expansion-panel-header-radius);background:var(--rt-expansion-panel-header-bg);color:var(--rt-expansion-panel-header-color);cursor:pointer;font:inherit;font-size:var(--rt-expansion-panel-header-font-size);font-weight:var(--rt-expansion-panel-header-font-weight);gap:var(--rt-expansion-panel-header-gap);padding-block:var(--rt-expansion-panel-header-padding-block);padding-inline:var(--rt-expansion-panel-header-padding-start) var(--rt-expansion-panel-header-padding-end);text-align:start;transition:background-color var(--rt-expansion-panel-duration) ease}.rt-expansion-panel__header:hover:not(:disabled){background:var(--rt-expansion-panel-header-hover-bg)}.rt-expansion-panel__header:focus-visible{outline:var(--rt-focus-ring-width) solid var(--rt-focus-ring-color);outline-offset:calc(var(--rt-focus-ring-width) * -1)}.rt-expansion-panel__header:disabled{color:var(--rt-color-text-disabled);cursor:default}.rt-expansion-panel__chevron{display:inline-flex;flex-shrink:0;justify-content:center;color:var(--rt-expansion-panel-chevron-color);inline-size:var(--rt-expansion-panel-chevron-size);margin-inline-start:auto;transition:transform var(--rt-expansion-panel-duration) ease}.rt-expansion-panel__chevron--open{transform:rotate(180deg)}.rt-expansion-panel__body{overflow:hidden;height:auto;interpolate-size:allow-keywords;padding-block-end:var(--rt-expansion-panel-body-padding-end);padding-inline:var(--rt-expansion-panel-body-padding-inline);transition:height var(--rt-expansion-panel-duration) ease,padding-block-end var(--rt-expansion-panel-duration) ease}@starting-style{.rt-expansion-panel__body{height:0;padding-block-end:0}}.rt-expansion-panel__body--leaving{height:0;padding-block-end:0}@media(prefers-reduced-motion:reduce){.rt-expansion-panel__body{transition:none}}.rt-expansion-panel--disabled .rt-expansion-panel__chevron{color:var(--rt-color-text-disabled)}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: 
+                // directives
+                BlockDirective, selector: "[rtBlock]", inputs: ["rtMod"] }, { kind: "directive", type: ElemDirective, selector: "[rtElem]", inputs: ["rtMod"] }, { kind: "directive", type: ModDirective, selector: "[rtMod]" }, { kind: "component", type: 
+                // components
+                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.1.6", ngImport: i0, type: RtExpansionPanelComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rt-expansion-panel', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
+                        NgTemplateOutlet,
+                        // directives
+                        BlockDirective,
+                        ElemDirective,
+                        ModDirective,
+                        // components
+                        RtIconComponent,
+                    ], host: {
+                        class: BEM_BLOCK,
+                        '[class.rt-expansion-panel--plain]': 'appearance() === "plain"',
+                        '[class.rt-expansion-panel--expanded]': 'expanded()',
+                        '[class.rt-expansion-panel--disabled]': 'disabled()',
+                    }, template: "<ng-container rtBlock=\"rt-expansion-panel\">\n    <button\n        type=\"button\"\n        rtElem=\"header\"\n        qa-dataid=\"expansion-panel-header\"\n        [id]=\"headerDomId()\"\n        [disabled]=\"disabled()\"\n        [attr.aria-expanded]=\"expanded()\"\n        [attr.aria-controls]=\"expanded() ? bodyId : null\"\n        [attr.aria-label]=\"ariaLabel()\"\n        (click)=\"toggle()\">\n        <ng-content />\n\n        @if (!hideToggle()) {\n            <!-- \u0428\u0435\u0432\u0440\u043E\u043D \u2014 \u0432 \u043E\u0431\u0451\u0440\u0442\u043A\u0435: \u0448\u0438\u0440\u0438\u043D\u0443 \u0441\u0442\u043E\u043B\u0431\u0446\u0430 \u0434\u0435\u0440\u0436\u0438\u0442 \u043E\u043D\u0430, \u0437\u043D\u0430\u0447\u043E\u043A \u0441\u0432\u043E\u044E \u0448\u0438\u0440\u0438\u043D\u0443 \u0441\u0442\u0430\u0432\u0438\u0442 \u0441\u0430\u043C. -->\n            <span rtElem=\"chevron\" aria-hidden=\"true\" [rtMod]=\"{ open: expanded() }\"><rt-icon size=\"sm\" name=\"chevron-down\" /></span>\n        }\n    </button>\n\n    @if (expanded()) {\n        <!-- \u0421\u0432\u043E\u0440\u0430\u0447\u0438\u0432\u0430\u043D\u0438\u0435 \u0434\u043E\u0438\u0433\u0440\u044B\u0432\u0430\u0435\u0442 \u0434\u0432\u0438\u0436\u0435\u043D\u0438\u0435: \u043A\u043B\u0430\u0441\u0441 \u0443\u0445\u043E\u0434\u0430 \u0441\u0432\u043E\u0434\u0438\u0442 \u0432\u044B\u0441\u043E\u0442\u0443 \u043A \u043D\u0443\u043B\u044E, \u0438 \u0442\u0435\u043B\u043E \u0443\u0445\u043E\u0434\u0438\u0442 \u043F\u043E\u0441\u043B\u0435. -->\n        <div\n            rtElem=\"body\"\n            role=\"region\"\n            qa-dataid=\"expansion-panel-body\"\n            animate.leave=\"rt-expansion-panel__body--leaving\"\n            [id]=\"bodyId\"\n            [attr.aria-labelledby]=\"headerDomId()\">\n            <ng-content select=\"[rtExpansionPanelBody]\" />\n\n            @if (lazyContent(); as content) {\n                <ng-container [ngTemplateOutlet]=\"content.templateRef\" />\n            }\n        </div>\n    }\n</ng-container>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-expansion-panel{--rt-expansion-panel-radius: var(--rt-radius-md);--rt-expansion-panel-shadow: var(--rt-shadow-sm);--rt-expansion-panel-duration: var(--rt-duration-base);--rt-expansion-panel-bg: var(--rt-color-bg-surface);--rt-expansion-panel-header-min-height: var(--rt-control-height-lg);--rt-expansion-panel-header-padding-block: var(--rt-space-sm);--rt-expansion-panel-header-padding-start: var(--rt-space-lg);--rt-expansion-panel-header-padding-end: var(--rt-space-md);--rt-expansion-panel-header-gap: var(--rt-space-sm);--rt-expansion-panel-header-radius: var(--rt-radius-md);--rt-expansion-panel-header-bg: transparent;--rt-expansion-panel-header-hover-bg: var(--rt-color-bg-hover);--rt-expansion-panel-header-color: var(--rt-color-text-primary);--rt-expansion-panel-header-font-size: var(--rt-text-md);--rt-expansion-panel-header-font-weight: var(--rt-font-weight-medium);--rt-expansion-panel-chevron-size: var(--rt-control-height-sm);--rt-expansion-panel-chevron-color: var(--rt-color-text-muted);--rt-expansion-panel-body-padding-inline: var(--rt-space-lg);--rt-expansion-panel-body-padding-end: var(--rt-space-md);display:block;width:100%;box-sizing:border-box;border-radius:var(--rt-expansion-panel-radius);background:var(--rt-expansion-panel-bg);box-shadow:var(--rt-expansion-panel-shadow);color:var(--rt-color-text-primary)}.rt-expansion-panel--plain{--rt-expansion-panel-radius: var(--rt-radius-none);--rt-expansion-panel-shadow: var(--rt-shadow-none);--rt-expansion-panel-bg: transparent;--rt-expansion-panel-header-min-height: var(--rt-control-height-md);--rt-expansion-panel-header-padding-start: var(--rt-space-0);--rt-expansion-panel-header-padding-end: var(--rt-space-0);--rt-expansion-panel-header-font-size: var(--rt-text-sm);--rt-expansion-panel-header-font-weight: var(--rt-font-weight-regular);--rt-expansion-panel-body-padding-inline: var(--rt-space-0);--rt-expansion-panel-body-padding-end: var(--rt-space-0)}.rt-expansion-panel__header{display:flex;width:100%;min-height:var(--rt-expansion-panel-header-min-height);box-sizing:border-box;align-items:center;border:0;border-radius:var(--rt-expansion-panel-header-radius);background:var(--rt-expansion-panel-header-bg);color:var(--rt-expansion-panel-header-color);cursor:pointer;font:inherit;font-size:var(--rt-expansion-panel-header-font-size);font-weight:var(--rt-expansion-panel-header-font-weight);gap:var(--rt-expansion-panel-header-gap);padding-block:var(--rt-expansion-panel-header-padding-block);padding-inline:var(--rt-expansion-panel-header-padding-start) var(--rt-expansion-panel-header-padding-end);text-align:start;transition:background-color var(--rt-expansion-panel-duration) ease}.rt-expansion-panel__header:hover:not(:disabled){background:var(--rt-expansion-panel-header-hover-bg)}.rt-expansion-panel__header:focus-visible{outline:var(--rt-focus-ring-width) solid var(--rt-focus-ring-color);outline-offset:calc(var(--rt-focus-ring-width) * -1)}.rt-expansion-panel__header:disabled{color:var(--rt-color-text-disabled);cursor:default}.rt-expansion-panel__chevron{display:inline-flex;flex-shrink:0;justify-content:center;color:var(--rt-expansion-panel-chevron-color);inline-size:var(--rt-expansion-panel-chevron-size);margin-inline-start:auto;transition:transform var(--rt-expansion-panel-duration) ease}.rt-expansion-panel__chevron--open{transform:rotate(180deg)}.rt-expansion-panel__body{overflow:hidden;height:auto;interpolate-size:allow-keywords;padding-block-end:var(--rt-expansion-panel-body-padding-end);padding-inline:var(--rt-expansion-panel-body-padding-inline);transition:height var(--rt-expansion-panel-duration) ease,padding-block-end var(--rt-expansion-panel-duration) ease}@starting-style{.rt-expansion-panel__body{height:0;padding-block-end:0}}.rt-expansion-panel__body--leaving{height:0;padding-block-end:0}@media(prefers-reduced-motion:reduce){.rt-expansion-panel__body{transition:none}}.rt-expansion-panel--disabled .rt-expansion-panel__chevron{color:var(--rt-color-text-disabled)}}\n"] }]
+        }], propDecorators: { lazyContent: [{ type: i0.ContentChild, args: [i0.forwardRef(() => RtExpansionPanelContentDirective), { isSignal: true }] }], expanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "expanded", required: false }] }, { type: i0.Output, args: ["expandedChange"] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], hideToggle: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideToggle", required: false }] }], appearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "appearance", required: false }] }], headerId: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerId", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { RtExpansionPanelComponent, RtExpansionPanelContentDirective };
+//# sourceMappingURL=rt-tools-ui-kit-v2-expansion-panel.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"rt-tools-ui-kit-v2-expansion-panel.mjs","sources":["../../../projects/ui-kit-v2/src/lib/components/expansion-panel/rt-expansion-panel-content.directive.ts","../../../projects/ui-kit-v2/src/lib/components/expansion-panel/rt-expansion-panel.component.ts","../../../projects/ui-kit-v2/src/lib/components/expansion-panel/rt-expansion-panel.component.html","../../../projects/ui-kit-v2/src/lib/components/expansion-panel/rt-tools-ui-kit-v2-expansion-panel.ts"],"sourcesContent":["import { Directive, inject, TemplateRef } from '@angular/core';\n\n/**\n * Тело `rt-expansion-panel`, собираемое лениво: ставится на `<ng-template>` внутри панели, и его\n * содержимое создаётся при раскрытии и уходит после сворачивания. Сворачивание при этом доигрывает\n * движение до конца: тело уходит вместе со своим содержимым, а не пустым.\n */\n@Directive({\n    selector: 'ng-template[rtExpansionPanelContent]',\n})\nexport class RtExpansionPanelContentDirective {\n    public readonly templateRef: TemplateRef<unknown> = inject<TemplateRef<unknown>>(TemplateRef);\n}\n","import { NgTemplateOutlet } from '@angular/common';\nimport {\n    booleanAttribute,\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    contentChild,\n    input,\n    InputSignal,\n    InputSignalWithTransform,\n    model,\n    ModelSignal,\n    Signal,\n    ViewEncapsulation,\n} from '@angular/core';\n\nimport { BlockDirective, ElemDirective, ModDirective } from '@rt-tools/core';\n\nimport { RtIconComponent } from '@rt-tools/ui-kit-v2/icon';\nimport { RtExpansionPanelContentDirective } from './rt-expansion-panel-content.directive';\nimport { IRtExpansionPanel } from './rt-expansion-panel.model';\n\nconst BEM_BLOCK: string = 'rt-expansion-panel';\n\nlet expansionPanelIdSeed: number = 0;\n\nfunction nextExpansionPanelId(): number {\n    expansionPanelIdSeed += 1;\n    return expansionPanelIdSeed;\n}\n\n/**\n * Раскрывающаяся панель: заголовок-кнопка во всю ширину с шевроном у правого края и тело под ним.\n * Нажатие на заголовок раскрывает и сворачивает тело, раскрытие и сворачивание идут с движением.\n * Заменяет во втором ките панель раскрытия Material первого кита.\n *\n * Заголовок — содержимое панели без отметки. Тело — узел с `rtExpansionPanelBody`, созданный сразу,\n * или `<ng-template rtExpansionPanelContent>`, созданный при раскрытии.\n *\n * Состояние раскрытия — `expanded`, двусторонняя привязка: панель пишет в него сама, а владелец\n * может держать его в своём сигнале и менять извне.\n */\n@Component({\n    selector: 'rt-expansion-panel',\n    templateUrl: './rt-expansion-panel.component.html',\n    styleUrl: './rt-expansion-panel.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        NgTemplateOutlet,\n\n        // directives\n        BlockDirective,\n        ElemDirective,\n        ModDirective,\n\n        // components\n        RtIconComponent,\n    ],\n    host: {\n        class: BEM_BLOCK,\n        '[class.rt-expansion-panel--plain]': 'appearance() === \"plain\"',\n        '[class.rt-expansion-panel--expanded]': 'expanded()',\n        '[class.rt-expansion-panel--disabled]': 'disabled()',\n    },\n})\nexport class RtExpansionPanelComponent {\n    /** Основа id: две панели на одной странице не ссылаются на чужое тело. */\n    readonly #idBase: string = `rt-expansion-panel-${nextExpansionPanelId()}`;\n\n    /** Ленивое тело: шаблон создаётся при раскрытии. */\n    protected readonly lazyContent: Signal<RtExpansionPanelContentDirective | undefined> = contentChild(RtExpansionPanelContentDirective);\n    protected readonly bodyId: string = `${this.#idBase}-body`;\n    protected readonly headerDomId: Signal<string> = computed((): string => this.headerId() ?? `${this.#idBase}-header`);\n\n    /** Тело раскрыто. Двусторонняя привязка: нажатие на заголовок пишет сюда. */\n    public readonly expanded: ModelSignal<boolean> = model<boolean>(false);\n\n    /** Заголовок не нажимается, тело остаётся как было. */\n    public readonly disabled: InputSignalWithTransform<boolean, unknown> = input(false, { transform: booleanAttribute });\n\n    /** Шеврона нет: раскрытие читается по содержимому или его нечего раскрывать. */\n    public readonly hideToggle: InputSignalWithTransform<boolean, unknown> = input(false, { transform: booleanAttribute });\n\n    public readonly appearance: InputSignal<IRtExpansionPanel.Appearance> = input<IRtExpansionPanel.Appearance>('card');\n\n    /** Id кнопки заголовка. Нужен владельцу, который ищет заголовок по своему номеру; иначе — свой. */\n    public readonly headerId: InputSignal<string | null> = input<string | null>(null);\n\n    /** Имя кнопки заголовка для вспомогательных средств, когда видимой подписи мало. */\n    public readonly ariaLabel: InputSignal<string | null> = input<string | null>(null);\n\n    /** Нажатие на заголовок: раскрывает свёрнутую панель и сворачивает раскрытую. */\n    public toggle(): void {\n        if (!this.disabled()) {\n            this.expanded.set(!this.expanded());\n        }\n    }\n}\n","<ng-container rtBlock=\"rt-expansion-panel\">\n    <button\n        type=\"button\"\n        rtElem=\"header\"\n        qa-dataid=\"expansion-panel-header\"\n        [id]=\"headerDomId()\"\n        [disabled]=\"disabled()\"\n        [attr.aria-expanded]=\"expanded()\"\n        [attr.aria-controls]=\"expanded() ? bodyId : null\"\n        [attr.aria-label]=\"ariaLabel()\"\n        (click)=\"toggle()\">\n        <ng-content />\n\n        @if (!hideToggle()) {\n            <!-- Шеврон — в обёртке: ширину столбца держит она, значок свою ширину ставит сам. -->\n            <span rtElem=\"chevron\" aria-hidden=\"true\" [rtMod]=\"{ open: expanded() }\"><rt-icon size=\"sm\" name=\"chevron-down\" /></span>\n        }\n    </button>\n\n    @if (expanded()) {\n        <!-- Сворачивание доигрывает движение: класс ухода сводит высоту к нулю, и тело уходит после. -->\n        <div\n            rtElem=\"body\"\n            role=\"region\"\n            qa-dataid=\"expansion-panel-body\"\n            animate.leave=\"rt-expansion-panel__body--leaving\"\n            [id]=\"bodyId\"\n            [attr.aria-labelledby]=\"headerDomId()\">\n            <ng-content select=\"[rtExpansionPanelBody]\" />\n\n            @if (lazyContent(); as content) {\n                <ng-container [ngTemplateOutlet]=\"content.templateRef\" />\n            }\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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"}

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

@@ -0,0 +1,183 @@
+import * as i0 from '@angular/core';
+import { Directive, inject, contentChild, computed, input, booleanAttribute, effect, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
+import { BlockDirective, ElemDirective, ModDirective } from '@rt-tools/core';
+import { RT_KIT_LABELS, rtKitLabel } from '@rt-tools/ui-kit-v2/core';
+import { RtFormControlBase } from '@rt-tools/ui-kit-v2/form-control';
+import { RtIconComponent } from '@rt-tools/ui-kit-v2/icon';
+import { RtPopoverDirective } from '@rt-tools/ui-kit-v2/popover';
+import { RtSkeletonWrapperComponent } from '@rt-tools/ui-kit-v2/skeleton-wrapper';
+
+/**
+ * Маркер проецируемого hint'а для rt-field. Нужен, когда подсказке требуется
+ * разметка (`<strong>`, интерполяция значений), которую плоский string-input
+ * `[hint]` передать не может. Если проецируемый hint присутствует — rt-field
+ * рендерит его вместо строкового `[hint]` (тот остаётся fallback'ом).
+ */
+class RtFieldHintDirective {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtFieldHintDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.6", type: RtFieldHintDirective, isStandalone: true, selector: "[rtFieldHint]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtFieldHintDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[rtFieldHint]',
+                }]
+        }] });
+
+/**
+ * Ключи сообщений об ошибках по имени валидатора (перекрываются input'ом
+ * [errors] поштучно, уже готовым текстом).
+ *
+ * Здесь ключи, а не переводы: карта собирается при загрузке модуля, когда язык
+ * страницы ещё неизвестен, и готовый текст остался бы на языке по умолчанию
+ * даже под переведённой подписью поля. Переводит сам компонент поля.
+ */
+const RT_FIELD_DEFAULT_ERROR_KEYS = {
+    required: 'fieldErrorRequired',
+    email: 'fieldErrorEmail',
+    minlength: 'fieldErrorMinLength',
+    maxlength: 'fieldErrorMaxLength',
+    min: 'fieldErrorMin',
+    max: 'fieldErrorMax',
+    pattern: 'fieldErrorPattern',
+};
+/** Текст-плейсхолдер read-only поля без значения. */
+const RT_FIELD_EMPTY_VALUE = '—';
+
+const BEM_BLOCK = 'rt-field';
+/** Счётчик для авто-id (связка label[for] ↔ controlId спроецированного контрола). */
+let uidSeed = 0;
+function nextAutoId() {
+    uidSeed += 1;
+    return `rt-field-${uidSeed}`;
+}
+/**
+ * Обёртка единой анатомии поля: label (+ опц. help-иконка с popover, + авто «*»
+ * для required) сверху, спроецированный rt-контрол посередине, hint/error снизу.
+ * `required` объявляет поле обязательным там, где валидатора на контроле нет (шаблонная форма).
+ * `hideRequiredMark` глушит авто-«*» — для форм, где все поля обязательны и
+ * маркер лишний (логин).
+ * `reserveHintSpace` держит под контролом строку высотой в одно сообщение даже
+ * когда ни ошибки, ни hint нет — чтобы появление ошибки не сдвигало форму вниз
+ * (нужно для полей без постоянного hint, напр. логин).
+ *
+ * Читает контрол через contentChild(RtFormControlBase): авто-связывает label[for],
+ * прокидывает read-only режим, показывает текст ошибки/required-маркер. На loading
+ * оборачивает зону контрола в rt-skeleton-wrapper (label/hint остаются видимыми) —
+ * нужно для route-aside, где поля рендерятся до прихода данных.
+ */
+class RtFieldComponent {
+    #autoId;
+    /** Имя первого сработавшего валидатора: сообщений показываем по одному */
+    #failedValidator;
+    /**
+     * Умолчание переводится по ключу.
+     *
+     * Ключ передаётся сигналом, а не строкой: так подпись пересчитывается и при
+     * смене валидатора, и при смене языка — пользователь переключает его
+     * на лету, и текст ошибки обязан переключиться вместе с формой.
+     */
+    #defaultErrorText;
+    constructor() {
+        // contentChild нельзя объявлять на ES-private (#) поле — Angular это запрещает,
+        // поэтому проекция контрола живёт в protected-поле.
+        this.t = inject(RT_KIT_LABELS);
+        this.projectedControl = contentChild(RtFormControlBase, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "projectedControl" }] : /* istanbul ignore next */ []));
+        // Проецируемый hint (с разметкой) — если присутствует, рендерится вместо
+        // строкового [hint].
+        this.projectedHint = contentChild(RtFieldHintDirective, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "projectedHint" }] : /* istanbul ignore next */ []));
+        this.#autoId = nextAutoId();
+        /** Итоговый id: явный controlId контрола важнее авто-id. */
+        this.controlId = computed(() => this.projectedControl()?.effectiveControlId() ?? this.#autoId, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "controlId" }] : /* istanbul ignore next */ []));
+        this.isRequired = computed(() => this.projectedControl()?.required() ?? false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isRequired" }] : /* istanbul ignore next */ []));
+        this.showError = computed(() => !!this.projectedControl()?.invalid(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showError" }] : /* istanbul ignore next */ []));
+        /** Имя первого сработавшего валидатора: сообщений показываем по одному */
+        this.#failedValidator = computed(() => {
+            const errs = this.projectedControl()?.errors() ?? null;
+            return errs ? (Object.keys(errs)[0] ?? '') : '';
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "#failedValidator" }] : /* istanbul ignore next */ []));
+        /**
+         * Умолчание переводится по ключу.
+         *
+         * Ключ передаётся сигналом, а не строкой: так подпись пересчитывается и при
+         * смене валидатора, и при смене языка — пользователь переключает его
+         * на лету, и текст ошибки обязан переключиться вместе с формой.
+         */
+        this.#defaultErrorText = rtKitLabel(computed(() => RT_FIELD_DEFAULT_ERROR_KEYS[this.#failedValidator()] ?? ''));
+        /** Сообщение об ошибке: текст, переданный формой, важнее умолчания */
+        this.errorText = computed(() => {
+            const validator = this.#failedValidator();
+            if (!validator) {
+                return '';
+            }
+            const own = this.errors()[validator];
+            if (own) {
+                return own;
+            }
+            return RT_FIELD_DEFAULT_ERROR_KEYS[validator] ? this.#defaultErrorText() : '';
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "errorText" }] : /* istanbul ignore next */ []));
+        this.emptyValue = RT_FIELD_EMPTY_VALUE;
+        this.label = input('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+        this.hint = input('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "hint" }] : /* istanbul ignore next */ []));
+        this.help = input('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "help" }] : /* istanbul ignore next */ []));
+        this.readonly = input(false, { ...(ngDevMode ? { debugName: "readonly" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        this.loading = input(false, { ...(ngDevMode ? { debugName: "loading" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /**
+         * Поле обязательно, хотя валидатора на контроле нет: шаблонная форма его не кладёт. Даёт «*» и
+         * ошибку под тронутым пустым полем. Форму недействительной не делает — решение о записи
+         * остаётся у формы.
+         */
+        this.required = input(false, { ...(ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        this.hideRequiredMark = input(false, { ...(ngDevMode ? { debugName: "hideRequiredMark" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        this.reserveHintSpace = input(false, { ...(ngDevMode ? { debugName: "reserveHintSpace" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        this.errors = input({}, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "errors" }] : /* istanbul ignore next */ []));
+        // Реактивно прокидываем read-only режим в спроецированный контрол.
+        effect(() => {
+            this.projectedControl()?.setReadonly(this.readonly());
+        });
+        effect(() => {
+            this.projectedControl()?.setRequired(this.required());
+        });
+    }
+    ngAfterContentInit() {
+        const ctrl = this.projectedControl();
+        // Авто-id только если у контрола нет явного controlId — для label[for].
+        if (ctrl && ctrl.effectiveControlId() === null) {
+            ctrl.assignControlId(this.#autoId);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: RtFieldComponent, isStandalone: true, selector: "rt-field", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null }, help: { classPropertyName: "help", publicName: "help", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, hideRequiredMark: { classPropertyName: "hideRequiredMark", publicName: "hideRequiredMark", isSignal: true, isRequired: false, transformFunction: null }, reserveHintSpace: { classPropertyName: "reserveHintSpace", publicName: "reserveHintSpace", isSignal: true, isRequired: false, transformFunction: null }, errors: { classPropertyName: "errors", publicName: "errors", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "rt-field" }, queries: [{ propertyName: "projectedControl", first: true, predicate: RtFormControlBase, descendants: true, isSignal: true }, { propertyName: "projectedHint", first: true, predicate: RtFieldHintDirective, descendants: true, isSignal: true }], ngImport: i0, template: "<ng-container rtBlock=\"rt-field\">\n    @if (label()) {\n        <span rtElem=\"label-row\">\n            <label rtElem=\"label\" qa-dataid=\"field-label\" [attr.for]=\"controlId()\">\n                {{ label() }}\n                @if (isRequired() && !hideRequiredMark()) {\n                    <span rtElem=\"required\" qa-dataid=\"field-required\" aria-hidden=\"true\">*</span>\n                }\n            </label>\n            @if (help()) {\n                <button\n                    rtElem=\"help\"\n                    qa-dataid=\"field-help\"\n                    type=\"button\"\n                    rtPopoverTrigger=\"hover\"\n                    [attr.aria-label]=\"t().uiHint\"\n                    [rtPopover]=\"helpTpl\">\n                    <rt-icon name=\"ico-help\" size=\"sm\" color=\"muted\" />\n                </button>\n                <ng-template #helpTpl>\n                    <span rtElem=\"help-popover\" qa-dataid=\"field-help-popover\">{{ help() }}</span>\n                </ng-template>\n            }\n        </span>\n    }\n\n    <rt-skeleton-wrapper rtElem=\"control\" height=\"var(--rt-input-height)\" [isLoading]=\"loading()\">\n        <ng-content />\n    </rt-skeleton-wrapper>\n\n    <!-- \u0421 \u0440\u0435\u0437\u0435\u0440\u0432\u043E\u043C hint \u043E\u0441\u0442\u0430\u0451\u0442\u0441\u044F \u0432 \u043F\u043E\u0442\u043E\u043A\u0435 \u0434\u0430\u0436\u0435 \u043F\u043E\u0434 \u043E\u0448\u0438\u0431\u043A\u043E\u0439 (\u0441\u043A\u0440\u044B\u0442\u044B\u0439), \u0430 \u0441\u0430\u043C\u0430\n         \u043E\u0448\u0438\u0431\u043A\u0430 \u043A\u043B\u0430\u0434\u0451\u0442\u0441\u044F \u0432 \u0442\u0443 \u0436\u0435 \u044F\u0447\u0435\u0439\u043A\u0443 \u0433\u0440\u0438\u0434\u0430: \u0432\u044B\u0441\u043E\u0442\u0430 \u0437\u043E\u043D\u044B \u0440\u0430\u0432\u043D\u0430 \u0431\u043E\u043B\u044C\u0448\u0435\u043C\u0443 \u0438\u0437\n         \u0434\u0432\u0443\u0445 \u0441\u043E\u043E\u0431\u0449\u0435\u043D\u0438\u0439 \u0438 \u043D\u0435 \u043C\u0435\u043D\u044F\u0435\u0442\u0441\u044F \u043F\u0440\u0438 \u0438\u0445 \u043F\u043E\u0434\u043C\u0435\u043D\u0435. \u0411\u0435\u0437 \u0440\u0435\u0437\u0435\u0440\u0432\u0430 \u2014 \u043A\u0430\u043A \u0431\u044B\u043B\u043E,\n         \u043E\u0434\u043D\u043E \u0441\u043E\u043E\u0431\u0449\u0435\u043D\u0438\u0435 \u0437\u0430 \u0440\u0430\u0437, \u0447\u0442\u043E\u0431\u044B \u043F\u043B\u043E\u0442\u043D\u044B\u0435 \u0444\u043E\u0440\u043C\u044B \u043D\u0435 \u043D\u0430\u0431\u0438\u0440\u0430\u043B\u0438 \u043B\u0438\u0448\u043D\u0438\u0439 \u0432\u043E\u0437\u0434\u0443\u0445. -->\n    <span rtElem=\"messages\" [rtMod]=\"{ reserved: reserveHintSpace() }\">\n        @if (projectedHint() && (reserveHintSpace() || !showError())) {\n            <small rtElem=\"hint\" qa-dataid=\"field-hint\" [rtMod]=\"{ hidden: showError() }\" [attr.aria-hidden]=\"showError() ? 'true' : null\">\n                <ng-content select=\"[rtFieldHint]\" />\n            </small>\n        } @else if (hint() && (reserveHintSpace() || !showError())) {\n            <small rtElem=\"hint\" qa-dataid=\"field-hint\" [rtMod]=\"{ hidden: showError() }\" [attr.aria-hidden]=\"showError() ? 'true' : null\">\n                {{ hint() }}\n            </small>\n        }\n\n        @if (showError()) {\n            <small rtElem=\"error\" qa-dataid=\"field-error\">{{ errorText() }}</small>\n        }\n    </span>\n</ng-container>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-field{display:flex;flex-direction:column;gap:var(--rt-field-gap)}.rt-field__label-row{display:inline-flex;align-items:center;gap:var(--rt-field-label-help-gap)}.rt-field__label{color:var(--rt-field-label-color);font-size:var(--rt-field-label-font-size);font-weight:var(--rt-field-label-font-weight)}.rt-field__required{color:var(--rt-field-required-color)}.rt-field__control{color:var(--rt-field-value-color);font-size:var(--rt-field-value-font-size)}.rt-field__help{display:inline-flex;padding:0;border:none;margin:0;background:none;cursor:help}.rt-field__help-popover{display:block;max-width:240px;font-size:var(--rt-field-hint-font-size)}.rt-field__messages{display:grid}.rt-field__messages--reserved{font-size:var(--rt-field-error-font-size);min-block-size:1lh}.rt-field__messages--reserved>*{grid-area:1/1}.rt-field__hint{color:var(--rt-field-hint-color);font-size:var(--rt-field-hint-font-size)}.rt-field__hint--hidden{visibility:hidden}.rt-field__error{color:var(--rt-field-error-color);font-size:var(--rt-field-error-font-size)}}\n"], dependencies: [{ kind: "component", type: 
+                // standalone components / directives
+                RtIconComponent, selector: "rt-icon", inputs: ["name", "glyph", "glyphStrategy", "size", "color", "fill", "spin", "rotate"] }, { kind: "directive", type: RtPopoverDirective, selector: "[rtPopover]", inputs: ["rtPopover", "rtPopoverTrigger", "rtPopoverWidth", "rtPopoverAlign", "rtPopoverFitViewport", "rtPopoverContext", "rtPopoverPanelClass", "rtPopoverDisabled", "rtPopoverOffsetY", "rtPopoverOffsetX"], outputs: ["rtPopoverOpened", "rtPopoverClosed"], exportAs: ["rtPopover"] }, { kind: "component", type: RtSkeletonWrapperComponent, selector: "rt-skeleton-wrapper", inputs: ["width", "height", "shape", "size", "radius", "animation", "isLoading"] }, { 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.1.6", ngImport: i0, type: RtFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rt-field', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
+                        // standalone components / directives
+                        RtIconComponent,
+                        RtPopoverDirective,
+                        RtSkeletonWrapperComponent,
+                        BlockDirective,
+                        ElemDirective,
+                        ModDirective,
+                    ], host: { class: BEM_BLOCK }, template: "<ng-container rtBlock=\"rt-field\">\n    @if (label()) {\n        <span rtElem=\"label-row\">\n            <label rtElem=\"label\" qa-dataid=\"field-label\" [attr.for]=\"controlId()\">\n                {{ label() }}\n                @if (isRequired() && !hideRequiredMark()) {\n                    <span rtElem=\"required\" qa-dataid=\"field-required\" aria-hidden=\"true\">*</span>\n                }\n            </label>\n            @if (help()) {\n                <button\n                    rtElem=\"help\"\n                    qa-dataid=\"field-help\"\n                    type=\"button\"\n                    rtPopoverTrigger=\"hover\"\n                    [attr.aria-label]=\"t().uiHint\"\n                    [rtPopover]=\"helpTpl\">\n                    <rt-icon name=\"ico-help\" size=\"sm\" color=\"muted\" />\n                </button>\n                <ng-template #helpTpl>\n                    <span rtElem=\"help-popover\" qa-dataid=\"field-help-popover\">{{ help() }}</span>\n                </ng-template>\n            }\n        </span>\n    }\n\n    <rt-skeleton-wrapper rtElem=\"control\" height=\"var(--rt-input-height)\" [isLoading]=\"loading()\">\n        <ng-content />\n    </rt-skeleton-wrapper>\n\n    <!-- \u0421 \u0440\u0435\u0437\u0435\u0440\u0432\u043E\u043C hint \u043E\u0441\u0442\u0430\u0451\u0442\u0441\u044F \u0432 \u043F\u043E\u0442\u043E\u043A\u0435 \u0434\u0430\u0436\u0435 \u043F\u043E\u0434 \u043E\u0448\u0438\u0431\u043A\u043E\u0439 (\u0441\u043A\u0440\u044B\u0442\u044B\u0439), \u0430 \u0441\u0430\u043C\u0430\n         \u043E\u0448\u0438\u0431\u043A\u0430 \u043A\u043B\u0430\u0434\u0451\u0442\u0441\u044F \u0432 \u0442\u0443 \u0436\u0435 \u044F\u0447\u0435\u0439\u043A\u0443 \u0433\u0440\u0438\u0434\u0430: \u0432\u044B\u0441\u043E\u0442\u0430 \u0437\u043E\u043D\u044B \u0440\u0430\u0432\u043D\u0430 \u0431\u043E\u043B\u044C\u0448\u0435\u043C\u0443 \u0438\u0437\n         \u0434\u0432\u0443\u0445 \u0441\u043E\u043E\u0431\u0449\u0435\u043D\u0438\u0439 \u0438 \u043D\u0435 \u043C\u0435\u043D\u044F\u0435\u0442\u0441\u044F \u043F\u0440\u0438 \u0438\u0445 \u043F\u043E\u0434\u043C\u0435\u043D\u0435. \u0411\u0435\u0437 \u0440\u0435\u0437\u0435\u0440\u0432\u0430 \u2014 \u043A\u0430\u043A \u0431\u044B\u043B\u043E,\n         \u043E\u0434\u043D\u043E \u0441\u043E\u043E\u0431\u0449\u0435\u043D\u0438\u0435 \u0437\u0430 \u0440\u0430\u0437, \u0447\u0442\u043E\u0431\u044B \u043F\u043B\u043E\u0442\u043D\u044B\u0435 \u0444\u043E\u0440\u043C\u044B \u043D\u0435 \u043D\u0430\u0431\u0438\u0440\u0430\u043B\u0438 \u043B\u0438\u0448\u043D\u0438\u0439 \u0432\u043E\u0437\u0434\u0443\u0445. -->\n    <span rtElem=\"messages\" [rtMod]=\"{ reserved: reserveHintSpace() }\">\n        @if (projectedHint() && (reserveHintSpace() || !showError())) {\n            <small rtElem=\"hint\" qa-dataid=\"field-hint\" [rtMod]=\"{ hidden: showError() }\" [attr.aria-hidden]=\"showError() ? 'true' : null\">\n                <ng-content select=\"[rtFieldHint]\" />\n            </small>\n        } @else if (hint() && (reserveHintSpace() || !showError())) {\n            <small rtElem=\"hint\" qa-dataid=\"field-hint\" [rtMod]=\"{ hidden: showError() }\" [attr.aria-hidden]=\"showError() ? 'true' : null\">\n                {{ hint() }}\n            </small>\n        }\n\n        @if (showError()) {\n            <small rtElem=\"error\" qa-dataid=\"field-error\">{{ errorText() }}</small>\n        }\n    </span>\n</ng-container>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-field{display:flex;flex-direction:column;gap:var(--rt-field-gap)}.rt-field__label-row{display:inline-flex;align-items:center;gap:var(--rt-field-label-help-gap)}.rt-field__label{color:var(--rt-field-label-color);font-size:var(--rt-field-label-font-size);font-weight:var(--rt-field-label-font-weight)}.rt-field__required{color:var(--rt-field-required-color)}.rt-field__control{color:var(--rt-field-value-color);font-size:var(--rt-field-value-font-size)}.rt-field__help{display:inline-flex;padding:0;border:none;margin:0;background:none;cursor:help}.rt-field__help-popover{display:block;max-width:240px;font-size:var(--rt-field-hint-font-size)}.rt-field__messages{display:grid}.rt-field__messages--reserved{font-size:var(--rt-field-error-font-size);min-block-size:1lh}.rt-field__messages--reserved>*{grid-area:1/1}.rt-field__hint{color:var(--rt-field-hint-color);font-size:var(--rt-field-hint-font-size)}.rt-field__hint--hidden{visibility:hidden}.rt-field__error{color:var(--rt-field-error-color);font-size:var(--rt-field-error-font-size)}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { projectedControl: [{ type: i0.ContentChild, args: [i0.forwardRef(() => RtFormControlBase), { isSignal: true }] }], projectedHint: [{ type: i0.ContentChild, args: [i0.forwardRef(() => RtFieldHintDirective), { isSignal: true }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], hint: [{ type: i0.Input, args: [{ isSignal: true, alias: "hint", required: false }] }], help: [{ type: i0.Input, args: [{ isSignal: true, alias: "help", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], hideRequiredMark: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideRequiredMark", required: false }] }], reserveHintSpace: [{ type: i0.Input, args: [{ isSignal: true, alias: "reserveHintSpace", required: false }] }], errors: [{ type: i0.Input, args: [{ isSignal: true, alias: "errors", required: false }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { RT_FIELD_DEFAULT_ERROR_KEYS, RT_FIELD_EMPTY_VALUE, RtFieldComponent, RtFieldHintDirective };
+//# sourceMappingURL=rt-tools-ui-kit-v2-field.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"rt-tools-ui-kit-v2-field.mjs","sources":["../../../projects/ui-kit-v2/src/lib/components/field/rt-field-hint.directive.ts","../../../projects/ui-kit-v2/src/lib/components/field/rt-field.model.ts","../../../projects/ui-kit-v2/src/lib/components/field/rt-field.component.ts","../../../projects/ui-kit-v2/src/lib/components/field/rt-field.component.html","../../../projects/ui-kit-v2/src/lib/components/field/rt-tools-ui-kit-v2-field.ts"],"sourcesContent":["import { Directive } from '@angular/core';\n\n/**\n * Маркер проецируемого hint'а для rt-field. Нужен, когда подсказке требуется\n * разметка (`<strong>`, интерполяция значений), которую плоский string-input\n * `[hint]` передать не может. Если проецируемый hint присутствует — rt-field\n * рендерит его вместо строкового `[hint]` (тот остаётся fallback'ом).\n */\n@Directive({\n    selector: '[rtFieldHint]',\n})\nexport class RtFieldHintDirective {}\n","import { TRtKitLabelKey } from '@rt-tools/ui-kit-v2/core';\n\n/** Контракт поля-обёртки common/ui. */\nexport namespace IRtField {\n    /** Карта validatorKey → человекочитаемое сообщение. */\n    export type ErrorMessages = Record<string, string>;\n}\n\n/**\n * Ключи сообщений об ошибках по имени валидатора (перекрываются input'ом\n * [errors] поштучно, уже готовым текстом).\n *\n * Здесь ключи, а не переводы: карта собирается при загрузке модуля, когда язык\n * страницы ещё неизвестен, и готовый текст остался бы на языке по умолчанию\n * даже под переведённой подписью поля. Переводит сам компонент поля.\n */\nexport const RT_FIELD_DEFAULT_ERROR_KEYS: Readonly<Record<string, TRtKitLabelKey>> = {\n    required: 'fieldErrorRequired',\n    email: 'fieldErrorEmail',\n    minlength: 'fieldErrorMinLength',\n    maxlength: 'fieldErrorMaxLength',\n    min: 'fieldErrorMin',\n    max: 'fieldErrorMax',\n    pattern: 'fieldErrorPattern',\n};\n\n/** Текст-плейсхолдер read-only поля без значения. */\nexport const RT_FIELD_EMPTY_VALUE: string = '—';\n","import { BooleanInput } from '@angular/cdk/coercion';\nimport {\n    booleanAttribute,\n    computed,\n    contentChild,\n    effect,\n    inject,\n    input,\n    AfterContentInit,\n    ChangeDetectionStrategy,\n    Component,\n    InputSignal,\n    InputSignalWithTransform,\n    Signal,\n    ViewEncapsulation,\n} from '@angular/core';\nimport { ValidationErrors } from '@angular/forms';\n\nimport { BlockDirective, ElemDirective, ModDirective } from '@rt-tools/core';\n\nimport { RT_KIT_LABELS, TRtKitLabelKey, TRtKitLabelMap, rtKitLabel } from '@rt-tools/ui-kit-v2/core';\nimport { RtFormControlBase } from '@rt-tools/ui-kit-v2/form-control';\nimport { RtIconComponent } from '@rt-tools/ui-kit-v2/icon';\nimport { RtPopoverDirective } from '@rt-tools/ui-kit-v2/popover';\nimport { RtSkeletonWrapperComponent } from '@rt-tools/ui-kit-v2/skeleton-wrapper';\nimport { RtFieldHintDirective } from './rt-field-hint.directive';\nimport { RT_FIELD_DEFAULT_ERROR_KEYS, RT_FIELD_EMPTY_VALUE, IRtField } from './rt-field.model';\n\nconst BEM_BLOCK: string = 'rt-field';\n\n/** Счётчик для авто-id (связка label[for] ↔ controlId спроецированного контрола). */\nlet uidSeed: number = 0;\n\nfunction nextAutoId(): string {\n    uidSeed += 1;\n    return `rt-field-${uidSeed}`;\n}\n\n/**\n * Обёртка единой анатомии поля: label (+ опц. help-иконка с popover, + авто «*»\n * для required) сверху, спроецированный rt-контрол посередине, hint/error снизу.\n * `required` объявляет поле обязательным там, где валидатора на контроле нет (шаблонная форма).\n * `hideRequiredMark` глушит авто-«*» — для форм, где все поля обязательны и\n * маркер лишний (логин).\n * `reserveHintSpace` держит под контролом строку высотой в одно сообщение даже\n * когда ни ошибки, ни hint нет — чтобы появление ошибки не сдвигало форму вниз\n * (нужно для полей без постоянного hint, напр. логин).\n *\n * Читает контрол через contentChild(RtFormControlBase): авто-связывает label[for],\n * прокидывает read-only режим, показывает текст ошибки/required-маркер. На loading\n * оборачивает зону контрола в rt-skeleton-wrapper (label/hint остаются видимыми) —\n * нужно для route-aside, где поля рендерятся до прихода данных.\n */\n@Component({\n    selector: 'rt-field',\n    templateUrl: './rt-field.component.html',\n    styleUrls: ['./rt-field.component.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        // standalone components / directives\n        RtIconComponent,\n        RtPopoverDirective,\n        RtSkeletonWrapperComponent,\n        BlockDirective,\n        ElemDirective,\n        ModDirective,\n    ],\n    host: { class: BEM_BLOCK },\n})\nexport class RtFieldComponent implements AfterContentInit {\n    // contentChild нельзя объявлять на ES-private (#) поле — Angular это запрещает,\n    // поэтому проекция контрола живёт в protected-поле.\n    protected readonly t: Signal<TRtKitLabelMap> = inject(RT_KIT_LABELS);\n\n    protected readonly projectedControl: Signal<RtFormControlBase<unknown> | undefined> = contentChild(RtFormControlBase);\n\n    // Проецируемый hint (с разметкой) — если присутствует, рендерится вместо\n    // строкового [hint].\n    protected readonly projectedHint: Signal<RtFieldHintDirective | undefined> = contentChild(RtFieldHintDirective);\n\n    readonly #autoId: string = nextAutoId();\n\n    /** Итоговый id: явный controlId контрола важнее авто-id. */\n    protected readonly controlId: Signal<string> = computed((): string => this.projectedControl()?.effectiveControlId() ?? this.#autoId);\n\n    protected readonly isRequired: Signal<boolean> = computed((): boolean => this.projectedControl()?.required() ?? false);\n\n    protected readonly showError: Signal<boolean> = computed((): boolean => !!this.projectedControl()?.invalid());\n\n    /** Имя первого сработавшего валидатора: сообщений показываем по одному */\n    readonly #failedValidator: Signal<string> = computed((): string => {\n        const errs: ValidationErrors | null = this.projectedControl()?.errors() ?? null;\n        return errs ? (Object.keys(errs)[0] ?? '') : '';\n    });\n\n    /**\n     * Умолчание переводится по ключу.\n     *\n     * Ключ передаётся сигналом, а не строкой: так подпись пересчитывается и при\n     * смене валидатора, и при смене языка — пользователь переключает его\n     * на лету, и текст ошибки обязан переключиться вместе с формой.\n     */\n    readonly #defaultErrorText: Signal<string> = rtKitLabel(\n        computed((): TRtKitLabelKey | '' => RT_FIELD_DEFAULT_ERROR_KEYS[this.#failedValidator()] ?? '')\n    );\n\n    /** Сообщение об ошибке: текст, переданный формой, важнее умолчания */\n    protected readonly errorText: Signal<string> = computed((): string => {\n        const validator: string = this.#failedValidator();\n        if (!validator) {\n            return '';\n        }\n        const own: string | undefined = this.errors()[validator];\n        if (own) {\n            return own;\n        }\n        return RT_FIELD_DEFAULT_ERROR_KEYS[validator] ? this.#defaultErrorText() : '';\n    });\n\n    protected readonly emptyValue: string = RT_FIELD_EMPTY_VALUE;\n\n    public readonly label: InputSignal<string> = input<string>('');\n    public readonly hint: InputSignal<string> = input<string>('');\n    public readonly help: InputSignal<string> = input<string>('');\n    public readonly readonly: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n    public readonly loading: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n    /**\n     * Поле обязательно, хотя валидатора на контроле нет: шаблонная форма его не кладёт. Даёт «*» и\n     * ошибку под тронутым пустым полем. Форму недействительной не делает — решение о записи\n     * остаётся у формы.\n     */\n    public readonly required: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n    public readonly hideRequiredMark: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n    public readonly reserveHintSpace: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n    public readonly errors: InputSignal<IRtField.ErrorMessages> = input<IRtField.ErrorMessages>({});\n\n    constructor() {\n        // Реактивно прокидываем read-only режим в спроецированный контрол.\n        effect((): void => {\n            this.projectedControl()?.setReadonly(this.readonly());\n        });\n        effect((): void => {\n            this.projectedControl()?.setRequired(this.required());\n        });\n    }\n\n    public ngAfterContentInit(): void {\n        const ctrl: RtFormControlBase<unknown> | undefined = this.projectedControl();\n        // Авто-id только если у контрола нет явного controlId — для label[for].\n        if (ctrl && ctrl.effectiveControlId() === null) {\n            ctrl.assignControlId(this.#autoId);\n        }\n    }\n}\n","<ng-container rtBlock=\"rt-field\">\n    @if (label()) {\n        <span rtElem=\"label-row\">\n            <label rtElem=\"label\" qa-dataid=\"field-label\" [attr.for]=\"controlId()\">\n                {{ label() }}\n                @if (isRequired() && !hideRequiredMark()) {\n                    <span rtElem=\"required\" qa-dataid=\"field-required\" aria-hidden=\"true\">*</span>\n                }\n            </label>\n            @if (help()) {\n                <button\n                    rtElem=\"help\"\n                    qa-dataid=\"field-help\"\n                    type=\"button\"\n                    rtPopoverTrigger=\"hover\"\n                    [attr.aria-label]=\"t().uiHint\"\n                    [rtPopover]=\"helpTpl\">\n                    <rt-icon name=\"ico-help\" size=\"sm\" color=\"muted\" />\n                </button>\n                <ng-template #helpTpl>\n                    <span rtElem=\"help-popover\" qa-dataid=\"field-help-popover\">{{ help() }}</span>\n                </ng-template>\n            }\n        </span>\n    }\n\n    <rt-skeleton-wrapper rtElem=\"control\" height=\"var(--rt-input-height)\" [isLoading]=\"loading()\">\n        <ng-content />\n    </rt-skeleton-wrapper>\n\n    <!-- С резервом hint остаётся в потоке даже под ошибкой (скрытый), а сама\n         ошибка кладётся в ту же ячейку грида: высота зоны равна большему из\n         двух сообщений и не меняется при их подмене. Без резерва — как было,\n         одно сообщение за раз, чтобы плотные формы не набирали лишний воздух. -->\n    <span rtElem=\"messages\" [rtMod]=\"{ reserved: reserveHintSpace() }\">\n        @if (projectedHint() && (reserveHintSpace() || !showError())) {\n            <small rtElem=\"hint\" qa-dataid=\"field-hint\" [rtMod]=\"{ hidden: showError() }\" [attr.aria-hidden]=\"showError() ? 'true' : null\">\n                <ng-content select=\"[rtFieldHint]\" />\n            </small>\n        } @else if (hint() && (reserveHintSpace() || !showError())) {\n            <small rtElem=\"hint\" qa-dataid=\"field-hint\" [rtMod]=\"{ hidden: showError() }\" [attr.aria-hidden]=\"showError() ? 'true' : null\">\n                {{ hint() }}\n            </small>\n        }\n\n        @if (showError()) {\n            <small rtElem=\"error\" qa-dataid=\"field-error\">{{ errorText() }}</small>\n        }\n    </span>\n</ng-container>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}