@spicainternational/ngx-sds-components 5.33.2 → 6.0.0

package/fesm2020/spicainternational-ngx-sds-components-src-lib-highlight-text.mjs

@@ -100,6 +100,14 @@ const highlightSearchedText = (highlightText, stringToBeChecked, existingHtmlCon
 };
 
 class HighlightTextDirective {
+    get highlightText() {
+        return this._search;
+    }
+    set highlightText(value) {
+        this._search = value;
+        // Now process the search value
+        this.markSearchedText(value);
+    }
     constructor(_elementRef, _sanitizer) {
         this._elementRef = _elementRef;
         this._sanitizer = _sanitizer;
@@ -120,14 +128,6 @@ class HighlightTextDirective {
          */
         this.caseSensitive = false;
     }
-    get highlightText() {
-        return this._search;
-    }
-    set highlightText(value) {
-        this._search = value;
-        // Now process the search value
-        this.markSearchedText(value);
-    }
     markSearchedText(highlightText) {
         // Make sure that native element is present
         if (this._elementRef?.nativeElement) {
@@ -139,9 +139,9 @@ class HighlightTextDirective {
         }
     }
 }
-HighlightTextDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: HighlightTextDirective, deps: [{ token: i0.ElementRef }, { token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Directive });
-HighlightTextDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.1", type: HighlightTextDirective, selector: "[highlightText]", inputs: { additionalClasses: "additionalClasses", highlightText: "highlightText" }, host: { properties: { "innerHtml": "this.content" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: HighlightTextDirective, decorators: [{
+HighlightTextDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HighlightTextDirective, deps: [{ token: i0.ElementRef }, { token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Directive });
+HighlightTextDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: HighlightTextDirective, selector: "[highlightText]", inputs: { additionalClasses: "additionalClasses", highlightText: "highlightText" }, host: { properties: { "innerHtml": "this.content" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HighlightTextDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[highlightText]'
@@ -171,9 +171,9 @@ class HighlightTextPipe {
         return stringToBeChecked;
     }
 }
-HighlightTextPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: HighlightTextPipe, deps: [{ token: i0.ElementRef }, { token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe });
-HighlightTextPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: HighlightTextPipe, name: "highlightText" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: HighlightTextPipe, decorators: [{
+HighlightTextPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HighlightTextPipe, deps: [{ token: i0.ElementRef }, { token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe });
+HighlightTextPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: HighlightTextPipe, name: "highlightText" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HighlightTextPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'highlightText'
@@ -182,14 +182,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImpor
 
 class SdsHighlightTextModule {
 }
-SdsHighlightTextModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsHighlightTextModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SdsHighlightTextModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsHighlightTextModule, declarations: [HighlightTextDirective,
+SdsHighlightTextModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SdsHighlightTextModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SdsHighlightTextModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: SdsHighlightTextModule, declarations: [HighlightTextDirective,
         HighlightTextPipe], imports: [CommonModule], exports: [HighlightTextDirective,
         HighlightTextPipe] });
-SdsHighlightTextModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsHighlightTextModule, imports: [[
-            CommonModule
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsHighlightTextModule, decorators: [{
+SdsHighlightTextModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SdsHighlightTextModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SdsHighlightTextModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

package/fesm2020/spicainternational-ngx-sds-components-src-lib-highlight-text.mjs.map

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

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

@@ -44,9 +44,9 @@ class IntersectionService {
         return elementInSight$;
     }
 }
-IntersectionService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: IntersectionService, deps: [{ token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable });
-IntersectionService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: IntersectionService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: IntersectionService, decorators: [{
+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,
@@ -54,15 +54,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImpor
                 }] }]; } });
 
 class IntersectionDirective {
-    constructor(_element, _intersectionService) {
-        this._element = _element;
-        this._intersectionService = _intersectionService;
-        /**
-         * Emits current visibility status
-         */
-        this.elementInSight = new EventEmitter();
-        this._subscriptions = [];
-    }
     /**
      *
      */
@@ -72,6 +63,15 @@ class IntersectionDirective {
     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() {
@@ -86,9 +86,9 @@ class IntersectionDirective {
         this._subscriptions.push(intersetionSubscription);
     }
 }
-IntersectionDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: IntersectionDirective, deps: [{ token: i0.ElementRef }, { token: IntersectionService }], target: i0.ɵɵFactoryTarget.Directive });
-IntersectionDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.1", type: IntersectionDirective, selector: "[sdsIntersection]", inputs: { intersectionOptions: "intersectionOptions" }, outputs: { elementInSight: "elementInSight" }, providers: [IntersectionService], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: IntersectionDirective, decorators: [{
+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]',
@@ -102,12 +102,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImpor
 
 class SdsIntersectionModule {
 }
-SdsIntersectionModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsIntersectionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SdsIntersectionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsIntersectionModule, declarations: [IntersectionDirective], imports: [CommonModule], exports: [IntersectionDirective] });
-SdsIntersectionModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsIntersectionModule, imports: [[
-            CommonModule
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsIntersectionModule, decorators: [{
+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],

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

@@ -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/intersection.module.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 IntersectionService {\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 { IntersectionService } from '../services';\r\n\r\n@Directive({\r\n  selector: '[sdsIntersection]',\r\n  providers: [IntersectionService]\r\n})\r\nexport class IntersectionDirective 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: IntersectionService\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","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { IntersectionDirective } from './directives';\r\n\r\n@NgModule({\r\n  declarations: [IntersectionDirective],\r\n  exports: [IntersectionDirective],\r\n  imports: [\r\n    CommonModule\r\n  ]\r\n})\r\nexport class SdsIntersectionModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1.IntersectionService"],"mappings":"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"}
+{"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/intersection.module.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 IntersectionService {\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 { IntersectionService } from '../services';\r\n\r\n@Directive({\r\n  selector: '[sdsIntersection]',\r\n  providers: [IntersectionService]\r\n})\r\nexport class IntersectionDirective 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: IntersectionService\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","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { IntersectionDirective } from './directives';\r\n\r\n@NgModule({\r\n  declarations: [IntersectionDirective],\r\n  exports: [IntersectionDirective],\r\n  imports: [\r\n    CommonModule\r\n  ]\r\n})\r\nexport class SdsIntersectionModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1.IntersectionService"],"mappings":"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"}

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

@@ -39,9 +39,9 @@ class KeyboardShortcutDirective {
         this._subscriptions.forEach(subscription => subscription.unsubscribe());
     }
 }
-KeyboardShortcutDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: KeyboardShortcutDirective, deps: [{ token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Directive });
-KeyboardShortcutDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.1", type: KeyboardShortcutDirective, selector: "[sdsKeyboardShortcut]", outputs: { closeShortcut: "closeShortcut", saveRecordShortcut: "saveRecordShortcut" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: KeyboardShortcutDirective, decorators: [{
+KeyboardShortcutDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: KeyboardShortcutDirective, deps: [{ token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Directive });
+KeyboardShortcutDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: KeyboardShortcutDirective, selector: "[sdsKeyboardShortcut]", outputs: { closeShortcut: "closeShortcut", saveRecordShortcut: "saveRecordShortcut" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: KeyboardShortcutDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[sdsKeyboardShortcut]'
@@ -57,12 +57,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImpor
 
 class SdsKeyboardShortcutModule {
 }
-SdsKeyboardShortcutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsKeyboardShortcutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SdsKeyboardShortcutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsKeyboardShortcutModule, declarations: [KeyboardShortcutDirective], imports: [CommonModule], exports: [KeyboardShortcutDirective] });
-SdsKeyboardShortcutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsKeyboardShortcutModule, imports: [[
-            CommonModule
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsKeyboardShortcutModule, decorators: [{
+SdsKeyboardShortcutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SdsKeyboardShortcutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SdsKeyboardShortcutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: SdsKeyboardShortcutModule, declarations: [KeyboardShortcutDirective], imports: [CommonModule], exports: [KeyboardShortcutDirective] });
+SdsKeyboardShortcutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SdsKeyboardShortcutModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SdsKeyboardShortcutModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

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

@@ -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/keyboard-shortcut.module.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})\r\nexport class KeyboardShortcutDirective 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","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { KeyboardShortcutDirective } from './directives';\r\n\r\n@NgModule({\r\n  declarations: [\r\n    KeyboardShortcutDirective\r\n  ],\r\n  exports: [\r\n    KeyboardShortcutDirective\r\n  ],\r\n  imports: [\r\n    CommonModule\r\n  ]\r\n})\r\nexport class SdsKeyboardShortcutModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"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/keyboard-shortcut.module.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})\r\nexport class KeyboardShortcutDirective 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","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { KeyboardShortcutDirective } from './directives';\r\n\r\n@NgModule({\r\n  declarations: [\r\n    KeyboardShortcutDirective\r\n  ],\r\n  exports: [\r\n    KeyboardShortcutDirective\r\n  ],\r\n  imports: [\r\n    CommonModule\r\n  ]\r\n})\r\nexport class SdsKeyboardShortcutModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

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

@@ -9,11 +9,11 @@ class SdsDefaultLayoutComponent {
     ngOnInit() {
     }
 }
-SdsDefaultLayoutComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsDefaultLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SdsDefaultLayoutComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: SdsDefaultLayoutComponent, selector: "sds-default-layout", ngImport: i0, template: "<div class=\"container\">\r\n  <router-outlet></router-outlet>\r\n</div>\r\n", styles: [""], directives: [{ type: i1.RouterOutlet, selector: "router-outlet", outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsDefaultLayoutComponent, decorators: [{
+SdsDefaultLayoutComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SdsDefaultLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SdsDefaultLayoutComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: SdsDefaultLayoutComponent, 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: i1.RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SdsDefaultLayoutComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sds-default-layout', template: "<div class=\"container\">\r\n  <router-outlet></router-outlet>\r\n</div>\r\n", styles: [""] }]
+            args: [{ selector: 'sds-default-layout', template: "<div class=\"container\">\r\n  <router-outlet></router-outlet>\r\n</div>\r\n" }]
         }], ctorParameters: function () { return []; } });
 
 class SdsFluidLayoutComponent {
@@ -21,11 +21,11 @@ class SdsFluidLayoutComponent {
     ngOnInit() {
     }
 }
-SdsFluidLayoutComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsFluidLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SdsFluidLayoutComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: SdsFluidLayoutComponent, selector: "sds-fluid-layout", ngImport: i0, template: "<div class=\"container-fluid\">\r\n  <router-outlet></router-outlet>\r\n</div>\r\n", styles: [""], directives: [{ type: i1.RouterOutlet, selector: "router-outlet", outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsFluidLayoutComponent, decorators: [{
+SdsFluidLayoutComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SdsFluidLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SdsFluidLayoutComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: SdsFluidLayoutComponent, 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: i1.RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SdsFluidLayoutComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sds-fluid-layout', template: "<div class=\"container-fluid\">\r\n  <router-outlet></router-outlet>\r\n</div>\r\n", styles: [""] }]
+            args: [{ selector: 'sds-fluid-layout', template: "<div class=\"container-fluid\">\r\n  <router-outlet></router-outlet>\r\n</div>\r\n" }]
         }], ctorParameters: function () { return []; } });
 
 class SdsSmallLayoutComponent {
@@ -33,11 +33,11 @@ class SdsSmallLayoutComponent {
     ngOnInit() {
     }
 }
-SdsSmallLayoutComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsSmallLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SdsSmallLayoutComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: SdsSmallLayoutComponent, selector: "sds-small-layout", ngImport: i0, template: "<div class=\"container container-sm\">\r\n  <router-outlet></router-outlet>\r\n</div>\r\n", styles: [""], directives: [{ type: i1.RouterOutlet, selector: "router-outlet", outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsSmallLayoutComponent, decorators: [{
+SdsSmallLayoutComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SdsSmallLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SdsSmallLayoutComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: SdsSmallLayoutComponent, 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: i1.RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SdsSmallLayoutComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sds-small-layout', template: "<div class=\"container container-sm\">\r\n  <router-outlet></router-outlet>\r\n</div>\r\n", styles: [""] }]
+            args: [{ selector: 'sds-small-layout', template: "<div class=\"container container-sm\">\r\n  <router-outlet></router-outlet>\r\n</div>\r\n" }]
         }], ctorParameters: function () { return []; } });
 
 class SdsMediumLayoutComponent {
@@ -45,11 +45,11 @@ class SdsMediumLayoutComponent {
     ngOnInit() {
     }
 }
-SdsMediumLayoutComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsMediumLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SdsMediumLayoutComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: SdsMediumLayoutComponent, selector: "sds-medium-layout", ngImport: i0, template: "<div class=\"container container-md\">\r\n  <router-outlet></router-outlet>\r\n</div>\r\n", styles: [""], directives: [{ type: i1.RouterOutlet, selector: "router-outlet", outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsMediumLayoutComponent, decorators: [{
+SdsMediumLayoutComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SdsMediumLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SdsMediumLayoutComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: SdsMediumLayoutComponent, 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: i1.RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SdsMediumLayoutComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sds-medium-layout', template: "<div class=\"container container-md\">\r\n  <router-outlet></router-outlet>\r\n</div>\r\n", styles: [""] }]
+            args: [{ selector: 'sds-medium-layout', template: "<div class=\"container container-md\">\r\n  <router-outlet></router-outlet>\r\n</div>\r\n" }]
         }], ctorParameters: function () { return []; } });
 
 class SdsExtraLargeLayoutComponent {
@@ -57,11 +57,11 @@ class SdsExtraLargeLayoutComponent {
     ngOnInit() {
     }
 }
-SdsExtraLargeLayoutComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsExtraLargeLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SdsExtraLargeLayoutComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: SdsExtraLargeLayoutComponent, 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: [""], directives: [{ type: i1.RouterOutlet, selector: "router-outlet", outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsExtraLargeLayoutComponent, decorators: [{
+SdsExtraLargeLayoutComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SdsExtraLargeLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SdsExtraLargeLayoutComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: SdsExtraLargeLayoutComponent, 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: i1.RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SdsExtraLargeLayoutComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sds-extra-large-layout', template: "<div class=\"container container-xl\">\r\n  <router-outlet></router-outlet>\r\n</div>\r\n", styles: [""] }]
+            args: [{ selector: 'sds-extra-large-layout', template: "<div class=\"container container-xl\">\r\n  <router-outlet></router-outlet>\r\n</div>\r\n" }]
         }], ctorParameters: function () { return []; } });
 
 const components = [
@@ -73,8 +73,8 @@ const components = [
 ];
 class SdsLayoutModule {
 }
-SdsLayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SdsLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsLayoutModule, declarations: [SdsDefaultLayoutComponent,
+SdsLayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SdsLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SdsLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: SdsLayoutModule, declarations: [SdsDefaultLayoutComponent,
         SdsFluidLayoutComponent,
         SdsSmallLayoutComponent,
         SdsMediumLayoutComponent,
@@ -84,11 +84,9 @@ SdsLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version
         SdsSmallLayoutComponent,
         SdsMediumLayoutComponent,
         SdsExtraLargeLayoutComponent] });
-SdsLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsLayoutModule, imports: [[
-            CommonModule,
-            RouterModule
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsLayoutModule, decorators: [{
+SdsLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SdsLayoutModule, imports: [CommonModule,
+        RouterModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SdsLayoutModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

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

@@ -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/layout.module.ts","../../../projects/ngx-sds-components/src/lib/layout/spicainternational-ngx-sds-components-src-lib-layout.ts"],"sourcesContent":["import { Component, OnInit } from '@angular/core';\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})\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\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})\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\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})\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\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})\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\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})\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","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { RouterModule } from '@angular/router';\r\nimport { SdsDefaultLayoutComponent } from './default-layout/default-layout.component';\r\nimport { SdsFluidLayoutComponent } from './fluid-layout/fluid-layout.component';\r\nimport { SdsSmallLayoutComponent } from './small-layout/small-layout.component';\r\nimport { SdsMediumLayoutComponent } from './medium-layout/medium-layout.component';\r\nimport { SdsExtraLargeLayoutComponent } from './extra-large-layout/extra-large-layout.component';\r\n\r\nconst components = [\r\n    SdsDefaultLayoutComponent,\r\n    SdsFluidLayoutComponent,\r\n    SdsSmallLayoutComponent,\r\n    SdsMediumLayoutComponent,\r\n    SdsExtraLargeLayoutComponent\r\n];\r\n\r\n@NgModule({\r\n    declarations: [\r\n        ...components\r\n    ],\r\n    imports: [\r\n        CommonModule, \r\n        RouterModule\r\n    ],\r\n    exports: [\r\n        ...components\r\n    ]\r\n})\r\nexport class SdsLayoutModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"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/layout.module.ts","../../../projects/ngx-sds-components/src/lib/layout/spicainternational-ngx-sds-components-src-lib-layout.ts"],"sourcesContent":["import { Component, OnInit } from '@angular/core';\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})\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\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})\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\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})\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\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})\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\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})\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","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { RouterModule } from '@angular/router';\r\nimport { SdsDefaultLayoutComponent } from './default-layout/default-layout.component';\r\nimport { SdsFluidLayoutComponent } from './fluid-layout/fluid-layout.component';\r\nimport { SdsSmallLayoutComponent } from './small-layout/small-layout.component';\r\nimport { SdsMediumLayoutComponent } from './medium-layout/medium-layout.component';\r\nimport { SdsExtraLargeLayoutComponent } from './extra-large-layout/extra-large-layout.component';\r\n\r\nconst components = [\r\n    SdsDefaultLayoutComponent,\r\n    SdsFluidLayoutComponent,\r\n    SdsSmallLayoutComponent,\r\n    SdsMediumLayoutComponent,\r\n    SdsExtraLargeLayoutComponent\r\n];\r\n\r\n@NgModule({\r\n    declarations: [\r\n        ...components\r\n    ],\r\n    imports: [\r\n        CommonModule, \r\n        RouterModule\r\n    ],\r\n    exports: [\r\n        ...components\r\n    ]\r\n})\r\nexport class SdsLayoutModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

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

@@ -1,8 +1,8 @@
 import * as i0 from '@angular/core';
 import { EventEmitter, Component, Input, Output, NgModule } from '@angular/core';
-import * as i2 from '@angular/common';
+import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import * as i1 from '@fortawesome/angular-fontawesome';
+import * as i2 from '@fortawesome/angular-fontawesome';
 import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
 
 class SdsMessageComponent {
@@ -28,11 +28,11 @@ class SdsMessageComponent {
         this.actionClick.emit();
     }
 }
-SdsMessageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SdsMessageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: SdsMessageComponent, 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" }, 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    [class.sds-message-success] = \"style == 'success'\"\r\n    [class.sds-message-danger] = \"style == 'danger'\"\r\n    [class.sds-message-warning] = \"style == 'warning'\"\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 class=\"\">\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    </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:#212529;background-color:#dee2e6}.sds-message-success{color:#f8f9fa;background-color:#29ba60}.sds-message-danger{color:#f8f9fa;background-color:#cc5252}.sds-message-warning{color:#212529;background-color:#ffc107}.btn-close{font-size:.75em}\n"], components: [{ type: i1.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsMessageComponent, decorators: [{
+SdsMessageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SdsMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SdsMessageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: SdsMessageComponent, 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" }, 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    [class.sds-message-success] = \"style == 'success'\"\r\n    [class.sds-message-danger] = \"style == 'danger'\"\r\n    [class.sds-message-warning] = \"style == 'warning'\"\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 class=\"\">\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    </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{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)}.btn-close{font-size:.75em}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.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: "15.2.10", ngImport: i0, type: SdsMessageComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sds-message', 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    [class.sds-message-success] = \"style == 'success'\"\r\n    [class.sds-message-danger] = \"style == 'danger'\"\r\n    [class.sds-message-warning] = \"style == 'warning'\"\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 class=\"\">\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    </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:#212529;background-color:#dee2e6}.sds-message-success{color:#f8f9fa;background-color:#29ba60}.sds-message-danger{color:#f8f9fa;background-color:#cc5252}.sds-message-warning{color:#212529;background-color:#ffc107}.btn-close{font-size:.75em}\n"] }]
+            args: [{ selector: 'sds-message', 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    [class.sds-message-success] = \"style == 'success'\"\r\n    [class.sds-message-danger] = \"style == 'danger'\"\r\n    [class.sds-message-warning] = \"style == 'warning'\"\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 class=\"\">\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    </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{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)}.btn-close{font-size:.75em}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { icon: [{
                 type: Input
             }], text: [{
@@ -59,14 +59,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImpor
 
 class SdsMessageModule {
 }
-SdsMessageModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsMessageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SdsMessageModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsMessageModule, declarations: [SdsMessageComponent], imports: [CommonModule,
+SdsMessageModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SdsMessageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SdsMessageModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: SdsMessageModule, declarations: [SdsMessageComponent], imports: [CommonModule,
         FontAwesomeModule], exports: [SdsMessageComponent] });
-SdsMessageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsMessageModule, imports: [[
-            CommonModule,
-            FontAwesomeModule
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsMessageModule, decorators: [{
+SdsMessageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SdsMessageModule, imports: [CommonModule,
+        FontAwesomeModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SdsMessageModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [