@spicainternational/ngx-sds-components 7.12.0-beta.2 → 8.0.0

package/{fesm2020 → fesm2022}/spicainternational-ngx-sds-components-src-lib-intersection.mjs

@@ -1,124 +1,109 @@
 import * as i0 from '@angular/core';
-import { Injectable, Inject, EventEmitter, Directive, Input, Output, NgModule } from '@angular/core';
-import { DOCUMENT, CommonModule } from '@angular/common';
+import { Inject, Injectable, EventEmitter, Output, Input, Directive } from '@angular/core';
+import { DOCUMENT } from '@angular/common';
 import { concat, defer, of, fromEvent, Observable, combineLatest } from 'rxjs';
 import { map, mergeMap, distinctUntilChanged } from 'rxjs/operators';
 
-class IntersectionService {
-    constructor(document) {
-        this._documentVisible$ = concat(defer(() => of(!document.hidden)), fromEvent(document, 'visibilitychange').pipe(map(e => !document.hidden)));
-    }
-    /**
-     * @description
-     * Method responsible for determining if element is visible
-     * on screen or not. Please
-     * @see https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API for options meaning
-     * @param { ElementRef } element
-     * @param { IntersectionObserverInit } options
-     * @returns { Observable<boolean> }
-     */
-    elementInSight$(element, options) {
-        const intersectionOptions = {
-            root: options?.root ?? null,
-            rootMargin: options?.rootMargin ?? '0px 0px 0px 0px',
-            threshold: options?.threshold ?? 0.5
-        };
-        const elementVisible$ = new Observable((observer) => {
-            const intersectionObserver = new IntersectionObserver(entries => {
-                observer.next(entries);
-            }, intersectionOptions);
-            intersectionObserver.observe(element.nativeElement);
-            return () => {
-                intersectionObserver.disconnect();
-            };
-        }).pipe(mergeMap((entries) => entries), map((entry) => entry.isIntersecting), distinctUntilChanged());
-        const elementInSight$ = combineLatest([
-            this._documentVisible$,
-            elementVisible$
-        ]).pipe(map(stream => {
-            const pageVisible = stream[0];
-            const elementVisible = stream[1];
-            const isVisible = pageVisible && elementVisible;
-            return isVisible;
-        }), distinctUntilChanged());
-        return elementInSight$;
-    }
-}
-IntersectionService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IntersectionService, deps: [{ token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable });
-IntersectionService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IntersectionService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IntersectionService, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: [DOCUMENT]
-                }] }]; } });
+class SdsIntersectionService {
+    constructor(document) {
+        this._documentVisible$ = concat(defer(() => of(!document.hidden)), fromEvent(document, 'visibilitychange').pipe(map(e => !document.hidden)));
+    }
+    /**
+     * @description
+     * Method responsible for determining if element is visible
+     * on screen or not. Please
+     * @see https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API for options meaning
+     * @param { ElementRef } element
+     * @param { IntersectionObserverInit } options
+     * @returns { Observable<boolean> }
+     */
+    elementInSight$(element, options) {
+        const intersectionOptions = {
+            root: options?.root ?? null,
+            rootMargin: options?.rootMargin ?? '0px 0px 0px 0px',
+            threshold: options?.threshold ?? 0.5
+        };
+        const elementVisible$ = new Observable((observer) => {
+            const intersectionObserver = new IntersectionObserver(entries => {
+                observer.next(entries);
+            }, intersectionOptions);
+            intersectionObserver.observe(element.nativeElement);
+            return () => {
+                intersectionObserver.disconnect();
+            };
+        }).pipe(mergeMap((entries) => entries), map((entry) => entry.isIntersecting), distinctUntilChanged());
+        const elementInSight$ = combineLatest([
+            this._documentVisible$,
+            elementVisible$
+        ]).pipe(map(stream => {
+            const pageVisible = stream[0];
+            const elementVisible = stream[1];
+            const isVisible = pageVisible && elementVisible;
+            return isVisible;
+        }), distinctUntilChanged());
+        return elementInSight$;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SdsIntersectionService, deps: [{ token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SdsIntersectionService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SdsIntersectionService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }] });
 
-class IntersectionDirective {
-    /**
-     *
-     */
-    get intersectionOptions() {
-        return this._intersectionOptions;
-    }
-    set intersectionOptions(value) {
-        this._intersectionOptions = value;
-    }
-    constructor(_element, _intersectionService) {
-        this._element = _element;
-        this._intersectionService = _intersectionService;
-        /**
-         * Emits current visibility status
-         */
-        this.elementInSight = new EventEmitter();
-        this._subscriptions = [];
-    }
-    ngOnInit() {
-    }
-    ngOnDestroy() {
-        this._subscriptions.forEach(subscription => subscription.unsubscribe());
-    }
-    ngAfterViewInit() {
-        const intersetionSubscription = this._intersectionService
-            .elementInSight$(this._element, this.intersectionOptions)
-            .subscribe(visibilityFlag => {
-            this.elementInSight.emit(visibilityFlag);
-        });
-        this._subscriptions.push(intersetionSubscription);
-    }
-}
-IntersectionDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IntersectionDirective, deps: [{ token: i0.ElementRef }, { token: IntersectionService }], target: i0.ɵɵFactoryTarget.Directive });
-IntersectionDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: IntersectionDirective, selector: "[sdsIntersection]", inputs: { intersectionOptions: "intersectionOptions" }, outputs: { elementInSight: "elementInSight" }, providers: [IntersectionService], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IntersectionDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[sdsIntersection]',
-                    providers: [IntersectionService]
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: IntersectionService }]; }, propDecorators: { intersectionOptions: [{
-                type: Input
-            }], elementInSight: [{
-                type: Output
+class SdsIntersectionDirective {
+    /**
+     *
+     */
+    get intersectionOptions() {
+        return this._intersectionOptions;
+    }
+    set intersectionOptions(value) {
+        this._intersectionOptions = value;
+    }
+    constructor(_element, _intersectionService) {
+        this._element = _element;
+        this._intersectionService = _intersectionService;
+        /**
+         * Emits current visibility status
+         */
+        this.elementInSight = new EventEmitter();
+        this._subscriptions = [];
+    }
+    ngOnInit() {
+    }
+    ngOnDestroy() {
+        this._subscriptions.forEach(subscription => subscription.unsubscribe());
+    }
+    ngAfterViewInit() {
+        const intersetionSubscription = this._intersectionService
+            .elementInSight$(this._element, this.intersectionOptions)
+            .subscribe(visibilityFlag => {
+            this.elementInSight.emit(visibilityFlag);
+        });
+        this._subscriptions.push(intersetionSubscription);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SdsIntersectionDirective, deps: [{ token: i0.ElementRef }, { token: SdsIntersectionService }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: SdsIntersectionDirective, isStandalone: true, selector: "[sdsIntersection]", inputs: { intersectionOptions: "intersectionOptions" }, outputs: { elementInSight: "elementInSight" }, providers: [SdsIntersectionService], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SdsIntersectionDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[sdsIntersection]',
+                    providers: [SdsIntersectionService],
+                    standalone: true
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: SdsIntersectionService }], propDecorators: { intersectionOptions: [{
+                type: Input
+            }], elementInSight: [{
+                type: Output
             }] } });
 
-class SdsIntersectionModule {
-}
-SdsIntersectionModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SdsIntersectionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SdsIntersectionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: SdsIntersectionModule, declarations: [IntersectionDirective], imports: [CommonModule], exports: [IntersectionDirective] });
-SdsIntersectionModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SdsIntersectionModule, imports: [CommonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SdsIntersectionModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [IntersectionDirective],
-                    exports: [IntersectionDirective],
-                    imports: [
-                        CommonModule
-                    ]
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
+/**
+ * Generated bundle index. Do not edit.
  */
 
-export { IntersectionDirective, IntersectionService, SdsIntersectionModule };
+export { SdsIntersectionDirective, SdsIntersectionService };
 //# sourceMappingURL=spicainternational-ngx-sds-components-src-lib-intersection.mjs.map

package/fesm2022/spicainternational-ngx-sds-components-src-lib-intersection.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"spicainternational-ngx-sds-components-src-lib-intersection.mjs","sources":["../../../projects/ngx-sds-components/src/lib/intersection/services/intersection.service.ts","../../../projects/ngx-sds-components/src/lib/intersection/directives/intersection.directive.ts","../../../projects/ngx-sds-components/src/lib/intersection/spicainternational-ngx-sds-components-src-lib-intersection.ts"],"sourcesContent":["import { DOCUMENT } from '@angular/common';\r\nimport { ElementRef, Inject, Injectable } from '@angular/core';\r\nimport { Observable, Subscriber, combineLatest, concat, defer, fromEvent, of } from 'rxjs';\r\nimport { map, mergeMap, distinctUntilChanged } from 'rxjs/operators';\r\n\r\n@Injectable()\r\nexport class SdsIntersectionService {\r\n    private _documentVisible$: Observable<boolean>;\r\n\r\n    constructor(@Inject(DOCUMENT) document: any) {\r\n      this._documentVisible$ = concat(\r\n        defer(() => of(!document.hidden)),\r\n        fromEvent(document, 'visibilitychange').pipe(map(e => !document.hidden))\r\n      );\r\n    }\r\n\r\n    /**\r\n     * @description\r\n     * Method responsible for determining if element is visible\r\n     * on screen or not. Please\r\n     * @see https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API for options meaning\r\n     * @param { ElementRef } element\r\n     * @param { IntersectionObserverInit } options\r\n     * @returns { Observable<boolean> }\r\n     */\r\n    elementInSight$(\r\n      element: ElementRef,\r\n      options?: IntersectionObserverInit\r\n    ): Observable<boolean> {\r\n      const intersectionOptions: IntersectionObserverInit = {\r\n        root: options?.root ?? null,\r\n        rootMargin: options?.rootMargin ?? '0px 0px 0px 0px',\r\n        threshold: options?.threshold ?? 0.5\r\n      };\r\n\r\n      const elementVisible$ = new Observable(\r\n        (observer: Subscriber<IntersectionObserverEntry[]>) => {\r\n          const intersectionObserver = new IntersectionObserver(entries => {\r\n            observer.next(entries);\r\n          }, intersectionOptions);\r\n\r\n          intersectionObserver.observe(element.nativeElement);\r\n\r\n          return () => {\r\n            intersectionObserver.disconnect();\r\n          };\r\n        }\r\n      ).pipe(\r\n        mergeMap((entries: IntersectionObserverEntry[]) => entries),\r\n        map((entry: IntersectionObserverEntry) => entry.isIntersecting),\r\n        distinctUntilChanged()\r\n      );\r\n\r\n      const elementInSight$ = combineLatest([\r\n        this._documentVisible$,\r\n        elementVisible$\r\n      ]).pipe(\r\n        map(stream => {\r\n          const pageVisible: boolean = stream[0];\r\n          const elementVisible: boolean = stream[1];\r\n\r\n          const isVisible = pageVisible && elementVisible;\r\n\r\n          return isVisible;\r\n        }),\r\n        distinctUntilChanged()\r\n      );\r\n\r\n      return elementInSight$;\r\n    }\r\n}\r\n","import { AfterViewInit, Directive, ElementRef, EventEmitter, Input, OnDestroy, OnInit, Output } from '@angular/core';\r\nimport { Subscription } from 'rxjs';\r\nimport { SdsIntersectionService } from '../services';\r\n\r\n@Directive({\r\n    selector: '[sdsIntersection]',\r\n    providers: [SdsIntersectionService],\r\n    standalone: true\r\n})\r\nexport class SdsIntersectionDirective implements OnInit, OnDestroy, AfterViewInit {\r\n    /**\r\n     *\r\n     */\r\n    @Input()\r\n    get intersectionOptions(): IntersectionObserverInit | undefined {\r\n        return this._intersectionOptions;\r\n    }\r\n    set intersectionOptions(value: IntersectionObserverInit | undefined) {\r\n        this._intersectionOptions = value;\r\n    }\r\n\r\n    /**\r\n     * Emits current visibility status\r\n     */\r\n    @Output() elementInSight: EventEmitter<boolean> = new EventEmitter<boolean>();\r\n\r\n    private _intersectionOptions: IntersectionObserverInit | undefined;\r\n    private _subscriptions: Subscription[] = [];\r\n\r\n    constructor(\r\n        private readonly _element: ElementRef,\r\n        private readonly _intersectionService: SdsIntersectionService\r\n    ) {}\r\n\r\n    ngOnInit(): void {\r\n\r\n    }\r\n\r\n    ngOnDestroy(): void {\r\n        this._subscriptions.forEach(subscription => subscription.unsubscribe());\r\n    }\r\n\r\n    ngAfterViewInit(): void {\r\n        const intersetionSubscription = this._intersectionService\r\n            .elementInSight$(this._element, this.intersectionOptions)\r\n            .subscribe(visibilityFlag => {\r\n                this.elementInSight.emit(visibilityFlag);\r\n        });\r\n\r\n        this._subscriptions.push(intersetionSubscription);\r\n    }\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1.SdsIntersectionService"],"mappings":"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"}

package/fesm2022/spicainternational-ngx-sds-components-src-lib-keyboard-shortcut.mjs

@@ -0,0 +1,64 @@
+import { DOCUMENT } from '@angular/common';
+import * as i0 from '@angular/core';
+import { EventEmitter, Output, Inject, Directive } from '@angular/core';
+import { fromEvent } from 'rxjs';
+import { groupBy, mergeAll } from 'rxjs/operators';
+
+class SdsKeyboardShortcutDirective {
+    constructor(_document) {
+        this._document = _document;
+        /**
+           * OUTPUTS
+           */
+        /**
+         * Emitted when user presses Escape
+         */
+        this.closeShortcut = new EventEmitter();
+        /**
+         * Emitted when user presses ctrl+Enter or cmd+Enter
+         */
+        this.saveRecordShortcut = new EventEmitter();
+        this._subscriptions = [];
+    }
+    ngOnInit() {
+        const keyboardEventsSubscription = fromEvent(this._document, 'keydown')
+            .pipe(groupBy(e => e.code), mergeAll())
+            .subscribe(keyboardEvent => {
+            // Define shortcut(s) logic here.
+            if (keyboardEvent.code === 'Escape') {
+                this.closeShortcut.emit();
+            }
+            if (keyboardEvent.code === 'Enter' && keyboardEvent.ctrlKey) {
+                // Ctrl+Enter was pressed (Cmd+Enter on Apple HW)
+                this.saveRecordShortcut.emit();
+            }
+        });
+        this._subscriptions.push(keyboardEventsSubscription);
+    }
+    ngOnDestroy() {
+        this._subscriptions.forEach(subscription => subscription.unsubscribe());
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SdsKeyboardShortcutDirective, deps: [{ token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: SdsKeyboardShortcutDirective, isStandalone: true, selector: "[sdsKeyboardShortcut]", outputs: { closeShortcut: "closeShortcut", saveRecordShortcut: "saveRecordShortcut" }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SdsKeyboardShortcutDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[sdsKeyboardShortcut]',
+                    standalone: true
+                }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }], propDecorators: { closeShortcut: [{
+                type: Output
+            }], saveRecordShortcut: [{
+                type: Output
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SdsKeyboardShortcutDirective };
+//# sourceMappingURL=spicainternational-ngx-sds-components-src-lib-keyboard-shortcut.mjs.map

package/fesm2022/spicainternational-ngx-sds-components-src-lib-keyboard-shortcut.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"spicainternational-ngx-sds-components-src-lib-keyboard-shortcut.mjs","sources":["../../../projects/ngx-sds-components/src/lib/keyboard-shortcut/directives/keyboard-shortcut.directive.ts","../../../projects/ngx-sds-components/src/lib/keyboard-shortcut/spicainternational-ngx-sds-components-src-lib-keyboard-shortcut.ts"],"sourcesContent":["import { DOCUMENT } from '@angular/common';\r\nimport { Directive, EventEmitter, Inject, OnDestroy, OnInit, Output } from '@angular/core';\r\nimport { Subscription, fromEvent } from 'rxjs';\r\nimport { groupBy, mergeAll } from 'rxjs/operators';\r\n\r\n@Directive({\r\n    selector: '[sdsKeyboardShortcut]',\r\n    standalone: true\r\n})\r\nexport class SdsKeyboardShortcutDirective implements OnInit, OnDestroy {\r\n/**\r\n   * OUTPUTS\r\n   */\r\n  /**\r\n   * Emitted when user presses Escape\r\n   */\r\n  @Output() closeShortcut: EventEmitter<void> = new EventEmitter<void>();\r\n\r\n  /**\r\n   * Emitted when user presses ctrl+Enter or cmd+Enter\r\n   */\r\n  @Output() saveRecordShortcut: EventEmitter<void> = new EventEmitter<void>();\r\n\r\n  private _subscriptions: Subscription[] = [];\r\n  constructor(@Inject(DOCUMENT) private readonly _document: any) {}\r\n\r\n  ngOnInit(): void {\r\n    const keyboardEventsSubscription = fromEvent<KeyboardEvent>(\r\n      this._document,\r\n      'keydown'\r\n    )\r\n      .pipe(\r\n        groupBy(e => e.code),\r\n        mergeAll()\r\n      )\r\n      .subscribe(keyboardEvent => {\r\n        // Define shortcut(s) logic here.\r\n\r\n        if (keyboardEvent.code === 'Escape') {\r\n          this.closeShortcut.emit();\r\n        }\r\n\r\n        if (keyboardEvent.code === 'Enter' && keyboardEvent.ctrlKey) {\r\n          // Ctrl+Enter was pressed (Cmd+Enter on Apple HW)\r\n          this.saveRecordShortcut.emit();\r\n        }\r\n      });\r\n\r\n    this._subscriptions.push(keyboardEventsSubscription);\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this._subscriptions.forEach(subscription => subscription.unsubscribe());\r\n  }\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;MASa,4BAA4B,CAAA;AAevC,IAAA,WAAA,CAA+C,SAAc,EAAA;QAAd,IAAS,CAAA,SAAA,GAAT,SAAS;AAd1D;;AAEK;AACH;;AAEG;AACO,QAAA,IAAA,CAAA,aAAa,GAAuB,IAAI,YAAY,EAAQ;AAEtE;;AAEG;AACO,QAAA,IAAA,CAAA,kBAAkB,GAAuB,IAAI,YAAY,EAAQ;QAEnE,IAAc,CAAA,cAAA,GAAmB,EAAE;;IAG3C,QAAQ,GAAA;QACN,MAAM,0BAA0B,GAAG,SAAS,CAC1C,IAAI,CAAC,SAAS,EACd,SAAS;AAER,aAAA,IAAI,CACH,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,EACpB,QAAQ,EAAE;aAEX,SAAS,CAAC,aAAa,IAAG;;AAGzB,YAAA,IAAI,aAAa,CAAC,IAAI,KAAK,QAAQ,EAAE;AACnC,gBAAA,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE;;YAG3B,IAAI,aAAa,CAAC,IAAI,KAAK,OAAO,IAAI,aAAa,CAAC,OAAO,EAAE;;AAE3D,gBAAA,IAAI,CAAC,kBAAkB,CAAC,IAAI,EAAE;;AAElC,SAAC,CAAC;AAEJ,QAAA,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,0BAA0B,CAAC;;IAGtD,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,YAAY,IAAI,YAAY,CAAC,WAAW,EAAE,CAAC;;AA3C9D,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,4BAA4B,kBAenB,QAAQ,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAfjB,4BAA4B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,OAAA,EAAA,EAAA,aAAA,EAAA,eAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAA5B,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBAJxC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,uBAAuB;AACjC,oBAAA,UAAU,EAAE;AACf,iBAAA;;0BAgBc,MAAM;2BAAC,QAAQ;yCARlB,aAAa,EAAA,CAAA;sBAAtB;gBAKS,kBAAkB,EAAA,CAAA;sBAA3B;;;ACrBH;;AAEG;;;;"}

package/fesm2022/spicainternational-ngx-sds-components-src-lib-layout.mjs

@@ -0,0 +1,70 @@
+import * as i0 from '@angular/core';
+import { Component } from '@angular/core';
+import { RouterOutlet } from '@angular/router';
+
+class SdsDefaultLayoutComponent {
+    constructor() { }
+    ngOnInit() {
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SdsDefaultLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SdsDefaultLayoutComponent, isStandalone: true, selector: "sds-default-layout", ngImport: i0, template: "<div class=\"container\">\r\n  <router-outlet></router-outlet>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SdsDefaultLayoutComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sds-default-layout', standalone: true, imports: [RouterOutlet], template: "<div class=\"container\">\r\n  <router-outlet></router-outlet>\r\n</div>\r\n" }]
+        }], ctorParameters: () => [] });
+
+class SdsFluidLayoutComponent {
+    constructor() { }
+    ngOnInit() {
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SdsFluidLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SdsFluidLayoutComponent, isStandalone: true, selector: "sds-fluid-layout", ngImport: i0, template: "<div class=\"container-fluid\">\r\n  <router-outlet></router-outlet>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SdsFluidLayoutComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sds-fluid-layout', standalone: true, imports: [RouterOutlet], template: "<div class=\"container-fluid\">\r\n  <router-outlet></router-outlet>\r\n</div>\r\n" }]
+        }], ctorParameters: () => [] });
+
+class SdsSmallLayoutComponent {
+    constructor() { }
+    ngOnInit() {
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SdsSmallLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SdsSmallLayoutComponent, isStandalone: true, selector: "sds-small-layout", ngImport: i0, template: "<div class=\"container container-sm\">\r\n  <router-outlet></router-outlet>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SdsSmallLayoutComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sds-small-layout', standalone: true, imports: [RouterOutlet], template: "<div class=\"container container-sm\">\r\n  <router-outlet></router-outlet>\r\n</div>\r\n" }]
+        }], ctorParameters: () => [] });
+
+class SdsMediumLayoutComponent {
+    constructor() { }
+    ngOnInit() {
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SdsMediumLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SdsMediumLayoutComponent, isStandalone: true, selector: "sds-medium-layout", ngImport: i0, template: "<div class=\"container container-md\">\r\n  <router-outlet></router-outlet>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SdsMediumLayoutComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sds-medium-layout', standalone: true, imports: [RouterOutlet], template: "<div class=\"container container-md\">\r\n  <router-outlet></router-outlet>\r\n</div>\r\n" }]
+        }], ctorParameters: () => [] });
+
+class SdsExtraLargeLayoutComponent {
+    constructor() { }
+    ngOnInit() {
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SdsExtraLargeLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SdsExtraLargeLayoutComponent, isStandalone: true, selector: "sds-extra-large-layout", ngImport: i0, template: "<div class=\"container container-xl\">\r\n  <router-outlet></router-outlet>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SdsExtraLargeLayoutComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sds-extra-large-layout', standalone: true, imports: [RouterOutlet], template: "<div class=\"container container-xl\">\r\n  <router-outlet></router-outlet>\r\n</div>\r\n" }]
+        }], ctorParameters: () => [] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SdsDefaultLayoutComponent, SdsExtraLargeLayoutComponent, SdsFluidLayoutComponent, SdsMediumLayoutComponent, SdsSmallLayoutComponent };
+//# sourceMappingURL=spicainternational-ngx-sds-components-src-lib-layout.mjs.map

package/fesm2022/spicainternational-ngx-sds-components-src-lib-layout.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"spicainternational-ngx-sds-components-src-lib-layout.mjs","sources":["../../../projects/ngx-sds-components/src/lib/layout/default-layout/default-layout.component.ts","../../../projects/ngx-sds-components/src/lib/layout/default-layout/default-layout.component.html","../../../projects/ngx-sds-components/src/lib/layout/fluid-layout/fluid-layout.component.ts","../../../projects/ngx-sds-components/src/lib/layout/fluid-layout/fluid-layout.component.html","../../../projects/ngx-sds-components/src/lib/layout/small-layout/small-layout.component.ts","../../../projects/ngx-sds-components/src/lib/layout/small-layout/small-layout.component.html","../../../projects/ngx-sds-components/src/lib/layout/medium-layout/medium-layout.component.ts","../../../projects/ngx-sds-components/src/lib/layout/medium-layout/medium-layout.component.html","../../../projects/ngx-sds-components/src/lib/layout/extra-large-layout/extra-large-layout.component.ts","../../../projects/ngx-sds-components/src/lib/layout/extra-large-layout/extra-large-layout.component.html","../../../projects/ngx-sds-components/src/lib/layout/spicainternational-ngx-sds-components-src-lib-layout.ts"],"sourcesContent":["import { Component, OnInit } from '@angular/core';\r\nimport { RouterOutlet } from '@angular/router';\r\n\r\n@Component({\r\n    selector: 'sds-default-layout',\r\n    templateUrl: './default-layout.component.html',\r\n    styleUrls: ['./default-layout.component.scss'],\r\n    standalone: true,\r\n    imports: [RouterOutlet]\r\n})\r\nexport class SdsDefaultLayoutComponent implements OnInit {\r\n\r\n  constructor() { }\r\n\r\n  ngOnInit(): void {\r\n  }\r\n\r\n}\r\n","<div class=\"container\">\r\n  <router-outlet></router-outlet>\r\n</div>\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { RouterOutlet } from '@angular/router';\r\n\r\n@Component({\r\n    selector: 'sds-fluid-layout',\r\n    templateUrl: './fluid-layout.component.html',\r\n    styleUrls: ['./fluid-layout.component.scss'],\r\n    standalone: true,\r\n    imports: [RouterOutlet]\r\n})\r\nexport class SdsFluidLayoutComponent implements OnInit {\r\n\r\n  constructor() { }\r\n\r\n  ngOnInit(): void {\r\n  }\r\n\r\n}\r\n","<div class=\"container-fluid\">\r\n  <router-outlet></router-outlet>\r\n</div>\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { RouterOutlet } from '@angular/router';\r\n\r\n@Component({\r\n    selector: 'sds-small-layout',\r\n    templateUrl: './small-layout.component.html',\r\n    styleUrls: ['./small-layout.component.scss'],\r\n    standalone: true,\r\n    imports: [RouterOutlet]\r\n})\r\nexport class SdsSmallLayoutComponent implements OnInit {\r\n\r\n  constructor() { }\r\n\r\n  ngOnInit(): void {\r\n  }\r\n\r\n}\r\n","<div class=\"container container-sm\">\r\n  <router-outlet></router-outlet>\r\n</div>\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { RouterOutlet } from '@angular/router';\r\n\r\n@Component({\r\n    selector: 'sds-medium-layout',\r\n    templateUrl: './medium-layout.component.html',\r\n    styleUrls: ['./medium-layout.component.scss'],\r\n    standalone: true,\r\n    imports: [RouterOutlet]\r\n})\r\nexport class SdsMediumLayoutComponent implements OnInit {\r\n\r\n  constructor() { }\r\n\r\n  ngOnInit(): void {\r\n  }\r\n\r\n}\r\n","<div class=\"container container-md\">\r\n  <router-outlet></router-outlet>\r\n</div>\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { RouterOutlet } from '@angular/router';\r\n\r\n@Component({\r\n    selector: 'sds-extra-large-layout',\r\n    templateUrl: './extra-large-layout.component.html',\r\n    styleUrls: ['./extra-large-layout.component.scss'],\r\n    standalone: true,\r\n    imports: [RouterOutlet]\r\n})\r\nexport class SdsExtraLargeLayoutComponent implements OnInit {\r\n\r\n  constructor() { }\r\n\r\n  ngOnInit(): void {\r\n  }\r\n\r\n}\r\n","<div class=\"container container-xl\">\r\n  <router-outlet></router-outlet>\r\n</div>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/spicainternational-ngx-sds-components-src-lib-message.mjs

@@ -0,0 +1,67 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, ContentChild, Input, Output, Component } from '@angular/core';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { NgIf } from '@angular/common';
+
+class SdsMessageComponent {
+    constructor() {
+        this.text = '';
+        this.showCloseButton = false;
+        this.close = new EventEmitter();
+        this.showLearnMoreLink = false;
+        this.learnMoreLinkText = 'Learn more';
+        this.learnMoreLinkUrl = '';
+        this.showAction = false;
+        this.actionText = 'Address this';
+        this.actionClick = new EventEmitter();
+        this.style = 'default';
+        this.customContent = { nativeElement: undefined };
+        this.showMessage = true;
+    }
+    ngOnInit() { }
+    onCloseButtonClick() {
+        this.showMessage = false;
+        this.close.emit();
+    }
+    onActionButtonClick() {
+        this.actionClick.emit();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SdsMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SdsMessageComponent, isStandalone: true, selector: "sds-message", inputs: { icon: "icon", text: "text", showCloseButton: "showCloseButton", showLearnMoreLink: "showLearnMoreLink", learnMoreLinkText: "learnMoreLinkText", learnMoreLinkUrl: "learnMoreLinkUrl", showAction: "showAction", actionText: "actionText", style: "style" }, outputs: { close: "close", actionClick: "actionClick" }, queries: [{ propertyName: "customContent", first: true, predicate: ["customContent"], descendants: true }], ngImport: i0, template: "<div \r\n    *ngIf=\"showMessage\"\r\n    class=\"px-3 py-2 d-flex rounded\"\r\n    [class.sds-message-default] = \"style == 'default'\"\r\n    \r\n    [class.sds-message-success] = \"style == 'success'\"\r\n    [class.sds-message-success-subtle] = \"style == 'successSubtle'\"\r\n    \r\n    [class.sds-message-danger] = \"style == 'danger'\"\r\n    [class.sds-message-danger-subtle] = \"style == 'dangerSubtle'\"\r\n    \r\n    [class.sds-message-warning] = \"style == 'warning'\"\r\n    [class.sds-message-warning-subtle] = \"style == 'warningSubtle'\"\r\n\r\n    [class.sds-message-info] = \"style == 'info'\"\r\n    [class.sds-message-info-subtle] = \"style == 'infoSubtle'\"\r\n    >\r\n\r\n    <fa-icon \r\n        *ngIf=\"icon\"\r\n        [icon]=\"icon\"\r\n        class=\"me-2\"\r\n        >\r\n    </fa-icon>\r\n\r\n    <div class=\"flex-grow-1\">\r\n        <div *ngIf=\"!customContent\">\r\n            <span>\r\n                {{text}}\r\n            </span>\r\n\r\n            <span \r\n                *ngIf=\"showAction\"\r\n            >\r\n                <a \r\n                    class=\"link-primary sds-cursor-pointer ml-2 \"\r\n                    (click)=\"onActionButtonClick()\"\r\n                    >\r\n                    {{actionText}}\r\n                </a>\r\n            </span>\r\n\r\n            <span \r\n                *ngIf=\"showLearnMoreLink\"\r\n            >\r\n                <a \r\n                    class=\"\"\r\n                    [href]=\"learnMoreLinkUrl\"\r\n                    target=\"_learnmore\"\r\n                    >\r\n                    {{learnMoreLinkText}}\r\n                </a>\r\n            </span>\r\n        </div>\r\n\r\n        <ng-container *ngIf=\"customContent\" >\r\n            <ng-content select=\"customContent\"></ng-content>\r\n        </ng-container> \r\n    </div>\r\n\r\n    <div *ngIf=\"showCloseButton\">\r\n        <button \r\n            type=\"button\" \r\n            class=\"btn-close ml-2\" \r\n            aria-label=\"Close\"\r\n            (click)=\"onCloseButtonClick()\"\r\n        >\r\n        </button>\r\n    </div>\r\n\r\n</div>\r\n", styles: [".sds-message-default{color:var(--bs-gray-900);background-color:var(--bs-gray-300)}.sds-message-success-subtle{color:var(--bs-gray-900);background-color:var(--bs-success-bg-subtle)}.sds-message-danger-subtle{color:var(--bs-gray-900);background-color:var(--bs-danger-bg-subtle)}.sds-message-warning-subtle{color:var(--bs-gray-900);background-color:var(--bs-warning-bg-subtle)}.sds-message-info-subtle{color:var(--bs-gray-900);background-color:var(--bs-info-bg-subtle)}.sds-message-success{color:var(--bs-gray-100);background-color:var(--bs-success)}.sds-message-danger{color:var(--bs-gray-100);background-color:var(--bs-danger)}.sds-message-warning{color:var(--bs-gray-900);background-color:var(--bs-warning)}.sds-message-info{color:var(--bs-gray-900);background-color:var(--bs-info)}.btn-close{font-size:.75em}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SdsMessageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sds-message', standalone: true, imports: [NgIf, FaIconComponent], template: "<div \r\n    *ngIf=\"showMessage\"\r\n    class=\"px-3 py-2 d-flex rounded\"\r\n    [class.sds-message-default] = \"style == 'default'\"\r\n    \r\n    [class.sds-message-success] = \"style == 'success'\"\r\n    [class.sds-message-success-subtle] = \"style == 'successSubtle'\"\r\n    \r\n    [class.sds-message-danger] = \"style == 'danger'\"\r\n    [class.sds-message-danger-subtle] = \"style == 'dangerSubtle'\"\r\n    \r\n    [class.sds-message-warning] = \"style == 'warning'\"\r\n    [class.sds-message-warning-subtle] = \"style == 'warningSubtle'\"\r\n\r\n    [class.sds-message-info] = \"style == 'info'\"\r\n    [class.sds-message-info-subtle] = \"style == 'infoSubtle'\"\r\n    >\r\n\r\n    <fa-icon \r\n        *ngIf=\"icon\"\r\n        [icon]=\"icon\"\r\n        class=\"me-2\"\r\n        >\r\n    </fa-icon>\r\n\r\n    <div class=\"flex-grow-1\">\r\n        <div *ngIf=\"!customContent\">\r\n            <span>\r\n                {{text}}\r\n            </span>\r\n\r\n            <span \r\n                *ngIf=\"showAction\"\r\n            >\r\n                <a \r\n                    class=\"link-primary sds-cursor-pointer ml-2 \"\r\n                    (click)=\"onActionButtonClick()\"\r\n                    >\r\n                    {{actionText}}\r\n                </a>\r\n            </span>\r\n\r\n            <span \r\n                *ngIf=\"showLearnMoreLink\"\r\n            >\r\n                <a \r\n                    class=\"\"\r\n                    [href]=\"learnMoreLinkUrl\"\r\n                    target=\"_learnmore\"\r\n                    >\r\n                    {{learnMoreLinkText}}\r\n                </a>\r\n            </span>\r\n        </div>\r\n\r\n        <ng-container *ngIf=\"customContent\" >\r\n            <ng-content select=\"customContent\"></ng-content>\r\n        </ng-container> \r\n    </div>\r\n\r\n    <div *ngIf=\"showCloseButton\">\r\n        <button \r\n            type=\"button\" \r\n            class=\"btn-close ml-2\" \r\n            aria-label=\"Close\"\r\n            (click)=\"onCloseButtonClick()\"\r\n        >\r\n        </button>\r\n    </div>\r\n\r\n</div>\r\n", styles: [".sds-message-default{color:var(--bs-gray-900);background-color:var(--bs-gray-300)}.sds-message-success-subtle{color:var(--bs-gray-900);background-color:var(--bs-success-bg-subtle)}.sds-message-danger-subtle{color:var(--bs-gray-900);background-color:var(--bs-danger-bg-subtle)}.sds-message-warning-subtle{color:var(--bs-gray-900);background-color:var(--bs-warning-bg-subtle)}.sds-message-info-subtle{color:var(--bs-gray-900);background-color:var(--bs-info-bg-subtle)}.sds-message-success{color:var(--bs-gray-100);background-color:var(--bs-success)}.sds-message-danger{color:var(--bs-gray-100);background-color:var(--bs-danger)}.sds-message-warning{color:var(--bs-gray-900);background-color:var(--bs-warning)}.sds-message-info{color:var(--bs-gray-900);background-color:var(--bs-info)}.btn-close{font-size:.75em}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { icon: [{
+                type: Input
+            }], text: [{
+                type: Input
+            }], showCloseButton: [{
+                type: Input
+            }], close: [{
+                type: Output
+            }], showLearnMoreLink: [{
+                type: Input
+            }], learnMoreLinkText: [{
+                type: Input
+            }], learnMoreLinkUrl: [{
+                type: Input
+            }], showAction: [{
+                type: Input
+            }], actionText: [{
+                type: Input
+            }], actionClick: [{
+                type: Output
+            }], style: [{
+                type: Input
+            }], customContent: [{
+                type: ContentChild,
+                args: ['customContent']
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SdsMessageComponent };
+//# sourceMappingURL=spicainternational-ngx-sds-components-src-lib-message.mjs.map

package/fesm2022/spicainternational-ngx-sds-components-src-lib-message.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"spicainternational-ngx-sds-components-src-lib-message.mjs","sources":["../../../projects/ngx-sds-components/src/lib/message/message.component.ts","../../../projects/ngx-sds-components/src/lib/message/message.component.html","../../../projects/ngx-sds-components/src/lib/message/spicainternational-ngx-sds-components-src-lib-message.ts"],"sourcesContent":["import { Component, ContentChild, ElementRef, EventEmitter, Input, OnInit, Output } from '@angular/core';\r\nimport { IconProp } from '@fortawesome/fontawesome-svg-core';\r\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\r\nimport { NgIf } from '@angular/common';\r\n\r\n@Component({\r\n    selector: 'sds-message',\r\n    templateUrl: './message.component.html',\r\n    styleUrls: ['./message.component.scss'],\r\n    standalone: true,\r\n    imports: [NgIf, FaIconComponent],\r\n})\r\nexport class SdsMessageComponent implements OnInit {\r\n\r\n    @Input() public icon?: IconProp;\r\n    @Input() public text: string = '';\r\n    @Input() public showCloseButton: boolean = false;\r\n\r\n    @Output() public close: EventEmitter<void> = new EventEmitter();\r\n\r\n    @Input() public showLearnMoreLink: boolean = false;\r\n    @Input() public learnMoreLinkText: string = 'Learn more';\r\n    @Input() public learnMoreLinkUrl: string = '';\r\n\r\n    @Input() public showAction: boolean = false;\r\n    @Input() public actionText: string = 'Address this';    \r\n    @Output() public actionClick: EventEmitter<void> = new EventEmitter();\r\n\r\n\r\n    @Input() public style: 'default' | 'danger' | 'dangerSubtle' | 'success' | 'successSubtle' | 'warning' | 'warningSubtle' | 'info' | 'infoSubtle' = 'default';\r\n\r\n    @ContentChild('customContent') customContent: ElementRef = {nativeElement: undefined};\r\n\r\n    public showMessage: boolean = true;\r\n\r\n    constructor() {}\r\n\r\n    ngOnInit(): void {}\r\n\r\n    public onCloseButtonClick(): void {\r\n        this.showMessage = false;\r\n        this.close.emit();\r\n    }\r\n\r\n    public onActionButtonClick(): void {\r\n        this.actionClick.emit();\r\n    }\r\n\r\n}\r\n","<div \r\n    *ngIf=\"showMessage\"\r\n    class=\"px-3 py-2 d-flex rounded\"\r\n    [class.sds-message-default] = \"style == 'default'\"\r\n    \r\n    [class.sds-message-success] = \"style == 'success'\"\r\n    [class.sds-message-success-subtle] = \"style == 'successSubtle'\"\r\n    \r\n    [class.sds-message-danger] = \"style == 'danger'\"\r\n    [class.sds-message-danger-subtle] = \"style == 'dangerSubtle'\"\r\n    \r\n    [class.sds-message-warning] = \"style == 'warning'\"\r\n    [class.sds-message-warning-subtle] = \"style == 'warningSubtle'\"\r\n\r\n    [class.sds-message-info] = \"style == 'info'\"\r\n    [class.sds-message-info-subtle] = \"style == 'infoSubtle'\"\r\n    >\r\n\r\n    <fa-icon \r\n        *ngIf=\"icon\"\r\n        [icon]=\"icon\"\r\n        class=\"me-2\"\r\n        >\r\n    </fa-icon>\r\n\r\n    <div class=\"flex-grow-1\">\r\n        <div *ngIf=\"!customContent\">\r\n            <span>\r\n                {{text}}\r\n            </span>\r\n\r\n            <span \r\n                *ngIf=\"showAction\"\r\n            >\r\n                <a \r\n                    class=\"link-primary sds-cursor-pointer ml-2 \"\r\n                    (click)=\"onActionButtonClick()\"\r\n                    >\r\n                    {{actionText}}\r\n                </a>\r\n            </span>\r\n\r\n            <span \r\n                *ngIf=\"showLearnMoreLink\"\r\n            >\r\n                <a \r\n                    class=\"\"\r\n                    [href]=\"learnMoreLinkUrl\"\r\n                    target=\"_learnmore\"\r\n                    >\r\n                    {{learnMoreLinkText}}\r\n                </a>\r\n            </span>\r\n        </div>\r\n\r\n        <ng-container *ngIf=\"customContent\" >\r\n            <ng-content select=\"customContent\"></ng-content>\r\n        </ng-container> \r\n    </div>\r\n\r\n    <div *ngIf=\"showCloseButton\">\r\n        <button \r\n            type=\"button\" \r\n            class=\"btn-close ml-2\" \r\n            aria-label=\"Close\"\r\n            (click)=\"onCloseButtonClick()\"\r\n        >\r\n        </button>\r\n    </div>\r\n\r\n</div>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}