@rt-tools/ui-kit-v2 0.23.2 → 0.23.4

package/fesm2022/rt-tools-ui-kit-v2-live-badge.mjs

@@ -1,49 +1,136 @@
-import * as i0 from '@angular/core';
-import { computed, input, booleanAttribute, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
-import { BlockDirective, ElemDirective, ModDirective } from '@rt-tools/core';
-import { rtKitLabel } from '@rt-tools/ui-kit-v2/core';
-
-const BEM_BLOCK = 'rt-live-badge';
-/**
- * Пилюля живого счётчика: точка состояния, подпись и число. `active` означает
- * «поток жив», а не «счётчик больше нуля»: ноль посетителей при живом потоке —
- * это данные, а оборванный поток — отсутствие данных, и выглядеть они должны
- * по-разному.
- */
-class RtLiveBadgeComponent {
-    constructor() {
-        this.#t_uiLiveOnSite = rtKitLabel('uiLiveOnSite');
-        this.labelText = computed(() => this.label() || this.#t_uiLiveOnSite(), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "labelText" }] : /* istanbul ignore next */ []));
-        /** Пусто — берётся переведённая подпись по умолчанию */
-        this.label = input('', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
-        /** `null` — данных ещё нет, рисуется прочерк. */
-        this.count = input(null, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "count" }] : /* istanbul ignore next */ []));
-        this.active = input(false, { ...(ngDevMode ? { debugName: "active" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    }
-    #t_uiLiveOnSite;
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtLiveBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.6", type: RtLiveBadgeComponent, isStandalone: true, selector: "rt-live-badge", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, count: { classPropertyName: "count", publicName: "count", isSignal: true, isRequired: false, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "rt-live-badge" }, ngImport: i0, template: "<span rtBlock=\"rt-live-badge\" qa-dataid=\"live-badge\" [attr.data-active]=\"active()\" [rtMod]=\"{ active: active() }\">\n    <span rtElem=\"dot\"></span>\n    <span rtElem=\"label\" qa-dataid=\"live-badge-label\">{{ labelText() }}</span>\n    <span rtElem=\"count\" qa-dataid=\"live-badge-count\">{{ count() ?? '\u2014' }}</span>\n</span>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{rt-live-badge{display:inline-flex}rt-live-badge .rt-live-badge{--rt-live-badge-dot-radius: var(--rt-radius-full);display:inline-flex;align-items:center;color:var(--rt-color-text-muted);font-size:var(--rt-text-sm);gap:var(--rt-space-1)}rt-live-badge .rt-live-badge--active .rt-live-badge__dot{background:var(--rt-color-state-success)}rt-live-badge .rt-live-badge__dot{width:8px;height:8px;border-radius:var(--rt-live-badge-dot-radius);background:var(--rt-color-border-subtle)}rt-live-badge .rt-live-badge__count{color:var(--rt-color-text-primary)}}\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]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtLiveBadgeComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'rt-live-badge', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
-                        // standalone components / directives
-                        BlockDirective,
-                        ElemDirective,
-                        ModDirective,
-                    ], host: {
-                        class: BEM_BLOCK,
-                    }, template: "<span rtBlock=\"rt-live-badge\" qa-dataid=\"live-badge\" [attr.data-active]=\"active()\" [rtMod]=\"{ active: active() }\">\n    <span rtElem=\"dot\"></span>\n    <span rtElem=\"label\" qa-dataid=\"live-badge-label\">{{ labelText() }}</span>\n    <span rtElem=\"count\" qa-dataid=\"live-badge-count\">{{ count() ?? '\u2014' }}</span>\n</span>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{rt-live-badge{display:inline-flex}rt-live-badge .rt-live-badge{--rt-live-badge-dot-radius: var(--rt-radius-full);display:inline-flex;align-items:center;color:var(--rt-color-text-muted);font-size:var(--rt-text-sm);gap:var(--rt-space-1)}rt-live-badge .rt-live-badge--active .rt-live-badge__dot{background:var(--rt-color-state-success)}rt-live-badge .rt-live-badge__dot{width:8px;height:8px;border-radius:var(--rt-live-badge-dot-radius);background:var(--rt-color-border-subtle)}rt-live-badge .rt-live-badge__count{color:var(--rt-color-text-primary)}}\n"] }]
-        }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], count: [{ type: i0.Input, args: [{ isSignal: true, alias: "count", required: false }] }], active: [{ type: i0.Input, args: [{ isSignal: true, alias: "active", required: false }] }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, ViewEncapsulation, booleanAttribute, computed, input } from "@angular/core";
+import { BlockDirective, ElemDirective, ModDirective } from "@rt-tools/core";
+import { rtKitLabel } from "@rt-tools/ui-kit-v2/core";
+const BEM_BLOCK = "rt-live-badge";
+var RtLiveBadgeComponent = class RtLiveBadgeComponent {
+	constructor() {
+		this.#t_uiLiveOnSite = rtKitLabel("uiLiveOnSite");
+		this.labelText = computed(() => this.label() || this.#t_uiLiveOnSite(), ...ngDevMode ? [{ debugName: "labelText" }] : /* istanbul ignore next */ []);
+		this.label = input("", ...ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []);
+		this.count = input(null, ...ngDevMode ? [{ debugName: "count" }] : /* istanbul ignore next */ []);
+		this.active = input(false, {
+			...ngDevMode ? { debugName: "active" } : /* istanbul ignore next */ {},
+			transform: booleanAttribute
+		});
+	}
+	#t_uiLiveOnSite;
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: RtLiveBadgeComponent,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.1.0",
+			version: "22.2.2",
+			type: RtLiveBadgeComponent,
+			isStandalone: true,
+			selector: "rt-live-badge",
+			inputs: {
+				label: {
+					classPropertyName: "label",
+					publicName: "label",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				count: {
+					classPropertyName: "count",
+					publicName: "count",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				active: {
+					classPropertyName: "active",
+					publicName: "active",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				}
+			},
+			host: { classAttribute: "rt-live-badge" },
+			ngImport: i0,
+			template: "<span rtBlock=\"rt-live-badge\" qa-dataid=\"live-badge\" [attr.data-active]=\"active()\" [rtMod]=\"{ active: active() }\">\n    <span rtElem=\"dot\"></span>\n    <span rtElem=\"label\" qa-dataid=\"live-badge-label\">{{ labelText() }}</span>\n    <span rtElem=\"count\" qa-dataid=\"live-badge-count\">{{ count() ?? '—' }}</span>\n</span>\n",
+			styles: ["@charset \"UTF-8\";@layer rt-kit.components{rt-live-badge{display:inline-flex}rt-live-badge .rt-live-badge{--rt-live-badge-dot-radius: var(--rt-radius-full);display:inline-flex;align-items:center;color:var(--rt-color-text-muted);font-size:var(--rt-text-sm);gap:var(--rt-space-1)}rt-live-badge .rt-live-badge--active .rt-live-badge__dot{background:var(--rt-color-state-success)}rt-live-badge .rt-live-badge__dot{width:8px;height:8px;border-radius:var(--rt-live-badge-dot-radius);background:var(--rt-color-border-subtle)}rt-live-badge .rt-live-badge__count{color:var(--rt-color-text-primary)}}\n"],
+			dependencies: [
+				{
+					kind: "directive",
+					type: BlockDirective,
+					selector: "[rtBlock]",
+					inputs: ["rtMod"]
+				},
+				{
+					kind: "directive",
+					type: ElemDirective,
+					selector: "[rtElem]",
+					inputs: ["rtMod"]
+				},
+				{
+					kind: "directive",
+					type: ModDirective,
+					selector: "[rtMod]"
+				}
+			],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush,
+			encapsulation: i0.ViewEncapsulation.None
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RtLiveBadgeComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "rt-live-badge",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			encapsulation: ViewEncapsulation.None,
+			imports: [
+				BlockDirective,
+				ElemDirective,
+				ModDirective
+			],
+			host: { class: BEM_BLOCK },
+			template: "<span rtBlock=\"rt-live-badge\" qa-dataid=\"live-badge\" [attr.data-active]=\"active()\" [rtMod]=\"{ active: active() }\">\n    <span rtElem=\"dot\"></span>\n    <span rtElem=\"label\" qa-dataid=\"live-badge-label\">{{ labelText() }}</span>\n    <span rtElem=\"count\" qa-dataid=\"live-badge-count\">{{ count() ?? '—' }}</span>\n</span>\n",
+			styles: ["@charset \"UTF-8\";@layer rt-kit.components{rt-live-badge{display:inline-flex}rt-live-badge .rt-live-badge{--rt-live-badge-dot-radius: var(--rt-radius-full);display:inline-flex;align-items:center;color:var(--rt-color-text-muted);font-size:var(--rt-text-sm);gap:var(--rt-space-1)}rt-live-badge .rt-live-badge--active .rt-live-badge__dot{background:var(--rt-color-state-success)}rt-live-badge .rt-live-badge__dot{width:8px;height:8px;border-radius:var(--rt-live-badge-dot-radius);background:var(--rt-color-border-subtle)}rt-live-badge .rt-live-badge__count{color:var(--rt-color-text-primary)}}\n"]
+		}]
+	}],
+	propDecorators: {
+		label: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "label",
+				required: false
+			}]
+		}],
+		count: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "count",
+				required: false
+			}]
+		}],
+		active: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "active",
+				required: false
+			}]
+		}]
+	}
+});
 export { RtLiveBadgeComponent };
-//# sourceMappingURL=rt-tools-ui-kit-v2-live-badge.mjs.map
+
+//# sourceMappingURL=rt-tools-ui-kit-v2-live-badge.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"rt-tools-ui-kit-v2-live-badge.mjs","sources":["../../../projects/ui-kit-v2/src/lib/components/live-badge/rt-live-badge.component.ts","../../../projects/ui-kit-v2/src/lib/components/live-badge/rt-live-badge.component.html","../../../projects/ui-kit-v2/src/lib/components/live-badge/rt-tools-ui-kit-v2-live-badge.ts"],"sourcesContent":["import { BooleanInput } from '@angular/cdk/coercion';\nimport {\n    booleanAttribute,\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    input,\n    InputSignal,\n    InputSignalWithTransform,\n    Signal,\n    ViewEncapsulation,\n} from '@angular/core';\n\nimport { BlockDirective, ElemDirective, ModDirective } from '@rt-tools/core';\n\nimport { rtKitLabel } from '@rt-tools/ui-kit-v2/core';\n\nconst BEM_BLOCK: string = 'rt-live-badge';\n\n/**\n * Пилюля живого счётчика: точка состояния, подпись и число. `active` означает\n * «поток жив», а не «счётчик больше нуля»: ноль посетителей при живом потоке —\n * это данные, а оборванный поток — отсутствие данных, и выглядеть они должны\n * по-разному.\n */\n@Component({\n    selector: 'rt-live-badge',\n    templateUrl: './rt-live-badge.component.html',\n    styleUrl: './rt-live-badge.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        // standalone components / directives\n        BlockDirective,\n        ElemDirective,\n        ModDirective,\n    ],\n    host: {\n        class: BEM_BLOCK,\n    },\n})\nexport class RtLiveBadgeComponent {\n    readonly #t_uiLiveOnSite: Signal<string> = rtKitLabel('uiLiveOnSite');\n\n    protected readonly labelText: Signal<string> = computed((): string => this.label() || this.#t_uiLiveOnSite());\n\n    /** Пусто — берётся переведённая подпись по умолчанию */\n    public readonly label: InputSignal<string> = input<string>('');\n\n    /** `null` — данных ещё нет, рисуется прочерк. */\n    public readonly count: InputSignal<number | null> = input<number | null>(null);\n\n    public readonly active: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n}\n","<span rtBlock=\"rt-live-badge\" qa-dataid=\"live-badge\" [attr.data-active]=\"active()\" [rtMod]=\"{ active: active() }\">\n    <span rtElem=\"dot\"></span>\n    <span rtElem=\"label\" qa-dataid=\"live-badge-label\">{{ labelText() }}</span>\n    <span rtElem=\"count\" qa-dataid=\"live-badge-count\">{{ count() ?? '—' }}</span>\n</span>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;AAiBA,MAAM,SAAS,GAAW,eAAe;AAEzC;;;;;AAKG;MAiBU,oBAAoB,CAAA;AAhBjC,IAAA,WAAA,GAAA;AAiBa,QAAA,IAAA,CAAA,eAAe,GAAmB,UAAU,CAAC,cAAc,CAAC;AAElD,QAAA,IAAA,CAAA,SAAS,GAAmB,QAAQ,CAAC,MAAc,IAAI,CAAC,KAAK,EAAE,IAAI,IAAI,CAAC,eAAe,EAAE;sFAAC;;QAG7F,IAAA,CAAA,KAAK,GAAwB,KAAK,CAAS,EAAE;kFAAC;;QAG9C,IAAA,CAAA,KAAK,GAA+B,KAAK,CAAgB,IAAI;kFAAC;QAE9D,IAAA,CAAA,MAAM,GAAoD,KAAK,CAAwB,KAAK,8EACxG,SAAS,EAAE,gBAAgB,EAAA,CAC7B;AACL,IAAA;AAbY,IAAA,eAAe;8GADf,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAApB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oBAAoB,2eCzCjC,yVAKA,EAAA,MAAA,EAAA,CAAA,mlBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA;;gBD4BQ,cAAc,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACd,aAAa,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACb,YAAY,EAAA,QAAA,EAAA,SAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAMP,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAhBhC,SAAS;+BACI,eAAe,EAAA,eAAA,EAGR,uBAAuB,CAAC,MAAM,iBAChC,iBAAiB,CAAC,IAAI,EAAA,OAAA,EAC5B;;wBAEL,cAAc;wBACd,aAAa;wBACb,YAAY;qBACf,EAAA,IAAA,EACK;AACF,wBAAA,KAAK,EAAE,SAAS;AACnB,qBAAA,EAAA,QAAA,EAAA,yVAAA,EAAA,MAAA,EAAA,CAAA,mlBAAA,CAAA,EAAA;;;AEvCL;;AAEG;;;;"}
+{"version":3,"file":"rt-tools-ui-kit-v2-live-badge.mjs","names":[],"sources":["../../../projects/ui-kit-v2/src/lib/components/live-badge/rt-live-badge.component.ts","../../../projects/ui-kit-v2/src/lib/components/live-badge/rt-live-badge.component.html"],"sourcesContent":["import { BooleanInput } from '@angular/cdk/coercion';\nimport {\n    booleanAttribute,\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    input,\n    InputSignal,\n    InputSignalWithTransform,\n    Signal,\n    ViewEncapsulation,\n} from '@angular/core';\n\nimport { BlockDirective, ElemDirective, ModDirective } from '@rt-tools/core';\n\nimport { rtKitLabel } from '@rt-tools/ui-kit-v2/core';\n\nconst BEM_BLOCK: string = 'rt-live-badge';\n\n/**\n * Пилюля живого счётчика: точка состояния, подпись и число. `active` означает\n * «поток жив», а не «счётчик больше нуля»: ноль посетителей при живом потоке —\n * это данные, а оборванный поток — отсутствие данных, и выглядеть они должны\n * по-разному.\n */\n@Component({\n    selector: 'rt-live-badge',\n    templateUrl: './rt-live-badge.component.html',\n    styleUrl: './rt-live-badge.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        // standalone components / directives\n        BlockDirective,\n        ElemDirective,\n        ModDirective,\n    ],\n    host: {\n        class: BEM_BLOCK,\n    },\n})\nexport class RtLiveBadgeComponent {\n    readonly #t_uiLiveOnSite: Signal<string> = rtKitLabel('uiLiveOnSite');\n\n    protected readonly labelText: Signal<string> = computed((): string => this.label() || this.#t_uiLiveOnSite());\n\n    /** Пусто — берётся переведённая подпись по умолчанию */\n    public readonly label: InputSignal<string> = input<string>('');\n\n    /** `null` — данных ещё нет, рисуется прочерк. */\n    public readonly count: InputSignal<number | null> = input<number | null>(null);\n\n    public readonly active: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n}\n","<span rtBlock=\"rt-live-badge\" qa-dataid=\"live-badge\" [attr.data-active]=\"active()\" [rtMod]=\"{ active: active() }\">\n    <span rtElem=\"dot\"></span>\n    <span rtElem=\"label\" qa-dataid=\"live-badge-label\">{{ labelText() }}</span>\n    <span rtElem=\"count\" qa-dataid=\"live-badge-count\">{{ count() ?? '—' }}</span>\n</span>\n"],"mappings":";;;;AAiBA,MAAM,YAAoB;AAwB1B,IAAa,uBAAb,MAAa,qBAAoB;CAhBjC,cAAA;EAiBa,KAAA,kBAAkC,WAAW,cAAc;EAEjD,KAAA,YAA4B,eAAuB,KAAK,MAAK,KAAM,KAAK,gBAAe,GAAG,GAAA,YAAA,CAAA,EAAA,WAAA,YAAA,CAAA,+BAAA,CAAA,CAAA;EAG7F,KAAA,QAA6B,MAAc,IAAG,GAAA,YAAA,CAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;EAG9C,KAAA,QAAoC,MAAqB,MAAK,GAAA,YAAA,CAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;EAE9D,KAAA,SAA0D,MAA6B,OAAK;GAAA,GAAA,YAAA,EAAA,WAAA,SAAA,+BAAA,CAAA;GACxG,WAAW;EAAgB,CAAA;CAElC;CAbY;CADA;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,OAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;IAAA,QAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;GAAA;GAAA,MAAA,EAAA,gBAAA,gBAAA;GAAA,UAAA;GAAA,UCzCjC;GAKA,QAAA,CAAA,mlBAAA;GAAA,cAAA;IAAA;KAAA,MAAA;KAAA,MD4BQ;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;GAAA;GAAA,iBAAA,GAAA,wBAAA;GAAA,eAAA,GAAA,kBAAA;EAAA,CAAA;CAAA;;AAMP,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAoB,YAAA,CAAA;EAhBhC,MAAA;EACa,MAAA,CAAA;GAAA,UAAA;GAAe,iBAGR,wBAAwB;GAAM,eAChC,kBAAkB;GAAI,SAC5B;IAEL;IACA;IACA;GACH;GAAA,MACK,EACF,OAAO,UACV;GAAA,UAAA;GAAA,QAAA,CAAA,mlBAAA;EAAA,CAAA"}

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

@@ -1,97 +1,171 @@
-import * as i0 from '@angular/core';
-import { computed, input, numberAttribute, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
-import { BlockDirective, ElemDirective } from '@rt-tools/core';
-
-/**
- * Высота в px, с которой рисуется вариант, если её не задали явно. `0`
- * означает «брать умолчание варианта».
- */
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, ViewEncapsulation, computed, input, numberAttribute } from "@angular/core";
+import { BlockDirective, ElemDirective } from "@rt-tools/core";
 const DEFAULT_HEIGHT = Object.freeze({
-    wordmark: 51,
-    lockup: 75,
+	wordmark: 51,
+	lockup: 75
 });
-/** Отношение ширины к высоте, с которым рисуется вариант без явного `aspect`. */
 const DEFAULT_ASPECT = Object.freeze({
-    wordmark: 5.4,
-    lockup: 3.6,
+	wordmark: 5.4,
+	lockup: 3.6
+});
+const BEM_BLOCK = "rt-logo";
+var RtLogoComponent = class RtLogoComponent {
+	constructor() {
+		this.effectiveHeight = computed(() => {
+			const explicit = this.height();
+			return explicit > 0 ? explicit : DEFAULT_HEIGHT[this.variant()];
+		}, ...ngDevMode ? [{ debugName: "effectiveHeight" }] : /* istanbul ignore next */ []);
+		this.effectiveWidth = computed(() => {
+			const explicit = this.aspect();
+			const ratio = explicit > 0 ? explicit : DEFAULT_ASPECT[this.variant()];
+			return Math.round(this.effectiveHeight() * ratio);
+		}, ...ngDevMode ? [{ debugName: "effectiveWidth" }] : /* istanbul ignore next */ []);
+		this.showTagline = computed(() => this.variant() === "lockup", ...ngDevMode ? [{ debugName: "showTagline" }] : /* istanbul ignore next */ []);
+		this.variant = input("lockup", ...ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []);
+		this.height = input(0, {
+			...ngDevMode ? { debugName: "height" } : /* istanbul ignore next */ {},
+			transform: numberAttribute
+		});
+		this.aspect = input(0, {
+			...ngDevMode ? { debugName: "aspect" } : /* istanbul ignore next */ {},
+			transform: numberAttribute
+		});
+		this.ariaLabel = input("", ...ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []);
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: RtLogoComponent,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.0.0",
+			version: "22.2.2",
+			type: RtLogoComponent,
+			isStandalone: true,
+			selector: "rt-logo",
+			inputs: {
+				variant: {
+					classPropertyName: "variant",
+					publicName: "variant",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				height: {
+					classPropertyName: "height",
+					publicName: "height",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				aspect: {
+					classPropertyName: "aspect",
+					publicName: "aspect",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				ariaLabel: {
+					classPropertyName: "ariaLabel",
+					publicName: "ariaLabel",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				}
+			},
+			host: {
+				properties: {
+					"style.height.px": "effectiveHeight()",
+					"style.width.px": "effectiveWidth()",
+					"attr.role": "'img'",
+					"attr.aria-label": "ariaLabel()"
+				},
+				classAttribute: "rt-logo"
+			},
+			ngImport: i0,
+			template: "<ng-container rtBlock=\"rt-logo\">\n    <span rtElem=\"wordmark\" qa-dataid=\"logo-wordmark\"></span>\n\n    @if (showTagline()) {\n        <span rtElem=\"tagline\" qa-dataid=\"logo-tagline\"></span>\n    }\n</ng-container>\n",
+			styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-logo{display:inline-block;line-height:0}.rt-logo__wordmark,.rt-logo__tagline{display:block;width:100%;background-position:left center;background-repeat:no-repeat;background-size:contain}.rt-logo__wordmark{height:100%;background-image:var(--rt-logo-wordmark, none)}.rt-logo__tagline{background-image:var(--rt-logo-tagline, none)}[data-theme=dark] .rt-logo__wordmark{background-image:var(--rt-logo-wordmark-dark, var(--rt-logo-wordmark, none))}[data-theme=dark] .rt-logo__tagline{background-image:var(--rt-logo-tagline-dark, var(--rt-logo-tagline, none))}.rt-logo:has(.rt-logo__tagline){display:flex;flex-direction:column;align-items:stretch;justify-content:space-between}.rt-logo:has(.rt-logo__tagline) .rt-logo__wordmark{height:66.7%}.rt-logo:has(.rt-logo__tagline) .rt-logo__tagline{height:22.1%}}\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: RtLogoComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "rt-logo",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			encapsulation: ViewEncapsulation.None,
+			imports: [BlockDirective, ElemDirective],
+			host: {
+				class: BEM_BLOCK,
+				"[style.height.px]": "effectiveHeight()",
+				"[style.width.px]": "effectiveWidth()",
+				"[attr.role]": "'img'",
+				"[attr.aria-label]": "ariaLabel()"
+			},
+			template: "<ng-container rtBlock=\"rt-logo\">\n    <span rtElem=\"wordmark\" qa-dataid=\"logo-wordmark\"></span>\n\n    @if (showTagline()) {\n        <span rtElem=\"tagline\" qa-dataid=\"logo-tagline\"></span>\n    }\n</ng-container>\n",
+			styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-logo{display:inline-block;line-height:0}.rt-logo__wordmark,.rt-logo__tagline{display:block;width:100%;background-position:left center;background-repeat:no-repeat;background-size:contain}.rt-logo__wordmark{height:100%;background-image:var(--rt-logo-wordmark, none)}.rt-logo__tagline{background-image:var(--rt-logo-tagline, none)}[data-theme=dark] .rt-logo__wordmark{background-image:var(--rt-logo-wordmark-dark, var(--rt-logo-wordmark, none))}[data-theme=dark] .rt-logo__tagline{background-image:var(--rt-logo-tagline-dark, var(--rt-logo-tagline, none))}.rt-logo:has(.rt-logo__tagline){display:flex;flex-direction:column;align-items:stretch;justify-content:space-between}.rt-logo:has(.rt-logo__tagline) .rt-logo__wordmark{height:66.7%}.rt-logo:has(.rt-logo__tagline) .rt-logo__tagline{height:22.1%}}\n"]
+		}]
+	}],
+	propDecorators: {
+		variant: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "variant",
+				required: false
+			}]
+		}],
+		height: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "height",
+				required: false
+			}]
+		}],
+		aspect: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "aspect",
+				required: false
+			}]
+		}],
+		ariaLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "ariaLabel",
+				required: false
+			}]
+		}]
+	}
 });
-const BEM_BLOCK = 'rt-logo';
-/**
- * Логотип приложения: начертание названия и, в варианте `lockup`, слоган под ним.
- *
- * Сами начертания кит не везёт — их даёт приложение, задав на любом предке
- * четыре свойства оформления: `--rt-logo-wordmark`, `--rt-logo-tagline` и их
- * пару `--rt-logo-wordmark-dark`, `--rt-logo-tagline-dark` для тёмной темы.
- * Пока свойства не заданы, компонент занимает место, но ничего не рисует.
- *
- * ```css
- * :root {
- *     --rt-logo-wordmark: url('/logo/wordmark.svg');
- *     --rt-logo-wordmark-dark: url('/logo/wordmark-inverse.svg');
- * }
- * ```
- *
- * Начертания лежат фоном, а не в `<img>`: у тёмной темы своя пара файлов, и
- * подмена `background-image` — единственный способ переключить их одним правилом.
- */
-class RtLogoComponent {
-    constructor() {
-        /** Реальная высота: явно заданная или умолчание варианта. */
-        this.effectiveHeight = computed(() => {
-            const explicit = this.height();
-            return explicit > 0 ? explicit : DEFAULT_HEIGHT[this.variant()];
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "effectiveHeight" }] : /* istanbul ignore next */ []));
-        /** Ширина host'а: высота, растянутая по отношению сторон начертания. */
-        this.effectiveWidth = computed(() => {
-            const explicit = this.aspect();
-            const ratio = explicit > 0 ? explicit : DEFAULT_ASPECT[this.variant()];
-            return Math.round(this.effectiveHeight() * ratio);
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "effectiveWidth" }] : /* istanbul ignore next */ []));
-        /** Показывать ли слоган под начертанием. */
-        this.showTagline = computed(() => this.variant() === 'lockup', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "showTagline" }] : /* istanbul ignore next */ []));
-        this.variant = input('lockup', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
-        /**
-         * Высота логотипа в пикселях. `0` означает «использовать умолчание варианта».
-         * Принимает строку или число (чтобы писалось как `height="75"`).
-         */
-        this.height = input(0, { ...(ngDevMode ? { debugName: "height" } : /* istanbul ignore next */ {}), transform: numberAttribute });
-        /**
-         * Отношение ширины к высоте своего начертания. `0` — умолчание варианта.
-         * Без него узкий или широкий логотип обрежется или обрастёт пустотой:
-         * ширину host'а кит считает сам, а пропорций чужого файла он не знает.
-         */
-        this.aspect = input(0, { ...(ngDevMode ? { debugName: "aspect" } : /* istanbul ignore next */ {}), transform: numberAttribute });
-        /** Подпись для скринридера: обычно название продукта. */
-        this.ariaLabel = input('', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtLogoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: RtLogoComponent, isStandalone: true, selector: "rt-logo", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, aspect: { classPropertyName: "aspect", publicName: "aspect", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.height.px": "effectiveHeight()", "style.width.px": "effectiveWidth()", "attr.role": "'img'", "attr.aria-label": "ariaLabel()" }, classAttribute: "rt-logo" }, ngImport: i0, template: "<ng-container rtBlock=\"rt-logo\">\n    <span rtElem=\"wordmark\" qa-dataid=\"logo-wordmark\"></span>\n\n    @if (showTagline()) {\n        <span rtElem=\"tagline\" qa-dataid=\"logo-tagline\"></span>\n    }\n</ng-container>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-logo{display:inline-block;line-height:0}.rt-logo__wordmark,.rt-logo__tagline{display:block;width:100%;background-position:left center;background-repeat:no-repeat;background-size:contain}.rt-logo__wordmark{height:100%;background-image:var(--rt-logo-wordmark, none)}.rt-logo__tagline{background-image:var(--rt-logo-tagline, none)}[data-theme=dark] .rt-logo__wordmark{background-image:var(--rt-logo-wordmark-dark, var(--rt-logo-wordmark, none))}[data-theme=dark] .rt-logo__tagline{background-image:var(--rt-logo-tagline-dark, var(--rt-logo-tagline, none))}.rt-logo:has(.rt-logo__tagline){display:flex;flex-direction:column;align-items:stretch;justify-content:space-between}.rt-logo:has(.rt-logo__tagline) .rt-logo__wordmark{height:66.7%}.rt-logo:has(.rt-logo__tagline) .rt-logo__tagline{height:22.1%}}\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: RtLogoComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'rt-logo', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
-                        // standalone components / directives
-                        BlockDirective,
-                        ElemDirective,
-                    ], host: {
-                        class: BEM_BLOCK,
-                        '[style.height.px]': 'effectiveHeight()',
-                        '[style.width.px]': 'effectiveWidth()',
-                        '[attr.role]': "'img'",
-                        '[attr.aria-label]': 'ariaLabel()',
-                    }, template: "<ng-container rtBlock=\"rt-logo\">\n    <span rtElem=\"wordmark\" qa-dataid=\"logo-wordmark\"></span>\n\n    @if (showTagline()) {\n        <span rtElem=\"tagline\" qa-dataid=\"logo-tagline\"></span>\n    }\n</ng-container>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-logo{display:inline-block;line-height:0}.rt-logo__wordmark,.rt-logo__tagline{display:block;width:100%;background-position:left center;background-repeat:no-repeat;background-size:contain}.rt-logo__wordmark{height:100%;background-image:var(--rt-logo-wordmark, none)}.rt-logo__tagline{background-image:var(--rt-logo-tagline, none)}[data-theme=dark] .rt-logo__wordmark{background-image:var(--rt-logo-wordmark-dark, var(--rt-logo-wordmark, none))}[data-theme=dark] .rt-logo__tagline{background-image:var(--rt-logo-tagline-dark, var(--rt-logo-tagline, none))}.rt-logo:has(.rt-logo__tagline){display:flex;flex-direction:column;align-items:stretch;justify-content:space-between}.rt-logo:has(.rt-logo__tagline) .rt-logo__wordmark{height:66.7%}.rt-logo:has(.rt-logo__tagline) .rt-logo__tagline{height:22.1%}}\n"] }]
-        }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }], aspect: [{ type: i0.Input, args: [{ isSignal: true, alias: "aspect", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
 export { RtLogoComponent };
-//# sourceMappingURL=rt-tools-ui-kit-v2-logo.mjs.map
+
+//# sourceMappingURL=rt-tools-ui-kit-v2-logo.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"rt-tools-ui-kit-v2-logo.mjs","sources":["../../../projects/ui-kit-v2/src/lib/components/logo/rt-logo.component.ts","../../../projects/ui-kit-v2/src/lib/components/logo/rt-logo.component.html","../../../projects/ui-kit-v2/src/lib/components/logo/rt-tools-ui-kit-v2-logo.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    input,\n    InputSignal,\n    InputSignalWithTransform,\n    numberAttribute,\n    Signal,\n    ViewEncapsulation,\n} from '@angular/core';\n\nimport { BlockDirective, ElemDirective } from '@rt-tools/core';\n\nimport { IRtLogo } from './rt-logo.model';\n\n/**\n * Высота в px, с которой рисуется вариант, если её не задали явно. `0`\n * означает «брать умолчание варианта».\n */\nconst DEFAULT_HEIGHT: Readonly<Record<IRtLogo.Variant, number>> = Object.freeze({\n    wordmark: 51,\n    lockup: 75,\n});\n\n/** Отношение ширины к высоте, с которым рисуется вариант без явного `aspect`. */\nconst DEFAULT_ASPECT: Readonly<Record<IRtLogo.Variant, number>> = Object.freeze({\n    wordmark: 5.4,\n    lockup: 3.6,\n});\n\nconst BEM_BLOCK: string = 'rt-logo';\n\n/**\n * Логотип приложения: начертание названия и, в варианте `lockup`, слоган под ним.\n *\n * Сами начертания кит не везёт — их даёт приложение, задав на любом предке\n * четыре свойства оформления: `--rt-logo-wordmark`, `--rt-logo-tagline` и их\n * пару `--rt-logo-wordmark-dark`, `--rt-logo-tagline-dark` для тёмной темы.\n * Пока свойства не заданы, компонент занимает место, но ничего не рисует.\n *\n * ```css\n * :root {\n *     --rt-logo-wordmark: url('/logo/wordmark.svg');\n *     --rt-logo-wordmark-dark: url('/logo/wordmark-inverse.svg');\n * }\n * ```\n *\n * Начертания лежат фоном, а не в `<img>`: у тёмной темы своя пара файлов, и\n * подмена `background-image` — единственный способ переключить их одним правилом.\n */\n@Component({\n    selector: 'rt-logo',\n    templateUrl: './rt-logo.component.html',\n    styleUrls: ['./rt-logo.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        '[style.height.px]': 'effectiveHeight()',\n        '[style.width.px]': 'effectiveWidth()',\n        '[attr.role]': \"'img'\",\n        '[attr.aria-label]': 'ariaLabel()',\n    },\n})\nexport class RtLogoComponent {\n    /** Реальная высота: явно заданная или умолчание варианта. */\n    protected readonly effectiveHeight: Signal<number> = computed((): number => {\n        const explicit: number = this.height();\n        return explicit > 0 ? explicit : DEFAULT_HEIGHT[this.variant()];\n    });\n\n    /** Ширина host'а: высота, растянутая по отношению сторон начертания. */\n    protected readonly effectiveWidth: Signal<number> = computed((): number => {\n        const explicit: number = this.aspect();\n        const ratio: number = explicit > 0 ? explicit : DEFAULT_ASPECT[this.variant()];\n        return Math.round(this.effectiveHeight() * ratio);\n    });\n\n    /** Показывать ли слоган под начертанием. */\n    protected readonly showTagline: Signal<boolean> = computed((): boolean => this.variant() === 'lockup');\n\n    public readonly variant: InputSignal<IRtLogo.Variant> = input<IRtLogo.Variant>('lockup');\n\n    /**\n     * Высота логотипа в пикселях. `0` означает «использовать умолчание варианта».\n     * Принимает строку или число (чтобы писалось как `height=\"75\"`).\n     */\n    public readonly height: InputSignalWithTransform<number, number | string> = input<number, number | string>(0, {\n        transform: numberAttribute,\n    });\n\n    /**\n     * Отношение ширины к высоте своего начертания. `0` — умолчание варианта.\n     * Без него узкий или широкий логотип обрежется или обрастёт пустотой:\n     * ширину host'а кит считает сам, а пропорций чужого файла он не знает.\n     */\n    public readonly aspect: InputSignalWithTransform<number, number | string> = input<number, number | string>(0, {\n        transform: numberAttribute,\n    });\n\n    /** Подпись для скринридера: обычно название продукта. */\n    public readonly ariaLabel: InputSignal<string> = input<string>('');\n}\n","<ng-container rtBlock=\"rt-logo\">\n    <span rtElem=\"wordmark\" qa-dataid=\"logo-wordmark\"></span>\n\n    @if (showTagline()) {\n        <span rtElem=\"tagline\" qa-dataid=\"logo-tagline\"></span>\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-logo.mjs","names":[],"sources":["../../../projects/ui-kit-v2/src/lib/components/logo/rt-logo.component.ts","../../../projects/ui-kit-v2/src/lib/components/logo/rt-logo.component.html"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    input,\n    InputSignal,\n    InputSignalWithTransform,\n    numberAttribute,\n    Signal,\n    ViewEncapsulation,\n} from '@angular/core';\n\nimport { BlockDirective, ElemDirective } from '@rt-tools/core';\n\nimport { IRtLogo } from './rt-logo.model';\n\n/**\n * Высота в px, с которой рисуется вариант, если её не задали явно. `0`\n * означает «брать умолчание варианта».\n */\nconst DEFAULT_HEIGHT: Readonly<Record<IRtLogo.Variant, number>> = Object.freeze({\n    wordmark: 51,\n    lockup: 75,\n});\n\n/** Отношение ширины к высоте, с которым рисуется вариант без явного `aspect`. */\nconst DEFAULT_ASPECT: Readonly<Record<IRtLogo.Variant, number>> = Object.freeze({\n    wordmark: 5.4,\n    lockup: 3.6,\n});\n\nconst BEM_BLOCK: string = 'rt-logo';\n\n/**\n * Логотип приложения: начертание названия и, в варианте `lockup`, слоган под ним.\n *\n * Сами начертания кит не везёт — их даёт приложение, задав на любом предке\n * четыре свойства оформления: `--rt-logo-wordmark`, `--rt-logo-tagline` и их\n * пару `--rt-logo-wordmark-dark`, `--rt-logo-tagline-dark` для тёмной темы.\n * Пока свойства не заданы, компонент занимает место, но ничего не рисует.\n *\n * ```css\n * :root {\n *     --rt-logo-wordmark: url('/logo/wordmark.svg');\n *     --rt-logo-wordmark-dark: url('/logo/wordmark-inverse.svg');\n * }\n * ```\n *\n * Начертания лежат фоном, а не в `<img>`: у тёмной темы своя пара файлов, и\n * подмена `background-image` — единственный способ переключить их одним правилом.\n */\n@Component({\n    selector: 'rt-logo',\n    templateUrl: './rt-logo.component.html',\n    styleUrls: ['./rt-logo.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        '[style.height.px]': 'effectiveHeight()',\n        '[style.width.px]': 'effectiveWidth()',\n        '[attr.role]': \"'img'\",\n        '[attr.aria-label]': 'ariaLabel()',\n    },\n})\nexport class RtLogoComponent {\n    /** Реальная высота: явно заданная или умолчание варианта. */\n    protected readonly effectiveHeight: Signal<number> = computed((): number => {\n        const explicit: number = this.height();\n        return explicit > 0 ? explicit : DEFAULT_HEIGHT[this.variant()];\n    });\n\n    /** Ширина host'а: высота, растянутая по отношению сторон начертания. */\n    protected readonly effectiveWidth: Signal<number> = computed((): number => {\n        const explicit: number = this.aspect();\n        const ratio: number = explicit > 0 ? explicit : DEFAULT_ASPECT[this.variant()];\n        return Math.round(this.effectiveHeight() * ratio);\n    });\n\n    /** Показывать ли слоган под начертанием. */\n    protected readonly showTagline: Signal<boolean> = computed((): boolean => this.variant() === 'lockup');\n\n    public readonly variant: InputSignal<IRtLogo.Variant> = input<IRtLogo.Variant>('lockup');\n\n    /**\n     * Высота логотипа в пикселях. `0` означает «использовать умолчание варианта».\n     * Принимает строку или число (чтобы писалось как `height=\"75\"`).\n     */\n    public readonly height: InputSignalWithTransform<number, number | string> = input<number, number | string>(0, {\n        transform: numberAttribute,\n    });\n\n    /**\n     * Отношение ширины к высоте своего начертания. `0` — умолчание варианта.\n     * Без него узкий или широкий логотип обрежется или обрастёт пустотой:\n     * ширину host'а кит считает сам, а пропорций чужого файла он не знает.\n     */\n    public readonly aspect: InputSignalWithTransform<number, number | string> = input<number, number | string>(0, {\n        transform: numberAttribute,\n    });\n\n    /** Подпись для скринридера: обычно название продукта. */\n    public readonly ariaLabel: InputSignal<string> = input<string>('');\n}\n","<ng-container rtBlock=\"rt-logo\">\n    <span rtElem=\"wordmark\" qa-dataid=\"logo-wordmark\"></span>\n\n    @if (showTagline()) {\n        <span rtElem=\"tagline\" qa-dataid=\"logo-tagline\"></span>\n    }\n</ng-container>\n"],"mappings":"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"}