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

package/fesm2022/rt-tools-ui-kit-v2-aside-section.mjs

@@ -1,47 +1,81 @@
-import * as i0 from '@angular/core';
-import { input, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
-import { BlockDirective, ElemDirective } from '@rt-tools/core';
-
-const BEM_BLOCK = 'rt-aside-section';
-/**
- * Смысловая секция внутри асайда: единый вертикальный ритм между полями и
- * необязательный заголовок одного стиля. Заменяет разнобой из `fieldset`,
- * самопальных `div`-секций, `h3` и `<legend>`, которым раньше каждый диалог
- * группировал контент по-своему.
- *
- * Заголовок (`[heading]`) рендерится только когда задан. Соседние секции
- * автоматически разделяются верхней границей — отдельный разделитель в
- * потребителе не нужен.
- *
- * Внутри секция размечена словарём формы панели: тело — колонкой контролов,
- * заголовок — заголовком раздела. Ритм между ними приходит зазорами словаря,
- * поэтому панель, собранная из готовых секций, и панель, размеченная словарём
- * вручную, стоят одинаково.
- */
-class RtAsideSectionComponent {
-    constructor() {
-        this.heading = input(null, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "heading" }] : /* istanbul ignore next */ []));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtAsideSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: RtAsideSectionComponent, isStandalone: true, selector: "rt-aside-section", inputs: { heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "rt-aside-section" }, ngImport: i0, template: "<ng-container rtBlock=\"rt-form\">\n    <div rtElem=\"controls\" qa-dataid=\"aside-section-body\">\n        @if (heading()) {\n            <h3 rtElem=\"title\" qa-dataid=\"aside-section-heading\">{{ heading() }}</h3>\n        }\n        <ng-content />\n    </div>\n</ng-container>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-aside-section{--rt-aside-section-border-width: var(--rt-border-width-thin);display:flex;flex-direction:column}.rt-aside-section+.rt-aside-section{padding-top:var(--rt-aside-content-gap);border-top:var(--rt-aside-section-border-width) solid var(--rt-color-border-subtle)}}\n"], dependencies: [{ kind: "directive", type: 
-                // standalone components / directives
-                BlockDirective, selector: "[rtBlock]", inputs: ["rtMod"] }, { kind: "directive", type: ElemDirective, selector: "[rtElem]", inputs: ["rtMod"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtAsideSectionComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'rt-aside-section', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
-                        // standalone components / directives
-                        BlockDirective,
-                        ElemDirective,
-                    ], host: {
-                        class: BEM_BLOCK,
-                    }, template: "<ng-container rtBlock=\"rt-form\">\n    <div rtElem=\"controls\" qa-dataid=\"aside-section-body\">\n        @if (heading()) {\n            <h3 rtElem=\"title\" qa-dataid=\"aside-section-heading\">{{ heading() }}</h3>\n        }\n        <ng-content />\n    </div>\n</ng-container>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-aside-section{--rt-aside-section-border-width: var(--rt-border-width-thin);display:flex;flex-direction:column}.rt-aside-section+.rt-aside-section{padding-top:var(--rt-aside-content-gap);border-top:var(--rt-aside-section-border-width) solid var(--rt-color-border-subtle)}}\n"] }]
-        }], propDecorators: { heading: [{ type: i0.Input, args: [{ isSignal: true, alias: "heading", required: false }] }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, ViewEncapsulation, input } from "@angular/core";
+import { BlockDirective, ElemDirective } from "@rt-tools/core";
+const BEM_BLOCK = "rt-aside-section";
+var RtAsideSectionComponent = class RtAsideSectionComponent {
+	constructor() {
+		this.heading = input(null, ...ngDevMode ? [{ debugName: "heading" }] : /* istanbul ignore next */ []);
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: RtAsideSectionComponent,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.0.0",
+			version: "22.2.2",
+			type: RtAsideSectionComponent,
+			isStandalone: true,
+			selector: "rt-aside-section",
+			inputs: { heading: {
+				classPropertyName: "heading",
+				publicName: "heading",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			} },
+			host: { classAttribute: "rt-aside-section" },
+			ngImport: i0,
+			template: "<ng-container rtBlock=\"rt-form\">\n    <div rtElem=\"controls\" qa-dataid=\"aside-section-body\">\n        @if (heading()) {\n            <h3 rtElem=\"title\" qa-dataid=\"aside-section-heading\">{{ heading() }}</h3>\n        }\n        <ng-content />\n    </div>\n</ng-container>\n",
+			styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-aside-section{--rt-aside-section-border-width: var(--rt-border-width-thin);display:flex;flex-direction:column}.rt-aside-section+.rt-aside-section{padding-top:var(--rt-aside-content-gap);border-top:var(--rt-aside-section-border-width) solid var(--rt-color-border-subtle)}}\n"],
+			dependencies: [{
+				kind: "directive",
+				type: BlockDirective,
+				selector: "[rtBlock]",
+				inputs: ["rtMod"]
+			}, {
+				kind: "directive",
+				type: ElemDirective,
+				selector: "[rtElem]",
+				inputs: ["rtMod"]
+			}],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush,
+			encapsulation: i0.ViewEncapsulation.None
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RtAsideSectionComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "rt-aside-section",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			encapsulation: ViewEncapsulation.None,
+			imports: [BlockDirective, ElemDirective],
+			host: { class: BEM_BLOCK },
+			template: "<ng-container rtBlock=\"rt-form\">\n    <div rtElem=\"controls\" qa-dataid=\"aside-section-body\">\n        @if (heading()) {\n            <h3 rtElem=\"title\" qa-dataid=\"aside-section-heading\">{{ heading() }}</h3>\n        }\n        <ng-content />\n    </div>\n</ng-container>\n",
+			styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-aside-section{--rt-aside-section-border-width: var(--rt-border-width-thin);display:flex;flex-direction:column}.rt-aside-section+.rt-aside-section{padding-top:var(--rt-aside-content-gap);border-top:var(--rt-aside-section-border-width) solid var(--rt-color-border-subtle)}}\n"]
+		}]
+	}],
+	propDecorators: { heading: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "heading",
+			required: false
+		}]
+	}] }
+});
 export { RtAsideSectionComponent };
-//# sourceMappingURL=rt-tools-ui-kit-v2-aside-section.mjs.map
+
+//# sourceMappingURL=rt-tools-ui-kit-v2-aside-section.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"rt-tools-ui-kit-v2-aside-section.mjs","sources":["../../../projects/ui-kit-v2/src/lib/components/aside-section/rt-aside-section.component.ts","../../../projects/ui-kit-v2/src/lib/components/aside-section/rt-aside-section.component.html","../../../projects/ui-kit-v2/src/lib/components/aside-section/rt-tools-ui-kit-v2-aside-section.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input, InputSignal, ViewEncapsulation } from '@angular/core';\n\nimport { BlockDirective, ElemDirective } from '@rt-tools/core';\n\nconst BEM_BLOCK: string = 'rt-aside-section';\n\n/**\n * Смысловая секция внутри асайда: единый вертикальный ритм между полями и\n * необязательный заголовок одного стиля. Заменяет разнобой из `fieldset`,\n * самопальных `div`-секций, `h3` и `<legend>`, которым раньше каждый диалог\n * группировал контент по-своему.\n *\n * Заголовок (`[heading]`) рендерится только когда задан. Соседние секции\n * автоматически разделяются верхней границей — отдельный разделитель в\n * потребителе не нужен.\n *\n * Внутри секция размечена словарём формы панели: тело — колонкой контролов,\n * заголовок — заголовком раздела. Ритм между ними приходит зазорами словаря,\n * поэтому панель, собранная из готовых секций, и панель, размеченная словарём\n * вручную, стоят одинаково.\n */\n@Component({\n    selector: 'rt-aside-section',\n    templateUrl: './rt-aside-section.component.html',\n    styleUrl: './rt-aside-section.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        // standalone components / directives\n        BlockDirective,\n        ElemDirective,\n    ],\n    host: {\n        class: BEM_BLOCK,\n    },\n})\nexport class RtAsideSectionComponent {\n    public readonly heading: InputSignal<string | null> = input<string | null>(null);\n}\n","<ng-container rtBlock=\"rt-form\">\n    <div rtElem=\"controls\" qa-dataid=\"aside-section-body\">\n        @if (heading()) {\n            <h3 rtElem=\"title\" qa-dataid=\"aside-section-heading\">{{ heading() }}</h3>\n        }\n        <ng-content />\n    </div>\n</ng-container>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAIA,MAAM,SAAS,GAAW,kBAAkB;AAE5C;;;;;;;;;;;;;;AAcG;MAgBU,uBAAuB,CAAA;AAfpC,IAAA,WAAA,GAAA;QAgBoB,IAAA,CAAA,OAAO,GAA+B,KAAK,CAAgB,IAAI;oFAAC;AACnF,IAAA;8GAFY,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAvB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,uBAAuB,oQCpCpC,4RAQA,EAAA,MAAA,EAAA,CAAA,mUAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA;;ADqBQ,gBAAA,cAAc,yEACd,aAAa,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAMR,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAfnC,SAAS;+BACI,kBAAkB,EAAA,eAAA,EAGX,uBAAuB,CAAC,MAAM,iBAChC,iBAAiB,CAAC,IAAI,EAAA,OAAA,EAC5B;;wBAEL,cAAc;wBACd,aAAa;qBAChB,EAAA,IAAA,EACK;AACF,wBAAA,KAAK,EAAE,SAAS;AACnB,qBAAA,EAAA,QAAA,EAAA,4RAAA,EAAA,MAAA,EAAA,CAAA,mUAAA,CAAA,EAAA;;;AElCL;;AAEG;;;;"}
+{"version":3,"file":"rt-tools-ui-kit-v2-aside-section.mjs","names":[],"sources":["../../../projects/ui-kit-v2/src/lib/components/aside-section/rt-aside-section.component.ts","../../../projects/ui-kit-v2/src/lib/components/aside-section/rt-aside-section.component.html"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input, InputSignal, ViewEncapsulation } from '@angular/core';\n\nimport { BlockDirective, ElemDirective } from '@rt-tools/core';\n\nconst BEM_BLOCK: string = 'rt-aside-section';\n\n/**\n * Смысловая секция внутри асайда: единый вертикальный ритм между полями и\n * необязательный заголовок одного стиля. Заменяет разнобой из `fieldset`,\n * самопальных `div`-секций, `h3` и `<legend>`, которым раньше каждый диалог\n * группировал контент по-своему.\n *\n * Заголовок (`[heading]`) рендерится только когда задан. Соседние секции\n * автоматически разделяются верхней границей — отдельный разделитель в\n * потребителе не нужен.\n *\n * Внутри секция размечена словарём формы панели: тело — колонкой контролов,\n * заголовок — заголовком раздела. Ритм между ними приходит зазорами словаря,\n * поэтому панель, собранная из готовых секций, и панель, размеченная словарём\n * вручную, стоят одинаково.\n */\n@Component({\n    selector: 'rt-aside-section',\n    templateUrl: './rt-aside-section.component.html',\n    styleUrl: './rt-aside-section.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        // standalone components / directives\n        BlockDirective,\n        ElemDirective,\n    ],\n    host: {\n        class: BEM_BLOCK,\n    },\n})\nexport class RtAsideSectionComponent {\n    public readonly heading: InputSignal<string | null> = input<string | null>(null);\n}\n","<ng-container rtBlock=\"rt-form\">\n    <div rtElem=\"controls\" qa-dataid=\"aside-section-body\">\n        @if (heading()) {\n            <h3 rtElem=\"title\" qa-dataid=\"aside-section-heading\">{{ heading() }}</h3>\n        }\n        <ng-content />\n    </div>\n</ng-container>\n"],"mappings":";;;AAIA,MAAM,YAAoB;AAgC1B,IAAa,0BAAb,MAAa,wBAAuB;CAfpC,cAAA;EAgBoB,KAAA,UAAsC,MAAqB,MAAK,GAAA,YAAA,CAAA,EAAA,WAAA,UAAA,CAAA,+BAAA,CAAA,CAAA;CACnF;CAFY;EAAA,KAAA,OAAA,GAAA,mBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,UAAA;GAAA,MAAA;GAAuB,MAAA,CAAA;GAAA,QAAA,GAAA,gBAAA;EAAA,CAAA;CAAA;CAAvB;EAAA,KAAA,OAAA,GAAA,qBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,MAAA;GAAuB,cAAA;GAAA,UAAA;GAAA,QAAA,EAAA,SAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA,EAAA;GAAA,MAAA,EAAA,gBAAA,mBAAA;GAAA,UAAA;GAAA,UCpCpC;GAQA,QAAA,CAAA,mUAAA;GAAA,cAAA,CAAA;IAAA,MAAA;IAAA,MDqBQ;IAAc,UAAA;IAAA,QAAA,CAAA,OAAA;GAAA,GAAA;IAAA,MAAA;IAAA,MACd;IAAa,UAAA;IAAA,QAAA,CAAA,OAAA;GAAA,CAAA;GAAA,iBAAA,GAAA,wBAAA;GAAA,eAAA,GAAA,kBAAA;EAAA,CAAA;CAAA;;AAMR,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAuB,YAAA,CAAA;EAfnC,MAAA;EACa,MAAA,CAAA;GAAA,UAAA;GAAkB,iBAGX,wBAAwB;GAAM,eAChC,kBAAkB;GAAI,SAC5B,CAEL,gBACA,aACH;GAAA,MACK,EACF,OAAO,UACV;GAAA,UAAA;GAAA,QAAA,CAAA,mUAAA;EAAA,CAAA"}