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

package/fesm2022/rt-tools-ui-kit-v2-notifications-bell.mjs

@@ -1,54 +1,162 @@
-import * as i0 from '@angular/core';
-import { input, booleanAttribute, output, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
-import { BlockDirective, ElemDirective } from '@rt-tools/core';
-import { RtIconComponent } from '@rt-tools/ui-kit-v2/icon';
-import * as i1 from '@rt-tools/ui-kit-v2/radius';
-import { RtRadiusDirective } from '@rt-tools/ui-kit-v2/radius';
-
-const BEM_BLOCK = 'rt-notifications-bell';
-/**
- * Колокольчик в шапке: открывает ленту событий и показывает точкой, что
- * непрочитанное есть.
- *
- * Маркер — точка, а не число: точное число получатель видит в самой ленте, а
- * двузначное в шапке спорило бы с подписями разделов.
- */
-class RtNotificationsBellComponent {
-    constructor() {
-        this.unread = input(false, { ...(ngDevMode ? { debugName: "unread" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-        this.ariaLabel = input('', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
-        /** Подпись маркера для скринридера: точка сама по себе ничего не говорит */
-        this.unreadLabel = input('', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "unreadLabel" }] : /* istanbul ignore next */ []));
-        this.clicked = output();
-    }
-    onClick() {
-        this.clicked.emit();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtNotificationsBellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: RtNotificationsBellComponent, isStandalone: true, selector: "rt-notifications-bell", inputs: { unread: { classPropertyName: "unread", publicName: "unread", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, unreadLabel: { classPropertyName: "unreadLabel", publicName: "unreadLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clicked: "clicked" }, host: { classAttribute: "rt-notifications-bell" }, hostDirectives: [{ directive: i1.RtRadiusDirective, inputs: ["radius", "radius"] }], ngImport: i0, template: "<button rtBlock=\"rt-notifications-bell\" type=\"button\" qa-dataid=\"header-bell\" [attr.aria-label]=\"ariaLabel()\" (click)=\"onClick()\">\n    <rt-icon rtElem=\"icon\" name=\"bell\" size=\"sm\" />\n\n    @if (unread()) {\n        <span rtElem=\"marker\" role=\"img\" qa-dataid=\"header-bell-marker\" [attr.aria-label]=\"unreadLabel()\"></span>\n    }\n</button>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-notifications-bell{--rt-notifications-bell-radius: var(--rt-radius-md);--rt-notifications-bell-dot-radius: var(--rt-radius-full);--rt-notifications-bell-outline-width: var(--rt-border-width-thin);--rt-notifications-bell-transition-duration: var(--rt-duration-fast);display:inline-flex;min-height:var(--rt-nav-item-height);align-items:center;padding:var(--rt-nav-item-padding);border:0;border-radius:var(--rt-notifications-bell-radius);background-color:transparent;color:var(--rt-nav-item-color);cursor:pointer;gap:var(--rt-nav-item-content-gap);transition:color var(--rt-notifications-bell-transition-duration) linear}.rt-notifications-bell:hover{color:var(--rt-nav-item-color-hover)}.rt-notifications-bell:focus-visible{outline:var(--rt-notifications-bell-outline-width) dashed var(--rt-color-border-strong);outline-offset:calc(var(--rt-space-0-5) * -1)}.rt-notifications-bell__marker{width:var(--rt-nav-marker-size);height:var(--rt-nav-marker-size);flex-shrink:0;border-radius:var(--rt-notifications-bell-dot-radius);background-color:var(--rt-nav-marker-color)}.rt-notifications-bell[data-rt-radius=none]>.rt-notifications-bell{--rt-notifications-bell-radius: var(--rt-radius-none)}.rt-notifications-bell[data-rt-radius=xs]>.rt-notifications-bell{--rt-notifications-bell-radius: var(--rt-radius-xs)}.rt-notifications-bell[data-rt-radius=sm]>.rt-notifications-bell{--rt-notifications-bell-radius: var(--rt-radius-sm)}.rt-notifications-bell[data-rt-radius=ms]>.rt-notifications-bell{--rt-notifications-bell-radius: var(--rt-radius-ms)}.rt-notifications-bell[data-rt-radius=md]>.rt-notifications-bell{--rt-notifications-bell-radius: var(--rt-radius-md)}.rt-notifications-bell[data-rt-radius=lg]>.rt-notifications-bell{--rt-notifications-bell-radius: var(--rt-radius-lg)}.rt-notifications-bell[data-rt-radius=xl]>.rt-notifications-bell{--rt-notifications-bell-radius: var(--rt-radius-xl)}.rt-notifications-bell[data-rt-radius=\"2xl\"]>.rt-notifications-bell{--rt-notifications-bell-radius: var(--rt-radius-2xl)}.rt-notifications-bell[data-rt-radius=full]>.rt-notifications-bell{--rt-notifications-bell-radius: var(--rt-radius-full)}}\n"], dependencies: [{ kind: "directive", type: 
-                // rt-tools
-                BlockDirective, selector: "[rtBlock]", inputs: ["rtMod"] }, { kind: "directive", type: ElemDirective, selector: "[rtElem]", inputs: ["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: RtNotificationsBellComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'rt-notifications-bell', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
-                        // rt-tools
-                        BlockDirective,
-                        ElemDirective,
-                        // components
-                        RtIconComponent,
-                    ], hostDirectives: [{ directive: RtRadiusDirective, inputs: ['radius'] }], host: {
-                        class: BEM_BLOCK,
-                    }, template: "<button rtBlock=\"rt-notifications-bell\" type=\"button\" qa-dataid=\"header-bell\" [attr.aria-label]=\"ariaLabel()\" (click)=\"onClick()\">\n    <rt-icon rtElem=\"icon\" name=\"bell\" size=\"sm\" />\n\n    @if (unread()) {\n        <span rtElem=\"marker\" role=\"img\" qa-dataid=\"header-bell-marker\" [attr.aria-label]=\"unreadLabel()\"></span>\n    }\n</button>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-notifications-bell{--rt-notifications-bell-radius: var(--rt-radius-md);--rt-notifications-bell-dot-radius: var(--rt-radius-full);--rt-notifications-bell-outline-width: var(--rt-border-width-thin);--rt-notifications-bell-transition-duration: var(--rt-duration-fast);display:inline-flex;min-height:var(--rt-nav-item-height);align-items:center;padding:var(--rt-nav-item-padding);border:0;border-radius:var(--rt-notifications-bell-radius);background-color:transparent;color:var(--rt-nav-item-color);cursor:pointer;gap:var(--rt-nav-item-content-gap);transition:color var(--rt-notifications-bell-transition-duration) linear}.rt-notifications-bell:hover{color:var(--rt-nav-item-color-hover)}.rt-notifications-bell:focus-visible{outline:var(--rt-notifications-bell-outline-width) dashed var(--rt-color-border-strong);outline-offset:calc(var(--rt-space-0-5) * -1)}.rt-notifications-bell__marker{width:var(--rt-nav-marker-size);height:var(--rt-nav-marker-size);flex-shrink:0;border-radius:var(--rt-notifications-bell-dot-radius);background-color:var(--rt-nav-marker-color)}.rt-notifications-bell[data-rt-radius=none]>.rt-notifications-bell{--rt-notifications-bell-radius: var(--rt-radius-none)}.rt-notifications-bell[data-rt-radius=xs]>.rt-notifications-bell{--rt-notifications-bell-radius: var(--rt-radius-xs)}.rt-notifications-bell[data-rt-radius=sm]>.rt-notifications-bell{--rt-notifications-bell-radius: var(--rt-radius-sm)}.rt-notifications-bell[data-rt-radius=ms]>.rt-notifications-bell{--rt-notifications-bell-radius: var(--rt-radius-ms)}.rt-notifications-bell[data-rt-radius=md]>.rt-notifications-bell{--rt-notifications-bell-radius: var(--rt-radius-md)}.rt-notifications-bell[data-rt-radius=lg]>.rt-notifications-bell{--rt-notifications-bell-radius: var(--rt-radius-lg)}.rt-notifications-bell[data-rt-radius=xl]>.rt-notifications-bell{--rt-notifications-bell-radius: var(--rt-radius-xl)}.rt-notifications-bell[data-rt-radius=\"2xl\"]>.rt-notifications-bell{--rt-notifications-bell-radius: var(--rt-radius-2xl)}.rt-notifications-bell[data-rt-radius=full]>.rt-notifications-bell{--rt-notifications-bell-radius: var(--rt-radius-full)}}\n"] }]
-        }], propDecorators: { unread: [{ type: i0.Input, args: [{ isSignal: true, alias: "unread", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], unreadLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "unreadLabel", required: false }] }], clicked: [{ type: i0.Output, args: ["clicked"] }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, ViewEncapsulation, booleanAttribute, input, output } from "@angular/core";
+import { BlockDirective, ElemDirective } from "@rt-tools/core";
+import { RtIconComponent } from "@rt-tools/ui-kit-v2/icon";
+import * as i1 from "@rt-tools/ui-kit-v2/radius";
+import { RtRadiusDirective } from "@rt-tools/ui-kit-v2/radius";
+const BEM_BLOCK = "rt-notifications-bell";
+var RtNotificationsBellComponent = class RtNotificationsBellComponent {
+	constructor() {
+		this.unread = input(false, {
+			...ngDevMode ? { debugName: "unread" } : /* istanbul ignore next */ {},
+			transform: booleanAttribute
+		});
+		this.ariaLabel = input("", ...ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []);
+		this.unreadLabel = input("", ...ngDevMode ? [{ debugName: "unreadLabel" }] : /* istanbul ignore next */ []);
+		this.clicked = output();
+	}
+	onClick() {
+		this.clicked.emit();
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: RtNotificationsBellComponent,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.0.0",
+			version: "22.2.2",
+			type: RtNotificationsBellComponent,
+			isStandalone: true,
+			selector: "rt-notifications-bell",
+			inputs: {
+				unread: {
+					classPropertyName: "unread",
+					publicName: "unread",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				ariaLabel: {
+					classPropertyName: "ariaLabel",
+					publicName: "ariaLabel",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				unreadLabel: {
+					classPropertyName: "unreadLabel",
+					publicName: "unreadLabel",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				}
+			},
+			outputs: { clicked: "clicked" },
+			host: { classAttribute: "rt-notifications-bell" },
+			hostDirectives: [{
+				directive: i1.RtRadiusDirective,
+				inputs: ["radius", "radius"]
+			}],
+			ngImport: i0,
+			template: "<button rtBlock=\"rt-notifications-bell\" type=\"button\" qa-dataid=\"header-bell\" [attr.aria-label]=\"ariaLabel()\" (click)=\"onClick()\">\n    <rt-icon rtElem=\"icon\" name=\"bell\" size=\"sm\" />\n\n    @if (unread()) {\n        <span rtElem=\"marker\" role=\"img\" qa-dataid=\"header-bell-marker\" [attr.aria-label]=\"unreadLabel()\"></span>\n    }\n</button>\n",
+			styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-notifications-bell{--rt-notifications-bell-radius: var(--rt-radius-md);--rt-notifications-bell-dot-radius: var(--rt-radius-full);--rt-notifications-bell-outline-width: var(--rt-border-width-thin);--rt-notifications-bell-transition-duration: var(--rt-duration-fast);display:inline-flex;min-height:var(--rt-nav-item-height);align-items:center;padding:var(--rt-nav-item-padding);border:0;border-radius:var(--rt-notifications-bell-radius);background-color:transparent;color:var(--rt-nav-item-color);cursor:pointer;gap:var(--rt-nav-item-content-gap);transition:color var(--rt-notifications-bell-transition-duration) linear}.rt-notifications-bell:hover{color:var(--rt-nav-item-color-hover)}.rt-notifications-bell:focus-visible{outline:var(--rt-notifications-bell-outline-width) dashed var(--rt-color-border-strong);outline-offset:calc(var(--rt-space-0-5) * -1)}.rt-notifications-bell__marker{width:var(--rt-nav-marker-size);height:var(--rt-nav-marker-size);flex-shrink:0;border-radius:var(--rt-notifications-bell-dot-radius);background-color:var(--rt-nav-marker-color)}.rt-notifications-bell[data-rt-radius=none]>.rt-notifications-bell{--rt-notifications-bell-radius: var(--rt-radius-none)}.rt-notifications-bell[data-rt-radius=xs]>.rt-notifications-bell{--rt-notifications-bell-radius: var(--rt-radius-xs)}.rt-notifications-bell[data-rt-radius=sm]>.rt-notifications-bell{--rt-notifications-bell-radius: var(--rt-radius-sm)}.rt-notifications-bell[data-rt-radius=ms]>.rt-notifications-bell{--rt-notifications-bell-radius: var(--rt-radius-ms)}.rt-notifications-bell[data-rt-radius=md]>.rt-notifications-bell{--rt-notifications-bell-radius: var(--rt-radius-md)}.rt-notifications-bell[data-rt-radius=lg]>.rt-notifications-bell{--rt-notifications-bell-radius: var(--rt-radius-lg)}.rt-notifications-bell[data-rt-radius=xl]>.rt-notifications-bell{--rt-notifications-bell-radius: var(--rt-radius-xl)}.rt-notifications-bell[data-rt-radius=\"2xl\"]>.rt-notifications-bell{--rt-notifications-bell-radius: var(--rt-radius-2xl)}.rt-notifications-bell[data-rt-radius=full]>.rt-notifications-bell{--rt-notifications-bell-radius: var(--rt-radius-full)}}\n"],
+			dependencies: [
+				{
+					kind: "directive",
+					type: BlockDirective,
+					selector: "[rtBlock]",
+					inputs: ["rtMod"]
+				},
+				{
+					kind: "directive",
+					type: ElemDirective,
+					selector: "[rtElem]",
+					inputs: ["rtMod"]
+				},
+				{
+					kind: "component",
+					type: RtIconComponent,
+					selector: "rt-icon",
+					inputs: [
+						"name",
+						"glyph",
+						"glyphStrategy",
+						"size",
+						"color",
+						"fill",
+						"spin",
+						"rotate"
+					]
+				}
+			],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush,
+			encapsulation: i0.ViewEncapsulation.None
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RtNotificationsBellComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "rt-notifications-bell",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			encapsulation: ViewEncapsulation.None,
+			imports: [
+				BlockDirective,
+				ElemDirective,
+				RtIconComponent
+			],
+			hostDirectives: [{
+				directive: RtRadiusDirective,
+				inputs: ["radius"]
+			}],
+			host: { class: BEM_BLOCK },
+			template: "<button rtBlock=\"rt-notifications-bell\" type=\"button\" qa-dataid=\"header-bell\" [attr.aria-label]=\"ariaLabel()\" (click)=\"onClick()\">\n    <rt-icon rtElem=\"icon\" name=\"bell\" size=\"sm\" />\n\n    @if (unread()) {\n        <span rtElem=\"marker\" role=\"img\" qa-dataid=\"header-bell-marker\" [attr.aria-label]=\"unreadLabel()\"></span>\n    }\n</button>\n",
+			styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-notifications-bell{--rt-notifications-bell-radius: var(--rt-radius-md);--rt-notifications-bell-dot-radius: var(--rt-radius-full);--rt-notifications-bell-outline-width: var(--rt-border-width-thin);--rt-notifications-bell-transition-duration: var(--rt-duration-fast);display:inline-flex;min-height:var(--rt-nav-item-height);align-items:center;padding:var(--rt-nav-item-padding);border:0;border-radius:var(--rt-notifications-bell-radius);background-color:transparent;color:var(--rt-nav-item-color);cursor:pointer;gap:var(--rt-nav-item-content-gap);transition:color var(--rt-notifications-bell-transition-duration) linear}.rt-notifications-bell:hover{color:var(--rt-nav-item-color-hover)}.rt-notifications-bell:focus-visible{outline:var(--rt-notifications-bell-outline-width) dashed var(--rt-color-border-strong);outline-offset:calc(var(--rt-space-0-5) * -1)}.rt-notifications-bell__marker{width:var(--rt-nav-marker-size);height:var(--rt-nav-marker-size);flex-shrink:0;border-radius:var(--rt-notifications-bell-dot-radius);background-color:var(--rt-nav-marker-color)}.rt-notifications-bell[data-rt-radius=none]>.rt-notifications-bell{--rt-notifications-bell-radius: var(--rt-radius-none)}.rt-notifications-bell[data-rt-radius=xs]>.rt-notifications-bell{--rt-notifications-bell-radius: var(--rt-radius-xs)}.rt-notifications-bell[data-rt-radius=sm]>.rt-notifications-bell{--rt-notifications-bell-radius: var(--rt-radius-sm)}.rt-notifications-bell[data-rt-radius=ms]>.rt-notifications-bell{--rt-notifications-bell-radius: var(--rt-radius-ms)}.rt-notifications-bell[data-rt-radius=md]>.rt-notifications-bell{--rt-notifications-bell-radius: var(--rt-radius-md)}.rt-notifications-bell[data-rt-radius=lg]>.rt-notifications-bell{--rt-notifications-bell-radius: var(--rt-radius-lg)}.rt-notifications-bell[data-rt-radius=xl]>.rt-notifications-bell{--rt-notifications-bell-radius: var(--rt-radius-xl)}.rt-notifications-bell[data-rt-radius=\"2xl\"]>.rt-notifications-bell{--rt-notifications-bell-radius: var(--rt-radius-2xl)}.rt-notifications-bell[data-rt-radius=full]>.rt-notifications-bell{--rt-notifications-bell-radius: var(--rt-radius-full)}}\n"]
+		}]
+	}],
+	propDecorators: {
+		unread: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "unread",
+				required: false
+			}]
+		}],
+		ariaLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "ariaLabel",
+				required: false
+			}]
+		}],
+		unreadLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "unreadLabel",
+				required: false
+			}]
+		}],
+		clicked: [{
+			type: i0.Output,
+			args: ["clicked"]
+		}]
+	}
+});
 export { RtNotificationsBellComponent };
-//# sourceMappingURL=rt-tools-ui-kit-v2-notifications-bell.mjs.map
+
+//# sourceMappingURL=rt-tools-ui-kit-v2-notifications-bell.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"rt-tools-ui-kit-v2-notifications-bell.mjs","sources":["../../../projects/ui-kit-v2/src/lib/components/notifications-bell/rt-notifications-bell.component.ts","../../../projects/ui-kit-v2/src/lib/components/notifications-bell/rt-notifications-bell.component.html","../../../projects/ui-kit-v2/src/lib/components/notifications-bell/rt-tools-ui-kit-v2-notifications-bell.ts"],"sourcesContent":["import {\n    booleanAttribute,\n    ChangeDetectionStrategy,\n    Component,\n    input,\n    InputSignal,\n    InputSignalWithTransform,\n    output,\n    OutputEmitterRef,\n    ViewEncapsulation,\n} from '@angular/core';\n\nimport { BlockDirective, ElemDirective } from '@rt-tools/core';\n\nimport { RtIconComponent } from '@rt-tools/ui-kit-v2/icon';\nimport { RtRadiusDirective } from '@rt-tools/ui-kit-v2/radius';\n\nconst BEM_BLOCK: string = 'rt-notifications-bell';\n\n/**\n * Колокольчик в шапке: открывает ленту событий и показывает точкой, что\n * непрочитанное есть.\n *\n * Маркер — точка, а не число: точное число получатель видит в самой ленте, а\n * двузначное в шапке спорило бы с подписями разделов.\n */\n@Component({\n    selector: 'rt-notifications-bell',\n    templateUrl: './rt-notifications-bell.component.html',\n    styleUrl: './rt-notifications-bell.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        // rt-tools\n        BlockDirective,\n        ElemDirective,\n\n        // components\n        RtIconComponent,\n    ],\n    hostDirectives: [{ directive: RtRadiusDirective, inputs: ['radius'] }],\n    host: {\n        class: BEM_BLOCK,\n    },\n})\nexport class RtNotificationsBellComponent {\n    public readonly unread: InputSignalWithTransform<boolean, boolean | string> = input<boolean, boolean | string>(false, {\n        transform: booleanAttribute,\n    });\n\n    public readonly ariaLabel: InputSignal<string> = input<string>('');\n\n    /** Подпись маркера для скринридера: точка сама по себе ничего не говорит */\n    public readonly unreadLabel: InputSignal<string> = input<string>('');\n\n    public readonly clicked: OutputEmitterRef<void> = output<void>();\n\n    protected onClick(): void {\n        this.clicked.emit();\n    }\n}\n","<button rtBlock=\"rt-notifications-bell\" type=\"button\" qa-dataid=\"header-bell\" [attr.aria-label]=\"ariaLabel()\" (click)=\"onClick()\">\n    <rt-icon rtElem=\"icon\" name=\"bell\" size=\"sm\" />\n\n    @if (unread()) {\n        <span rtElem=\"marker\" role=\"img\" qa-dataid=\"header-bell-marker\" [attr.aria-label]=\"unreadLabel()\"></span>\n    }\n</button>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;AAiBA,MAAM,SAAS,GAAW,uBAAuB;AAEjD;;;;;;AAMG;MAoBU,4BAA4B,CAAA;AAnBzC,IAAA,WAAA,GAAA;QAoBoB,IAAA,CAAA,MAAM,GAAwD,KAAK,CAA4B,KAAK,8EAChH,SAAS,EAAE,gBAAgB,EAAA,CAC7B;QAEc,IAAA,CAAA,SAAS,GAAwB,KAAK,CAAS,EAAE;sFAAC;;QAGlD,IAAA,CAAA,WAAW,GAAwB,KAAK,CAAS,EAAE;wFAAC;QAEpD,IAAA,CAAA,OAAO,GAA2B,MAAM,EAAQ;AAKnE,IAAA;IAHa,OAAO,GAAA;AACb,QAAA,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE;IACvB;8GAdS,4BAA4B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA5B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,4BAA4B,+oBC7CzC,gXAOA,EAAA,MAAA,EAAA,CAAA,uoEAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA;;AD2BQ,gBAAA,cAAc,yEACd,aAAa,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA;;gBAGb,eAAe,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,OAAA,EAAA,eAAA,EAAA,MAAA,EAAA,OAAA,EAAA,MAAA,EAAA,MAAA,EAAA,QAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAOV,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBAnBxC,SAAS;+BACI,uBAAuB,EAAA,eAAA,EAGhB,uBAAuB,CAAC,MAAM,iBAChC,iBAAiB,CAAC,IAAI,EAAA,OAAA,EAC5B;;wBAEL,cAAc;wBACd,aAAa;;wBAGb,eAAe;AAClB,qBAAA,EAAA,cAAA,EACe,CAAC,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAA,IAAA,EAChE;AACF,wBAAA,KAAK,EAAE,SAAS;AACnB,qBAAA,EAAA,QAAA,EAAA,gXAAA,EAAA,MAAA,EAAA,CAAA,uoEAAA,CAAA,EAAA;;;AE3CL;;AAEG;;;;"}
+{"version":3,"file":"rt-tools-ui-kit-v2-notifications-bell.mjs","names":[],"sources":["../../../projects/ui-kit-v2/src/lib/components/notifications-bell/rt-notifications-bell.component.ts","../../../projects/ui-kit-v2/src/lib/components/notifications-bell/rt-notifications-bell.component.html"],"sourcesContent":["import {\n    booleanAttribute,\n    ChangeDetectionStrategy,\n    Component,\n    input,\n    InputSignal,\n    InputSignalWithTransform,\n    output,\n    OutputEmitterRef,\n    ViewEncapsulation,\n} from '@angular/core';\n\nimport { BlockDirective, ElemDirective } from '@rt-tools/core';\n\nimport { RtIconComponent } from '@rt-tools/ui-kit-v2/icon';\nimport { RtRadiusDirective } from '@rt-tools/ui-kit-v2/radius';\n\nconst BEM_BLOCK: string = 'rt-notifications-bell';\n\n/**\n * Колокольчик в шапке: открывает ленту событий и показывает точкой, что\n * непрочитанное есть.\n *\n * Маркер — точка, а не число: точное число получатель видит в самой ленте, а\n * двузначное в шапке спорило бы с подписями разделов.\n */\n@Component({\n    selector: 'rt-notifications-bell',\n    templateUrl: './rt-notifications-bell.component.html',\n    styleUrl: './rt-notifications-bell.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        // rt-tools\n        BlockDirective,\n        ElemDirective,\n\n        // components\n        RtIconComponent,\n    ],\n    hostDirectives: [{ directive: RtRadiusDirective, inputs: ['radius'] }],\n    host: {\n        class: BEM_BLOCK,\n    },\n})\nexport class RtNotificationsBellComponent {\n    public readonly unread: InputSignalWithTransform<boolean, boolean | string> = input<boolean, boolean | string>(false, {\n        transform: booleanAttribute,\n    });\n\n    public readonly ariaLabel: InputSignal<string> = input<string>('');\n\n    /** Подпись маркера для скринридера: точка сама по себе ничего не говорит */\n    public readonly unreadLabel: InputSignal<string> = input<string>('');\n\n    public readonly clicked: OutputEmitterRef<void> = output<void>();\n\n    protected onClick(): void {\n        this.clicked.emit();\n    }\n}\n","<button rtBlock=\"rt-notifications-bell\" type=\"button\" qa-dataid=\"header-bell\" [attr.aria-label]=\"ariaLabel()\" (click)=\"onClick()\">\n    <rt-icon rtElem=\"icon\" name=\"bell\" size=\"sm\" />\n\n    @if (unread()) {\n        <span rtElem=\"marker\" role=\"img\" qa-dataid=\"header-bell-marker\" [attr.aria-label]=\"unreadLabel()\"></span>\n    }\n</button>\n"],"mappings":";;;;;;AAiBA,MAAM,YAAoB;AA4B1B,IAAa,+BAAb,MAAa,6BAA4B;CAnBzC,cAAA;EAoBoB,KAAA,SAA8D,MAAiC,OAAK;GAAA,GAAA,YAAA,EAAA,WAAA,SAAA,+BAAA,CAAA;GAChH,WAAW;EAAgB,CAAA;EAGf,KAAA,YAAiC,MAAc,IAAG,GAAA,YAAA,CAAA,EAAA,WAAA,YAAA,CAAA,+BAAA,CAAA,CAAA;EAGlD,KAAA,cAAmC,MAAc,IAAG,GAAA,YAAA,CAAA,EAAA,WAAA,cAAA,CAAA,+BAAA,CAAA,CAAA;EAEpD,KAAA,UAAkC,OAAM;CAK3D;CAHa,UAAO;EACb,KAAK,QAAQ,KAAI;CACrB;CAdS;EAAA,KAAA,OAAA,GAAA,mBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,UAAA;GAAA,MAAA;GAA4B,MAAA,CAAA;GAAA,QAAA,GAAA,gBAAA;EAAA,CAAA;CAAA;CAA5B;EAAA,KAAA,OAAA,GAAA,qBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,MAAA;GAA4B,cAAA;GAAA,UAAA;GAAA,QAAA;IAAA,QAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;IAAA,WAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;IAAA,aAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;GAAA;GAAA,SAAA,EAAA,SAAA,UAAA;GAAA,MAAA,EAAA,gBAAA,wBAAA;GAAA,gBAAA,CAAA;IAAA,WAAA,GAAA;IAAA,QAAA,CAAA,UAAA,QAAA;GAAA,CAAA;GAAA,UAAA;GAAA,UC7CzC;GAOA,QAAA,CAAA,uoEAAA;GAAA,cAAA;IAAA;KAAA,MAAA;KAAA,MD2BQ;KAAc,UAAA;KAAA,QAAA,CAAA,OAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MACd;KAAa,UAAA;KAAA,QAAA,CAAA,OAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MAGb;KAAe,UAAA;KAAA,QAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;KAAA;IAAA;GAAA;GAAA,iBAAA,GAAA,wBAAA;GAAA,eAAA,GAAA,kBAAA;EAAA,CAAA;CAAA;;AAOV,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAA4B,YAAA,CAAA;EAnBxC,MAAA;EACa,MAAA,CAAA;GAAA,UAAA;GAAuB,iBAGhB,wBAAwB;GAAM,eAChC,kBAAkB;GAAI,SAC5B;IAEL;IACA;IAGA;GACH;GAAA,gBACe,CAAC;IAAE,WAAW;IAAmB,QAAQ,CAAC,QAAQ;GAAC,CAAE;GAAC,MAChE,EACF,OAAO,UACV;GAAA,UAAA;GAAA,QAAA,CAAA,uoEAAA;EAAA,CAAA"}