@rt-tools/ui-kit-v2 0.16.0 → 0.18.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"rt-tools-ui-kit-v2-note.mjs","sources":["../../../projects/ui-kit-v2/src/lib/components/note/rt-note.component.ts","../../../projects/ui-kit-v2/src/lib/components/note/rt-note.component.html","../../../projects/ui-kit-v2/src/lib/components/note/rt-tools-ui-kit-v2-note.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';\n\nimport { BlockDirective } from '@rt-tools/core';\n\nimport { RtRadiusDirective } from '@rt-tools/ui-kit-v2/radius';\n\nconst BEM_BLOCK: string = 'rt-note';\n\n/**\n * Тихая информационная заметка-callout для асайдов и форм: приглушённый текст\n * на subtle-фоне, без иконки и severity-цвета. Назначение — пояснить контекст\n * (предупреждения, подсказки, контекстные примечания),\n * не перебивая основной контент.\n *\n * Семантика — `role=\"note\"` (ancillary-контент). Это НЕ alert: для громких\n * цветных уведомлений с severity/иконкой/закрытием используйте `rt-message`.\n *\n * Контент проецируется через `<ng-content />` — допустимы инлайн-теги\n * (`<strong>`, `<a>`) и control-flow (`@if`) внутри.\n */\n@Component({\n    selector: 'rt-note',\n    templateUrl: './rt-note.component.html',\n    styleUrl: './rt-note.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        // standalone components / directives\n        BlockDirective,\n    ],\n    hostDirectives: [{ directive: RtRadiusDirective, inputs: ['radius'] }],\n    host: {\n        // Block-класс на host (BlockDirective пропускает comment-ноду ng-container),\n        // role — на том же элементе: rt-note самодостаточен, без внутреннего контейнера.\n        class: BEM_BLOCK,\n        role: 'note',\n    },\n})\nexport class RtNoteComponent {}\n","<ng-container rtBlock=\"rt-note\">\n    <ng-content />\n</ng-container>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;AAMA,MAAM,SAAS,GAAW,SAAS;AAEnC;;;;;;;;;;;AAWG;MAmBU,eAAe,CAAA;8GAAf,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAf,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,eAAe,6NCtC5B,2EAGA,EAAA,MAAA,EAAA,CAAA,u6BAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA;;gBDyBQ,cAAc,EAAA,QAAA,EAAA,WAAA,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;;2FAUT,eAAe,EAAA,UAAA,EAAA,CAAA;kBAlB3B,SAAS;+BACI,SAAS,EAAA,eAAA,EAGF,uBAAuB,CAAC,MAAM,iBAChC,iBAAiB,CAAC,IAAI,EAAA,OAAA,EAC5B;;wBAEL,cAAc;AACjB,qBAAA,EAAA,cAAA,EACe,CAAC,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAA,IAAA,EAChE;;;AAGF,wBAAA,KAAK,EAAE,SAAS;AAChB,wBAAA,IAAI,EAAE,MAAM;AACf,qBAAA,EAAA,QAAA,EAAA,2EAAA,EAAA,MAAA,EAAA,CAAA,u6BAAA,CAAA,EAAA;;;AEpCL;;AAEG;;;;"}

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

@@ -0,0 +1,54 @@
+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", "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.
+ */
+
+export { RtNotificationsBellComponent };
+//# sourceMappingURL=rt-tools-ui-kit-v2-notifications-bell.mjs.map

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

@@ -0,0 +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,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;;;;"}