@ngstarter-ui/components 1.0.21

package/fesm2022/ngstarter-ui-components-action-required.mjs

@@ -0,0 +1,42 @@
+import * as i0 from '@angular/core';
+import { input, output, Component } from '@angular/core';
+import { Icon } from '@ngstarter-ui/components/icon';
+import { Button } from '@ngstarter-ui/components/button';
+
+class ActionRequired {
+    actionText = input(...(ngDevMode ? [undefined, { debugName: "actionText" }] : /* istanbul ignore next */ []));
+    iconName = input(...(ngDevMode ? [undefined, { debugName: "iconName" }] : /* istanbul ignore next */ []));
+    description = input.required(...(ngDevMode ? [{ debugName: "description" }] : /* istanbul ignore next */ []));
+    buttonText = input.required(...(ngDevMode ? [{ debugName: "buttonText" }] : /* istanbul ignore next */ []));
+    buttonClicked = output();
+    getIconName(iconName) {
+        if (iconName === 'error') {
+            return 'fluent:error-circle-24-regular';
+        }
+        if (iconName === 'warning') {
+            return 'fluent:warning-24-regular';
+        }
+        if (iconName === 'help') {
+            return 'fluent:question-circle-24-regular';
+        }
+        return iconName;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: ActionRequired, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.4", type: ActionRequired, isStandalone: true, selector: "ngs-action-required", inputs: { actionText: { classPropertyName: "actionText", publicName: "actionText", isSignal: true, isRequired: false, transformFunction: null }, iconName: { classPropertyName: "iconName", publicName: "iconName", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: true, transformFunction: null }, buttonText: { classPropertyName: "buttonText", publicName: "buttonText", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { buttonClicked: "buttonClicked" }, host: { classAttribute: "ngs-action-required" }, exportAs: ["ngsActionRequired"], ngImport: i0, template: "<div class=\"action-text\">\n  <ngs-icon [name]=\"getIconName(iconName() || 'error')\"/>\n  {{ actionText() || 'Action Required' }}\n</div>\n<div class=\"description\">{{ description() }}</div>\n<button ngsButton=\"filled\" class=\"button\" (click)=\"buttonClicked.emit()\">\n  {{ buttonText() }}\n<!--  <ngs-icon name=\"fluent:arrow-right-24-regular\"/>-->\n</button>\n", styles: [":host{--ngs-action-required-bg: linear-gradient(135deg, var(--color-error-container), var(--color-error-container-highest));--ngs-action-action-text-bg: var(--color-surface);--ngs-action-text-color: var(--color-on-error-container);display:flex;width:100%;border-radius:1rem;padding:calc(var(--spacing, .25rem) * 6);gap:calc(var(--spacing, .25rem) * 8);align-items:center;background:var(--ngs-action-required-bg);color:var(--ngs-action-text-color)}:host .action-text{display:flex;border-radius:.75rem;background:var(--ngs-action-action-text-bg);padding:calc(var(--spacing, .25rem) * 2.5) calc(var(--spacing, .25rem) * 3) calc(var(--spacing, .25rem) * 2.5) calc(var(--spacing, .25rem) * 2.5);align-items:center;flex:none;font-size:var(--text-md);gap:calc(var(--spacing, .25rem) * 1.5)}:host .description{flex-grow:1}:host .button{flex:none}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: Icon, selector: "ngs-icon", inputs: ["name"], exportAs: ["ngsIcon"] }, { kind: "component", type: Button, selector: "    button[ngsButton], button[ngsIconButton],    a[ngsButton], a[ngsIconButton]  ", inputs: ["ngsButton", "ngsIconButton", "loading", "disabled", "disabledInteractive", "disableRipple", "reverse", "fullWidth", "hideTextOnMobile"], exportAs: ["ngsButton"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: ActionRequired, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngs-action-required', exportAs: 'ngsActionRequired', imports: [
+                        Icon,
+                        Button
+                    ], host: {
+                        'class': 'ngs-action-required',
+                    }, template: "<div class=\"action-text\">\n  <ngs-icon [name]=\"getIconName(iconName() || 'error')\"/>\n  {{ actionText() || 'Action Required' }}\n</div>\n<div class=\"description\">{{ description() }}</div>\n<button ngsButton=\"filled\" class=\"button\" (click)=\"buttonClicked.emit()\">\n  {{ buttonText() }}\n<!--  <ngs-icon name=\"fluent:arrow-right-24-regular\"/>-->\n</button>\n", styles: [":host{--ngs-action-required-bg: linear-gradient(135deg, var(--color-error-container), var(--color-error-container-highest));--ngs-action-action-text-bg: var(--color-surface);--ngs-action-text-color: var(--color-on-error-container);display:flex;width:100%;border-radius:1rem;padding:calc(var(--spacing, .25rem) * 6);gap:calc(var(--spacing, .25rem) * 8);align-items:center;background:var(--ngs-action-required-bg);color:var(--ngs-action-text-color)}:host .action-text{display:flex;border-radius:.75rem;background:var(--ngs-action-action-text-bg);padding:calc(var(--spacing, .25rem) * 2.5) calc(var(--spacing, .25rem) * 3) calc(var(--spacing, .25rem) * 2.5) calc(var(--spacing, .25rem) * 2.5);align-items:center;flex:none;font-size:var(--text-md);gap:calc(var(--spacing, .25rem) * 1.5)}:host .description{flex-grow:1}:host .button{flex:none}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { actionText: [{ type: i0.Input, args: [{ isSignal: true, alias: "actionText", required: false }] }], iconName: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconName", required: false }] }], description: [{ type: i0.Input, args: [{ isSignal: true, alias: "description", required: true }] }], buttonText: [{ type: i0.Input, args: [{ isSignal: true, alias: "buttonText", required: true }] }], buttonClicked: [{ type: i0.Output, args: ["buttonClicked"] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ActionRequired };
+//# sourceMappingURL=ngstarter-ui-components-action-required.mjs.map

package/fesm2022/ngstarter-ui-components-action-required.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngstarter-ui-components-action-required.mjs","sources":["../../../projects/components/action-required/src/action-required/action-required.ts","../../../projects/components/action-required/src/action-required/action-required.html","../../../projects/components/action-required/ngstarter-ui-components-action-required.ts"],"sourcesContent":["import { Component, input, output } from '@angular/core';\nimport { Icon } from '@ngstarter-ui/components/icon';\nimport { Button } from '@ngstarter-ui/components/button';\n\n@Component({\n  selector: 'ngs-action-required',\n  exportAs: 'ngsActionRequired',\n  imports: [\n    Icon,\n    Button\n  ],\n  templateUrl: './action-required.html',\n  styleUrl: './action-required.scss',\n  host: {\n    'class': 'ngs-action-required',\n  }\n})\nexport class ActionRequired {\n  actionText = input<string>();\n  iconName = input<string>();\n  description = input.required<string>();\n  buttonText = input.required<string>();\n\n  readonly buttonClicked = output<void>();\n\n  protected getIconName(iconName: string): string {\n    if (iconName === 'error') {\n      return 'fluent:error-circle-24-regular';\n    }\n    if (iconName === 'warning') {\n      return 'fluent:warning-24-regular';\n    }\n    if (iconName === 'help') {\n      return 'fluent:question-circle-24-regular';\n    }\n    return iconName;\n  }\n}\n","<div class=\"action-text\">\n  <ngs-icon [name]=\"getIconName(iconName() || 'error')\"/>\n  {{ actionText() || 'Action Required' }}\n</div>\n<div class=\"description\">{{ description() }}</div>\n<button ngsButton=\"filled\" class=\"button\" (click)=\"buttonClicked.emit()\">\n  {{ buttonText() }}\n<!--  <ngs-icon name=\"fluent:arrow-right-24-regular\"/>-->\n</button>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngstarter-ui-components-alert.mjs

@@ -0,0 +1,132 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, TemplateRef, Directive, Renderer2, ElementRef, contentChild, input, numberAttribute, booleanAttribute, output, effect, Component } from '@angular/core';
+import { NgTemplateOutlet } from '@angular/common';
+
+const ALERT = new InjectionToken('Alert');
+
+class AlertIconDirective {
+    templateRef = inject(TemplateRef, { optional: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: AlertIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.4", type: AlertIconDirective, isStandalone: true, selector: "[ngsAlertIcon]", host: { classAttribute: "ngs-alert-icon" }, exportAs: ["ngsAlertIcon"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: AlertIconDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngsAlertIcon]',
+                    exportAs: 'ngsAlertIcon',
+                    host: {
+                        'class': 'ngs-alert-icon'
+                    }
+                }]
+        }] });
+
+class Alert {
+    _renderer = inject(Renderer2);
+    _elementRef = inject(ElementRef);
+    iconRef = contentChild(AlertIconDirective, ...(ngDevMode ? [{ debugName: "iconRef" }] : /* istanbul ignore next */ []));
+    autoClose = input(null, { ...(ngDevMode ? { debugName: "autoClose" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    bordered = input(false, { ...(ngDevMode ? { debugName: "bordered" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    variant = input('default', ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    closed = output();
+    _autoCloseTimeout = undefined;
+    constructor() {
+        effect(() => {
+            this._renderer.setAttribute(this._elementRef.nativeElement, 'ngs-alert-variant', this.variant());
+            clearTimeout(this._autoCloseTimeout);
+            if (!this.autoClose()) {
+                return;
+            }
+            this._autoCloseTimeout = setTimeout(() => {
+                this._close();
+            }, this.autoClose());
+        });
+    }
+    get api() {
+        return {
+            close: () => this._close()
+        };
+    }
+    get iconRefTemplate() {
+        return this.iconRef()?.templateRef;
+    }
+    _close() {
+        clearTimeout(this._autoCloseTimeout);
+        this._elementRef.nativeElement.remove();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: Alert, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: Alert, isStandalone: true, selector: "ngs-alert", inputs: { autoClose: { classPropertyName: "autoClose", publicName: "autoClose", isSignal: true, isRequired: false, transformFunction: null }, bordered: { classPropertyName: "bordered", publicName: "bordered", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closed: "closed" }, host: { properties: { "class.is-bordered": "bordered()" }, classAttribute: "ngs-alert" }, providers: [
+            {
+                provide: ALERT,
+                useExisting: Alert
+            }
+        ], queries: [{ propertyName: "iconRef", first: true, predicate: AlertIconDirective, descendants: true, isSignal: true }], exportAs: ["ngsAlert"], ngImport: i0, template: "<div class=\"thumbnail\">\n  <ng-content select=\"[ngsAlertIcon]\"/>\n  @if (iconRef()) {\n    <ng-container [ngTemplateOutlet]=\"iconRefTemplate\"/>\n  }\n</div>\n<div class=\"content\">\n  <div class=\"title\">\n    <ng-content select=\"ngs-alert-title,[ngsAlertTitle]\"/>\n  </div>\n  <ng-content/>\n</div>\n<div class=\"actions\">\n  <ng-content select=\"[ngsAlertAction]\"/>\n</div>\n", styles: [":host{--ngs-alert-bg-color: transparent;--ngs-alert-color: inherit;--ngs-alert-icon-color: white;--ngs-alert-border-color: transparent;--ngs-alert-border-radius: .75rem;--ngs-alert-padding: calc(var(--spacing, .25rem) * 2.5) calc(var(--spacing, .25rem) * 3);--ngs-alert-has-thumbnail-padding: calc(var(--spacing, .25rem) * 1.5);--ngs-alert-gap: calc(var(--spacing, .25rem) * 3.5);--ngs-alert-border-width: 1px;--ngs-alert-font-size: .875rem;--ngs-alert-thumbnail-bg: white;--ngs-alert-thumbnail-border-radius: .75rem;--ngs-alert-thumbnail-size: calc(var(--spacing, .25rem) * 10);--ngs-alert-title-font-weight: 600;--ngs-alert-title-font-size: .75rem;--ngs-alert-actions-gap: calc(var(--spacing, .25rem) * 1);--ngs-alert-action-height: calc(var(--spacing, .25rem) * 10);--ngs-alert-action-padding: 0 calc(var(--spacing, .25rem) * 3.5);--ngs-alert-action-with-icon-padding: 0 calc(var(--spacing, .25rem) * 2);--ngs-alert-action-hover-bg: white;--ngs-alert-action-border-radius: calc(infinity * 1px);--ngs-alert-action-font-weight: 500;--ngs-alert-action-hover-color: inherit;position:relative;display:flex;width:100%;align-items:center;border-radius:var(--ngs-alert-border-radius);gap:var(--ngs-alert-gap);background:var(--ngs-alert-bg-color);padding:var(--ngs-alert-padding);color:var(--ngs-alert-color);font-size:var(--ngs-alert-font-size);border:var(--ngs-alert-border-width) solid transparent}:host:has(.thumbnail:not(:empty)){padding:var(--ngs-alert-has-thumbnail-padding)}:host:has(.ngs-alert-title){align-items:stretch}:host .thumbnail{display:flex;align-items:center;justify-content:center;flex:none;background:var(--ngs-alert-thumbnail-bg);color:var(--ngs-alert-icon-color);width:var(--ngs-alert-thumbnail-size);height:var(--ngs-alert-thumbnail-size);border-radius:var(--ngs-alert-thumbnail-border-radius)}:host .thumbnail:empty{display:none}:host .title{font-size:var(--ngs-alert-title-font-size);font-weight:var(--ngs-alert-title-font-weight);margin-bottom:calc(var(--spacing, .25rem) * 1);text-transform:uppercase;display:block}:host .title:empty{display:none}:host .actions{margin-inline-start:auto;display:flex;align-items:center;gap:var(--ngs-alert-actions-gap);line-height:0;flex:none}:host .actions:empty{display:none}:host[ngs-alert-variant=default],:host[ngs-alert-variant=neutral]{--ngs-alert-bg-color: var(--color-surface-container);--ngs-alert-thumbnail-bg: var(--color-surface-container-highest)}:host[ngs-alert-variant=info],:host[ngs-alert-variant=informative]{--ngs-alert-bg-color: var(--color-informative-container);--ngs-alert-thumbnail-bg: var(--color-informative);--ngs-alert-color: var(--color-on-informative-container)}:host[ngs-alert-variant=success],:host[ngs-alert-variant=positive]{--ngs-alert-bg-color: var(--color-positive-container);--ngs-alert-thumbnail-bg: var(--color-positive);--ngs-alert-color: var(--color-on-positive-container)}:host[ngs-alert-variant=danger],:host[ngs-alert-variant=negative]{--ngs-alert-bg-color: var(--color-negative-container);--ngs-alert-thumbnail-bg: var(--color-negative);--ngs-alert-color: var(--color-on-negative-container)}:host[ngs-alert-variant=warning],:host[ngs-alert-variant=notice]{--ngs-alert-bg-color: var(--color-notice-container);--ngs-alert-thumbnail-bg: var(--color-notice);--ngs-alert-color: var(--color-on-notice-container)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: Alert, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngs-alert', exportAs: 'ngsAlert', imports: [NgTemplateOutlet], providers: [
+                        {
+                            provide: ALERT,
+                            useExisting: Alert
+                        }
+                    ], host: {
+                        'class': 'ngs-alert',
+                        '[class.is-bordered]': 'bordered()',
+                    }, template: "<div class=\"thumbnail\">\n  <ng-content select=\"[ngsAlertIcon]\"/>\n  @if (iconRef()) {\n    <ng-container [ngTemplateOutlet]=\"iconRefTemplate\"/>\n  }\n</div>\n<div class=\"content\">\n  <div class=\"title\">\n    <ng-content select=\"ngs-alert-title,[ngsAlertTitle]\"/>\n  </div>\n  <ng-content/>\n</div>\n<div class=\"actions\">\n  <ng-content select=\"[ngsAlertAction]\"/>\n</div>\n", styles: [":host{--ngs-alert-bg-color: transparent;--ngs-alert-color: inherit;--ngs-alert-icon-color: white;--ngs-alert-border-color: transparent;--ngs-alert-border-radius: .75rem;--ngs-alert-padding: calc(var(--spacing, .25rem) * 2.5) calc(var(--spacing, .25rem) * 3);--ngs-alert-has-thumbnail-padding: calc(var(--spacing, .25rem) * 1.5);--ngs-alert-gap: calc(var(--spacing, .25rem) * 3.5);--ngs-alert-border-width: 1px;--ngs-alert-font-size: .875rem;--ngs-alert-thumbnail-bg: white;--ngs-alert-thumbnail-border-radius: .75rem;--ngs-alert-thumbnail-size: calc(var(--spacing, .25rem) * 10);--ngs-alert-title-font-weight: 600;--ngs-alert-title-font-size: .75rem;--ngs-alert-actions-gap: calc(var(--spacing, .25rem) * 1);--ngs-alert-action-height: calc(var(--spacing, .25rem) * 10);--ngs-alert-action-padding: 0 calc(var(--spacing, .25rem) * 3.5);--ngs-alert-action-with-icon-padding: 0 calc(var(--spacing, .25rem) * 2);--ngs-alert-action-hover-bg: white;--ngs-alert-action-border-radius: calc(infinity * 1px);--ngs-alert-action-font-weight: 500;--ngs-alert-action-hover-color: inherit;position:relative;display:flex;width:100%;align-items:center;border-radius:var(--ngs-alert-border-radius);gap:var(--ngs-alert-gap);background:var(--ngs-alert-bg-color);padding:var(--ngs-alert-padding);color:var(--ngs-alert-color);font-size:var(--ngs-alert-font-size);border:var(--ngs-alert-border-width) solid transparent}:host:has(.thumbnail:not(:empty)){padding:var(--ngs-alert-has-thumbnail-padding)}:host:has(.ngs-alert-title){align-items:stretch}:host .thumbnail{display:flex;align-items:center;justify-content:center;flex:none;background:var(--ngs-alert-thumbnail-bg);color:var(--ngs-alert-icon-color);width:var(--ngs-alert-thumbnail-size);height:var(--ngs-alert-thumbnail-size);border-radius:var(--ngs-alert-thumbnail-border-radius)}:host .thumbnail:empty{display:none}:host .title{font-size:var(--ngs-alert-title-font-size);font-weight:var(--ngs-alert-title-font-weight);margin-bottom:calc(var(--spacing, .25rem) * 1);text-transform:uppercase;display:block}:host .title:empty{display:none}:host .actions{margin-inline-start:auto;display:flex;align-items:center;gap:var(--ngs-alert-actions-gap);line-height:0;flex:none}:host .actions:empty{display:none}:host[ngs-alert-variant=default],:host[ngs-alert-variant=neutral]{--ngs-alert-bg-color: var(--color-surface-container);--ngs-alert-thumbnail-bg: var(--color-surface-container-highest)}:host[ngs-alert-variant=info],:host[ngs-alert-variant=informative]{--ngs-alert-bg-color: var(--color-informative-container);--ngs-alert-thumbnail-bg: var(--color-informative);--ngs-alert-color: var(--color-on-informative-container)}:host[ngs-alert-variant=success],:host[ngs-alert-variant=positive]{--ngs-alert-bg-color: var(--color-positive-container);--ngs-alert-thumbnail-bg: var(--color-positive);--ngs-alert-color: var(--color-on-positive-container)}:host[ngs-alert-variant=danger],:host[ngs-alert-variant=negative]{--ngs-alert-bg-color: var(--color-negative-container);--ngs-alert-thumbnail-bg: var(--color-negative);--ngs-alert-color: var(--color-on-negative-container)}:host[ngs-alert-variant=warning],:host[ngs-alert-variant=notice]{--ngs-alert-bg-color: var(--color-notice-container);--ngs-alert-thumbnail-bg: var(--color-notice);--ngs-alert-color: var(--color-on-notice-container)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
+        }], ctorParameters: () => [], propDecorators: { iconRef: [{ type: i0.ContentChild, args: [i0.forwardRef(() => AlertIconDirective), { isSignal: true }] }], autoClose: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoClose", required: false }] }], bordered: [{ type: i0.Input, args: [{ isSignal: true, alias: "bordered", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], closed: [{ type: i0.Output, args: ["closed"] }] } });
+
+class AlertTitleDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: AlertTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.4", type: AlertTitleDirective, isStandalone: true, selector: "ngs-alert-title,[ngsAlertTitle]", host: { classAttribute: "ngs-alert-title" }, exportAs: ["ngsAlertTitle"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: AlertTitleDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ngs-alert-title,[ngsAlertTitle]',
+                    exportAs: 'ngsAlertTitle',
+                    host: {
+                        'class': 'ngs-alert-title'
+                    }
+                }]
+        }] });
+
+class AlertCloseDirective {
+    _alert = inject(ALERT);
+    _handleClick() {
+        this._alert.api.close();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: AlertCloseDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.4", type: AlertCloseDirective, isStandalone: true, selector: "[ngsAlertClose]", host: { listeners: { "click": "_handleClick()" }, classAttribute: "ngs-alert-close" }, exportAs: ["ngsAlertClose"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: AlertCloseDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngsAlertClose]',
+                    exportAs: 'ngsAlertClose',
+                    host: {
+                        'class': 'ngs-alert-close',
+                        '(click)': '_handleClick()'
+                    }
+                }]
+        }] });
+
+class AlertActionDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: AlertActionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.4", type: AlertActionDirective, isStandalone: true, selector: "[ngsAlertAction]", host: { classAttribute: "ngs-alert-action" }, exportAs: ["ngsAlertAction"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: AlertActionDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngsAlertAction]',
+                    exportAs: 'ngsAlertAction',
+                    host: {
+                        'class': 'ngs-alert-action'
+                    }
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ALERT, Alert, AlertActionDirective, AlertCloseDirective, AlertIconDirective, AlertTitleDirective };
+//# sourceMappingURL=ngstarter-ui-components-alert.mjs.map

package/fesm2022/ngstarter-ui-components-alert.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngstarter-ui-components-alert.mjs","sources":["../../../projects/components/alert/src/alert.properties.ts","../../../projects/components/alert/src/alert-icon.directive.ts","../../../projects/components/alert/src/alert/alert.ts","../../../projects/components/alert/src/alert/alert.html","../../../projects/components/alert/src/alert-title.directive.ts","../../../projects/components/alert/src/alert-close.directive.ts","../../../projects/components/alert/src/alert-action.directive.ts","../../../projects/components/alert/ngstarter-ui-components-alert.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\n\nexport const ALERT = new InjectionToken('Alert');\nexport type AlertVariant = 'default' | 'secondary' | 'positive' | 'informative' | 'negative' | 'notice' | string;\n","import { Directive, inject, TemplateRef } from '@angular/core';\n\n@Directive({\n    selector: '[ngsAlertIcon]',\n    exportAs: 'ngsAlertIcon',\n    host: {\n        'class': 'ngs-alert-icon'\n    }\n})\nexport class AlertIconDirective {\n  public readonly templateRef = inject(TemplateRef, { optional: true });\n}\n","import {\n  booleanAttribute,\n  Component,\n  ElementRef,\n  inject,\n  Input,\n  OnInit,\n  Renderer2,\n  contentChild, TemplateRef, input, numberAttribute, effect, output, OnChanges, SimpleChanges\n} from '@angular/core';\nimport { ALERT, AlertVariant } from '../alert.properties';\nimport { AlertIconDirective } from '../alert-icon.directive';\nimport { NgTemplateOutlet } from '@angular/common';\n\n@Component({\n  selector: 'ngs-alert',\n  exportAs: 'ngsAlert',\n  imports: [NgTemplateOutlet],\n  templateUrl: './alert.html',\n  styleUrl: './alert.scss',\n  providers: [\n    {\n      provide: ALERT,\n      useExisting: Alert\n    }\n  ],\n  host: {\n    'class': 'ngs-alert',\n    '[class.is-bordered]': 'bordered()',\n  }\n})\nexport class Alert {\n  private _renderer = inject(Renderer2);\n  private _elementRef = inject(ElementRef);\n  readonly iconRef = contentChild(AlertIconDirective);\n\n  autoClose = input(null, {\n    transform: numberAttribute\n  });\n  bordered = input(false, {\n    transform: booleanAttribute\n  });\n  variant = input<AlertVariant>('default');\n\n  readonly closed = output<void>();\n  private _autoCloseTimeout: any = undefined;\n\n  constructor() {\n    effect(() => {\n      this._renderer.setAttribute(this._elementRef.nativeElement, 'ngs-alert-variant', this.variant());\n\n      clearTimeout(this._autoCloseTimeout);\n\n      if (!this.autoClose()) {\n        return;\n      }\n\n      this._autoCloseTimeout = setTimeout(() => {\n        this._close();\n      }, this.autoClose() as number);\n    });\n  }\n\n  get api() {\n    return {\n      close: () => this._close()\n    };\n  }\n\n  protected get iconRefTemplate(): TemplateRef<any> {\n    return this.iconRef()?.templateRef as TemplateRef<any>;\n  }\n\n  private _close() {\n    clearTimeout(this._autoCloseTimeout);\n    this._elementRef.nativeElement.remove();\n  }\n}\n","<div class=\"thumbnail\">\n  <ng-content select=\"[ngsAlertIcon]\"/>\n  @if (iconRef()) {\n    <ng-container [ngTemplateOutlet]=\"iconRefTemplate\"/>\n  }\n</div>\n<div class=\"content\">\n  <div class=\"title\">\n    <ng-content select=\"ngs-alert-title,[ngsAlertTitle]\"/>\n  </div>\n  <ng-content/>\n</div>\n<div class=\"actions\">\n  <ng-content select=\"[ngsAlertAction]\"/>\n</div>\n","import { Directive } from '@angular/core';\n\n@Directive({\n    selector: 'ngs-alert-title,[ngsAlertTitle]',\n    exportAs: 'ngsAlertTitle',\n    host: {\n        'class': 'ngs-alert-title'\n    }\n})\nexport class AlertTitleDirective {\n}\n","import { Directive, inject } from '@angular/core';\nimport { ALERT } from './alert.properties';\nimport { Alert } from './alert/alert';\n\n@Directive({\n    selector: '[ngsAlertClose]',\n    exportAs: 'ngsAlertClose',\n    host: {\n      'class': 'ngs-alert-close',\n      '(click)': '_handleClick()'\n    }\n})\nexport class AlertCloseDirective {\n  private _alert = inject<Alert>(ALERT);\n\n  protected _handleClick() {\n    this._alert.api.close();\n  }\n}\n","import { Directive } from '@angular/core';\n\n@Directive({\n    selector: '[ngsAlertAction]',\n    exportAs: 'ngsAlertAction',\n    host: {\n        'class': 'ngs-alert-action'\n    }\n})\nexport class AlertActionDirective {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngstarter-ui-components-announcement.mjs

@@ -0,0 +1,86 @@
+import * as i0 from '@angular/core';
+import { inject, ElementRef, Renderer2, input, booleanAttribute, output, effect, Component, computed, Directive } from '@angular/core';
+import { Icon } from '@ngstarter-ui/components/icon';
+import { Button } from '@ngstarter-ui/components/button';
+import { signalStore, withState, withMethods, patchState } from '@ngrx/signals';
+import { SafeHtmlPipe } from '@ngstarter-ui/components/core';
+
+class Announcement {
+    _elementRef = inject(ElementRef);
+    _renderer = inject(Renderer2);
+    title = input('', ...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
+    variant = input('neutral', ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    iconName = input('', ...(ngDevMode ? [{ debugName: "iconName" }] : /* istanbul ignore next */ []));
+    closable = input(false, { ...(ngDevMode ? { debugName: "closable" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    linkTo = input(null, ...(ngDevMode ? [{ debugName: "linkTo" }] : /* istanbul ignore next */ []));
+    closed = output();
+    constructor() {
+        effect(() => {
+            this._renderer.setAttribute(this._elementRef.nativeElement, 'data-variant', this.variant() || 'neutral');
+        });
+    }
+    close() {
+        this.closed.emit();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: Announcement, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: Announcement, isStandalone: true, selector: "ngs-announcement", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, iconName: { classPropertyName: "iconName", publicName: "iconName", isSignal: true, isRequired: false, transformFunction: null }, closable: { classPropertyName: "closable", publicName: "closable", isSignal: true, isRequired: false, transformFunction: null }, linkTo: { classPropertyName: "linkTo", publicName: "linkTo", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closed: "closed" }, host: { classAttribute: "ngs-announcement" }, exportAs: ["ngsAnnouncement"], ngImport: i0, template: "<div class=\"content\">\n  @if (iconName()) {\n    <div class=\"icon\">\n      <ngs-icon [name]=\"iconName()\"/>\n    </div>\n  }\n  @if (title()) {\n    <div class=\"title\">{{ title() }}</div>\n  }\n  <div class=\"message\"><ng-content/></div>\n  @if (linkTo()) {\n    <a class=\"link underline underline-offset-3\" href=\"{{ linkTo()!.url }}\" [target]=\"linkTo()!.target || 'blank'\">\n      {{ linkTo()!.text || linkTo()!.url }}\n    </a>\n  }\n</div>\n@if (closable()) {\n  <div class=\"close\">\n    <button ngsIconButton (click)=\"close()\">\n      <ngs-icon name=\"fluent:dismiss-24-regular\"/>\n    </button>\n  </div>\n}\n", styles: [":host{display:flex;align-items:center;justify-content:space-between;padding:calc(var(--spacing, .25rem) * 1) calc(var(--spacing, .25rem) * 4);font-size:.875rem;min-height:calc(var(--spacing, .25rem) * 10)}:host .title{font-weight:700;margin-inline-end:calc(var(--spacing, .25rem) * 3)}:host .title:empty{display:none}:host[data-variant=neutral]{background:var(--color-secondary-container);color:var(--color-on-secondary-container)}:host[data-variant=informative]{background:var(--color-informative-container);color:var(--color-on-informative-container)}:host[data-variant=positive]{background:var(--color-positive-container);color:var(--color-on-positive-container)}:host[data-variant=warning]{background:var(--color-notice-container);color:var(--color-on-notice-container)}:host[data-variant=negative]{background:var(--color-error-container);color:var(--color-on-error-container)}:host .content{display:flex;align-items:center;flex:1 1 0}:host .message{margin-inline-end:calc(var(--spacing, .25rem) * 3)}:host .icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-inline-end:calc(var(--spacing, .25rem) * 2)}:host:has(.icon){padding-left:calc(var(--spacing, .25rem) * 3)}:host:has(.close){padding-right:calc(var(--spacing, .25rem) * 2.5)}:host .close{display:flex;align-items:center;flex-shrink:0}:host .close [ngsIconButton]{width:2rem;height:2rem;min-width:2rem;min-height:2rem;--btn-tonal-bg: transparent;--btn-filled-bg: transparent}:host .close [ngsIconButton] ngs-icon{width:1.25rem;height:1.25rem}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: Icon, selector: "ngs-icon", inputs: ["name"], exportAs: ["ngsIcon"] }, { kind: "component", type: Button, selector: "    button[ngsButton], button[ngsIconButton],    a[ngsButton], a[ngsIconButton]  ", inputs: ["ngsButton", "ngsIconButton", "loading", "disabled", "disabledInteractive", "disableRipple", "reverse", "fullWidth", "hideTextOnMobile"], exportAs: ["ngsButton"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: Announcement, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngs-announcement', exportAs: 'ngsAnnouncement', imports: [
+                        Icon,
+                        Button
+                    ], host: {
+                        'class': 'ngs-announcement',
+                    }, template: "<div class=\"content\">\n  @if (iconName()) {\n    <div class=\"icon\">\n      <ngs-icon [name]=\"iconName()\"/>\n    </div>\n  }\n  @if (title()) {\n    <div class=\"title\">{{ title() }}</div>\n  }\n  <div class=\"message\"><ng-content/></div>\n  @if (linkTo()) {\n    <a class=\"link underline underline-offset-3\" href=\"{{ linkTo()!.url }}\" [target]=\"linkTo()!.target || 'blank'\">\n      {{ linkTo()!.text || linkTo()!.url }}\n    </a>\n  }\n</div>\n@if (closable()) {\n  <div class=\"close\">\n    <button ngsIconButton (click)=\"close()\">\n      <ngs-icon name=\"fluent:dismiss-24-regular\"/>\n    </button>\n  </div>\n}\n", styles: [":host{display:flex;align-items:center;justify-content:space-between;padding:calc(var(--spacing, .25rem) * 1) calc(var(--spacing, .25rem) * 4);font-size:.875rem;min-height:calc(var(--spacing, .25rem) * 10)}:host .title{font-weight:700;margin-inline-end:calc(var(--spacing, .25rem) * 3)}:host .title:empty{display:none}:host[data-variant=neutral]{background:var(--color-secondary-container);color:var(--color-on-secondary-container)}:host[data-variant=informative]{background:var(--color-informative-container);color:var(--color-on-informative-container)}:host[data-variant=positive]{background:var(--color-positive-container);color:var(--color-on-positive-container)}:host[data-variant=warning]{background:var(--color-notice-container);color:var(--color-on-notice-container)}:host[data-variant=negative]{background:var(--color-error-container);color:var(--color-on-error-container)}:host .content{display:flex;align-items:center;flex:1 1 0}:host .message{margin-inline-end:calc(var(--spacing, .25rem) * 3)}:host .icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-inline-end:calc(var(--spacing, .25rem) * 2)}:host:has(.icon){padding-left:calc(var(--spacing, .25rem) * 3)}:host:has(.close){padding-right:calc(var(--spacing, .25rem) * 2.5)}:host .close{display:flex;align-items:center;flex-shrink:0}:host .close [ngsIconButton]{width:2rem;height:2rem;min-width:2rem;min-height:2rem;--btn-tonal-bg: transparent;--btn-filled-bg: transparent}:host .close [ngsIconButton] ngs-icon{width:1.25rem;height:1.25rem}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
+        }], ctorParameters: () => [], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], iconName: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconName", required: false }] }], closable: [{ type: i0.Input, args: [{ isSignal: true, alias: "closable", required: false }] }], linkTo: [{ type: i0.Input, args: [{ isSignal: true, alias: "linkTo", required: false }] }], closed: [{ type: i0.Output, args: ["closed"] }] } });
+
+const initialState = {
+    announcement: null,
+};
+const AnnouncementStore = signalStore({ providedIn: 'root' }, withState(initialState), withMethods((store) => ({
+    show(announcement) {
+        patchState(store, { announcement });
+    },
+    hide() {
+        patchState(store, { announcement: null });
+    }
+})));
+
+class AnnouncementGlobal {
+    _announcementStore = inject(AnnouncementStore);
+    announcement = computed(() => {
+        return this._announcementStore.announcement();
+    }, ...(ngDevMode ? [{ debugName: "announcement" }] : /* istanbul ignore next */ []));
+    announcementClose = output();
+    onClose() {
+        this._announcementStore.hide();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: AnnouncementGlobal, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: AnnouncementGlobal, isStandalone: true, selector: "ngs-announcement-global", outputs: { announcementClose: "announcementClose" }, exportAs: ["ngsAnnouncementGlobal"], ngImport: i0, template: "@if (announcement()) {\n  <ngs-announcement closable\n                    [title]=\"announcement().title || ''\"\n                    [iconName]=\"announcement().iconName || ''\"\n                    [variant]=\"announcement().variant || ''\"\n                    [linkTo]=\"announcement().linkTo\"\n                    (closed)=\"onClose()\">\n    <div [innerHTML]=\"announcement().message | safeHtml\"></div>\n  </ngs-announcement>\n}\n", styles: [":host{display:block}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: Announcement, selector: "ngs-announcement", inputs: ["title", "variant", "iconName", "closable", "linkTo"], outputs: ["closed"], exportAs: ["ngsAnnouncement"] }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: AnnouncementGlobal, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngs-announcement-global', exportAs: 'ngsAnnouncementGlobal', imports: [
+                        Announcement,
+                        SafeHtmlPipe
+                    ], template: "@if (announcement()) {\n  <ngs-announcement closable\n                    [title]=\"announcement().title || ''\"\n                    [iconName]=\"announcement().iconName || ''\"\n                    [variant]=\"announcement().variant || ''\"\n                    [linkTo]=\"announcement().linkTo\"\n                    (closed)=\"onClose()\">\n    <div [innerHTML]=\"announcement().message | safeHtml\"></div>\n  </ngs-announcement>\n}\n", styles: [":host{display:block}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { announcementClose: [{ type: i0.Output, args: ["announcementClose"] }] } });
+
+class AnnouncementTitle {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: AnnouncementTitle, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.4", type: AnnouncementTitle, isStandalone: true, selector: "[ngsAnnouncementTitle]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: AnnouncementTitle, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngsAnnouncementTitle]'
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { Announcement, AnnouncementGlobal, AnnouncementStore, AnnouncementTitle };
+//# sourceMappingURL=ngstarter-ui-components-announcement.mjs.map

package/fesm2022/ngstarter-ui-components-announcement.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngstarter-ui-components-announcement.mjs","sources":["../../../projects/components/announcement/src/announcement/announcement.ts","../../../projects/components/announcement/src/announcement/announcement.html","../../../projects/components/announcement/src/announcement.store.ts","../../../projects/components/announcement/src/announcement-global/announcement-global.ts","../../../projects/components/announcement/src/announcement-global/announcement-global.html","../../../projects/components/announcement/src/announcement-title.ts","../../../projects/components/announcement/ngstarter-ui-components-announcement.ts"],"sourcesContent":["import {\n  booleanAttribute,\n  Component, effect,\n  ElementRef,\n  inject,\n  input,\n  output,\n  Renderer2\n} from '@angular/core';\nimport { Icon } from '@ngstarter-ui/components/icon';\nimport { AnnouncementLinkTo, AnnouncementVariant } from '../types';\nimport { Button } from '@ngstarter-ui/components/button';\n\n@Component({\n  selector: 'ngs-announcement',\n  exportAs: 'ngsAnnouncement',\n  imports: [\n    Icon,\n    Button\n  ],\n  templateUrl: './announcement.html',\n  styleUrl: './announcement.scss',\n  host: {\n    'class': 'ngs-announcement',\n  }\n})\nexport class Announcement {\n  private _elementRef = inject(ElementRef);\n  private _renderer = inject(Renderer2);\n\n  title = input('');\n  variant = input<AnnouncementVariant>('neutral');\n  iconName = input('');\n  closable = input(false, {\n    transform: booleanAttribute\n  });\n  linkTo = input<AnnouncementLinkTo | null | undefined>(null);\n\n  readonly closed = output<void>();\n\n  constructor() {\n    effect(() => {\n      this._renderer.setAttribute(this._elementRef.nativeElement, 'data-variant', this.variant() || 'neutral');\n    });\n  }\n\n  protected close() {\n    this.closed.emit();\n  }\n}\n","<div class=\"content\">\n  @if (iconName()) {\n    <div class=\"icon\">\n      <ngs-icon [name]=\"iconName()\"/>\n    </div>\n  }\n  @if (title()) {\n    <div class=\"title\">{{ title() }}</div>\n  }\n  <div class=\"message\"><ng-content/></div>\n  @if (linkTo()) {\n    <a class=\"link underline underline-offset-3\" href=\"{{ linkTo()!.url }}\" [target]=\"linkTo()!.target || 'blank'\">\n      {{ linkTo()!.text || linkTo()!.url }}\n    </a>\n  }\n</div>\n@if (closable()) {\n  <div class=\"close\">\n    <button ngsIconButton (click)=\"close()\">\n      <ngs-icon name=\"fluent:dismiss-24-regular\"/>\n    </button>\n  </div>\n}\n","import { patchState, signalStore, withMethods, withState } from '@ngrx/signals';\nimport { AnnouncementData } from './types';\n\nexport interface AnnouncementState {\n  announcement: AnnouncementData | null;\n}\n\nconst initialState: AnnouncementState = {\n  announcement: null,\n};\n\nexport const AnnouncementStore = signalStore(\n  { providedIn: 'root' },\n  withState(initialState),\n  withMethods((store) => ({\n    show(announcement: AnnouncementData): void {\n      patchState(store, { announcement });\n    },\n    hide() {\n      patchState(store, { announcement: null });\n    }\n  }))\n);\n","import { Component, computed, inject, output } from '@angular/core';\nimport { AnnouncementStore } from '../announcement.store';\nimport { AnnouncementData as AnnouncementInterface } from '../types';\nimport { Announcement } from '../announcement/announcement';\nimport { SafeHtmlPipe } from '@ngstarter-ui/components/core';\n\n@Component({\n  selector: 'ngs-announcement-global',\n  exportAs: 'ngsAnnouncementGlobal',\n  imports: [\n    Announcement,\n    SafeHtmlPipe\n  ],\n  templateUrl: './announcement-global.html',\n  styleUrl: './announcement-global.scss'\n})\nexport class AnnouncementGlobal {\n  private _announcementStore = inject(AnnouncementStore);\n\n  announcement = computed<AnnouncementInterface>(() => {\n    return this._announcementStore.announcement() as AnnouncementInterface;\n  });\n\n  readonly announcementClose = output<void>();\n\n  onClose() {\n    this._announcementStore.hide();\n  }\n}\n","@if (announcement()) {\n  <ngs-announcement closable\n                    [title]=\"announcement().title || ''\"\n                    [iconName]=\"announcement().iconName || ''\"\n                    [variant]=\"announcement().variant || ''\"\n                    [linkTo]=\"announcement().linkTo\"\n                    (closed)=\"onClose()\">\n    <div [innerHTML]=\"announcement().message | safeHtml\"></div>\n  </ngs-announcement>\n}\n","import { Directive } from '@angular/core';\n\n@Directive({\n  selector: '[ngsAnnouncementTitle]'\n})\nexport class AnnouncementTitle {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}