@elementar-rt/components 0.6.55

package/fesm2022/elementar-rt-components-incidents.mjs

@@ -0,0 +1,259 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, Component, inject, input, booleanAttribute, Directive, computed } from '@angular/core';
+import { MatIconButton } from '@angular/material/button';
+import { signalStore, withState, withMethods, patchState } from '@ngrx/signals';
+import { MatIcon } from '@angular/material/icon';
+
+const INCIDENTS = new InjectionToken('INCIDENTS');
+
+class IncidentsComponent {
+    isVisible = false;
+    toggleVisibility() {
+        this.isVisible = !this.isVisible;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: IncidentsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: IncidentsComponent, isStandalone: true, selector: "emr-incidents", host: { properties: { "class.is-visible": "isVisible" }, classAttribute: "emr-incidents" }, providers: [
+            {
+                provide: INCIDENTS,
+                useExisting: IncidentsComponent
+            }
+        ], exportAs: ["emrIncidents"], ngImport: i0, template: "<ng-content select=\"emr-incidents-bar\"></ng-content>\r\n<ng-content select=\"emr-incidents-list\"></ng-content>\r\n", styles: [":host{--emr-incidents-bar-height: calc(var(--spacing, .25rem) * 24);--emr-incidents-bar-bg: var(--color-orange-container);--emr-incidents-bar-padding: 0 calc(var(--spacing, .25rem) * 8);--emr-incidents-bar-color: var(--color-on-orange-container);--emr-incidents-bar-box-shadow: none;--emr-incidents-bar-hover-box-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--emr-incidents-list-bg: rgba(0, 0, 0, .32);--emr-incidents-list-gap: calc(var(--spacing, .25rem) * 5);--emr-incidents-list-padding: calc(var(--spacing, .25rem) * 7) 0;--emr-incident-bg: white;--emr-incident-color: var(--color-neutral-700);--emr-incident-border-radius: .375rem;--emr-incident-padding: calc(var(--spacing, .25rem) * 4) calc(var(--spacing, .25rem) * 6);--emr-incident-gap: calc(var(--spacing, .25rem) * 6);--emr-incident-border-start: calc(var(--spacing, .25rem) * 1) solid var(--color-neutral-900);--emr-incident-close-color: var(--color-neutral-500);--emr-incident-close-hover-color: var(--color-neutral-900);--emr-incident-title-font-size: .875rem;--emr-incident-title-font-weight: 500;--emr-incident-details-font-size: .875rem;--emr-incident-details-color: var(--color-neutral-500);--emr-incidents-title-font-size: var(--text-base);--emr-incidents-title-font-weight: 500;--emr-incidents-description-font-size: .875rem;--emr-incidents-description-opacity: 80%;display:contents}:host .list-container{display:none;height:calc(100vh - var(--emr-layout-top-header-top) + var(--emr-layout-top-header-height))}:host-context(html.dark){--emr-incidents-list-bg: rgba(255, 255, 255, .32)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: IncidentsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-incidents', exportAs: 'emrIncidents', providers: [
+                        {
+                            provide: INCIDENTS,
+                            useExisting: IncidentsComponent
+                        }
+                    ], host: {
+                        'class': 'emr-incidents',
+                        '[class.is-visible]': 'isVisible',
+                    }, template: "<ng-content select=\"emr-incidents-bar\"></ng-content>\r\n<ng-content select=\"emr-incidents-list\"></ng-content>\r\n", styles: [":host{--emr-incidents-bar-height: calc(var(--spacing, .25rem) * 24);--emr-incidents-bar-bg: var(--color-orange-container);--emr-incidents-bar-padding: 0 calc(var(--spacing, .25rem) * 8);--emr-incidents-bar-color: var(--color-on-orange-container);--emr-incidents-bar-box-shadow: none;--emr-incidents-bar-hover-box-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--emr-incidents-list-bg: rgba(0, 0, 0, .32);--emr-incidents-list-gap: calc(var(--spacing, .25rem) * 5);--emr-incidents-list-padding: calc(var(--spacing, .25rem) * 7) 0;--emr-incident-bg: white;--emr-incident-color: var(--color-neutral-700);--emr-incident-border-radius: .375rem;--emr-incident-padding: calc(var(--spacing, .25rem) * 4) calc(var(--spacing, .25rem) * 6);--emr-incident-gap: calc(var(--spacing, .25rem) * 6);--emr-incident-border-start: calc(var(--spacing, .25rem) * 1) solid var(--color-neutral-900);--emr-incident-close-color: var(--color-neutral-500);--emr-incident-close-hover-color: var(--color-neutral-900);--emr-incident-title-font-size: .875rem;--emr-incident-title-font-weight: 500;--emr-incident-details-font-size: .875rem;--emr-incident-details-color: var(--color-neutral-500);--emr-incidents-title-font-size: var(--text-base);--emr-incidents-title-font-weight: 500;--emr-incidents-description-font-size: .875rem;--emr-incidents-description-opacity: 80%;display:contents}:host .list-container{display:none;height:calc(100vh - var(--emr-layout-top-header-top) + var(--emr-layout-top-header-height))}:host-context(html.dark){--emr-incidents-list-bg: rgba(255, 255, 255, .32)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+        }] });
+
+class IncidentsBarComponent {
+    _parent = inject(INCIDENTS, { optional: true });
+    _handleClick(_event) {
+        this._parent?.toggleVisibility();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: IncidentsBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: IncidentsBarComponent, isStandalone: true, selector: "emr-incidents-bar", host: { listeners: { "click": "_handleClick($event)" }, classAttribute: "emr-incidents-bar" }, exportAs: ["emrIncidentsBar"], ngImport: i0, template: "<div class=\"flex flex-col gap-0.5\">\r\n  <ng-content select=\"emr-incidents-title\"/>\r\n  <ng-content select=\"emr-incidents-description\"/>\r\n</div>\r\n<button mat-icon-button class=\"ms-auto toggle-icon\">\r\n  <ng-content select=\"[emrIncidentsToggleIcon]\"/>\r\n</button>\r\n", styles: [":host{width:100%;height:var(--emr-incidents-bar-height);background:var(--emr-incidents-bar-bg);color:var(--emr-incidents-bar-color);box-shadow:var(--emr-incidents-bar-box-shadow);align-items:center;justify-content:space-between;flex:none;cursor:pointer;display:flex;grid-gap:25px;-webkit-user-select:none;user-select:none;padding:var(--emr-incidents-bar-padding)}:host(:hover){box-shadow:var(--emr-incidents-bar-hover-box-shadow)}:host .container{display:flex;height:100%;grid-area:content;align-items:center}:host .toggle-icon{line-height:0;transition:transform .2s ease;--mat-icon-button-icon-color: var(--emr-incidents-bar-color);--mat-icon-button-state-layer-color: var(--emr-incidents-bar-color)}:host-context(.emr-incidents.is-visible) .toggle-icon{transform:rotate(-180deg)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: IncidentsBarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-incidents-bar', exportAs: 'emrIncidentsBar', imports: [
+                        MatIconButton
+                    ], host: {
+                        'class': 'emr-incidents-bar',
+                        '(click)': '_handleClick($event)'
+                    }, template: "<div class=\"flex flex-col gap-0.5\">\r\n  <ng-content select=\"emr-incidents-title\"/>\r\n  <ng-content select=\"emr-incidents-description\"/>\r\n</div>\r\n<button mat-icon-button class=\"ms-auto toggle-icon\">\r\n  <ng-content select=\"[emrIncidentsToggleIcon]\"/>\r\n</button>\r\n", styles: [":host{width:100%;height:var(--emr-incidents-bar-height);background:var(--emr-incidents-bar-bg);color:var(--emr-incidents-bar-color);box-shadow:var(--emr-incidents-bar-box-shadow);align-items:center;justify-content:space-between;flex:none;cursor:pointer;display:flex;grid-gap:25px;-webkit-user-select:none;user-select:none;padding:var(--emr-incidents-bar-padding)}:host(:hover){box-shadow:var(--emr-incidents-bar-hover-box-shadow)}:host .container{display:flex;height:100%;grid-area:content;align-items:center}:host .toggle-icon{line-height:0;transition:transform .2s ease;--mat-icon-button-icon-color: var(--emr-incidents-bar-color);--mat-icon-button-state-layer-color: var(--emr-incidents-bar-color)}:host-context(.emr-incidents.is-visible) .toggle-icon{transform:rotate(-180deg)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+        }] });
+
+class IncidentsListComponent {
+    _parent = inject(INCIDENTS, { optional: true });
+    fixed = input(false, ...(ngDevMode ? [{ debugName: "fixed", transform: booleanAttribute }] : [{
+            transform: booleanAttribute
+        }]));
+    _handleClick(event) {
+        const target = event.target;
+        if (target.closest('.emr-incident') === null) {
+            this._parent?.toggleVisibility();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: IncidentsListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.10", type: IncidentsListComponent, isStandalone: true, selector: "emr-incidents-list", inputs: { fixed: { classPropertyName: "fixed", publicName: "fixed", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "_handleClick($event)" }, properties: { "class.is-fixed": "fixed()" }, classAttribute: "emr-incidents-list" }, exportAs: ["emr-incidents-list"], ngImport: i0, template: "<div class=\"container\">\r\n  <ng-content select=\"emr-incident\"/>\r\n</div>\r\n", styles: [":host{background:var(--emr-incidents-list-bg);transition:transform .15s,opacity .15s;display:grid;height:0;opacity:0;grid-gap:25px;grid-template-columns:auto minmax(1px,max-content) auto;grid-template-areas:\". content .\";transform-origin:top;overflow:hidden;transform:scaleY(0)}:host:not(:empty){padding:var(--emr-incidents-list-padding)}:host .container{display:grid;height:min-content;grid-area:content;grid-row-gap:var(--emr-incidents-list-gap);grid-auto-flow:row}:host(.is-fixed){position:absolute;z-index:102;left:0;right:0;top:calc(var(--emr-incidents-bar-height));bottom:0}:host-context(.emr-incidents.is-visible){height:calc(100% - var(--emr-incidents-bar-height));transform:scaleY(1);opacity:1;overflow-y:auto}:host-context(.emr-incidents.is-visible).is-fixed{height:calc(100vh - var(--emr-incidents-bar-height))}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: IncidentsListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-incidents-list', exportAs: 'emr-incidents-list', host: {
+                        'class': 'emr-incidents-list',
+                        '[class.is-fixed]': 'fixed()',
+                        '(click)': '_handleClick($event)'
+                    }, template: "<div class=\"container\">\r\n  <ng-content select=\"emr-incident\"/>\r\n</div>\r\n", styles: [":host{background:var(--emr-incidents-list-bg);transition:transform .15s,opacity .15s;display:grid;height:0;opacity:0;grid-gap:25px;grid-template-columns:auto minmax(1px,max-content) auto;grid-template-areas:\". content .\";transform-origin:top;overflow:hidden;transform:scaleY(0)}:host:not(:empty){padding:var(--emr-incidents-list-padding)}:host .container{display:grid;height:min-content;grid-area:content;grid-row-gap:var(--emr-incidents-list-gap);grid-auto-flow:row}:host(.is-fixed){position:absolute;z-index:102;left:0;right:0;top:calc(var(--emr-incidents-bar-height));bottom:0}:host-context(.emr-incidents.is-visible){height:calc(100% - var(--emr-incidents-bar-height));transform:scaleY(1);opacity:1;overflow-y:auto}:host-context(.emr-incidents.is-visible).is-fixed{height:calc(100vh - var(--emr-incidents-bar-height))}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { fixed: [{ type: i0.Input, args: [{ isSignal: true, alias: "fixed", required: false }] }] } });
+
+const initialState = {
+    incidents: [],
+    title: '',
+    description: '',
+};
+const IncidentsStore = signalStore({ providedIn: 'root' }, withState(initialState), withMethods((store) => ({
+    show(state) {
+        patchState(store, {
+            ...state
+        });
+    },
+    hide() {
+        patchState(store, {
+            incidents: []
+        });
+    }
+})));
+
+let incidentId = 0;
+class IncidentComponent {
+    _incidentsStore = inject(IncidentsStore);
+    incidentId = input(`incident-${incidentId++}`, ...(ngDevMode ? [{ debugName: "incidentId" }] : []));
+    close() {
+        this._incidentsStore.hide();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: IncidentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.10", type: IncidentComponent, isStandalone: true, selector: "emr-incident,[emr-incident]", inputs: { incidentId: { classPropertyName: "incidentId", publicName: "incidentId", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "emr-incident" }, exportAs: ["emrIncident"], ngImport: i0, template: "<div class=\"icon\">\r\n  <ng-content select=\"[emrIncidentIcon]\"/>\r\n</div>\r\n<div class=\"content\">\r\n  <div class=\"data\">\r\n    <ng-content select=\"emr-incident-title\"/>\r\n    <ng-content select=\"emr-incident-details\"/>\r\n  </div>\r\n  <ng-content select=\"[emrIncidentButton]\"/>\r\n</div>\r\n<button mat-icon-button class=\"close -ms-2\" (click)=\"close()\">\r\n  <ng-content select=\"[emrIncidentClose]\"/>\r\n</button>\r\n", styles: [":host{display:grid;align-items:center;border-radius:var(--emr-incident-border-radius);background:var(--emr-incident-bg);grid-template-areas:\"icon content close\";padding:var(--emr-incident-padding);gap:var(--emr-incident-gap);border-inline-start:var(--emr-incident-border-start);grid-template-columns:[icon] var(--emr-incident-gap) [content] 1fr [action] var(--emr-incident-gap);color:var(--emr-incident-color)}:host .content{grid-area:content;display:grid;gap:var(--emr-incident-gap);grid-template-areas:\"data button\";grid-template-columns:[data] 1fr [button] var(--emr-incident-gap)}:host .data{grid-area:data}:host .icon{line-height:0;display:inline-block;max-width:max-content}:host .close{--mat-icon-button-icon-color: var(--emr-incident-close-color);--mat-icon-button-state-layer-color: var(--emr-incident-close-color)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: IncidentComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-incident,[emr-incident]', exportAs: 'emrIncident', imports: [
+                        MatIconButton
+                    ], host: {
+                        'class': 'emr-incident'
+                    }, template: "<div class=\"icon\">\r\n  <ng-content select=\"[emrIncidentIcon]\"/>\r\n</div>\r\n<div class=\"content\">\r\n  <div class=\"data\">\r\n    <ng-content select=\"emr-incident-title\"/>\r\n    <ng-content select=\"emr-incident-details\"/>\r\n  </div>\r\n  <ng-content select=\"[emrIncidentButton]\"/>\r\n</div>\r\n<button mat-icon-button class=\"close -ms-2\" (click)=\"close()\">\r\n  <ng-content select=\"[emrIncidentClose]\"/>\r\n</button>\r\n", styles: [":host{display:grid;align-items:center;border-radius:var(--emr-incident-border-radius);background:var(--emr-incident-bg);grid-template-areas:\"icon content close\";padding:var(--emr-incident-padding);gap:var(--emr-incident-gap);border-inline-start:var(--emr-incident-border-start);grid-template-columns:[icon] var(--emr-incident-gap) [content] 1fr [action] var(--emr-incident-gap);color:var(--emr-incident-color)}:host .content{grid-area:content;display:grid;gap:var(--emr-incident-gap);grid-template-areas:\"data button\";grid-template-columns:[data] 1fr [button] var(--emr-incident-gap)}:host .data{grid-area:data}:host .icon{line-height:0;display:inline-block;max-width:max-content}:host .close{--mat-icon-button-icon-color: var(--emr-incident-close-color);--mat-icon-button-state-layer-color: var(--emr-incident-close-color)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { incidentId: [{ type: i0.Input, args: [{ isSignal: true, alias: "incidentId", required: false }] }] } });
+
+class IncidentTitleComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: IncidentTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: IncidentTitleComponent, isStandalone: true, selector: "emr-incident-title", host: { classAttribute: "emr-incident-title" }, exportAs: ["emrIncidentTitle"], ngImport: i0, template: "<ng-content></ng-content>\r\n", styles: [":host{display:block;font-size:var(--emr-incident-title-font-size);font-weight:var(--emr-incident-title-font-weight)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: IncidentTitleComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-incident-title', exportAs: 'emrIncidentTitle', host: {
+                        'class': 'emr-incident-title',
+                    }, template: "<ng-content></ng-content>\r\n", styles: [":host{display:block;font-size:var(--emr-incident-title-font-size);font-weight:var(--emr-incident-title-font-weight)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+        }] });
+
+class IncidentDetailsComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: IncidentDetailsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: IncidentDetailsComponent, isStandalone: true, selector: "emr-incident-details", host: { classAttribute: "emr-incident-details" }, exportAs: ["emrIncidentDetails"], ngImport: i0, template: "<ng-content></ng-content>\r\n", styles: [":host{display:block;font-size:var(--emr-incident-details-font-size);color:var(--emr-incident-details-color)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: IncidentDetailsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-incident-details', exportAs: 'emrIncidentDetails', host: {
+                        'class': 'emr-incident-details',
+                    }, template: "<ng-content></ng-content>\r\n", styles: [":host{display:block;font-size:var(--emr-incident-details-font-size);color:var(--emr-incident-details-color)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+        }] });
+
+class IncidentButtonDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: IncidentButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: IncidentButtonDirective, isStandalone: true, selector: "[emrIncidentButton]", host: { classAttribute: "emr-incident-button" }, exportAs: ["emrIncidentButton"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: IncidentButtonDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[emrIncidentButton]',
+                    exportAs: 'emrIncidentButton',
+                    host: {
+                        'class': 'emr-incident-button',
+                    }
+                }]
+        }] });
+
+class IncidentsTitleComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: IncidentsTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: IncidentsTitleComponent, isStandalone: true, selector: "emr-incidents-title", host: { classAttribute: "emr-incidents-title" }, exportAs: ["emrIncidentTitle"], ngImport: i0, template: "<ng-content></ng-content>\r\n", styles: [":host{display:block;font-size:var(--emr-incidents-title-font-size);font-weight:var(--emr-incidents-title-font-weight)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: IncidentsTitleComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-incidents-title', exportAs: 'emrIncidentTitle', host: {
+                        'class': 'emr-incidents-title',
+                    }, template: "<ng-content></ng-content>\r\n", styles: [":host{display:block;font-size:var(--emr-incidents-title-font-size);font-weight:var(--emr-incidents-title-font-weight)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+        }] });
+
+class IncidentsDescriptionComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: IncidentsDescriptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: IncidentsDescriptionComponent, isStandalone: true, selector: "emr-incidents-description", host: { classAttribute: "emr-incidents-description" }, exportAs: ["emrIncidentsDescription"], ngImport: i0, template: "<ng-content></ng-content>\r\n", styles: [":host{display:block;font-size:var(--emr-incidents-description-font-size);opacity:var(--emr-incidents-description-opacity)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: IncidentsDescriptionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-incidents-description', exportAs: 'emrIncidentsDescription', host: {
+                        'class': 'emr-incidents-description'
+                    }, template: "<ng-content></ng-content>\r\n", styles: [":host{display:block;font-size:var(--emr-incidents-description-font-size);opacity:var(--emr-incidents-description-opacity)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+        }] });
+
+class IncidentsToggleIconDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: IncidentsToggleIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: IncidentsToggleIconDirective, isStandalone: true, selector: "[emrIncidentsToggleIcon]", host: { classAttribute: "emr-incidents-toggle-icon" }, exportAs: ["emrIncidentsToggleIcon"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: IncidentsToggleIconDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[emrIncidentsToggleIcon]',
+                    exportAs: 'emrIncidentsToggleIcon',
+                    host: {
+                        'class': 'emr-incidents-toggle-icon',
+                    }
+                }]
+        }] });
+
+class IncidentCloseDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: IncidentCloseDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: IncidentCloseDirective, isStandalone: true, selector: "[emrIncidentClose]", host: { classAttribute: "emr-incident-close" }, exportAs: ["emrIncidentClose"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: IncidentCloseDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[emrIncidentClose]',
+                    exportAs: 'emrIncidentClose',
+                    host: {
+                        'class': 'emr-incident-close'
+                    }
+                }]
+        }] });
+
+class IncidentsContainerComponent {
+    _incidentsStore = inject(IncidentsStore);
+    hasIncidents = computed(() => {
+        return this._incidentsStore.incidents().length > 0;
+    }, ...(ngDevMode ? [{ debugName: "hasIncidents" }] : []));
+    title = computed(() => {
+        return this._incidentsStore.title();
+    }, ...(ngDevMode ? [{ debugName: "title" }] : []));
+    description = computed(() => {
+        return this._incidentsStore.description();
+    }, ...(ngDevMode ? [{ debugName: "description" }] : []));
+    incidents = computed(() => {
+        return this._incidentsStore.incidents();
+    }, ...(ngDevMode ? [{ debugName: "incidents" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: IncidentsContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: IncidentsContainerComponent, isStandalone: true, selector: "emr-incidents-container,emr-incidents-global", host: { properties: { "class.is-active": "hasIncidents()" }, classAttribute: "emr-incidents-global" }, exportAs: ["emrIncidentsGlobal"], ngImport: i0, template: "@if (hasIncidents()) {\r\n  <emr-incidents>\r\n    <emr-incidents-bar>\r\n      <emr-incidents-title>{{ title() }}</emr-incidents-title>\r\n      @if (description()) {\r\n        <emr-incidents-description>{{ description() }}</emr-incidents-description>\r\n      }\r\n      <mat-icon emrIncidentsToggleIcon>expand_more</mat-icon>\r\n    </emr-incidents-bar>\r\n    <emr-incidents-list fixed>\r\n      @for (incident of incidents(); track incident) {\r\n        <emr-incident>\r\n          <mat-icon emrIncidentIcon>info</mat-icon>\r\n          <mat-icon emrIncidentClose>close</mat-icon>\r\n          <emr-incident-title>{{ incident.title }}</emr-incident-title>\r\n          @if (incident.details) {\r\n            <emr-incident-details>{{ incident.details }}</emr-incident-details>\r\n          }\r\n        </emr-incident>\r\n      }\r\n    </emr-incidents-list>\r\n  </emr-incidents>\r\n}\r\n", styles: [":host{display:none;position:relative}:host.is-active{display:block}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: IncidentsComponent, selector: "emr-incidents", exportAs: ["emrIncidents"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: IncidentsTitleComponent, selector: "emr-incidents-title", exportAs: ["emrIncidentTitle"] }, { kind: "component", type: IncidentDetailsComponent, selector: "emr-incident-details", exportAs: ["emrIncidentDetails"] }, { kind: "component", type: IncidentsBarComponent, selector: "emr-incidents-bar", exportAs: ["emrIncidentsBar"] }, { kind: "component", type: IncidentsDescriptionComponent, selector: "emr-incidents-description", exportAs: ["emrIncidentsDescription"] }, { kind: "directive", type: IncidentsToggleIconDirective, selector: "[emrIncidentsToggleIcon]", exportAs: ["emrIncidentsToggleIcon"] }, { kind: "component", type: IncidentTitleComponent, selector: "emr-incident-title", exportAs: ["emrIncidentTitle"] }, { kind: "component", type: IncidentsListComponent, selector: "emr-incidents-list", inputs: ["fixed"], exportAs: ["emr-incidents-list"] }, { kind: "directive", type: IncidentCloseDirective, selector: "[emrIncidentClose]", exportAs: ["emrIncidentClose"] }, { kind: "component", type: IncidentComponent, selector: "emr-incident,[emr-incident]", inputs: ["incidentId"], exportAs: ["emrIncident"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: IncidentsContainerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-incidents-container,emr-incidents-global', exportAs: 'emrIncidentsGlobal', imports: [
+                        IncidentsComponent,
+                        MatIcon,
+                        IncidentsTitleComponent,
+                        IncidentDetailsComponent,
+                        IncidentsBarComponent,
+                        IncidentsDescriptionComponent,
+                        IncidentsToggleIconDirective,
+                        IncidentTitleComponent,
+                        IncidentsListComponent,
+                        IncidentCloseDirective,
+                        IncidentComponent
+                    ], host: {
+                        'class': 'emr-incidents-global',
+                        '[class.is-active]': 'hasIncidents()'
+                    }, template: "@if (hasIncidents()) {\r\n  <emr-incidents>\r\n    <emr-incidents-bar>\r\n      <emr-incidents-title>{{ title() }}</emr-incidents-title>\r\n      @if (description()) {\r\n        <emr-incidents-description>{{ description() }}</emr-incidents-description>\r\n      }\r\n      <mat-icon emrIncidentsToggleIcon>expand_more</mat-icon>\r\n    </emr-incidents-bar>\r\n    <emr-incidents-list fixed>\r\n      @for (incident of incidents(); track incident) {\r\n        <emr-incident>\r\n          <mat-icon emrIncidentIcon>info</mat-icon>\r\n          <mat-icon emrIncidentClose>close</mat-icon>\r\n          <emr-incident-title>{{ incident.title }}</emr-incident-title>\r\n          @if (incident.details) {\r\n            <emr-incident-details>{{ incident.details }}</emr-incident-details>\r\n          }\r\n        </emr-incident>\r\n      }\r\n    </emr-incidents-list>\r\n  </emr-incidents>\r\n}\r\n", styles: [":host{display:none;position:relative}:host.is-active{display:block}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+        }] });
+
+class IncidentIconDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: IncidentIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: IncidentIconDirective, isStandalone: true, selector: "[emrIncidentIcon]", host: { classAttribute: "emr-incident-icon" }, exportAs: ["emrIncidentIcon"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: IncidentIconDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[emrIncidentIcon]',
+                    exportAs: 'emrIncidentIcon',
+                    host: {
+                        'class': 'emr-incident-icon'
+                    }
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { IncidentButtonDirective, IncidentCloseDirective, IncidentComponent, IncidentDetailsComponent, IncidentIconDirective, IncidentTitleComponent, IncidentsBarComponent, IncidentsComponent, IncidentsContainerComponent, IncidentsDescriptionComponent, IncidentsListComponent, IncidentsStore, IncidentsTitleComponent, IncidentsToggleIconDirective };
+//# sourceMappingURL=elementar-rt-components-incidents.mjs.map

package/fesm2022/elementar-rt-components-incidents.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"elementar-rt-components-incidents.mjs","sources":["../../../projects/components/incidents/src/properties.ts","../../../projects/components/incidents/src/incidents/incidents.component.ts","../../../projects/components/incidents/src/incidents/incidents.component.html","../../../projects/components/incidents/src/incidents-bar/incidents-bar.component.ts","../../../projects/components/incidents/src/incidents-bar/incidents-bar.component.html","../../../projects/components/incidents/src/incidents-list/incidents-list.component.ts","../../../projects/components/incidents/src/incidents-list/incidents-list.component.html","../../../projects/components/incidents/src/incidents.store.ts","../../../projects/components/incidents/src/incident/incident.component.ts","../../../projects/components/incidents/src/incident/incident.component.html","../../../projects/components/incidents/src/incident-title/incident-title.component.ts","../../../projects/components/incidents/src/incident-title/incident-title.component.html","../../../projects/components/incidents/src/incident-details/incident-details.component.ts","../../../projects/components/incidents/src/incident-details/incident-details.component.html","../../../projects/components/incidents/src/incident-button.directive.ts","../../../projects/components/incidents/src/incidents-title/incidents-title.component.ts","../../../projects/components/incidents/src/incidents-title/incidents-title.component.html","../../../projects/components/incidents/src/incidents-description/incidents-description.component.ts","../../../projects/components/incidents/src/incidents-description/incidents-description.component.html","../../../projects/components/incidents/src/incidents-toggle-icon.directive.ts","../../../projects/components/incidents/src/incident-close.directive.ts","../../../projects/components/incidents/src/incidents-container/incidents-container.component.ts","../../../projects/components/incidents/src/incidents-container/incidents-container.component.html","../../../projects/components/incidents/src/incident-icon.directive.ts","../../../projects/components/incidents/elementar-rt-components-incidents.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\r\n\r\nexport const INCIDENTS = new InjectionToken('INCIDENTS');\r\n","import {\r\n  Component\r\n} from '@angular/core';\r\nimport { INCIDENTS } from '../properties';\r\n\r\n@Component({\r\n  selector: 'emr-incidents',\r\n  exportAs: 'emrIncidents',\r\n  templateUrl: './incidents.component.html',\r\n  styleUrl: './incidents.component.scss',\r\n  providers: [\r\n    {\r\n      provide: INCIDENTS,\r\n      useExisting: IncidentsComponent\r\n    }\r\n  ],\r\n  host: {\r\n    'class': 'emr-incidents',\r\n    '[class.is-visible]': 'isVisible',\r\n  }\r\n})\r\nexport class IncidentsComponent {\r\n  isVisible = false;\r\n\r\n  toggleVisibility() {\r\n    this.isVisible = !this.isVisible;\r\n  }\r\n}\r\n","<ng-content select=\"emr-incidents-bar\"></ng-content>\r\n<ng-content select=\"emr-incidents-list\"></ng-content>\r\n","import { Component, inject } from '@angular/core';\r\nimport { INCIDENTS } from '../properties';\r\nimport { IncidentsComponent } from '../incidents/incidents.component';\r\nimport { MatIconButton } from '@angular/material/button';\r\n\r\n@Component({\r\n  selector: 'emr-incidents-bar',\r\n  exportAs: 'emrIncidentsBar',\r\n  imports: [\r\n    MatIconButton\r\n  ],\r\n  templateUrl: './incidents-bar.component.html',\r\n  styleUrl: './incidents-bar.component.scss',\r\n  host: {\r\n    'class': 'emr-incidents-bar',\r\n    '(click)': '_handleClick($event)'\r\n  }\r\n})\r\nexport class IncidentsBarComponent {\r\n  private _parent = inject<IncidentsComponent>(INCIDENTS, { optional: true });\r\n\r\n  _handleClick(_event?: Event) {\r\n    this._parent?.toggleVisibility();\r\n  }\r\n}\r\n","<div class=\"flex flex-col gap-0.5\">\r\n  <ng-content select=\"emr-incidents-title\"/>\r\n  <ng-content select=\"emr-incidents-description\"/>\r\n</div>\r\n<button mat-icon-button class=\"ms-auto toggle-icon\">\r\n  <ng-content select=\"[emrIncidentsToggleIcon]\"/>\r\n</button>\r\n","import { booleanAttribute, Component, inject, input } from '@angular/core';\r\nimport { IncidentsComponent } from '../incidents/incidents.component';\r\nimport { INCIDENTS } from '../properties';\r\n\r\n@Component({\r\n  selector: 'emr-incidents-list',\r\n  exportAs: 'emr-incidents-list',\r\n  templateUrl: './incidents-list.component.html',\r\n  styleUrl: './incidents-list.component.scss',\r\n  host: {\r\n    'class': 'emr-incidents-list',\r\n    '[class.is-fixed]': 'fixed()',\r\n    '(click)': '_handleClick($event)'\r\n  }\r\n})\r\nexport class IncidentsListComponent {\r\n  private _parent = inject<IncidentsComponent>(INCIDENTS, { optional: true });\r\n\r\n  fixed = input(false, {\r\n    transform: booleanAttribute\r\n  });\r\n\r\n  _handleClick(event: MouseEvent) {\r\n    const target = event.target as HTMLElement;\r\n\r\n    if (target.closest('.emr-incident') === null) {\r\n      this._parent?.toggleVisibility();\r\n    }\r\n  }\r\n}\r\n","<div class=\"container\">\r\n  <ng-content select=\"emr-incident\"/>\r\n</div>\r\n","import { patchState, signalStore, withMethods, withState } from '@ngrx/signals';\r\nimport { Incident } from './types';\r\n\r\nexport interface IncidentsState {\r\n  incidents: Incident[],\r\n  title: string;\r\n  description: string;\r\n}\r\n\r\nconst initialState: IncidentsState = {\r\n  incidents: [],\r\n  title: '',\r\n  description: '',\r\n};\r\n\r\nexport const IncidentsStore = signalStore(\r\n  { providedIn: 'root' },\r\n  withState(initialState),\r\n  withMethods((store) => ({\r\n    show(state: IncidentsState): void {\r\n      patchState(store, {\r\n        ...state\r\n      });\r\n    },\r\n    hide(): void {\r\n      patchState(store, {\r\n        incidents: []\r\n      });\r\n    }\r\n  }))\r\n);\r\n","import { Component, inject, input } from '@angular/core';\r\nimport { IncidentsStore } from '../incidents.store';\r\nimport { MatIconButton } from '@angular/material/button';\r\n\r\nlet incidentId = 0;\r\n\r\n@Component({\r\n  selector: 'emr-incident,[emr-incident]',\r\n  exportAs: 'emrIncident',\r\n  imports: [\r\n    MatIconButton\r\n  ],\r\n  templateUrl: './incident.component.html',\r\n  styleUrl: './incident.component.scss',\r\n  host: {\r\n    'class': 'emr-incident'\r\n  }\r\n})\r\nexport class IncidentComponent {\r\n  private _incidentsStore = inject(IncidentsStore);\r\n\r\n  incidentId = input(`incident-${incidentId++}`);\r\n\r\n  close() {\r\n    this._incidentsStore.hide();\r\n  }\r\n}\r\n","<div class=\"icon\">\r\n  <ng-content select=\"[emrIncidentIcon]\"/>\r\n</div>\r\n<div class=\"content\">\r\n  <div class=\"data\">\r\n    <ng-content select=\"emr-incident-title\"/>\r\n    <ng-content select=\"emr-incident-details\"/>\r\n  </div>\r\n  <ng-content select=\"[emrIncidentButton]\"/>\r\n</div>\r\n<button mat-icon-button class=\"close -ms-2\" (click)=\"close()\">\r\n  <ng-content select=\"[emrIncidentClose]\"/>\r\n</button>\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'emr-incident-title',\r\n  exportAs: 'emrIncidentTitle',\r\n  templateUrl: './incident-title.component.html',\r\n  styleUrl: './incident-title.component.scss',\r\n  host: {\r\n    'class': 'emr-incident-title',\r\n  }\r\n})\r\nexport class IncidentTitleComponent {\r\n\r\n}\r\n","<ng-content></ng-content>\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'emr-incident-details',\r\n  exportAs: 'emrIncidentDetails',\r\n  templateUrl: './incident-details.component.html',\r\n  styleUrl: './incident-details.component.scss',\r\n  host: {\r\n    'class': 'emr-incident-details',\r\n  }\r\n})\r\nexport class IncidentDetailsComponent {\r\n\r\n}\r\n","<ng-content></ng-content>\r\n","import { Directive } from '@angular/core';\r\n\r\n@Directive({\r\n  selector: '[emrIncidentButton]',\r\n  exportAs: 'emrIncidentButton',\r\n  host: {\r\n    'class': 'emr-incident-button',\r\n  }\r\n})\r\nexport class IncidentButtonDirective {\r\n\r\n}\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'emr-incidents-title',\r\n  exportAs: 'emrIncidentTitle',\r\n  templateUrl: './incidents-title.component.html',\r\n  styleUrl: './incidents-title.component.scss',\r\n  host: {\r\n    'class': 'emr-incidents-title',\r\n  }\r\n})\r\nexport class IncidentsTitleComponent {\r\n\r\n}\r\n","<ng-content></ng-content>\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'emr-incidents-description',\r\n  exportAs: 'emrIncidentsDescription',\r\n  templateUrl: './incidents-description.component.html',\r\n  styleUrl: './incidents-description.component.scss',\r\n  host: {\r\n    'class': 'emr-incidents-description'\r\n  }\r\n})\r\nexport class IncidentsDescriptionComponent {\r\n\r\n}\r\n","<ng-content></ng-content>\r\n","import { Directive } from '@angular/core';\r\n\r\n@Directive({\r\n  selector: '[emrIncidentsToggleIcon]',\r\n  exportAs: 'emrIncidentsToggleIcon',\r\n  host: {\r\n    'class': 'emr-incidents-toggle-icon',\r\n  }\r\n})\r\nexport class IncidentsToggleIconDirective {\r\n\r\n}\r\n","import { Directive } from '@angular/core';\r\n\r\n@Directive({\r\n  selector: '[emrIncidentClose]',\r\n  exportAs: 'emrIncidentClose',\r\n  host: {\r\n    'class': 'emr-incident-close'\r\n  }\r\n})\r\nexport class IncidentCloseDirective {\r\n\r\n}\r\n","import { Component, computed, inject } from '@angular/core';\r\nimport { IncidentsStore } from '../incidents.store';\r\nimport { IncidentsComponent } from '../incidents/incidents.component';\r\nimport { MatIcon } from '@angular/material/icon';\r\nimport { IncidentsTitleComponent } from '../incidents-title/incidents-title.component';\r\nimport { IncidentDetailsComponent } from '../incident-details/incident-details.component';\r\nimport { IncidentsBarComponent } from '../incidents-bar/incidents-bar.component';\r\nimport { IncidentsDescriptionComponent } from '../incidents-description/incidents-description.component';\r\nimport { IncidentsToggleIconDirective } from '../incidents-toggle-icon.directive';\r\nimport { IncidentTitleComponent } from '../incident-title/incident-title.component';\r\nimport { IncidentCloseDirective } from '../incident-close.directive';\r\nimport { IncidentComponent } from '../incident/incident.component';\r\nimport { IncidentsListComponent } from '../incidents-list/incidents-list.component';\r\n\r\n@Component({\r\n  selector: 'emr-incidents-container,emr-incidents-global',\r\n  exportAs: 'emrIncidentsGlobal',\r\n  imports: [\r\n    IncidentsComponent,\r\n    MatIcon,\r\n    IncidentsTitleComponent,\r\n    IncidentDetailsComponent,\r\n    IncidentsBarComponent,\r\n    IncidentsDescriptionComponent,\r\n    IncidentsToggleIconDirective,\r\n    IncidentTitleComponent,\r\n    IncidentsListComponent,\r\n    IncidentCloseDirective,\r\n    IncidentComponent\r\n  ],\r\n  templateUrl: './incidents-container.component.html',\r\n  styleUrl: './incidents-container.component.scss',\r\n  host: {\r\n    'class': 'emr-incidents-global',\r\n    '[class.is-active]': 'hasIncidents()'\r\n  }\r\n})\r\nexport class IncidentsContainerComponent {\r\n  protected _incidentsStore = inject(IncidentsStore);\r\n\r\n  hasIncidents = computed<boolean>(() => {\r\n    return this._incidentsStore.incidents().length > 0;\r\n  });\r\n  title = computed(() => {\r\n    return this._incidentsStore.title();\r\n  });\r\n  description = computed(() => {\r\n    return this._incidentsStore.description();\r\n  });\r\n  incidents = computed(() => {\r\n    return this._incidentsStore.incidents();\r\n  });\r\n}\r\n","@if (hasIncidents()) {\r\n  <emr-incidents>\r\n    <emr-incidents-bar>\r\n      <emr-incidents-title>{{ title() }}</emr-incidents-title>\r\n      @if (description()) {\r\n        <emr-incidents-description>{{ description() }}</emr-incidents-description>\r\n      }\r\n      <mat-icon emrIncidentsToggleIcon>expand_more</mat-icon>\r\n    </emr-incidents-bar>\r\n    <emr-incidents-list fixed>\r\n      @for (incident of incidents(); track incident) {\r\n        <emr-incident>\r\n          <mat-icon emrIncidentIcon>info</mat-icon>\r\n          <mat-icon emrIncidentClose>close</mat-icon>\r\n          <emr-incident-title>{{ incident.title }}</emr-incident-title>\r\n          @if (incident.details) {\r\n            <emr-incident-details>{{ incident.details }}</emr-incident-details>\r\n          }\r\n        </emr-incident>\r\n      }\r\n    </emr-incidents-list>\r\n  </emr-incidents>\r\n}\r\n","import { Directive } from '@angular/core';\r\n\r\n@Directive({\r\n  selector: '[emrIncidentIcon]',\r\n  exportAs: 'emrIncidentIcon',\r\n  host: {\r\n    'class': 'emr-incident-icon'\r\n  }\r\n})\r\nexport class IncidentIconDirective {\r\n\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/elementar-rt-components-inline-text-edit.mjs

@@ -0,0 +1,181 @@
+import * as i0 from '@angular/core';
+import { inject, PLATFORM_ID, DOCUMENT, input, numberAttribute, output, signal, ElementRef, Renderer2, afterNextRender, ChangeDetectionStrategy, Component } from '@angular/core';
+import { isPlatformServer } from '@angular/common';
+
+class InlineTextEditComponent {
+    platformId = inject(PLATFORM_ID);
+    document = inject(DOCUMENT);
+    enabled = input(true, ...(ngDevMode ? [{ debugName: "enabled" }] : []));
+    placeholder = input('', ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
+    delay = input(0, ...(ngDevMode ? [{ debugName: "delay", transform: numberAttribute }] : [{
+            transform: numberAttribute
+        }]));
+    contentChanged = output();
+    isEditing = signal(false, ...(ngDevMode ? [{ debugName: "isEditing" }] : []));
+    isFocused = signal(false, ...(ngDevMode ? [{ debugName: "isFocused" }] : []));
+    previousValue = '';
+    minHeightSet = false;
+    elementRef = inject((ElementRef));
+    renderer = inject(Renderer2);
+    emitTimeoutId = null;
+    constructor() {
+        afterNextRender(() => {
+            this.setInitialMinHeight();
+        });
+    }
+    ngAfterViewInit() {
+        this.previousValue = this.elementRef.nativeElement.textContent;
+    }
+    get isContentEditable() {
+        return true;
+    }
+    ngAfterContentChecked() {
+        if (isPlatformServer(this.platformId)) {
+            return;
+        }
+        this.setInitialMinHeight();
+    }
+    ngOnDestroy() {
+        this.clearPendingEmission();
+    }
+    setInitialMinHeight() {
+        if (this.minHeightSet) {
+            return;
+        }
+        const el = this.elementRef.nativeElement;
+        let height = el.getBoundingClientRect().height;
+        if (!height || height < 1) {
+            const cs = getComputedStyle(el);
+            let lh = parseFloat(cs.lineHeight);
+            if (isNaN(lh) || lh <= 0) {
+                const fs = parseFloat(cs.fontSize) || 16;
+                lh = fs * 1.5;
+            }
+            height = lh;
+        }
+        if (height && height > 0) {
+            this.renderer.setStyle(el, 'min-height', `${Math.ceil(height)}px`);
+            this.minHeightSet = true;
+        }
+    }
+    onFocus() {
+        this.isFocused.set(true);
+    }
+    onBlur() {
+        this.isFocused.set(false);
+        this.finishEdit();
+    }
+    onEnter(event) {
+        event.preventDefault();
+        this.finishEdit();
+    }
+    onEscape() {
+        this.cancelEdit();
+    }
+    onPaste(event) {
+        event.preventDefault();
+        const text = event.clipboardData?.getData('text/plain') ?? '';
+        this.document.execCommand('insertText', false, text);
+    }
+    onInput() {
+        this.isEditing.set(true);
+        // Track live changes and normalize empty content.
+        // Browsers may insert a <br> (or wrappers like <div><br></div>) in empty contenteditable elements.
+        const el = this.elementRef.nativeElement;
+        const html = (el.innerHTML ?? '').trim().toLowerCase();
+        const text = (el.textContent ?? '').trim();
+        const isEffectivelyEmpty = text.length === 0 ||
+            html === '' ||
+            html === '<br>' ||
+            html === '<br/>' ||
+            html === '<div><br></div>';
+        if (isEffectivelyEmpty && el.innerHTML !== '') {
+            // Clear to a truly empty state so placeholders and styling work correctly.
+            el.innerHTML = '';
+        }
+    }
+    finishEdit() {
+        if (!this.isEditing()) {
+            return;
+        }
+        const newValue = this.elementRef.nativeElement.textContent?.trim() ?? '';
+        if (newValue !== this.previousValue) {
+            this.previousValue = newValue;
+            this.emitWithDelay(newValue);
+        }
+        this.isEditing.set(false);
+    }
+    cancelEdit() {
+        if (!this.isEditing()) {
+            return;
+        }
+        this.elementRef.nativeElement.textContent = this.previousValue;
+        // Keep focus and move caret to the end of the restored content for better UX.
+        this.placeCaretAtEnd();
+        this.isEditing.set(false);
+        // Cancel any pending emission since the edit was canceled.
+        this.clearPendingEmission();
+    }
+    placeCaretAtEnd() {
+        if (isPlatformServer(this.platformId)) {
+            return;
+        }
+        const el = this.elementRef.nativeElement;
+        // Ensure the host is focused so caret positioning is visible.
+        el.focus();
+        const selection = this.document.getSelection?.();
+        if (!selection) {
+            return;
+        }
+        const range = this.document.createRange();
+        range.selectNodeContents(el);
+        range.collapse(false); // collapse to end
+        selection.removeAllRanges();
+        selection.addRange(range);
+    }
+    emitWithDelay(value) {
+        const d = this.delay();
+        // Always clear a previous scheduled emission to ensure only the latest value is emitted
+        this.clearPendingEmission();
+        if (d > 0) {
+            this.emitTimeoutId = setTimeout(() => {
+                this.emitTimeoutId = null;
+                this.contentChanged.emit(value);
+            }, d);
+        }
+        else {
+            this.contentChanged.emit(value);
+        }
+    }
+    clearPendingEmission() {
+        if (this.emitTimeoutId) {
+            clearTimeout(this.emitTimeoutId);
+            this.emitTimeoutId = null;
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: InlineTextEditComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.10", type: InlineTextEditComponent, isStandalone: true, selector: "emr-inline-text-edit,[emr-inline-text-edit]", inputs: { enabled: { classPropertyName: "enabled", publicName: "enabled", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, delay: { classPropertyName: "delay", publicName: "delay", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { contentChanged: "contentChanged" }, host: { listeners: { "focus": "onFocus()", "blur": "onBlur()", "keydown.enter": "onEnter($event)", "keydown.escape": "onEscape()", "paste": "onPaste($event)", "input": "onInput()" }, properties: { "attr.contenteditable": "isContentEditable", "attr.data-placeholder": "placeholder()", "class.editing": "isEditing()", "class.focused": "isFocused()" }, classAttribute: "emr-inline-text-edit" }, ngImport: i0, template: "<ng-content/>\r\n", styles: [":host{display:block;padding:4px 10px;position:relative;transition:border-color .15s cubic-bezier(.25,.8,.25,1);border:var(--mat-form-field-outlined-outline-width, 1px) solid transparent;outline:none;border-radius:var(--mat-form-field-outlined-container-shape);cursor:text;margin-left:-10px;margin-right:-10px;word-wrap:break-word}:host:hover{border-color:var(--mat-form-field-outlined-outline-color, var(--mat-sys-outline))}:host.editing{color:var(--mat-form-field-outlined-input-text-color, var(--mat-sys-on-surface));caret-color:var(--mat-form-field-outlined-caret-color, var(--mat-sys-primary))}:host.focused{border-color:var(--color-primary);outline:1px solid var(--color-primary)}:host:empty:before{position:absolute;content:attr(data-placeholder);inset:0;z-index:0;color:var(--color-neutral-500);font-size:inherit;padding:inherit;word-wrap:break-word}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: InlineTextEditComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-inline-text-edit,[emr-inline-text-edit]', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        'class': 'emr-inline-text-edit',
+                        '[attr.contenteditable]': 'isContentEditable',
+                        '[attr.data-placeholder]': 'placeholder()',
+                        '[class.editing]': 'isEditing()',
+                        '[class.focused]': 'isFocused()',
+                        '(focus)': 'onFocus()',
+                        '(blur)': 'onBlur()',
+                        '(keydown.enter)': 'onEnter($event)',
+                        '(keydown.escape)': 'onEscape()',
+                        '(paste)': 'onPaste($event)',
+                        '(input)': 'onInput()',
+                    }, template: "<ng-content/>\r\n", styles: [":host{display:block;padding:4px 10px;position:relative;transition:border-color .15s cubic-bezier(.25,.8,.25,1);border:var(--mat-form-field-outlined-outline-width, 1px) solid transparent;outline:none;border-radius:var(--mat-form-field-outlined-container-shape);cursor:text;margin-left:-10px;margin-right:-10px;word-wrap:break-word}:host:hover{border-color:var(--mat-form-field-outlined-outline-color, var(--mat-sys-outline))}:host.editing{color:var(--mat-form-field-outlined-input-text-color, var(--mat-sys-on-surface));caret-color:var(--mat-form-field-outlined-caret-color, var(--mat-sys-primary))}:host.focused{border-color:var(--color-primary);outline:1px solid var(--color-primary)}:host:empty:before{position:absolute;content:attr(data-placeholder);inset:0;z-index:0;color:var(--color-neutral-500);font-size:inherit;padding:inherit;word-wrap:break-word}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { enabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "enabled", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], delay: [{ type: i0.Input, args: [{ isSignal: true, alias: "delay", required: false }] }], contentChanged: [{ type: i0.Output, args: ["contentChanged"] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { InlineTextEditComponent };
+//# sourceMappingURL=elementar-rt-components-inline-text-edit.mjs.map

package/fesm2022/elementar-rt-components-inline-text-edit.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"elementar-rt-components-inline-text-edit.mjs","sources":["../../../projects/components/inline-text-edit/src/inline-text-edit/inline-text-edit.component.ts","../../../projects/components/inline-text-edit/src/inline-text-edit/inline-text-edit.component.html","../../../projects/components/inline-text-edit/elementar-rt-components-inline-text-edit.ts"],"sourcesContent":["import {\r\n  ChangeDetectionStrategy,\r\n  Component,\r\n  ElementRef,\r\n  inject,\r\n  input,\r\n  output,\r\n  signal,\r\n  Renderer2,\r\n  PLATFORM_ID,\r\n  AfterContentChecked,\r\n  OnDestroy,\r\n  afterNextRender, DOCUMENT, numberAttribute, AfterViewInit,\r\n} from '@angular/core';\r\nimport { isPlatformServer } from '@angular/common';\r\n\r\n@Component({\r\n  selector: 'emr-inline-text-edit,[emr-inline-text-edit]',\r\n  standalone: true,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  templateUrl: './inline-text-edit.component.html',\r\n  styleUrl: './inline-text-edit.component.scss',\r\n  host: {\r\n    'class': 'emr-inline-text-edit',\r\n    '[attr.contenteditable]': 'isContentEditable',\r\n    '[attr.data-placeholder]': 'placeholder()',\r\n    '[class.editing]': 'isEditing()',\r\n    '[class.focused]': 'isFocused()',\r\n    '(focus)': 'onFocus()',\r\n    '(blur)': 'onBlur()',\r\n    '(keydown.enter)': 'onEnter($event)',\r\n    '(keydown.escape)': 'onEscape()',\r\n    '(paste)': 'onPaste($event)',\r\n    '(input)': 'onInput()',\r\n  },\r\n})\r\nexport class InlineTextEditComponent implements AfterViewInit, AfterContentChecked, OnDestroy {\r\n  private platformId = inject(PLATFORM_ID);\r\n  private document = inject(DOCUMENT);\r\n\r\n  enabled = input(true);\r\n  placeholder = input('');\r\n  delay = input(0, {\r\n    transform: numberAttribute\r\n  });\r\n\r\n  readonly contentChanged = output<string>();\r\n\r\n  isEditing = signal(false);\r\n  isFocused = signal(false);\r\n\r\n  private previousValue = '';\r\n  private minHeightSet = false;\r\n  private elementRef = inject(ElementRef<HTMLElement>);\r\n  private renderer = inject(Renderer2);\r\n  private emitTimeoutId: ReturnType<typeof setTimeout> | null = null;\r\n\r\n  constructor() {\r\n    afterNextRender(() => {\r\n      this.setInitialMinHeight();\r\n    });\r\n  }\r\n\r\n  ngAfterViewInit() {\r\n    this.previousValue = this.elementRef.nativeElement.textContent;\r\n  }\r\n\r\n  get isContentEditable() {\r\n    return true;\r\n  }\r\n\r\n  ngAfterContentChecked() {\r\n    if (isPlatformServer(this.platformId)) {\r\n      return;\r\n    }\r\n\r\n    this.setInitialMinHeight();\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this.clearPendingEmission();\r\n  }\r\n\r\n  private setInitialMinHeight(): void {\r\n    if (this.minHeightSet) {\r\n      return;\r\n    }\r\n\r\n    const el = this.elementRef.nativeElement;\r\n    let height = el.getBoundingClientRect().height;\r\n\r\n    if (!height || height < 1) {\r\n      const cs = getComputedStyle(el);\r\n      let lh = parseFloat(cs.lineHeight);\r\n\r\n      if (isNaN(lh) || lh <= 0) {\r\n        const fs = parseFloat(cs.fontSize) || 16;\r\n        lh = fs * 1.5;\r\n      }\r\n\r\n      height = lh;\r\n    }\r\n\r\n    if (height && height > 0) {\r\n      this.renderer.setStyle(el, 'min-height', `${Math.ceil(height)}px`);\r\n      this.minHeightSet = true;\r\n    }\r\n  }\r\n\r\n  onFocus(): void {\r\n    this.isFocused.set(true);\r\n  }\r\n\r\n  onBlur(): void {\r\n    this.isFocused.set(false);\r\n    this.finishEdit();\r\n  }\r\n\r\n  onEnter(event: Event): void {\r\n    event.preventDefault();\r\n    this.finishEdit();\r\n  }\r\n\r\n  onEscape(): void {\r\n    this.cancelEdit();\r\n  }\r\n\r\n  onPaste(event: ClipboardEvent): void {\r\n    event.preventDefault();\r\n    const text = event.clipboardData?.getData('text/plain') ?? '';\r\n    this.document.execCommand('insertText', false, text);\r\n  }\r\n\r\n  onInput(): void {\r\n    this.isEditing.set(true);\r\n    // Track live changes and normalize empty content.\r\n    // Browsers may insert a <br> (or wrappers like <div><br></div>) in empty contenteditable elements.\r\n    const el = this.elementRef.nativeElement;\r\n    const html = (el.innerHTML ?? '').trim().toLowerCase();\r\n    const text = (el.textContent ?? '').trim();\r\n\r\n    const isEffectivelyEmpty =\r\n      text.length === 0 ||\r\n      html === '' ||\r\n      html === '<br>' ||\r\n      html === '<br/>' ||\r\n      html === '<div><br></div>';\r\n\r\n    if (isEffectivelyEmpty && el.innerHTML !== '') {\r\n      // Clear to a truly empty state so placeholders and styling work correctly.\r\n      el.innerHTML = '';\r\n    }\r\n  }\r\n\r\n  private finishEdit(): void {\r\n    if (!this.isEditing()) {\r\n      return;\r\n    }\r\n\r\n    const newValue = this.elementRef.nativeElement.textContent?.trim() ?? '';\r\n\r\n    if (newValue !== this.previousValue) {\r\n      this.previousValue = newValue;\r\n      this.emitWithDelay(newValue);\r\n    }\r\n\r\n    this.isEditing.set(false);\r\n  }\r\n\r\n  private cancelEdit(): void {\r\n    if (!this.isEditing()) {\r\n      return;\r\n    }\r\n\r\n    this.elementRef.nativeElement.textContent = this.previousValue;\r\n    // Keep focus and move caret to the end of the restored content for better UX.\r\n    this.placeCaretAtEnd();\r\n    this.isEditing.set(false);\r\n    // Cancel any pending emission since the edit was canceled.\r\n    this.clearPendingEmission();\r\n  }\r\n\r\n  private placeCaretAtEnd(): void {\r\n    if (isPlatformServer(this.platformId)) {\r\n      return;\r\n    }\r\n\r\n    const el = this.elementRef.nativeElement;\r\n    // Ensure the host is focused so caret positioning is visible.\r\n    el.focus();\r\n\r\n    const selection = this.document.getSelection?.();\r\n    if (!selection) {\r\n      return;\r\n    }\r\n\r\n    const range = this.document.createRange();\r\n    range.selectNodeContents(el);\r\n    range.collapse(false); // collapse to end\r\n    selection.removeAllRanges();\r\n    selection.addRange(range);\r\n  }\r\n\r\n  private emitWithDelay(value: string): void {\r\n    const d = this.delay();\r\n    // Always clear a previous scheduled emission to ensure only the latest value is emitted\r\n    this.clearPendingEmission();\r\n\r\n    if (d > 0) {\r\n      this.emitTimeoutId = setTimeout(() => {\r\n        this.emitTimeoutId = null;\r\n        this.contentChanged.emit(value);\r\n      }, d);\r\n    } else {\r\n      this.contentChanged.emit(value);\r\n    }\r\n  }\r\n\r\n  private clearPendingEmission(): void {\r\n    if (this.emitTimeoutId) {\r\n      clearTimeout(this.emitTimeoutId);\r\n      this.emitTimeoutId = null;\r\n    }\r\n  }\r\n}\r\n","<ng-content/>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}