npm - @spicainternational/ngx-sds-components - Versions diffs - 8.8.0 → 9.0.0-beta.2 - Mend

@spicainternational/ngx-sds-components 8.8.0 → 9.0.0-beta.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (396) hide show

package/fesm2022/spicainternational-ngx-sds-components-src-lib-highlight-text.mjs CHANGED Viewed

@@ -137,10 +137,10 @@ class SdsHighlightTextDirective {
             this.content = highlightedText;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SdsHighlightTextDirective, deps: [{ token: i0.ElementRef }, { token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: SdsHighlightTextDirective, isStandalone: true, selector: "[sdsHighlightText]", inputs: { additionalClasses: "additionalClasses", highlightText: "highlightText" }, host: { properties: { "innerHtml": "this.content" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SdsHighlightTextDirective, deps: [{ token: i0.ElementRef }, { token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: SdsHighlightTextDirective, isStandalone: true, selector: "[sdsHighlightText]", inputs: { additionalClasses: "additionalClasses", highlightText: "highlightText" }, host: { properties: { "innerHtml": "this.content" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SdsHighlightTextDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SdsHighlightTextDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[sdsHighlightText]',
@@ -170,10 +170,10 @@ class SdsHighlightTextPipe {
         }
         return stringToBeChecked;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SdsHighlightTextPipe, deps: [{ token: i0.ElementRef }, { token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: SdsHighlightTextPipe, isStandalone: true, name: "sdsHighlightText" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SdsHighlightTextPipe, deps: [{ token: i0.ElementRef }, { token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.23", ngImport: i0, type: SdsHighlightTextPipe, isStandalone: true, name: "sdsHighlightText" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SdsHighlightTextPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SdsHighlightTextPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'sdsHighlightText',

package/fesm2022/spicainternational-ngx-sds-components-src-lib-highlight-text.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"spicainternational-ngx-sds-components-src-lib-highlight-text.mjs","sources":["../../../projects/ngx-sds-components/src/lib/highlight-text/utils/highlight-text.utils.ts","../../../projects/ngx-sds-components/src/lib/highlight-text/directives/highlight-text.directive.ts","../../../projects/ngx-sds-components/src/lib/highlight-text/pipes/highlight-text.pipe.ts","../../../projects/ngx-sds-components/src/lib/highlight-text/spicainternational-ngx-sds-components-src-lib-highlight-text.ts"],"sourcesContent":["import { SecurityContext } from '@angular/core';\nimport { DomSanitizer } from '@angular/platform-browser';\n\n/*\n @public @function escapeRegex\n * @description\n * Function responsible for substitution of chars that are a no-go for regex\n * @param { string } phrase\n * @returns { string }\n /\nexport const escapeRegex = (phrase: string): string => {\n return phrase.replace(/[-\\/\\\\^$+?.()\|[\\]{}]/g, '\\\\$&');\n};\n\n/*\n @public @function highlightSearchedText\n * @description\n * Function responsible for returning html string\n * with included marker that contains string that matches\n * provided search phrase\n * @param { string } highlightText\n * @param { string } stringToBeChecked\n * @param { string } existingHtmlContent\n * @param { string } additionalClasses\n * @param { string } sanitizer\n * @returns { string }\n /\nexport const highlightSearchedText = (\n highlightText: string,\n stringToBeChecked: string,\n existingHtmlContent: string,\n sanitizer: DomSanitizer,\n additionalClasses?: string\n ): string => {\n // If search is empty just return current content\n if (highlightText === '') {\n return stringToBeChecked;\n }\n\n // Split search string into words\n const splittedValue = highlightText.split(' ');\n\n if (!splittedValue \|\| splittedValue.length === 0) {\n return stringToBeChecked;\n }\n\n const splittedStringToBeChecked: string[] = stringToBeChecked\n ? stringToBeChecked.split(' ')\n : [];\n\n const searchPhrases: string[] = splittedValue.filter(\n phrase => phrase.length > 0\n );\n\n const markedWords: string[] = [];\n\n // Go through search phrases and validate each string\n const newContent = splittedStringToBeChecked\n .map((wordToBeChecked: string) => {\n const searchMarkRawResult = searchPhrases\n .map(phrase => {\n const safeString = escapeRegex(phrase);\n\n const searchRegEx = new RegExp(safeString, 'i');\n\n const testResult: boolean = searchRegEx.test(wordToBeChecked);\n\n if (!testResult) {\n return wordToBeChecked;\n }\n\n // Prevent text duplication when user enters same word multiple times\n const wordIsAlreadyMarked = markedWords.some(alreadyMarkedWord => alreadyMarkedWord === wordToBeChecked)\n\n if (wordIsAlreadyMarked) {\n return wordToBeChecked;\n }\n\n markedWords.push(wordToBeChecked);\n\n // Prepare content to be replaced with mark text\n const markedContent = wordToBeChecked.replace(\n searchRegEx,\n (match: string) => {\n return `<mark class='bg-primary text-white p-0 ${\n additionalClasses ?? ''\n }'>${match}</mark>`;\n }\n );\n return markedContent;\n })\n .reduce((accumulator: string[], currentItem: string) => {\n const itemAlreadyExists = accumulator.some(\n item => item === currentItem\n );\n\n if (!itemAlreadyExists) {\n accumulator.push(currentItem);\n }\n\n return accumulator;\n }, []);\n\n /\n At this point we have correctly marker content, however there can be\n * duplicate words in the array. E.g. we have text First Client and user\n * types Client First. This will give us two array. First one would be:\n * ['First', '<mark class='highlighted-text '>First</mark>']\n * Second one would be:\n * ['<mark class='highlighted-text '>Client</mark>', 'Client']\n * We have to filter out those plain values that are marked\n /\n const sanitizedMarkedContent = searchMarkRawResult.filter(\n markedContentItem => {\n const wordIsAlsoMarked = markedWords.some(\n word => word === markedContentItem\n );\n\n if (wordIsAlsoMarked) {\n return false;\n }\n return true;\n }\n );\n\n return sanitizedMarkedContent;\n })\n .join(' ');\n\n /\n We want to sanitize this before pushing to DOM.\n * Just to be on the safe side. Fallback to existing value if\n * sanitize returns null\n /\n const sanitizedContent =\n sanitizer.sanitize(SecurityContext.HTML, newContent) ?? existingHtmlContent;\n\n return sanitizedContent;\n};\n","import { Directive, ElementRef, HostBinding, Input } from '@angular/core';\nimport { DomSanitizer } from '@angular/platform-browser';\nimport { highlightSearchedText } from '../utils';\n\n@Directive({\n selector: '[sdsHighlightText]',\n standalone: true\n})\nexport class SdsHighlightTextDirective {\n/\n INPUTS\n /\n /\n CSS classes to be appended to the marked text\n /\n @Input() additionalClasses: string = '';\n\n /\n Search term that should be found\n /\n private _search: string = '';\n @Input()\n get highlightText(): string {\n return this._search;\n }\n set highlightText(value: string) {\n this._search = value;\n\n // Now process the search value\n this.markSearchedText(value);\n }\n\n /\n OTHER PROPS\n /\n @HostBinding('innerHtml')\n content!: string;\n\n /\n For now make this case insensitive. We might change this to\n * input latter if needed\n /\n protected caseSensitive: boolean = false;\n\n constructor(\n private readonly _elementRef: ElementRef,\n private readonly _sanitizer: DomSanitizer\n ) {}\n\n protected markSearchedText(highlightText: string): void {\n // Make sure that native element is present\n if (this._elementRef?.nativeElement) {\n const currentHtmlContent = (this._elementRef.nativeElement as HTMLElement)\n .innerHTML;\n\n const text =\n (this._elementRef.nativeElement as HTMLElement).textContent ?? '';\n\n const highlightedText = highlightSearchedText(\n highlightText,\n text,\n currentHtmlContent,\n this._sanitizer,\n this.additionalClasses\n );\n\n this.content = highlightedText;\n }\n }\n}\n","import { ElementRef, Pipe, PipeTransform } from '@angular/core';\nimport { DomSanitizer } from '@angular/platform-browser';\nimport { highlightSearchedText } from '../utils';\n\n@Pipe({\n name: 'sdsHighlightText',\n standalone: true\n})\nexport class SdsHighlightTextPipe implements PipeTransform {\n constructor(\n private readonly _elementRef: ElementRef,\n private readonly _sanitizer: DomSanitizer\n ) {}\n\n transform(\n highlightText: string,\n stringToBeChecked: string,\n additionalClasses?: string\n ): string {\n // Make sure that native element is present\n if (this._elementRef?.nativeElement) {\n const currentHtmlContent = (this._elementRef.nativeElement as HTMLElement)\n .innerHTML;\n\n const highlightedText = highlightSearchedText(\n highlightText,\n stringToBeChecked,\n currentHtmlContent,\n this._sanitizer,\n additionalClasses\n );\n\n return highlightedText;\n }\n\n return stringToBeChecked;\n }\n\n}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"spicainternational-ngx-sds-components-src-lib-highlight-text.mjs","sources":["../../../projects/ngx-sds-components/src/lib/highlight-text/utils/highlight-text.utils.ts","../../../projects/ngx-sds-components/src/lib/highlight-text/directives/highlight-text.directive.ts","../../../projects/ngx-sds-components/src/lib/highlight-text/pipes/highlight-text.pipe.ts","../../../projects/ngx-sds-components/src/lib/highlight-text/spicainternational-ngx-sds-components-src-lib-highlight-text.ts"],"sourcesContent":["import { SecurityContext } from '@angular/core';\nimport { DomSanitizer } from '@angular/platform-browser';\n\n/*\n @public @function escapeRegex\n * @description\n * Function responsible for substitution of chars that are a no-go for regex\n * @param { string } phrase\n * @returns { string }\n /\nexport const escapeRegex = (phrase: string): string => {\n return phrase.replace(/[-\\/\\\\^$+?.()\|[\\]{}]/g, '\\\\$&');\n};\n\n/*\n @public @function highlightSearchedText\n * @description\n * Function responsible for returning html string\n * with included marker that contains string that matches\n * provided search phrase\n * @param { string } highlightText\n * @param { string } stringToBeChecked\n * @param { string } existingHtmlContent\n * @param { string } additionalClasses\n * @param { string } sanitizer\n * @returns { string }\n /\nexport const highlightSearchedText = (\n highlightText: string,\n stringToBeChecked: string,\n existingHtmlContent: string,\n sanitizer: DomSanitizer,\n additionalClasses?: string\n ): string => {\n // If search is empty just return current content\n if (highlightText === '') {\n return stringToBeChecked;\n }\n\n // Split search string into words\n const splittedValue = highlightText.split(' ');\n\n if (!splittedValue \|\| splittedValue.length === 0) {\n return stringToBeChecked;\n }\n\n const splittedStringToBeChecked: string[] = stringToBeChecked\n ? stringToBeChecked.split(' ')\n : [];\n\n const searchPhrases: string[] = splittedValue.filter(\n phrase => phrase.length > 0\n );\n\n const markedWords: string[] = [];\n\n // Go through search phrases and validate each string\n const newContent = splittedStringToBeChecked\n .map((wordToBeChecked: string) => {\n const searchMarkRawResult = searchPhrases\n .map(phrase => {\n const safeString = escapeRegex(phrase);\n\n const searchRegEx = new RegExp(safeString, 'i');\n\n const testResult: boolean = searchRegEx.test(wordToBeChecked);\n\n if (!testResult) {\n return wordToBeChecked;\n }\n\n // Prevent text duplication when user enters same word multiple times\n const wordIsAlreadyMarked = markedWords.some(alreadyMarkedWord => alreadyMarkedWord === wordToBeChecked)\n\n if (wordIsAlreadyMarked) {\n return wordToBeChecked;\n }\n\n markedWords.push(wordToBeChecked);\n\n // Prepare content to be replaced with mark text\n const markedContent = wordToBeChecked.replace(\n searchRegEx,\n (match: string) => {\n return `<mark class='bg-primary text-white p-0 ${\n additionalClasses ?? ''\n }'>${match}</mark>`;\n }\n );\n return markedContent;\n })\n .reduce((accumulator: string[], currentItem: string) => {\n const itemAlreadyExists = accumulator.some(\n item => item === currentItem\n );\n\n if (!itemAlreadyExists) {\n accumulator.push(currentItem);\n }\n\n return accumulator;\n }, []);\n\n /\n At this point we have correctly marker content, however there can be\n * duplicate words in the array. E.g. we have text First Client and user\n * types Client First. This will give us two array. First one would be:\n * ['First', '<mark class='highlighted-text '>First</mark>']\n * Second one would be:\n * ['<mark class='highlighted-text '>Client</mark>', 'Client']\n * We have to filter out those plain values that are marked\n /\n const sanitizedMarkedContent = searchMarkRawResult.filter(\n markedContentItem => {\n const wordIsAlsoMarked = markedWords.some(\n word => word === markedContentItem\n );\n\n if (wordIsAlsoMarked) {\n return false;\n }\n return true;\n }\n );\n\n return sanitizedMarkedContent;\n })\n .join(' ');\n\n /\n We want to sanitize this before pushing to DOM.\n * Just to be on the safe side. Fallback to existing value if\n * sanitize returns null\n /\n const sanitizedContent =\n sanitizer.sanitize(SecurityContext.HTML, newContent) ?? existingHtmlContent;\n\n return sanitizedContent;\n};\n","import { Directive, ElementRef, HostBinding, Input } from '@angular/core';\nimport { DomSanitizer } from '@angular/platform-browser';\nimport { highlightSearchedText } from '../utils';\n\n@Directive({\n selector: '[sdsHighlightText]',\n standalone: true\n})\nexport class SdsHighlightTextDirective {\n/\n INPUTS\n /\n /\n CSS classes to be appended to the marked text\n /\n @Input() additionalClasses: string = '';\n\n /\n Search term that should be found\n /\n private _search: string = '';\n @Input()\n get highlightText(): string {\n return this._search;\n }\n set highlightText(value: string) {\n this._search = value;\n\n // Now process the search value\n this.markSearchedText(value);\n }\n\n /\n OTHER PROPS\n /\n @HostBinding('innerHtml')\n content!: string;\n\n /\n For now make this case insensitive. We might change this to\n * input latter if needed\n /\n protected caseSensitive: boolean = false;\n\n constructor(\n private readonly _elementRef: ElementRef,\n private readonly _sanitizer: DomSanitizer\n ) {}\n\n protected markSearchedText(highlightText: string): void {\n // Make sure that native element is present\n if (this._elementRef?.nativeElement) {\n const currentHtmlContent = (this._elementRef.nativeElement as HTMLElement)\n .innerHTML;\n\n const text =\n (this._elementRef.nativeElement as HTMLElement).textContent ?? '';\n\n const highlightedText = highlightSearchedText(\n highlightText,\n text,\n currentHtmlContent,\n this._sanitizer,\n this.additionalClasses\n );\n\n this.content = highlightedText;\n }\n }\n}\n","import { ElementRef, Pipe, PipeTransform } from '@angular/core';\nimport { DomSanitizer } from '@angular/platform-browser';\nimport { highlightSearchedText } from '../utils';\n\n@Pipe({\n name: 'sdsHighlightText',\n standalone: true\n})\nexport class SdsHighlightTextPipe implements PipeTransform {\n constructor(\n private readonly _elementRef: ElementRef,\n private readonly _sanitizer: DomSanitizer\n ) {}\n\n transform(\n highlightText: string,\n stringToBeChecked: string,\n additionalClasses?: string\n ): string {\n // Make sure that native element is present\n if (this._elementRef?.nativeElement) {\n const currentHtmlContent = (this._elementRef.nativeElement as HTMLElement)\n .innerHTML;\n\n const highlightedText = highlightSearchedText(\n highlightText,\n stringToBeChecked,\n currentHtmlContent,\n this._sanitizer,\n additionalClasses\n );\n\n return highlightedText;\n }\n\n return stringToBeChecked;\n }\n\n}\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-intersection.mjs CHANGED Viewed

@@ -1,6 +1,5 @@
 import * as i0 from '@angular/core';
-import { Inject, Injectable, EventEmitter, Output, Input, Directive } from '@angular/core';
-import { DOCUMENT } from '@angular/common';
+import { DOCUMENT, Inject, Injectable, EventEmitter, Output, Input, Directive } from '@angular/core';
 import { concat, defer, of, fromEvent, Observable, combineLatest } from 'rxjs';
 import { map, mergeMap, distinctUntilChanged } from 'rxjs/operators';
@@ -43,10 +42,10 @@ class SdsIntersectionService {
         }), 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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SdsIntersectionService, deps: [{ token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SdsIntersectionService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SdsIntersectionService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SdsIntersectionService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
@@ -85,10 +84,10 @@ class SdsIntersectionDirective {
         });
         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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SdsIntersectionDirective, deps: [{ token: i0.ElementRef }, { token: SdsIntersectionService }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", 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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SdsIntersectionDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[sdsIntersection]',

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

	@@ -1 +1 @@
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';\~~nimport { ElementRef, Inject, Injectable } from '@angular/core';\nimport { Observable, Subscriber, combineLatest, concat, defer, fromEvent, of } from 'rxjs';\nimport { map, mergeMap, distinctUntilChanged } from 'rxjs/operators';\n\n@Injectable()\nexport class SdsIntersectionService {\n private _documentVisible$: Observable<boolean>;\n\n constructor(@Inject(DOCUMENT) document: any) {\n this._documentVisible$ = concat(\n defer(() => of(!document.hidden)),\n fromEvent(document, 'visibilitychange').pipe(map(e => !document.hidden))\n );\n }\n\n /*\n @description\n * Method responsible for determining if element is visible\n * on screen or not. Please\n * @see https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API for options meaning\n * @param { ElementRef } element\n * @param { IntersectionObserverInit } options\n * @returns { Observable<boolean> }\n /\n elementInSight$(\n element: ElementRef,\n options?: IntersectionObserverInit\n ): Observable<boolean> {\n const intersectionOptions: IntersectionObserverInit = {\n root: options?.root ?? null,\n rootMargin: options?.rootMargin ?? '0px 0px 0px 0px',\n threshold: options?.threshold ?? 0.5\n };\n\n const elementVisible$ = new Observable(\n (observer: Subscriber<IntersectionObserverEntry[]>) => {\n const intersectionObserver = new IntersectionObserver(entries => {\n observer.next(entries);\n }, intersectionOptions);\n\n intersectionObserver.observe(element.nativeElement);\n\n return () => {\n intersectionObserver.disconnect();\n };\n }\n ).pipe(\n mergeMap((entries: IntersectionObserverEntry[]) => entries),\n map((entry: IntersectionObserverEntry) => entry.isIntersecting),\n distinctUntilChanged()\n );\n\n const elementInSight$ = combineLatest([\n this._documentVisible$,\n elementVisible$\n ]).pipe(\n map(stream => {\n const pageVisible: boolean = stream[0];\n const elementVisible: boolean = stream[1];\n\n const isVisible = pageVisible && elementVisible;\n\n return isVisible;\n }),\n distinctUntilChanged()\n );\n\n return elementInSight$;\n }\n}\n","import { AfterViewInit, Directive, ElementRef, EventEmitter, Input, OnDestroy, OnInit, Output } from '@angular/core';\nimport { Subscription } from 'rxjs';\nimport { SdsIntersectionService } from '../services';\n\n@Directive({\n selector: '[sdsIntersection]',\n providers: [SdsIntersectionService],\n standalone: true\n})\nexport class SdsIntersectionDirective implements OnInit, OnDestroy, AfterViewInit {\n /\n \n /\n @Input()\n get intersectionOptions(): IntersectionObserverInit \| undefined {\n return this._intersectionOptions;\n }\n set intersectionOptions(value: IntersectionObserverInit \| undefined) {\n this._intersectionOptions = value;\n }\n\n /\n Emits current visibility status\n /\n @Output() elementInSight: EventEmitter<boolean> = new EventEmitter<boolean>();\n\n private _intersectionOptions: IntersectionObserverInit \| undefined;\n private _subscriptions: Subscription[] = [];\n\n constructor(\n private readonly _element: ElementRef,\n private readonly _intersectionService: SdsIntersectionService\n ) {}\n\n ngOnInit(): void {\n\n }\n\n ngOnDestroy(): void {\n this._subscriptions.forEach(subscription => subscription.unsubscribe());\n }\n\n ngAfterViewInit(): void {\n const intersetionSubscription = this._intersectionService\n .elementInSight$(this._element, this.intersectionOptions)\n .subscribe(visibilityFlag => {\n this.elementInSight.emit(visibilityFlag);\n });\n\n this._subscriptions.push(intersetionSubscription);\n }\n}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":["i1.SdsIntersectionService"],"mappings":"~~;;;;;;~~MAMa,sBAAsB,CAAA;AAG/B,IAAA,WAAA,CAA8B,QAAa,EAAA;AACzC,QAAA,IAAI,CAAC,iBAAiB,GAAG,MAAM,CAC7B,KAAK,CAAC,MAAM,EAAE,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,EACjC,SAAS,CAAC,QAAQ,EAAE,kBAAkB,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CACzE~~;;AAGH~~;;;;;;;;AAQG;IACH,eAAe,CACb,OAAmB,EACnB,OAAkC,EAAA;AAElC,QAAA,MAAM,mBAAmB,GAA6B;AACpD,YAAA,IAAI,EAAE,OAAO,EAAE,IAAI,IAAI,IAAI;AAC3B,YAAA,UAAU,EAAE,OAAO,EAAE,UAAU,IAAI,iBAAiB;AACpD,YAAA,SAAS,EAAE,OAAO,EAAE,SAAS,IAAI;SAClC;QAED,MAAM,eAAe,GAAG,IAAI,UAAU,CACpC,CAAC,QAAiD,KAAI;AACpD,YAAA,MAAM,oBAAoB,GAAG,IAAI,oBAAoB,CAAC,OAAO,IAAG;AAC9D,gBAAA,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC;~~aACvB~~,EAAE,mBAAmB,CAAC;AAEvB,YAAA,oBAAoB,CAAC,OAAO,CAAC,OAAO,CAAC,aAAa,CAAC;AAEnD,YAAA,OAAO,MAAK;gBACV,oBAAoB,CAAC,UAAU,EAAE;AACnC,~~aAAC~~;AACH,~~SAAC~~,CACF,CAAC,IAAI,CACJ,QAAQ,CAAC,CAAC,OAAoC,KAAK,OAAO,CAAC,EAC3D,GAAG,CAAC,CAAC,KAAgC,KAAK,KAAK,CAAC,cAAc,CAAC,EAC/D,oBAAoB,EAAE,CACvB;QAED,MAAM,eAAe,GAAG,aAAa,CAAC;AACpC,YAAA,IAAI,CAAC,iBAAiB;YACtB;AACD,SAAA,CAAC,CAAC,IAAI,CACL,GAAG,CAAC,MAAM,IAAG;AACX,YAAA,MAAM,WAAW,GAAY,MAAM,CAAC,CAAC,CAAC;AACtC,YAAA,MAAM,cAAc,GAAY,MAAM,CAAC,CAAC,CAAC;AAEzC,YAAA,MAAM,SAAS,GAAG,WAAW,IAAI,cAAc;AAE/C,YAAA,OAAO,SAAS;AAClB,~~SAAC~~,CAAC,EACF,oBAAoB,EAAE,CACvB;AAED,QAAA,OAAO,eAAe~~;;AA9Df~~,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,sBAAsB,kBAGX,QAAQ,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA;mHAHnB,sBAAsB,EAAA,CAAA,CAAA;;4FAAtB,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBADlC;;0BAIgB,MAAM;2BAAC,QAAQ;;;MCAnB,wBAAwB,CAAA;AACjC;;AAEG;AACH,IAAA,IACI,mBAAmB,GAAA;QACnB,OAAO,IAAI,CAAC,oBAAoB~~;;IAEpC~~,IAAI,mBAAmB,CAAC,KAA2C,EAAA;AAC/D,QAAA,IAAI,CAAC,oBAAoB,GAAG,KAAK~~;;IAWrC~~,~~WACqB~~,~~CAAA~~,QAAoB,EACpB,oBAA4C,EAAA;QAD5C,~~IAAQ~~,CAAA,~~QAAA~~,GAAR,QAAQ;QACR,~~IAAoB~~,CAAA,~~oBAAA~~,GAApB,oBAAoB;AAVzC;;AAEG;AACO,QAAA,IAAA,CAAA,cAAc,GAA0B,IAAI,YAAY,EAAW;QAGrE,~~IAAc~~,CAAA,~~cAAA~~,GAAmB,EAAE~~;;IAO3C~~,QAAQ,GAAA~~;;IAIR~~,WAAW,GAAA;AACP,QAAA,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,YAAY,IAAI,YAAY,CAAC,WAAW,EAAE,CAAC~~;;IAG3E~~,eAAe,GAAA;AACX,QAAA,MAAM,uBAAuB,GAAG,IAAI,CAAC;aAChC,eAAe,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,mBAAmB;aACvD,SAAS,CAAC,cAAc,IAAG;AACxB,YAAA,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,cAAc,CAAC;AAChD,~~SAAC~~,CAAC;AAEF,QAAA,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,uBAAuB,CAAC~~;;+GAxC5C~~,wBAAwB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,EAAA,EAAA,KAAA,EAAAA,sBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAxB,wBAAwB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,EAAA,mBAAA,EAAA,qBAAA,EAAA,EAAA,OAAA,EAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,EAAA,SAAA,EAHtB,CAAC,sBAAsB,CAAC,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAG1B,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBALpC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,mBAAmB;oBAC7B,SAAS,EAAE,CAAC,sBAAsB,CAAC;AACnC,oBAAA,UAAU,EAAE;AACf,iBAAA~~;iHAMO,mBAAmB,EAAA,CAAA;sBADtB;gBAWS,cAAc,EAAA,CAAA;sBAAvB~~;;;ACxBL;;AAEG~~;;;;~~"}
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":["\nimport { ElementRef, Inject, Injectable, DOCUMENT } from '@angular/core';\nimport { Observable, Subscriber, combineLatest, concat, defer, fromEvent, of } from 'rxjs';\nimport { map, mergeMap, distinctUntilChanged } from 'rxjs/operators';\n\n@Injectable()\nexport class SdsIntersectionService {\n private _documentVisible$: Observable<boolean>;\n\n constructor(@Inject(DOCUMENT) document: any) {\n this._documentVisible$ = concat(\n defer(() => of(!document.hidden)),\n fromEvent(document, 'visibilitychange').pipe(map(e => !document.hidden))\n );\n }\n\n /*\n @description\n * Method responsible for determining if element is visible\n * on screen or not. Please\n * @see https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API for options meaning\n * @param { ElementRef } element\n * @param { IntersectionObserverInit } options\n * @returns { Observable<boolean> }\n /\n elementInSight$(\n element: ElementRef,\n options?: IntersectionObserverInit\n ): Observable<boolean> {\n const intersectionOptions: IntersectionObserverInit = {\n root: options?.root ?? null,\n rootMargin: options?.rootMargin ?? '0px 0px 0px 0px',\n threshold: options?.threshold ?? 0.5\n };\n\n const elementVisible$ = new Observable(\n (observer: Subscriber<IntersectionObserverEntry[]>) => {\n const intersectionObserver = new IntersectionObserver(entries => {\n observer.next(entries);\n }, intersectionOptions);\n\n intersectionObserver.observe(element.nativeElement);\n\n return () => {\n intersectionObserver.disconnect();\n };\n }\n ).pipe(\n mergeMap((entries: IntersectionObserverEntry[]) => entries),\n map((entry: IntersectionObserverEntry) => entry.isIntersecting),\n distinctUntilChanged()\n );\n\n const elementInSight$ = combineLatest([\n this._documentVisible$,\n elementVisible$\n ]).pipe(\n map(stream => {\n const pageVisible: boolean = stream[0];\n const elementVisible: boolean = stream[1];\n\n const isVisible = pageVisible && elementVisible;\n\n return isVisible;\n }),\n distinctUntilChanged()\n );\n\n return elementInSight$;\n }\n}\n","import { AfterViewInit, Directive, ElementRef, EventEmitter, Input, OnDestroy, OnInit, Output } from '@angular/core';\nimport { Subscription } from 'rxjs';\nimport { SdsIntersectionService } from '../services';\n\n@Directive({\n selector: '[sdsIntersection]',\n providers: [SdsIntersectionService],\n standalone: true\n})\nexport class SdsIntersectionDirective implements OnInit, OnDestroy, AfterViewInit {\n /\n \n /\n @Input()\n get intersectionOptions(): IntersectionObserverInit \| undefined {\n return this._intersectionOptions;\n }\n set intersectionOptions(value: IntersectionObserverInit \| undefined) {\n this._intersectionOptions = value;\n }\n\n /\n Emits current visibility status\n /\n @Output() elementInSight: EventEmitter<boolean> = new EventEmitter<boolean>();\n\n private _intersectionOptions: IntersectionObserverInit \| undefined;\n private _subscriptions: Subscription[] = [];\n\n constructor(\n private readonly _element: ElementRef,\n private readonly _intersectionService: SdsIntersectionService\n ) {}\n\n ngOnInit(): void {\n\n }\n\n ngOnDestroy(): void {\n this._subscriptions.forEach(subscription => subscription.unsubscribe());\n }\n\n ngAfterViewInit(): void {\n const intersetionSubscription = this._intersectionService\n .elementInSight$(this._element, this.intersectionOptions)\n .subscribe(visibilityFlag => {\n this.elementInSight.emit(visibilityFlag);\n });\n\n this._subscriptions.push(intersetionSubscription);\n }\n}\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 CHANGED Viewed

@@ -1,6 +1,5 @@
-import { DOCUMENT } from '@angular/common';
 import * as i0 from '@angular/core';
-import { inject, DestroyRef, output, Directive } from '@angular/core';
+import { inject, DOCUMENT, DestroyRef, output, Directive } from '@angular/core';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { fromEvent, groupBy, mergeAll } from 'rxjs';
@@ -35,16 +34,16 @@ class SdsKeyboardShortcutDirective {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SdsKeyboardShortcutDirective, deps: [], 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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SdsKeyboardShortcutDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", 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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SdsKeyboardShortcutDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[sdsKeyboardShortcut]',
                     standalone: true
                 }]
-        }] });
+        }], propDecorators: { closeShortcut: [{ type: i0.Output, args: ["closeShortcut"] }], saveRecordShortcut: [{ type: i0.Output, args: ["saveRecordShortcut"] }] } });
 /**
  * Generated bundle index. Do not edit.

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

	@@ -1 +1 @@
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';\~~nimport { DestroyRef, Directive, inject, OnInit, output } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { fromEvent, groupBy, mergeAll } from 'rxjs';\n\n@Directive({\n selector: '[sdsKeyboardShortcut]',\n standalone: true\n})\nexport class SdsKeyboardShortcutDirective implements OnInit {\n // #region Dependencies\n private readonly _document = inject(DOCUMENT);\n private readonly _destroyRef = inject(DestroyRef);\n // #endregion Dependencies\n\n // #region Outputs\n /*\n Emitted when user presses Escape\n /\n public closeShortcut = output<void>();\n\n /\n Emitted when user presses ctrl+Enter or cmd+Enter\n /\n public saveRecordShortcut = output<void>();\n // #endregion Outputs\n\n ngOnInit(): void {\n fromEvent<KeyboardEvent>(\n this._document,\n 'keydown'\n )\n .pipe(\n groupBy(e => e.code),\n mergeAll(),\n takeUntilDestroyed(this._destroyRef)\n )\n .subscribe((keyboardEvent) => {\n // Define shortcut(s) logic here.\n\n if (keyboardEvent.code === 'Escape') {\n this.closeShortcut.emit();\n }\n\n if (keyboardEvent.code === 'Enter' && (keyboardEvent.ctrlKey \|\| keyboardEvent.metaKey)) {\n // Ctrl+Enter was pressed (Cmd+Enter on Apple HW)\n this.saveRecordShortcut.emit();\n }\n });\n }\n}\n\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":"~~;;;;;;~~MASa,4BAA4B,CAAA;AAJzC,IAAA,WAAA,GAAA;;AAMqB,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAC,QAAQ,CAAC;AAC5B,QAAA,IAAA,CAAA,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC;;;AAIjD;;AAEG;QACI,~~IAAa~~,CAAA,~~aAAA~~,GAAG,MAAM,EAAQ;AAErC;;AAEG;QACI,~~IAAkB~~,CAAA,~~kBAAA~~,GAAG,MAAM,EAAQ;AA0B7C;;IAvBG,QAAQ,GAAA;AACJ,QAAA,SAAS,CACL,IAAI,CAAC,SAAS,EACd,SAAS;aAER,IAAI,CACD,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,EACpB,QAAQ,EAAE,EACV,kBAAkB,CAAC,IAAI,CAAC,WAAW,CAAC;AAEvC,aAAA,SAAS,CAAC,CAAC,aAAa,KAAI;;AAGzB,YAAA,IAAI,aAAa,CAAC,IAAI,KAAK,QAAQ,EAAE;AACjC,gBAAA,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE~~;;AAG7B~~,YAAA,IAAI,aAAa,CAAC,IAAI,KAAK,OAAO,KAAK,aAAa,CAAC,OAAO,IAAI,aAAa,CAAC,OAAO,CAAC,EAAE;;AAEpF,gBAAA,IAAI,CAAC,kBAAkB,CAAC,IAAI,EAAE~~;;AAEtC~~,~~SAAC~~,CAAC~~;;+GAvCD~~,4BAA4B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAA5B,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;;;ACRD;;AAEG~~;;;;~~"}
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":["\nimport { DestroyRef, Directive, inject, OnInit, output, DOCUMENT } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { fromEvent, groupBy, mergeAll } from 'rxjs';\n\n@Directive({\n selector: '[sdsKeyboardShortcut]',\n standalone: true\n})\nexport class SdsKeyboardShortcutDirective implements OnInit {\n // #region Dependencies\n private readonly _document = inject(DOCUMENT);\n private readonly _destroyRef = inject(DestroyRef);\n // #endregion Dependencies\n\n // #region Outputs\n /*\n Emitted when user presses Escape\n /\n public closeShortcut = output<void>();\n\n /\n Emitted when user presses ctrl+Enter or cmd+Enter\n /\n public saveRecordShortcut = output<void>();\n // #endregion Outputs\n\n ngOnInit(): void {\n fromEvent<KeyboardEvent>(\n this._document,\n 'keydown'\n )\n .pipe(\n groupBy(e => e.code),\n mergeAll(),\n takeUntilDestroyed(this._destroyRef)\n )\n .subscribe((keyboardEvent) => {\n // Define shortcut(s) logic here.\n\n if (keyboardEvent.code === 'Escape') {\n this.closeShortcut.emit();\n }\n\n if (keyboardEvent.code === 'Enter' && (keyboardEvent.ctrlKey \|\| keyboardEvent.metaKey)) {\n // Ctrl+Enter was pressed (Cmd+Enter on Apple HW)\n this.saveRecordShortcut.emit();\n }\n });\n }\n}\n\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;;;MASa,4BAA4B,CAAA;AAJzC,IAAA,WAAA,GAAA;;AAMqB,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAC,QAAQ,CAAC;AAC5B,QAAA,IAAA,CAAA,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC;;;AAIjD;;AAEG;QACI,IAAA,CAAA,aAAa,GAAG,MAAM,EAAQ;AAErC;;AAEG;QACI,IAAA,CAAA,kBAAkB,GAAG,MAAM,EAAQ;AA0B7C,IAAA;;IAvBG,QAAQ,GAAA;AACJ,QAAA,SAAS,CACL,IAAI,CAAC,SAAS,EACd,SAAS;aAER,IAAI,CACD,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,EACpB,QAAQ,EAAE,EACV,kBAAkB,CAAC,IAAI,CAAC,WAAW,CAAC;AAEvC,aAAA,SAAS,CAAC,CAAC,aAAa,KAAI;;AAGzB,YAAA,IAAI,aAAa,CAAC,IAAI,KAAK,QAAQ,EAAE;AACjC,gBAAA,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE;YAC7B;AAEA,YAAA,IAAI,aAAa,CAAC,IAAI,KAAK,OAAO,KAAK,aAAa,CAAC,OAAO,IAAI,aAAa,CAAC,OAAO,CAAC,EAAE;;AAEpF,gBAAA,IAAI,CAAC,kBAAkB,CAAC,IAAI,EAAE;YAClC;AACJ,QAAA,CAAC,CAAC;IACV;+GAxCS,4BAA4B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAA5B,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;;;ACRD;;AAEG;;"}

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

@@ -6,60 +6,60 @@ 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\">\n  <router-outlet></router-outlet>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SdsDefaultLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.23", type: SdsDefaultLayoutComponent, isStandalone: true, selector: "sds-default-layout", ngImport: i0, template: "<div class=\"container\">\n  <router-outlet></router-outlet>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SdsDefaultLayoutComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SdsDefaultLayoutComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sds-default-layout', standalone: true, imports: [RouterOutlet], template: "<div class=\"container\">\n  <router-outlet></router-outlet>\n</div>\n" }]
+            args: [{ selector: 'sds-default-layout', imports: [RouterOutlet], template: "<div class=\"container\">\n  <router-outlet></router-outlet>\n</div>\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\">\n  <router-outlet></router-outlet>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SdsFluidLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.23", type: SdsFluidLayoutComponent, isStandalone: true, selector: "sds-fluid-layout", ngImport: i0, template: "<div class=\"container-fluid\">\n  <router-outlet></router-outlet>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SdsFluidLayoutComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SdsFluidLayoutComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sds-fluid-layout', standalone: true, imports: [RouterOutlet], template: "<div class=\"container-fluid\">\n  <router-outlet></router-outlet>\n</div>\n" }]
+            args: [{ selector: 'sds-fluid-layout', imports: [RouterOutlet], template: "<div class=\"container-fluid\">\n  <router-outlet></router-outlet>\n</div>\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\">\n  <router-outlet></router-outlet>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SdsSmallLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.23", type: SdsSmallLayoutComponent, isStandalone: true, selector: "sds-small-layout", ngImport: i0, template: "<div class=\"container container-sm\">\n  <router-outlet></router-outlet>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SdsSmallLayoutComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SdsSmallLayoutComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sds-small-layout', standalone: true, imports: [RouterOutlet], template: "<div class=\"container container-sm\">\n  <router-outlet></router-outlet>\n</div>\n" }]
+            args: [{ selector: 'sds-small-layout', imports: [RouterOutlet], template: "<div class=\"container container-sm\">\n  <router-outlet></router-outlet>\n</div>\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\">\n  <router-outlet></router-outlet>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SdsMediumLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.23", type: SdsMediumLayoutComponent, isStandalone: true, selector: "sds-medium-layout", ngImport: i0, template: "<div class=\"container container-md\">\n  <router-outlet></router-outlet>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SdsMediumLayoutComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SdsMediumLayoutComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sds-medium-layout', standalone: true, imports: [RouterOutlet], template: "<div class=\"container container-md\">\n  <router-outlet></router-outlet>\n</div>\n" }]
+            args: [{ selector: 'sds-medium-layout', imports: [RouterOutlet], template: "<div class=\"container container-md\">\n  <router-outlet></router-outlet>\n</div>\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\">\n  <router-outlet></router-outlet>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SdsExtraLargeLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.23", type: SdsExtraLargeLayoutComponent, isStandalone: true, selector: "sds-extra-large-layout", ngImport: i0, template: "<div class=\"container container-xl\">\n  <router-outlet></router-outlet>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SdsExtraLargeLayoutComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SdsExtraLargeLayoutComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sds-extra-large-layout', standalone: true, imports: [RouterOutlet], template: "<div class=\"container container-xl\">\n  <router-outlet></router-outlet>\n</div>\n" }]
+            args: [{ selector: 'sds-extra-large-layout', imports: [RouterOutlet], template: "<div class=\"container container-xl\">\n  <router-outlet></router-outlet>\n</div>\n" }]
         }], ctorParameters: () => [] });
 /**

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

	@@ -1 +1 @@
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';\nimport { RouterOutlet } from '@angular/router';\n\n@Component({\n selector: 'sds-default-layout',\n templateUrl: './default-layout.component.html',\n styleUrls: ['./default-layout.component.scss'],\n ~~standalone: true,\n~~ imports: [RouterOutlet]\n})\nexport class SdsDefaultLayoutComponent implements OnInit {\n\n constructor() { }\n\n ngOnInit(): void {\n }\n\n}\n","<div class=\"container\">\n <router-outlet></router-outlet>\n</div>\n","import { Component, OnInit } from '@angular/core';\nimport { RouterOutlet } from '@angular/router';\n\n@Component({\n selector: 'sds-fluid-layout',\n templateUrl: './fluid-layout.component.html',\n styleUrls: ['./fluid-layout.component.scss'],\n ~~standalone: true,\n~~ imports: [RouterOutlet]\n})\nexport class SdsFluidLayoutComponent implements OnInit {\n\n constructor() { }\n\n ngOnInit(): void {\n }\n\n}\n","<div class=\"container-fluid\">\n <router-outlet></router-outlet>\n</div>\n","import { Component, OnInit } from '@angular/core';\nimport { RouterOutlet } from '@angular/router';\n\n@Component({\n selector: 'sds-small-layout',\n templateUrl: './small-layout.component.html',\n styleUrls: ['./small-layout.component.scss'],\n ~~standalone: true,\n~~ imports: [RouterOutlet]\n})\nexport class SdsSmallLayoutComponent implements OnInit {\n\n constructor() { }\n\n ngOnInit(): void {\n }\n\n}\n","<div class=\"container container-sm\">\n <router-outlet></router-outlet>\n</div>\n","import { Component, OnInit } from '@angular/core';\nimport { RouterOutlet } from '@angular/router';\n\n@Component({\n selector: 'sds-medium-layout',\n templateUrl: './medium-layout.component.html',\n styleUrls: ['./medium-layout.component.scss'],\n ~~standalone: true,\n~~ imports: [RouterOutlet]\n})\nexport class SdsMediumLayoutComponent implements OnInit {\n\n constructor() { }\n\n ngOnInit(): void {\n }\n\n}\n","<div class=\"container container-md\">\n <router-outlet></router-outlet>\n</div>\n","import { Component, OnInit } from '@angular/core';\nimport { RouterOutlet } from '@angular/router';\n\n@Component({\n selector: 'sds-extra-large-layout',\n templateUrl: './extra-large-layout.component.html',\n styleUrls: ['./extra-large-layout.component.scss'],\n ~~standalone: true,\n~~ imports: [RouterOutlet]\n})\nexport class SdsExtraLargeLayoutComponent implements OnInit {\n\n constructor() { }\n\n ngOnInit(): void {\n }\n\n}\n","<div class=\"container container-xl\">\n <router-outlet></router-outlet>\n</div>\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;;~~MAUa~~,yBAAyB,CAAA;AAEpC,IAAA,WAAA,GAAA;~~IAEA~~,QAAQ,GAAA~~;;+GAJG~~,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAzB,yBAAyB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,~~ECVtC~~,wEAGA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,~~EDKc~~,YAAY,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,OAAA,EAAA,CAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,QAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;4FAEb,yBAAyB,EAAA,UAAA,EAAA,CAAA;~~kBAPrC~~,SAAS~~;AACI~~,~~YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,~~oBAAoB,~~EAGlB,UAAA,~~EAAA,~~IAAI,EACP,~~OAAA,~~EAAA~~,CAAC,YAAY,CAAC,EAAA,QAAA,EAAA,wEAAA,EAAA;;;MEEd,uBAAuB,CAAA;AAElC,IAAA,WAAA,GAAA;~~IAEA~~,QAAQ,GAAA~~;;+GAJG~~,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAvB,uBAAuB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,~~ECVpC~~,8EAGA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,~~EDKc~~,YAAY,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,OAAA,EAAA,CAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,QAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;4FAEb,uBAAuB,EAAA,UAAA,EAAA,CAAA;~~kBAPnC~~,SAAS~~;AACI~~,~~YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,~~kBAAkB,~~EAGhB,UAAA,~~EAAA,~~IAAI,EACP,~~OAAA,~~EAAA~~,CAAC,YAAY,CAAC,EAAA,QAAA,EAAA,8EAAA,EAAA;;;MEEd,uBAAuB,CAAA;AAElC,IAAA,WAAA,GAAA;~~IAEA~~,QAAQ,GAAA~~;;+GAJG~~,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAvB,uBAAuB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,~~ECVpC~~,qFAGA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,~~EDKc~~,YAAY,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,OAAA,EAAA,CAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,QAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;4FAEb,uBAAuB,EAAA,UAAA,EAAA,CAAA;~~kBAPnC~~,SAAS~~;AACI~~,~~YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,~~kBAAkB,~~EAGhB,UAAA,~~EAAA,~~IAAI,EACP,~~OAAA,~~EAAA~~,CAAC,YAAY,CAAC,EAAA,QAAA,EAAA,qFAAA,EAAA;;;MEEd,wBAAwB,CAAA;AAEnC,IAAA,WAAA,GAAA;~~IAEA~~,QAAQ,GAAA~~;;+GAJG~~,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAxB,wBAAwB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,~~ECVrC~~,qFAGA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,~~EDKc~~,YAAY,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,OAAA,EAAA,CAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,QAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;4FAEb,wBAAwB,EAAA,UAAA,EAAA,CAAA;~~kBAPpC~~,SAAS~~;AACI~~,~~YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,~~mBAAmB,~~EAGjB,UAAA,~~EAAA,~~IAAI,EACP,~~OAAA,~~EAAA~~,CAAC,YAAY,CAAC,EAAA,QAAA,EAAA,qFAAA,EAAA;;;MEEd,4BAA4B,CAAA;AAEvC,IAAA,WAAA,GAAA;~~IAEA~~,QAAQ,GAAA~~;;+GAJG~~,4BAA4B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAA5B,4BAA4B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,wBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,~~ECVzC~~,qFAGA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,~~EDKc~~,YAAY,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,OAAA,EAAA,CAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,QAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;4FAEb,4BAA4B,EAAA,UAAA,EAAA,CAAA;~~kBAPxC~~,SAAS~~;AACI~~,~~YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,~~wBAAwB,~~EAGtB,UAAA,~~EAAA,~~IAAI,EACP,~~OAAA,~~EAAA~~,CAAC,YAAY,CAAC,EAAA,QAAA,EAAA,qFAAA,EAAA;;;~~AER3B~~;;AAEG~~;;;;~~"}
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';\nimport { RouterOutlet } from '@angular/router';\n\n@Component({\n selector: 'sds-default-layout',\n templateUrl: './default-layout.component.html',\n styleUrls: ['./default-layout.component.scss'],\n imports: [RouterOutlet]\n})\nexport class SdsDefaultLayoutComponent implements OnInit {\n\n constructor() { }\n\n ngOnInit(): void {\n }\n\n}\n","<div class=\"container\">\n <router-outlet></router-outlet>\n</div>\n","import { Component, OnInit } from '@angular/core';\nimport { RouterOutlet } from '@angular/router';\n\n@Component({\n selector: 'sds-fluid-layout',\n templateUrl: './fluid-layout.component.html',\n styleUrls: ['./fluid-layout.component.scss'],\n imports: [RouterOutlet]\n})\nexport class SdsFluidLayoutComponent implements OnInit {\n\n constructor() { }\n\n ngOnInit(): void {\n }\n\n}\n","<div class=\"container-fluid\">\n <router-outlet></router-outlet>\n</div>\n","import { Component, OnInit } from '@angular/core';\nimport { RouterOutlet } from '@angular/router';\n\n@Component({\n selector: 'sds-small-layout',\n templateUrl: './small-layout.component.html',\n styleUrls: ['./small-layout.component.scss'],\n imports: [RouterOutlet]\n})\nexport class SdsSmallLayoutComponent implements OnInit {\n\n constructor() { }\n\n ngOnInit(): void {\n }\n\n}\n","<div class=\"container container-sm\">\n <router-outlet></router-outlet>\n</div>\n","import { Component, OnInit } from '@angular/core';\nimport { RouterOutlet } from '@angular/router';\n\n@Component({\n selector: 'sds-medium-layout',\n templateUrl: './medium-layout.component.html',\n styleUrls: ['./medium-layout.component.scss'],\n imports: [RouterOutlet]\n})\nexport class SdsMediumLayoutComponent implements OnInit {\n\n constructor() { }\n\n ngOnInit(): void {\n }\n\n}\n","<div class=\"container container-md\">\n <router-outlet></router-outlet>\n</div>\n","import { Component, OnInit } from '@angular/core';\nimport { RouterOutlet } from '@angular/router';\n\n@Component({\n selector: 'sds-extra-large-layout',\n templateUrl: './extra-large-layout.component.html',\n styleUrls: ['./extra-large-layout.component.scss'],\n imports: [RouterOutlet]\n})\nexport class SdsExtraLargeLayoutComponent implements OnInit {\n\n constructor() { }\n\n ngOnInit(): void {\n }\n\n}\n","<div class=\"container container-xl\">\n <router-outlet></router-outlet>\n</div>\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 CHANGED Viewed

@@ -26,12 +26,12 @@ class SdsMessageComponent {
     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 \n    *ngIf=\"showMessage\"\n    class=\"px-3 py-2 d-flex rounded\"\n    [class.sds-message-default] = \"style == 'default'\"\n    \n    [class.sds-message-success] = \"style == 'success'\"\n    [class.sds-message-success-subtle] = \"style == 'successSubtle'\"\n    \n    [class.sds-message-danger] = \"style == 'danger'\"\n    [class.sds-message-danger-subtle] = \"style == 'dangerSubtle'\"\n    \n    [class.sds-message-warning] = \"style == 'warning'\"\n    [class.sds-message-warning-subtle] = \"style == 'warningSubtle'\"\n\n    [class.sds-message-info] = \"style == 'info'\"\n    [class.sds-message-info-subtle] = \"style == 'infoSubtle'\"\n    >\n\n    <fa-icon \n        *ngIf=\"icon\"\n        [icon]=\"icon\"\n        class=\"me-2\"\n        >\n    </fa-icon>\n\n    <div class=\"flex-grow-1\">\n        <div *ngIf=\"!customContent\">\n            <span>\n                {{text}}\n            </span>\n\n            <span \n                *ngIf=\"showAction\"\n            >\n                <a \n                    class=\"link-primary sds-cursor-pointer ml-2 \"\n                    (click)=\"onActionButtonClick()\"\n                    >\n                    {{actionText}}\n                </a>\n            </span>\n\n            <span \n                *ngIf=\"showLearnMoreLink\"\n            >\n                <a \n                    class=\"\"\n                    [href]=\"learnMoreLinkUrl\"\n                    target=\"_learnmore\"\n                    >\n                    {{learnMoreLinkText}}\n                </a>\n            </span>\n        </div>\n\n        <ng-container *ngIf=\"customContent\" >\n            <ng-content select=\"customContent\"></ng-content>\n        </ng-container> \n    </div>\n\n    <div *ngIf=\"showCloseButton\">\n        <button \n            type=\"button\" \n            class=\"btn-close ml-2\" \n            aria-label=\"Close\"\n            (click)=\"onCloseButtonClick()\"\n        >\n        </button>\n    </div>\n\n</div>\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"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SdsMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.23", 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 \n    *ngIf=\"showMessage\"\n    class=\"px-3 py-2 d-flex rounded\"\n    [class.sds-message-default] = \"style == 'default'\"\n    \n    [class.sds-message-success] = \"style == 'success'\"\n    [class.sds-message-success-subtle] = \"style == 'successSubtle'\"\n    \n    [class.sds-message-danger] = \"style == 'danger'\"\n    [class.sds-message-danger-subtle] = \"style == 'dangerSubtle'\"\n    \n    [class.sds-message-warning] = \"style == 'warning'\"\n    [class.sds-message-warning-subtle] = \"style == 'warningSubtle'\"\n\n    [class.sds-message-info] = \"style == 'info'\"\n    [class.sds-message-info-subtle] = \"style == 'infoSubtle'\"\n    >\n\n    <fa-icon \n        *ngIf=\"icon\"\n        [icon]=\"icon\"\n        class=\"me-2\"\n        >\n    </fa-icon>\n\n    <div class=\"flex-grow-1\">\n        <div *ngIf=\"!customContent\">\n            <span>\n                {{text}}\n            </span>\n\n            <span \n                *ngIf=\"showAction\"\n            >\n                <a \n                    class=\"link-primary sds-cursor-pointer ml-2 \"\n                    (click)=\"onActionButtonClick()\"\n                    >\n                    {{actionText}}\n                </a>\n            </span>\n\n            <span \n                *ngIf=\"showLearnMoreLink\"\n            >\n                <a \n                    class=\"\"\n                    [href]=\"learnMoreLinkUrl\"\n                    target=\"_learnmore\"\n                    >\n                    {{learnMoreLinkText}}\n                </a>\n            </span>\n        </div>\n\n        <ng-container *ngIf=\"customContent\" >\n            <ng-content select=\"customContent\"></ng-content>\n        </ng-container> \n    </div>\n\n    <div *ngIf=\"showCloseButton\">\n        <button \n            type=\"button\" \n            class=\"btn-close ml-2\" \n            aria-label=\"Close\"\n            (click)=\"onCloseButtonClick()\"\n        >\n        </button>\n    </div>\n\n</div>\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", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"], outputs: ["iconChange", "titleChange", "animationChange", "maskChange", "flipChange", "sizeChange", "pullChange", "borderChange", "inverseChange", "symbolChange", "rotateChange", "fixedWidthChange", "transformChange", "a11yRoleChange"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SdsMessageComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SdsMessageComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sds-message', standalone: true, imports: [NgIf, FaIconComponent], template: "<div \n    *ngIf=\"showMessage\"\n    class=\"px-3 py-2 d-flex rounded\"\n    [class.sds-message-default] = \"style == 'default'\"\n    \n    [class.sds-message-success] = \"style == 'success'\"\n    [class.sds-message-success-subtle] = \"style == 'successSubtle'\"\n    \n    [class.sds-message-danger] = \"style == 'danger'\"\n    [class.sds-message-danger-subtle] = \"style == 'dangerSubtle'\"\n    \n    [class.sds-message-warning] = \"style == 'warning'\"\n    [class.sds-message-warning-subtle] = \"style == 'warningSubtle'\"\n\n    [class.sds-message-info] = \"style == 'info'\"\n    [class.sds-message-info-subtle] = \"style == 'infoSubtle'\"\n    >\n\n    <fa-icon \n        *ngIf=\"icon\"\n        [icon]=\"icon\"\n        class=\"me-2\"\n        >\n    </fa-icon>\n\n    <div class=\"flex-grow-1\">\n        <div *ngIf=\"!customContent\">\n            <span>\n                {{text}}\n            </span>\n\n            <span \n                *ngIf=\"showAction\"\n            >\n                <a \n                    class=\"link-primary sds-cursor-pointer ml-2 \"\n                    (click)=\"onActionButtonClick()\"\n                    >\n                    {{actionText}}\n                </a>\n            </span>\n\n            <span \n                *ngIf=\"showLearnMoreLink\"\n            >\n                <a \n                    class=\"\"\n                    [href]=\"learnMoreLinkUrl\"\n                    target=\"_learnmore\"\n                    >\n                    {{learnMoreLinkText}}\n                </a>\n            </span>\n        </div>\n\n        <ng-container *ngIf=\"customContent\" >\n            <ng-content select=\"customContent\"></ng-content>\n        </ng-container> \n    </div>\n\n    <div *ngIf=\"showCloseButton\">\n        <button \n            type=\"button\" \n            class=\"btn-close ml-2\" \n            aria-label=\"Close\"\n            (click)=\"onCloseButtonClick()\"\n        >\n        </button>\n    </div>\n\n</div>\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"] }]
+            args: [{ selector: 'sds-message', imports: [NgIf, FaIconComponent], template: "<div \n    *ngIf=\"showMessage\"\n    class=\"px-3 py-2 d-flex rounded\"\n    [class.sds-message-default] = \"style == 'default'\"\n    \n    [class.sds-message-success] = \"style == 'success'\"\n    [class.sds-message-success-subtle] = \"style == 'successSubtle'\"\n    \n    [class.sds-message-danger] = \"style == 'danger'\"\n    [class.sds-message-danger-subtle] = \"style == 'dangerSubtle'\"\n    \n    [class.sds-message-warning] = \"style == 'warning'\"\n    [class.sds-message-warning-subtle] = \"style == 'warningSubtle'\"\n\n    [class.sds-message-info] = \"style == 'info'\"\n    [class.sds-message-info-subtle] = \"style == 'infoSubtle'\"\n    >\n\n    <fa-icon \n        *ngIf=\"icon\"\n        [icon]=\"icon\"\n        class=\"me-2\"\n        >\n    </fa-icon>\n\n    <div class=\"flex-grow-1\">\n        <div *ngIf=\"!customContent\">\n            <span>\n                {{text}}\n            </span>\n\n            <span \n                *ngIf=\"showAction\"\n            >\n                <a \n                    class=\"link-primary sds-cursor-pointer ml-2 \"\n                    (click)=\"onActionButtonClick()\"\n                    >\n                    {{actionText}}\n                </a>\n            </span>\n\n            <span \n                *ngIf=\"showLearnMoreLink\"\n            >\n                <a \n                    class=\"\"\n                    [href]=\"learnMoreLinkUrl\"\n                    target=\"_learnmore\"\n                    >\n                    {{learnMoreLinkText}}\n                </a>\n            </span>\n        </div>\n\n        <ng-container *ngIf=\"customContent\" >\n            <ng-content select=\"customContent\"></ng-content>\n        </ng-container> \n    </div>\n\n    <div *ngIf=\"showCloseButton\">\n        <button \n            type=\"button\" \n            class=\"btn-close ml-2\" \n            aria-label=\"Close\"\n            (click)=\"onCloseButtonClick()\"\n        >\n        </button>\n    </div>\n\n</div>\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: [{

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

	@@ -1 +1 @@
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';\nimport { IconProp } from '@fortawesome/fontawesome-svg-core';\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\nimport { NgIf } from '@angular/common';\n\n@Component({\n selector: 'sds-message',\n templateUrl: './message.component.html',\n styleUrls: ['./message.component.scss'],\n ~~standalone: true,\n~~ imports: [NgIf, FaIconComponent],\n})\nexport class SdsMessageComponent implements OnInit {\n\n @Input() public icon?: IconProp;\n @Input() public text: string = '';\n @Input() public showCloseButton: boolean = false;\n\n @Output() public close: EventEmitter<void> = new EventEmitter();\n\n @Input() public showLearnMoreLink: boolean = false;\n @Input() public learnMoreLinkText: string = 'Learn more';\n @Input() public learnMoreLinkUrl: string = '';\n\n @Input() public showAction: boolean = false;\n @Input() public actionText: string = 'Address this'; \n @Output() public actionClick: EventEmitter<void> = new EventEmitter();\n\n\n @Input() public style: 'default' \| 'danger' \| 'dangerSubtle' \| 'success' \| 'successSubtle' \| 'warning' \| 'warningSubtle' \| 'info' \| 'infoSubtle' = 'default';\n\n @ContentChild('customContent') customContent: ElementRef = {nativeElement: undefined};\n\n public showMessage: boolean = true;\n\n constructor() {}\n\n ngOnInit(): void {}\n\n public onCloseButtonClick(): void {\n this.showMessage = false;\n this.close.emit();\n }\n\n public onActionButtonClick(): void {\n this.actionClick.emit();\n }\n\n}\n","<div \n ngIf=\"showMessage\"\n class=\"px-3 py-2 d-flex rounded\"\n [class.sds-message-default] = \"style == 'default'\"\n \n [class.sds-message-success] = \"style == 'success'\"\n [class.sds-message-success-subtle] = \"style == 'successSubtle'\"\n \n [class.sds-message-danger] = \"style == 'danger'\"\n [class.sds-message-danger-subtle] = \"style == 'dangerSubtle'\"\n \n [class.sds-message-warning] = \"style == 'warning'\"\n [class.sds-message-warning-subtle] = \"style == 'warningSubtle'\"\n\n [class.sds-message-info] = \"style == 'info'\"\n [class.sds-message-info-subtle] = \"style == 'infoSubtle'\"\n >\n\n <fa-icon \n ngIf=\"icon\"\n [icon]=\"icon\"\n class=\"me-2\"\n >\n </fa-icon>\n\n <div class=\"flex-grow-1\">\n <div ngIf=\"!customContent\">\n <span>\n {{text}}\n </span>\n\n <span \n ngIf=\"showAction\"\n >\n <a \n class=\"link-primary sds-cursor-pointer ml-2 \"\n (click)=\"onActionButtonClick()\"\n >\n {{actionText}}\n </a>\n </span>\n\n <span \n ngIf=\"showLearnMoreLink\"\n >\n <a \n class=\"\"\n [href]=\"learnMoreLinkUrl\"\n target=\"_learnmore\"\n >\n {{learnMoreLinkText}}\n </a>\n </span>\n </div>\n\n <ng-container ngIf=\"customContent\" >\n <ng-content select=\"customContent\"></ng-content>\n </ng-container> \n </div>\n\n <div ngIf=\"showCloseButton\">\n <button \n type=\"button\" \n class=\"btn-close ml-2\" \n aria-label=\"Close\"\n (click)=\"onCloseButtonClick()\"\n >\n </button>\n </div>\n\n</div>\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;;;~~MAYa~~,mBAAmB,CAAA;AAuB5B,IAAA,WAAA,GAAA;QApBgB,~~IAAI~~,CAAA,~~IAAA~~,GAAW,EAAE;QACjB,~~IAAe~~,CAAA,~~eAAA~~,GAAY,KAAK;AAE/B,QAAA,IAAA,CAAA,KAAK,GAAuB,IAAI,YAAY,EAAE;QAE/C,~~IAAiB~~,CAAA,~~iBAAA~~,GAAY,KAAK;QAClC,~~IAAiB~~,CAAA,~~iBAAA~~,GAAW,YAAY;QACxC,~~IAAgB~~,CAAA,~~gBAAA~~,GAAW,EAAE;QAE7B,~~IAAU~~,CAAA,~~UAAA~~,GAAY,KAAK;QAC3B,~~IAAU~~,CAAA,~~UAAA~~,GAAW,cAAc;AAClC,QAAA,IAAA,CAAA,WAAW,GAAuB,IAAI,YAAY,EAAE;QAGrD,~~IAAK~~,CAAA,~~KAAA~~,GAA8H,SAAS;AAE7H,QAAA,IAAA,CAAA,aAAa,GAAe,EAAC,aAAa,EAAE,SAAS,EAAC;QAE9E,~~IAAW~~,CAAA,~~WAAA~~,GAAY,IAAI~~;;AAIlC~~,IAAA,QAAQ;~~IAED~~,kBAAkB,GAAA;AACrB,QAAA,IAAI,CAAC,WAAW,GAAG,KAAK;AACxB,QAAA,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE~~;;IAGd~~,mBAAmB,GAAA;AACtB,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE~~;;+GAjClB~~,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAnB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,mBAAmB,~~ECZhC~~,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,MAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,gBAAA,EAAA,kBAAA,EAAA,UAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,KAAA,EAAA,OAAA,EAAA,EAAA,OAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,eAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,eAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,~~EAAA~~,q9DAuEA,~~ED7Dc~~,MAAA,EAAA,CAAA,6yBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,~~EAAA~~,IAAI,6FAAE,eAAe,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,OAAA,EAAA,WAAA,EAAA,MAAA,EAAA,~~OAAA,EAAA,~~MAAA,EAAA,~~QAAA,EAAA,~~MAAA,EAAA,MAAA,EAAA,~~MAAA,EAAA,~~QAAA,EAAA,SAAA,EAAA,QAAA,EAAA,QAAA,EAAA,YAAA,EAAA,~~SAAA,EAAA,~~WAAA,EAAA,UAAA,CAAA,EAAA,~~CAAA~~,EAAA,CAAA,~~CAAA;;4FAEtB~~,~~mBAAmB,~~EAAA,~~UAAA~~,EAAA,~~CAAA;kBAP/B~~,~~SAAS;AACI~~,YAAA,~~IAAA,~~EAAA,~~CAAA~~,EAAA,~~QAAA~~,EAAA,~~aAAa~~,~~cAGX~~,~~IAAI~~,EAAA,~~OAAA~~,~~EACP~~,~~CAAC~~,~~IAAI~~,~~EAAE~~,~~eAAe~~,~~CAAC~~,EAAA,~~QAAA~~,EAAA,~~q9DAAA~~,EAAA,~~MAAA~~,EAAA,CAAA,~~6yBAAA,~~CAAA,EAAA~~;wDAIhB~~,~~IAAI~~,EAAA,CAAA;~~sBAAnB~~;~~gBACe~~,~~IAAI~~,EAAA,CAAA~~;sBAAnB;gBACe~~,~~eAAe~~,EAAA,~~CAAA;sBAA9B;gBAEgB~~,~~KAAK,~~EAAA,~~CAAA;sBAArB;gBAEe~~,~~iBAAiB~~,~~EAAA~~,~~CAAA;sBAAhC;gBACe~~,~~iBAAiB~~,~~EAAA~~,~~CAAA;sBAAhC;gBACe~~,~~gBAAgB,~~EAAA,~~CAAA;sBAA/B;gBAEe~~,~~UAAU,~~EAAA,~~CAAA;sBAAzB;gBACe~~,~~UAAU,~~EAAA,~~CAAA;sBAAzB;gBACgB~~,~~WAAW,~~EAAA,CAAA~~;sBAA3B;gBAGe~~,~~KAAK~~,~~EAAA,~~CAAA~~;sBAApB;gBAE8B~~,~~aAAa,~~EAAA,~~CAAA;sBAA3C,~~YAAY;uBAAC,eAAe;;;~~AE/BjC~~;;AAEG~~;;;;~~"}
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';\nimport { IconProp } from '@fortawesome/fontawesome-svg-core';\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\nimport { NgIf } from '@angular/common';\n\n@Component({\n selector: 'sds-message',\n templateUrl: './message.component.html',\n styleUrls: ['./message.component.scss'],\n imports: [NgIf, FaIconComponent]\n})\nexport class SdsMessageComponent implements OnInit {\n\n @Input() public icon?: IconProp;\n @Input() public text: string = '';\n @Input() public showCloseButton: boolean = false;\n\n @Output() public close: EventEmitter<void> = new EventEmitter();\n\n @Input() public showLearnMoreLink: boolean = false;\n @Input() public learnMoreLinkText: string = 'Learn more';\n @Input() public learnMoreLinkUrl: string = '';\n\n @Input() public showAction: boolean = false;\n @Input() public actionText: string = 'Address this'; \n @Output() public actionClick: EventEmitter<void> = new EventEmitter();\n\n\n @Input() public style: 'default' \| 'danger' \| 'dangerSubtle' \| 'success' \| 'successSubtle' \| 'warning' \| 'warningSubtle' \| 'info' \| 'infoSubtle' = 'default';\n\n @ContentChild('customContent') customContent: ElementRef = {nativeElement: undefined};\n\n public showMessage: boolean = true;\n\n constructor() {}\n\n ngOnInit(): void {}\n\n public onCloseButtonClick(): void {\n this.showMessage = false;\n this.close.emit();\n }\n\n public onActionButtonClick(): void {\n this.actionClick.emit();\n }\n\n}\n","<div \n ngIf=\"showMessage\"\n class=\"px-3 py-2 d-flex rounded\"\n [class.sds-message-default] = \"style == 'default'\"\n \n [class.sds-message-success] = \"style == 'success'\"\n [class.sds-message-success-subtle] = \"style == 'successSubtle'\"\n \n [class.sds-message-danger] = \"style == 'danger'\"\n [class.sds-message-danger-subtle] = \"style == 'dangerSubtle'\"\n \n [class.sds-message-warning] = \"style == 'warning'\"\n [class.sds-message-warning-subtle] = \"style == 'warningSubtle'\"\n\n [class.sds-message-info] = \"style == 'info'\"\n [class.sds-message-info-subtle] = \"style == 'infoSubtle'\"\n >\n\n <fa-icon \n ngIf=\"icon\"\n [icon]=\"icon\"\n class=\"me-2\"\n >\n </fa-icon>\n\n <div class=\"flex-grow-1\">\n <div ngIf=\"!customContent\">\n <span>\n {{text}}\n </span>\n\n <span \n ngIf=\"showAction\"\n >\n <a \n class=\"link-primary sds-cursor-pointer ml-2 \"\n (click)=\"onActionButtonClick()\"\n >\n {{actionText}}\n </a>\n </span>\n\n <span \n ngIf=\"showLearnMoreLink\"\n >\n <a \n class=\"\"\n [href]=\"learnMoreLinkUrl\"\n target=\"_learnmore\"\n >\n {{learnMoreLinkText}}\n </a>\n </span>\n </div>\n\n <ng-container ngIf=\"customContent\" >\n <ng-content select=\"customContent\"></ng-content>\n </ng-container> \n </div>\n\n <div ngIf=\"showCloseButton\">\n <button \n type=\"button\" \n class=\"btn-close ml-2\" \n aria-label=\"Close\"\n (click)=\"onCloseButtonClick()\"\n >\n </button>\n </div>\n\n</div>\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":"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"}