@spicainternational/ngx-sds-components 5.13.0 → 5.20.0

package/fesm2015/spicainternational-ngx-sds-components-src-lib-expansion-panel.mjs

@@ -39,10 +39,10 @@ class SdsExpansionPanelComponent {
     }
 }
 SdsExpansionPanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsExpansionPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SdsExpansionPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: SdsExpansionPanelComponent, selector: "sds-expansion-panel", inputs: { headerText: "headerText", hideHeader: "hideHeader", headerId: "headerId", animateCaret: "animateCaret", showBackground: "showBackground", caretPlacement: "caretPlacement", descriptionText: "descriptionText", isOpen: "isOpen" }, outputs: { isOpenChange: "isOpenChange" }, ngImport: i0, template: "<div\r\n    class=\"rounded expansion-panel\"\r\n    [class.background]=\"showBackground\"\r\n    [class.closed]=\"!isOpen\"\r\n    (click)=\"openPanel()\"\r\n>\r\n    <ng-container *ngIf=\"!hideHeader\">\r\n        <div\r\n            class=\"expansion-panel-header d-flex flex-row aligh-items-center\"\r\n        >\r\n            <button\r\n                type=\"button\"\r\n                class=\"btn btn-link\"\r\n                [id]=\"headerId\"\r\n                (click)=\"onToggleIsOpenClick($event)\"\r\n            >\r\n                <span class=\"header-text\">\r\n                    {{ headerText }}\r\n                </span>\r\n            </button>\r\n            <button\r\n                type=\"button\"\r\n                class=\"btn btn-link caret\"\r\n                [class.rotate]=\"animateCaret\"\r\n                [class.ms-2]=\"caretPlacement === 'nextToHeader'\"\r\n                [class.ms-auto]=\"caretPlacement === 'farEnd'\"\r\n                (click)=\"onToggleIsOpenClick($event)\"\r\n            >\r\n                <fa-icon [icon]=\"caretIcon\"></fa-icon>\r\n            </button>\r\n        </div>\r\n    </ng-container>\r\n\r\n    <div \r\n        *ngIf=\"!isOpen\"\r\n        class=\"mt-1\"\r\n        >\r\n        {{ descriptionText }}\r\n        <ng-content select=\"[contentOnClosed]\"></ng-content>\r\n    </div>\r\n\r\n    <div \r\n        *ngIf=\"isOpen\"\r\n        class=\"mt-1\"\r\n        >\r\n        <ng-content></ng-content>\r\n    </div>\r\n</div>\r\n", styles: [".expansion-panel .caret.rotate{transition:transform .2s linear}.expansion-panel.closed{cursor:pointer}.expansion-panel.closed .caret{transform:rotate(-180deg)}.expansion-panel.background{background-color:#f8f9fa;padding:1.5rem}.expansion-panel .expansion-panel-header .header-text{font-size:1.06rem;font-weight:600}.expansion-panel .expansion-panel-header button{text-decoration:none;padding:0;color:#212529}.expansion-panel .expansion-panel-header button:focus{box-shadow:none}\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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SdsExpansionPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: SdsExpansionPanelComponent, selector: "sds-expansion-panel", inputs: { headerText: "headerText", hideHeader: "hideHeader", headerId: "headerId", animateCaret: "animateCaret", showBackground: "showBackground", caretPlacement: "caretPlacement", descriptionText: "descriptionText", isOpen: "isOpen", expandPanelText: "expandPanelText", collapsePanelText: "collapsePanelText" }, outputs: { isOpenChange: "isOpenChange" }, ngImport: i0, template: "<div\r\n    class=\"rounded expansion-panel\"\r\n    [class.background]=\"showBackground\"\r\n    [class.closed]=\"!isOpen\"\r\n    (click)=\"openPanel()\"\r\n>\r\n    <ng-container *ngIf=\"!hideHeader\">\r\n        <div\r\n            class=\"expansion-panel-header d-flex flex-row aligh-items-center\"\r\n        >\r\n            <button\r\n                type=\"button\"\r\n                class=\"btn btn-link\"\r\n                [id]=\"headerId\"\r\n                (click)=\"onToggleIsOpenClick($event)\"\r\n            >\r\n                <span class=\"header-text\">\r\n                    {{ headerText }}\r\n                </span>\r\n            </button>\r\n            <button\r\n                type=\"button\"\r\n                class=\"btn btn-link caret\"\r\n                [class.rotate]=\"animateCaret\"\r\n                [class.ms-2]=\"caretPlacement === 'nextToHeader'\"\r\n                [class.ms-auto]=\"caretPlacement === 'farEnd'\"\r\n                [title]=\"isOpen ? collapsePanelText ?? '' : expandPanelText ?? ''\"\r\n                (click)=\"onToggleIsOpenClick($event)\"\r\n            >\r\n                <fa-icon [icon]=\"caretIcon\"></fa-icon>\r\n            </button>\r\n        </div>\r\n    </ng-container>\r\n\r\n    <div \r\n        *ngIf=\"!isOpen\"\r\n        class=\"mt-1\"\r\n        >\r\n        {{ descriptionText }}\r\n        <ng-content select=\"[contentOnClosed]\"></ng-content>\r\n    </div>\r\n\r\n    <div \r\n        *ngIf=\"isOpen\"\r\n        class=\"mt-1\"\r\n        >\r\n        <ng-content></ng-content>\r\n    </div>\r\n</div>\r\n", styles: [".expansion-panel .caret{transform:rotate(-180deg)}.expansion-panel .caret.rotate{transition:transform .2s linear}.expansion-panel.closed{cursor:pointer}.expansion-panel.closed .caret{transform:rotate(0)}.expansion-panel.background{background-color:#f8f9fa;padding:1.5rem}.expansion-panel .expansion-panel-header .header-text{font-size:1.06rem;font-weight:600}.expansion-panel .expansion-panel-header button{text-decoration:none;padding:0;color:#212529}.expansion-panel .expansion-panel-header button:focus{box-shadow:none}\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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsExpansionPanelComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sds-expansion-panel', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\r\n    class=\"rounded expansion-panel\"\r\n    [class.background]=\"showBackground\"\r\n    [class.closed]=\"!isOpen\"\r\n    (click)=\"openPanel()\"\r\n>\r\n    <ng-container *ngIf=\"!hideHeader\">\r\n        <div\r\n            class=\"expansion-panel-header d-flex flex-row aligh-items-center\"\r\n        >\r\n            <button\r\n                type=\"button\"\r\n                class=\"btn btn-link\"\r\n                [id]=\"headerId\"\r\n                (click)=\"onToggleIsOpenClick($event)\"\r\n            >\r\n                <span class=\"header-text\">\r\n                    {{ headerText }}\r\n                </span>\r\n            </button>\r\n            <button\r\n                type=\"button\"\r\n                class=\"btn btn-link caret\"\r\n                [class.rotate]=\"animateCaret\"\r\n                [class.ms-2]=\"caretPlacement === 'nextToHeader'\"\r\n                [class.ms-auto]=\"caretPlacement === 'farEnd'\"\r\n                (click)=\"onToggleIsOpenClick($event)\"\r\n            >\r\n                <fa-icon [icon]=\"caretIcon\"></fa-icon>\r\n            </button>\r\n        </div>\r\n    </ng-container>\r\n\r\n    <div \r\n        *ngIf=\"!isOpen\"\r\n        class=\"mt-1\"\r\n        >\r\n        {{ descriptionText }}\r\n        <ng-content select=\"[contentOnClosed]\"></ng-content>\r\n    </div>\r\n\r\n    <div \r\n        *ngIf=\"isOpen\"\r\n        class=\"mt-1\"\r\n        >\r\n        <ng-content></ng-content>\r\n    </div>\r\n</div>\r\n", styles: [".expansion-panel .caret.rotate{transition:transform .2s linear}.expansion-panel.closed{cursor:pointer}.expansion-panel.closed .caret{transform:rotate(-180deg)}.expansion-panel.background{background-color:#f8f9fa;padding:1.5rem}.expansion-panel .expansion-panel-header .header-text{font-size:1.06rem;font-weight:600}.expansion-panel .expansion-panel-header button{text-decoration:none;padding:0;color:#212529}.expansion-panel .expansion-panel-header button:focus{box-shadow:none}\n"] }]
+            args: [{ selector: 'sds-expansion-panel', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\r\n    class=\"rounded expansion-panel\"\r\n    [class.background]=\"showBackground\"\r\n    [class.closed]=\"!isOpen\"\r\n    (click)=\"openPanel()\"\r\n>\r\n    <ng-container *ngIf=\"!hideHeader\">\r\n        <div\r\n            class=\"expansion-panel-header d-flex flex-row aligh-items-center\"\r\n        >\r\n            <button\r\n                type=\"button\"\r\n                class=\"btn btn-link\"\r\n                [id]=\"headerId\"\r\n                (click)=\"onToggleIsOpenClick($event)\"\r\n            >\r\n                <span class=\"header-text\">\r\n                    {{ headerText }}\r\n                </span>\r\n            </button>\r\n            <button\r\n                type=\"button\"\r\n                class=\"btn btn-link caret\"\r\n                [class.rotate]=\"animateCaret\"\r\n                [class.ms-2]=\"caretPlacement === 'nextToHeader'\"\r\n                [class.ms-auto]=\"caretPlacement === 'farEnd'\"\r\n                [title]=\"isOpen ? collapsePanelText ?? '' : expandPanelText ?? ''\"\r\n                (click)=\"onToggleIsOpenClick($event)\"\r\n            >\r\n                <fa-icon [icon]=\"caretIcon\"></fa-icon>\r\n            </button>\r\n        </div>\r\n    </ng-container>\r\n\r\n    <div \r\n        *ngIf=\"!isOpen\"\r\n        class=\"mt-1\"\r\n        >\r\n        {{ descriptionText }}\r\n        <ng-content select=\"[contentOnClosed]\"></ng-content>\r\n    </div>\r\n\r\n    <div \r\n        *ngIf=\"isOpen\"\r\n        class=\"mt-1\"\r\n        >\r\n        <ng-content></ng-content>\r\n    </div>\r\n</div>\r\n", styles: [".expansion-panel .caret{transform:rotate(-180deg)}.expansion-panel .caret.rotate{transition:transform .2s linear}.expansion-panel.closed{cursor:pointer}.expansion-panel.closed .caret{transform:rotate(0)}.expansion-panel.background{background-color:#f8f9fa;padding:1.5rem}.expansion-panel .expansion-panel-header .header-text{font-size:1.06rem;font-weight:600}.expansion-panel .expansion-panel-header button{text-decoration:none;padding:0;color:#212529}.expansion-panel .expansion-panel-header button:focus{box-shadow:none}\n"] }]
         }], propDecorators: { headerText: [{
                 type: Input
             }], hideHeader: [{
@@ -61,6 +61,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImpor
                 type: Input
             }], isOpenChange: [{
                 type: Output
+            }], expandPanelText: [{
+                type: Input
+            }], collapsePanelText: [{
+                type: Input
             }] } });
 
 /**

package/fesm2015/spicainternational-ngx-sds-components-src-lib-expansion-panel.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"spicainternational-ngx-sds-components-src-lib-expansion-panel.mjs","sources":["../../../projects/ngx-sds-components/src/lib/expansion-panel/expansion-panel.component.ts","../../../projects/ngx-sds-components/src/lib/expansion-panel/expansion-panel.component.html","../../../projects/ngx-sds-components/src/lib/expansion-panel/expansion-panel.module.ts","../../../projects/ngx-sds-components/src/lib/expansion-panel/spicainternational-ngx-sds-components-src-lib-expansion-panel.ts"],"sourcesContent":["import {\r\n    ChangeDetectionStrategy,\r\n    Component,\r\n    EventEmitter,\r\n    Input,\r\n    Output,\r\n} from '@angular/core';\r\nimport { faChevronDown, faChevronUp } from '@fortawesome/pro-regular-svg-icons';\r\nimport {\r\n    IconDefinition,\r\n    faCaretDown,\r\n    faCaretUp,\r\n} from '@fortawesome/pro-solid-svg-icons';\r\nimport { CaretPlacement } from './expansion-panel.types';\r\n\r\n@Component({\r\n    selector: 'sds-expansion-panel',\r\n    templateUrl: './expansion-panel.component.html',\r\n    styleUrls: ['./expansion-panel.component.scss'],\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class SdsExpansionPanelComponent {\r\n    @Input() headerText?: string;\r\n    @Input() hideHeader?: boolean;\r\n    @Input() headerId?: string;\r\n\r\n    @Input() animateCaret = false;\r\n\r\n    /**\r\n     * toggles greyish background\r\n     *\r\n     * @memberof SdsExpansionPanelComponent\r\n     */\r\n    @Input() showBackground = true;\r\n\r\n    /**\r\n     * position caret next to header of on the far end of the component\r\n     *\r\n     * @type {('nextToHeader' | 'farEnd')}\r\n     * @memberof SdsExpansionPanelComponent\r\n     */\r\n    @Input() caretPlacement: CaretPlacement = 'nextToHeader';\r\n\r\n    /**\r\n     * 'descriptionText' - text displayed when component is \"closed\".\r\n     *\r\n     * Note: Use ng-content 'contentOnClosed' if more complex use-case is needed\r\n     *\r\n     * @type {string}\r\n     * @memberof ExpansionPanelComponent\r\n     */\r\n    @Input() descriptionText?: string;\r\n\r\n    @Input() isOpen: boolean = false;\r\n    @Output() isOpenChange: EventEmitter<boolean> = new EventEmitter();\r\n\r\n    public caretIcon: IconDefinition = faChevronDown;\r\n\r\n    public onToggleIsOpenClick(event: MouseEvent): void {\r\n        this.isOpen = !this.isOpen;\r\n        this.isOpenChange.emit(this.isOpen);\r\n        event.stopImmediatePropagation();\r\n    }\r\n\r\n    public openPanel() {\r\n        if (!this.isOpen) {\r\n            this.isOpen = true;\r\n            this.isOpenChange.emit(this.isOpen);\r\n        }\r\n    }\r\n}\r\n","<div\r\n    class=\"rounded expansion-panel\"\r\n    [class.background]=\"showBackground\"\r\n    [class.closed]=\"!isOpen\"\r\n    (click)=\"openPanel()\"\r\n>\r\n    <ng-container *ngIf=\"!hideHeader\">\r\n        <div\r\n            class=\"expansion-panel-header d-flex flex-row aligh-items-center\"\r\n        >\r\n            <button\r\n                type=\"button\"\r\n                class=\"btn btn-link\"\r\n                [id]=\"headerId\"\r\n                (click)=\"onToggleIsOpenClick($event)\"\r\n            >\r\n                <span class=\"header-text\">\r\n                    {{ headerText }}\r\n                </span>\r\n            </button>\r\n            <button\r\n                type=\"button\"\r\n                class=\"btn btn-link caret\"\r\n                [class.rotate]=\"animateCaret\"\r\n                [class.ms-2]=\"caretPlacement === 'nextToHeader'\"\r\n                [class.ms-auto]=\"caretPlacement === 'farEnd'\"\r\n                (click)=\"onToggleIsOpenClick($event)\"\r\n            >\r\n                <fa-icon [icon]=\"caretIcon\"></fa-icon>\r\n            </button>\r\n        </div>\r\n    </ng-container>\r\n\r\n    <div \r\n        *ngIf=\"!isOpen\"\r\n        class=\"mt-1\"\r\n        >\r\n        {{ descriptionText }}\r\n        <ng-content select=\"[contentOnClosed]\"></ng-content>\r\n    </div>\r\n\r\n    <div \r\n        *ngIf=\"isOpen\"\r\n        class=\"mt-1\"\r\n        >\r\n        <ng-content></ng-content>\r\n    </div>\r\n</div>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\r\n\r\nimport { SdsExpansionPanelComponent } from './expansion-panel.component';\r\n/**\r\n * Expansion panel - provides an expandable details-summary view. Used for 'progressive disclosure'.\r\n *\r\n * @export\r\n * @class SdsExpansionPanelModule\r\n */\r\n@NgModule({\r\n    declarations: [SdsExpansionPanelComponent],\r\n    imports: [CommonModule, FontAwesomeModule],\r\n    exports: [SdsExpansionPanelComponent],\r\n})\r\nexport class SdsExpansionPanelModule {}\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-expansion-panel.mjs","sources":["../../../projects/ngx-sds-components/src/lib/expansion-panel/expansion-panel.component.ts","../../../projects/ngx-sds-components/src/lib/expansion-panel/expansion-panel.component.html","../../../projects/ngx-sds-components/src/lib/expansion-panel/expansion-panel.module.ts","../../../projects/ngx-sds-components/src/lib/expansion-panel/spicainternational-ngx-sds-components-src-lib-expansion-panel.ts"],"sourcesContent":["import {\r\n    ChangeDetectionStrategy,\r\n    Component,\r\n    EventEmitter,\r\n    Input,\r\n    Output,\r\n} from '@angular/core';\r\nimport { faChevronDown, faChevronUp } from '@fortawesome/pro-regular-svg-icons';\r\nimport {\r\n    IconDefinition,\r\n    faCaretDown,\r\n    faCaretUp,\r\n} from '@fortawesome/pro-solid-svg-icons';\r\nimport { CaretPlacement } from './expansion-panel.types';\r\n\r\n@Component({\r\n    selector: 'sds-expansion-panel',\r\n    templateUrl: './expansion-panel.component.html',\r\n    styleUrls: ['./expansion-panel.component.scss'],\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class SdsExpansionPanelComponent {\r\n    @Input() headerText?: string;\r\n    @Input() hideHeader?: boolean;\r\n    @Input() headerId?: string;\r\n\r\n    @Input() animateCaret = false;\r\n\r\n    /**\r\n     * toggles greyish background\r\n     *\r\n     * @memberof SdsExpansionPanelComponent\r\n     */\r\n    @Input() showBackground = true;\r\n\r\n    /**\r\n     * position caret next to header of on the far end of the component\r\n     *\r\n     * @type {('nextToHeader' | 'farEnd')}\r\n     * @memberof SdsExpansionPanelComponent\r\n     */\r\n    @Input() caretPlacement: CaretPlacement = 'nextToHeader';\r\n\r\n    /**\r\n     * 'descriptionText' - text displayed when component is \"closed\".\r\n     *\r\n     * Note: Use ng-content 'contentOnClosed' if more complex use-case is needed\r\n     *\r\n     * @type {string}\r\n     * @memberof ExpansionPanelComponent\r\n     */\r\n    @Input() descriptionText?: string;\r\n\r\n    @Input() isOpen: boolean = false;\r\n    @Output() isOpenChange: EventEmitter<boolean> = new EventEmitter();\r\n\r\n    @Input() expandPanelText?: string;\r\n    @Input() collapsePanelText?: string;\r\n\r\n    public caretIcon: IconDefinition = faChevronDown;\r\n\r\n    public onToggleIsOpenClick(event: MouseEvent): void {\r\n        this.isOpen = !this.isOpen;\r\n        this.isOpenChange.emit(this.isOpen);\r\n        event.stopImmediatePropagation();\r\n    }\r\n\r\n    public openPanel() {\r\n        if (!this.isOpen) {\r\n            this.isOpen = true;\r\n            this.isOpenChange.emit(this.isOpen);\r\n        }\r\n    }\r\n}\r\n","<div\r\n    class=\"rounded expansion-panel\"\r\n    [class.background]=\"showBackground\"\r\n    [class.closed]=\"!isOpen\"\r\n    (click)=\"openPanel()\"\r\n>\r\n    <ng-container *ngIf=\"!hideHeader\">\r\n        <div\r\n            class=\"expansion-panel-header d-flex flex-row aligh-items-center\"\r\n        >\r\n            <button\r\n                type=\"button\"\r\n                class=\"btn btn-link\"\r\n                [id]=\"headerId\"\r\n                (click)=\"onToggleIsOpenClick($event)\"\r\n            >\r\n                <span class=\"header-text\">\r\n                    {{ headerText }}\r\n                </span>\r\n            </button>\r\n            <button\r\n                type=\"button\"\r\n                class=\"btn btn-link caret\"\r\n                [class.rotate]=\"animateCaret\"\r\n                [class.ms-2]=\"caretPlacement === 'nextToHeader'\"\r\n                [class.ms-auto]=\"caretPlacement === 'farEnd'\"\r\n                [title]=\"isOpen ? collapsePanelText ?? '' : expandPanelText ?? ''\"\r\n                (click)=\"onToggleIsOpenClick($event)\"\r\n            >\r\n                <fa-icon [icon]=\"caretIcon\"></fa-icon>\r\n            </button>\r\n        </div>\r\n    </ng-container>\r\n\r\n    <div \r\n        *ngIf=\"!isOpen\"\r\n        class=\"mt-1\"\r\n        >\r\n        {{ descriptionText }}\r\n        <ng-content select=\"[contentOnClosed]\"></ng-content>\r\n    </div>\r\n\r\n    <div \r\n        *ngIf=\"isOpen\"\r\n        class=\"mt-1\"\r\n        >\r\n        <ng-content></ng-content>\r\n    </div>\r\n</div>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\r\n\r\nimport { SdsExpansionPanelComponent } from './expansion-panel.component';\r\n/**\r\n * Expansion panel - provides an expandable details-summary view. Used for 'progressive disclosure'.\r\n *\r\n * @export\r\n * @class SdsExpansionPanelModule\r\n */\r\n@NgModule({\r\n    declarations: [SdsExpansionPanelComponent],\r\n    imports: [CommonModule, FontAwesomeModule],\r\n    exports: [SdsExpansionPanelComponent],\r\n})\r\nexport class SdsExpansionPanelModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"spicainternational-ngx-sds-components-src-lib-intersection.mjs","sources":["../../../projects/ngx-sds-components/src/lib/intersection/services/intersection.service.ts","../../../projects/ngx-sds-components/src/lib/intersection/directives/intersection.directive.ts","../../../projects/ngx-sds-components/src/lib/intersection/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":";;;;;;MAMa,mBAAmB,CAAA;AAG5B,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,CAAC;KACH;AAED;;;;;;;;AAQG;IACH,eAAe,CACb,OAAmB,EACnB,OAAkC,EAAA;;AAElC,QAAA,MAAM,mBAAmB,GAA6B;YACpD,IAAI,EAAE,CAAA,EAAA,GAAA,OAAO,KAAP,IAAA,IAAA,OAAO,uBAAP,OAAO,CAAE,IAAI,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,IAAI;YAC3B,UAAU,EAAE,CAAA,EAAA,GAAA,OAAO,KAAP,IAAA,IAAA,OAAO,uBAAP,OAAO,CAAE,UAAU,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,iBAAiB;YACpD,SAAS,EAAE,CAAA,EAAA,GAAA,OAAO,KAAP,IAAA,IAAA,OAAO,uBAAP,OAAO,CAAE,SAAS,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,GAAG;SACrC,CAAC;QAEF,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,CAAC;aACxB,EAAE,mBAAmB,CAAC,CAAC;AAExB,YAAA,oBAAoB,CAAC,OAAO,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;AAEpD,YAAA,OAAO,MAAK;gBACV,oBAAoB,CAAC,UAAU,EAAE,CAAC;AACpC,aAAC,CAAC;AACJ,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,CAAC;QAEF,MAAM,eAAe,GAAG,aAAa,CAAC;AACpC,YAAA,IAAI,CAAC,iBAAiB;YACtB,eAAe;AAChB,SAAA,CAAC,CAAC,IAAI,CACL,GAAG,CAAC,MAAM,IAAG;AACX,YAAA,MAAM,WAAW,GAAY,MAAM,CAAC,CAAC,CAAC,CAAC;AACvC,YAAA,MAAM,cAAc,GAAY,MAAM,CAAC,CAAC,CAAC,CAAC;AAE1C,YAAA,MAAM,SAAS,GAAG,WAAW,IAAI,cAAc,CAAC;AAEhD,YAAA,OAAO,SAAS,CAAC;AACnB,SAAC,CAAC,EACF,oBAAoB,EAAE,CACvB,CAAC;AAEF,QAAA,OAAO,eAAe,CAAC;KACxB;;AA/DQ,mBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,mBAAmB,kBAGR,QAAQ,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA;oHAHnB,mBAAmB,EAAA,CAAA,CAAA;2FAAnB,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAD/B,UAAU;;;8BAIM,MAAM;+BAAC,QAAQ,CAAA;;;;MCDnB,qBAAqB,CAAA;IAoB9B,WACqB,CAAA,QAAoB,EACpB,oBAAyC,EAAA;AADzC,QAAA,IAAQ,CAAA,QAAA,GAAR,QAAQ,CAAY;AACpB,QAAA,IAAoB,CAAA,oBAAA,GAApB,oBAAoB,CAAqB;AAV9D;;AAEG;AACO,QAAA,IAAA,CAAA,cAAc,GAA0B,IAAI,YAAY,EAAW,CAAC;AAGtE,QAAA,IAAc,CAAA,cAAA,GAAmB,EAAE,CAAC;KAKxC;AAtBJ;;AAEG;AACH,IAAA,IACI,mBAAmB,GAAA;QACnB,OAAO,IAAI,CAAC,oBAAoB,CAAC;KACpC;IACD,IAAI,mBAAmB,CAAC,KAA2C,EAAA;AAC/D,QAAA,IAAI,CAAC,oBAAoB,GAAG,KAAK,CAAC;KACrC;IAeD,QAAQ,GAAA;KAEP;IAED,WAAW,GAAA;AACP,QAAA,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,YAAY,IAAI,YAAY,CAAC,WAAW,EAAE,CAAC,CAAC;KAC3E;IAED,eAAe,GAAA;AACX,QAAA,MAAM,uBAAuB,GAAG,IAAI,CAAC,oBAAoB;aACpD,eAAe,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,mBAAmB,CAAC;aACxD,SAAS,CAAC,cAAc,IAAG;AACxB,YAAA,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;AACjD,SAAC,CAAC,CAAC;AAEH,QAAA,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,uBAAuB,CAAC,CAAC;KACrD;;kHAzCQ,qBAAqB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,EAAA,EAAA,KAAA,EAAAA,mBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;sGAArB,qBAAqB,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,EAAA,mBAAA,EAAA,qBAAA,EAAA,EAAA,OAAA,EAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,EAAA,SAAA,EAFrB,CAAC,mBAAmB,CAAC,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;2FAErB,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAJjC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,mBAAmB;oBAC7B,SAAS,EAAE,CAAC,mBAAmB,CAAC;iBACjC,CAAA;gIAMO,mBAAmB,EAAA,CAAA;sBADtB,KAAK;gBAWI,cAAc,EAAA,CAAA;sBAAvB,MAAM;;;MCZE,qBAAqB,CAAA;;kHAArB,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAArB,qBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,qBAAqB,EANjB,YAAA,EAAA,CAAA,qBAAqB,CAGlC,EAAA,OAAA,EAAA,CAAA,YAAY,aAFJ,qBAAqB,CAAA,EAAA,CAAA,CAAA;AAKpB,qBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,qBAAqB,EAJvB,OAAA,EAAA,CAAA;YACP,YAAY;SACb,CAAA,EAAA,CAAA,CAAA;2FAEU,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAPjC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,qBAAqB,CAAC;oBACrC,OAAO,EAAE,CAAC,qBAAqB,CAAC;AAChC,oBAAA,OAAO,EAAE;wBACP,YAAY;AACb,qBAAA;iBACF,CAAA;;;ACVD;;AAEG;;;;"}

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

@@ -0,0 +1,87 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Directive, Inject, Output, NgModule } from '@angular/core';
+import { DOCUMENT, CommonModule } from '@angular/common';
+import { fromEvent } from 'rxjs';
+import { groupBy, mergeAll } from 'rxjs/operators';
+
+class KeyboardShortcutDirective {
+    constructor(_document) {
+        this._document = _document;
+        /**
+           * OUTPUTS
+           */
+        /**
+         * Emitted when user presses Escape
+         */
+        this.closeShortcut = new EventEmitter();
+        /**
+         * Emitted when user presses ctrl+Enter or cmd+Enter
+         */
+        this.saveRecordShortcut = new EventEmitter();
+        this._subscriptions = [];
+    }
+    ngOnInit() {
+        const keyboardEventsSubscription = fromEvent(this._document, 'keydown')
+            .pipe(groupBy(e => e.code), mergeAll())
+            .subscribe(keyboardEvent => {
+            // Define shortcut(s) logic here.
+            if (keyboardEvent.code === 'Escape') {
+                this.closeShortcut.emit();
+            }
+            if (keyboardEvent.code === 'Enter' && keyboardEvent.ctrlKey) {
+                // Ctrl+Enter was pressed (Cmd+Enter on Apple HW)
+                this.saveRecordShortcut.emit();
+            }
+        });
+        this._subscriptions.push(keyboardEventsSubscription);
+    }
+    ngOnDestroy() {
+        this._subscriptions.forEach(subscription => subscription.unsubscribe());
+    }
+}
+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: [{
+            type: Directive,
+            args: [{
+                    selector: '[sdsKeyboardShortcut]'
+                }]
+        }], ctorParameters: function () {
+        return [{ type: undefined, decorators: [{
+                        type: Inject,
+                        args: [DOCUMENT]
+                    }] }];
+    }, propDecorators: { closeShortcut: [{
+                type: Output
+            }], saveRecordShortcut: [{
+                type: Output
+            }] } });
+
+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: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        KeyboardShortcutDirective
+                    ],
+                    exports: [
+                        KeyboardShortcutDirective
+                    ],
+                    imports: [
+                        CommonModule
+                    ]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { KeyboardShortcutDirective, SdsKeyboardShortcutModule };
+//# sourceMappingURL=spicainternational-ngx-sds-components-src-lib-keyboard-shortcut.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"spicainternational-ngx-sds-components-src-lib-keyboard-shortcut.mjs","sources":["../../../projects/ngx-sds-components/src/lib/keyboard-shortcut/directives/keyboard-shortcut.directive.ts","../../../projects/ngx-sds-components/src/lib/keyboard-shortcut/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/fesm2015/spicainternational-ngx-sds-components-src-lib-modal.mjs

@@ -61,10 +61,10 @@ class SdsModalComponent {
     }
 }
 SdsModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SdsModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: SdsModalComponent, selector: "sds-modal", inputs: { modalTitle: "modalTitle", showHeader: "showHeader", showFooter: "showFooter", size: "size", modalDialogId: "modalDialogId", showCloseButton: "showCloseButton", autoFocusCloseButton: "autoFocusCloseButton", translations: "translations", isScrollable: "isScrollable", closeOnEscape: "closeOnEscape" }, outputs: { modalOpen: "modalOpen", modalClose: "modalClose", closeClick: "closeClick", closeEscapeKeypress: "closeEscapeKeypress" }, queries: [{ propertyName: "headerContent", first: true, predicate: ["header"], descendants: true }], viewQueries: [{ propertyName: "_modal", first: true, predicate: ["modal"], descendants: true }, { propertyName: "_closeButton", first: true, predicate: ["closeButton"], descendants: true }], ngImport: i0, template: "<div #modal class=\"modal\" (keydown)=\"onKeydown($event)\" [cdkTrapFocus]=\"isOpen\" [cdkTrapFocusAutoCapture]=\"true\" >\r\n    <div\r\n        class=\"modal-dialog modal-dialog-centered\"\r\n        [class.modal-dialog-scrollable] = \"isScrollable\"\r\n        [attr.id]=\"modalDialogId\"\r\n        [ngClass]=\"'modal-' + size\"\r\n        role=\"document\"\r\n        >\r\n        <div class=\"modal-content\">\r\n\r\n            <div *ngIf=\"showHeader && headerContent\" class=\"modal-header\">\r\n                <ng-content select='header'></ng-content>\r\n            </div>             \r\n\r\n            <div *ngIf=\"showHeader && !headerContent\" class=\"modal-header\">\r\n                <h5 class=\"modal-title\">{{modalTitle}}</h5>\r\n                <button \r\n                    #closeButton\r\n                    *ngIf=\"showCloseButton\"\r\n                    type=\"button\" \r\n                    class=\"btn-close\" \r\n                    [title]=\"translations.close ?? ''\"\r\n                    (click)=\"onCloseButtonClick()\">\r\n                </button>\r\n            </div>\r\n\r\n            <div class=\"modal-body\">\r\n                <ng-content></ng-content>\r\n            </div>\r\n\r\n            <div *ngIf=\"showFooter\" class=\"modal-footer\">\r\n                <ng-content select=\"footer\"></ng-content>\r\n            </div>            \r\n        </div>\r\n    </div>\r\n</div>", styles: [".modal{background:rgba(0,0,0,.5)}.modal .modal-header button.btn-close:hover{background-color:#e9ecef}.modal.in{opacity:1}.modal.in .modal-dialog{transform:translate(0)}.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}@media (min-width: 820px){.modal-820{max-width:820px}}\n"], directives: [{ type: i1.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+SdsModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: SdsModalComponent, selector: "sds-modal", inputs: { modalTitle: "modalTitle", showHeader: "showHeader", showFooter: "showFooter", size: "size", modalDialogId: "modalDialogId", showCloseButton: "showCloseButton", autoFocusCloseButton: "autoFocusCloseButton", translations: "translations", isScrollable: "isScrollable", closeOnEscape: "closeOnEscape" }, outputs: { modalOpen: "modalOpen", modalClose: "modalClose", closeClick: "closeClick", closeEscapeKeypress: "closeEscapeKeypress" }, queries: [{ propertyName: "headerContent", first: true, predicate: ["header"], descendants: true }], viewQueries: [{ propertyName: "_modal", first: true, predicate: ["modal"], descendants: true }, { propertyName: "_closeButton", first: true, predicate: ["closeButton"], descendants: true }], ngImport: i0, template: "<div #modal class=\"modal\" (keydown)=\"onKeydown($event)\" [cdkTrapFocus]=\"isOpen\" [cdkTrapFocusAutoCapture]=\"true\" >\r\n    <div\r\n        class=\"modal-dialog modal-dialog-centered\"\r\n        [class.modal-dialog-scrollable] = \"isScrollable\"\r\n        [attr.id]=\"modalDialogId\"\r\n        [ngClass]=\"'modal-' + size\"\r\n        role=\"document\"\r\n        >\r\n        <div class=\"modal-content\">\r\n\r\n            <div *ngIf=\"showHeader && headerContent\" class=\"modal-header\">\r\n                <ng-content select='header'></ng-content>\r\n            </div>             \r\n\r\n            <div \r\n                *ngIf=\"showHeader && !headerContent\" \r\n                class=\"modal-header\"\r\n                >\r\n                <h5 class=\"modal-title\">{{modalTitle}}</h5>\r\n                <button \r\n                    #closeButton\r\n                    *ngIf=\"showCloseButton\"\r\n                    type=\"button\" \r\n                    class=\"btn-close\" \r\n                    [title]=\"translations.close ?? ''\"\r\n                    (click)=\"onCloseButtonClick()\">\r\n                </button>\r\n            </div>\r\n\r\n            <div \r\n                class=\"modal-body\"\r\n                [class.pt-0]=\"showHeader\"\r\n                [class.pb-0]=\"showFooter\"\r\n                >\r\n                <ng-content></ng-content>\r\n            </div>\r\n\r\n            <div *ngIf=\"showFooter\" class=\"modal-footer\">\r\n                <ng-content select=\"footer\"></ng-content>\r\n            </div>            \r\n        </div>\r\n    </div>\r\n</div>", styles: [".modal{background:rgba(0,0,0,.5)}.modal .modal-header button.btn-close:hover{background-color:#e9ecef}.modal.in{opacity:1}.modal.in .modal-dialog{transform:translate(0)}.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}@media (min-width: 820px){.modal-820{max-width:820px}}\n"], directives: [{ type: i1.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsModalComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sds-modal', template: "<div #modal class=\"modal\" (keydown)=\"onKeydown($event)\" [cdkTrapFocus]=\"isOpen\" [cdkTrapFocusAutoCapture]=\"true\" >\r\n    <div\r\n        class=\"modal-dialog modal-dialog-centered\"\r\n        [class.modal-dialog-scrollable] = \"isScrollable\"\r\n        [attr.id]=\"modalDialogId\"\r\n        [ngClass]=\"'modal-' + size\"\r\n        role=\"document\"\r\n        >\r\n        <div class=\"modal-content\">\r\n\r\n            <div *ngIf=\"showHeader && headerContent\" class=\"modal-header\">\r\n                <ng-content select='header'></ng-content>\r\n            </div>             \r\n\r\n            <div *ngIf=\"showHeader && !headerContent\" class=\"modal-header\">\r\n                <h5 class=\"modal-title\">{{modalTitle}}</h5>\r\n                <button \r\n                    #closeButton\r\n                    *ngIf=\"showCloseButton\"\r\n                    type=\"button\" \r\n                    class=\"btn-close\" \r\n                    [title]=\"translations.close ?? ''\"\r\n                    (click)=\"onCloseButtonClick()\">\r\n                </button>\r\n            </div>\r\n\r\n            <div class=\"modal-body\">\r\n                <ng-content></ng-content>\r\n            </div>\r\n\r\n            <div *ngIf=\"showFooter\" class=\"modal-footer\">\r\n                <ng-content select=\"footer\"></ng-content>\r\n            </div>            \r\n        </div>\r\n    </div>\r\n</div>", styles: [".modal{background:rgba(0,0,0,.5)}.modal .modal-header button.btn-close:hover{background-color:#e9ecef}.modal.in{opacity:1}.modal.in .modal-dialog{transform:translate(0)}.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}@media (min-width: 820px){.modal-820{max-width:820px}}\n"] }]
+            args: [{ selector: 'sds-modal', template: "<div #modal class=\"modal\" (keydown)=\"onKeydown($event)\" [cdkTrapFocus]=\"isOpen\" [cdkTrapFocusAutoCapture]=\"true\" >\r\n    <div\r\n        class=\"modal-dialog modal-dialog-centered\"\r\n        [class.modal-dialog-scrollable] = \"isScrollable\"\r\n        [attr.id]=\"modalDialogId\"\r\n        [ngClass]=\"'modal-' + size\"\r\n        role=\"document\"\r\n        >\r\n        <div class=\"modal-content\">\r\n\r\n            <div *ngIf=\"showHeader && headerContent\" class=\"modal-header\">\r\n                <ng-content select='header'></ng-content>\r\n            </div>             \r\n\r\n            <div \r\n                *ngIf=\"showHeader && !headerContent\" \r\n                class=\"modal-header\"\r\n                >\r\n                <h5 class=\"modal-title\">{{modalTitle}}</h5>\r\n                <button \r\n                    #closeButton\r\n                    *ngIf=\"showCloseButton\"\r\n                    type=\"button\" \r\n                    class=\"btn-close\" \r\n                    [title]=\"translations.close ?? ''\"\r\n                    (click)=\"onCloseButtonClick()\">\r\n                </button>\r\n            </div>\r\n\r\n            <div \r\n                class=\"modal-body\"\r\n                [class.pt-0]=\"showHeader\"\r\n                [class.pb-0]=\"showFooter\"\r\n                >\r\n                <ng-content></ng-content>\r\n            </div>\r\n\r\n            <div *ngIf=\"showFooter\" class=\"modal-footer\">\r\n                <ng-content select=\"footer\"></ng-content>\r\n            </div>            \r\n        </div>\r\n    </div>\r\n</div>", styles: [".modal{background:rgba(0,0,0,.5)}.modal .modal-header button.btn-close:hover{background-color:#e9ecef}.modal.in{opacity:1}.modal.in .modal-dialog{transform:translate(0)}.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}@media (min-width: 820px){.modal-820{max-width:820px}}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { headerContent: [{
                 type: ContentChild,
                 args: ['header']

package/fesm2015/spicainternational-ngx-sds-components-src-lib-modal.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"spicainternational-ngx-sds-components-src-lib-modal.mjs","sources":["../../../projects/ngx-sds-components/src/lib/modal/modal.component.ts","../../../projects/ngx-sds-components/src/lib/modal/modal.component.html","../../../projects/ngx-sds-components/src/lib/modal/dialog/dialog.component.ts","../../../projects/ngx-sds-components/src/lib/modal/dialog/dialog.component.html","../../../projects/ngx-sds-components/src/lib/modal/modal.module.ts","../../../projects/ngx-sds-components/src/lib/modal/spicainternational-ngx-sds-components-src-lib-modal.ts"],"sourcesContent":["import {\r\n    Component,\r\n    ElementRef,\r\n    Input,\r\n    OnInit,\r\n    Output,\r\n    ViewChild,\r\n    EventEmitter,\r\n    ContentChild\r\n} from '@angular/core';\r\nimport { faXmark } from '@fortawesome/pro-regular-svg-icons';\r\nimport { ModalTranslations } from './modal.model';\r\n\r\n@Component({\r\n    selector: 'sds-modal',\r\n    templateUrl: './modal.component.html',\r\n    styleUrls: ['./modal.component.scss'],\r\n})\r\nexport class SdsModalComponent implements OnInit {\r\n    @ContentChild('header') headerContent: ElementRef = { nativeElement: undefined };\r\n\r\n    @Input() public modalTitle?: string;\r\n    @Input() public showHeader: boolean = true;\r\n    @Input() public showFooter: boolean = true;\r\n    @Input() public size: 'sm' | 'md' | 'lg' | 'xl' | '820' = 'md';\r\n    @Input() public modalDialogId?: string;\r\n    @Input() public showCloseButton: boolean = true;\r\n    @Input() public autoFocusCloseButton: boolean = false;\r\n\r\n    @Input() public translations: ModalTranslations;\r\n    @Input() public isScrollable = true;\r\n    @Input() public closeOnEscape = false;\r\n\r\n    @Output() public modalOpen: EventEmitter<void> = new EventEmitter<void>();\r\n    @Output() public modalClose: EventEmitter<void> = new EventEmitter<void>();\r\n\r\n    @Output() public closeClick: EventEmitter<void> = new EventEmitter<void>();\r\n    @Output() public closeEscapeKeypress: EventEmitter<void> = new EventEmitter<void>();\r\n\r\n    public closeIcon = faXmark;\r\n\r\n    public isOpen: boolean = false;\r\n\r\n    @ViewChild('modal', { static: false }) private _modal: ElementRef | undefined;\r\n    @ViewChild('closeButton', { static: false }) private _closeButton: ElementRef | undefined;\r\n    \r\n\r\n    constructor() {\r\n        this.translations = {\r\n            close: undefined\r\n        }\r\n    }\r\n\r\n    ngOnInit(): void {}\r\n\r\n    public open(): void {\r\n        if (this._modal != undefined) {\r\n            this._modal.nativeElement.style.display = 'block';\r\n            this.isOpen = true;\r\n            if(this.autoFocusCloseButton)\r\n                this._closeButton?.nativeElement.focus();\r\n            this.modalOpen.emit();\r\n        }\r\n    }\r\n\r\n    public close(): void {\r\n        if (this._modal != undefined) {\r\n            this._modal.nativeElement.style.display = 'none';\r\n            this.isOpen = false;\r\n            this.modalClose.emit();\r\n        }\r\n    }\r\n\r\n    public onCloseButtonClick(){\r\n        this.closeClick.emit();\r\n        this.close();\r\n    }\r\n\r\n    onKeydown(event: KeyboardEvent){\r\n        if (\r\n            event.code === 'Escape' &&\r\n            this.closeOnEscape && \r\n            this._modal != undefined && \r\n            this._modal.nativeElement.style.display === 'block'){\r\n                // console.log(`${this.constructor.name} got event: ${event.code}`);\r\n                this.closeEscapeKeypress.emit();\r\n                this.close();\r\n        }\r\n    }\r\n}\r\n","<div #modal class=\"modal\" (keydown)=\"onKeydown($event)\" [cdkTrapFocus]=\"isOpen\" [cdkTrapFocusAutoCapture]=\"true\" >\r\n    <div\r\n        class=\"modal-dialog modal-dialog-centered\"\r\n        [class.modal-dialog-scrollable] = \"isScrollable\"\r\n        [attr.id]=\"modalDialogId\"\r\n        [ngClass]=\"'modal-' + size\"\r\n        role=\"document\"\r\n        >\r\n        <div class=\"modal-content\">\r\n\r\n            <div *ngIf=\"showHeader && headerContent\" class=\"modal-header\">\r\n                <ng-content select='header'></ng-content>\r\n            </div>             \r\n\r\n            <div *ngIf=\"showHeader && !headerContent\" class=\"modal-header\">\r\n                <h5 class=\"modal-title\">{{modalTitle}}</h5>\r\n                <button \r\n                    #closeButton\r\n                    *ngIf=\"showCloseButton\"\r\n                    type=\"button\" \r\n                    class=\"btn-close\" \r\n                    [title]=\"translations.close ?? ''\"\r\n                    (click)=\"onCloseButtonClick()\">\r\n                </button>\r\n            </div>\r\n\r\n            <div class=\"modal-body\">\r\n                <ng-content></ng-content>\r\n            </div>\r\n\r\n            <div *ngIf=\"showFooter\" class=\"modal-footer\">\r\n                <ng-content select=\"footer\"></ng-content>\r\n            </div>            \r\n        </div>\r\n    </div>\r\n</div>","import { Component, ElementRef, EventEmitter, Input, OnChanges, OnInit, Output, SimpleChanges, ViewChild } from '@angular/core';\r\nimport { SdsModalComponent } from '../modal.component';\r\nimport { ButtonType } from './dialog.types';\r\n\r\ntype modalButton = 'primary' | 'secondary' | 'close';\r\n\r\n@Component({\r\n    selector: 'sds-dialog',\r\n    templateUrl: './dialog.component.html',\r\n    styleUrls: ['./dialog.component.scss'],\r\n})\r\nexport class SdsDialogComponent implements OnInit {\r\n    @Input() public title: string = '';\r\n    @Input() public closeText?: string = 'close';\r\n    @Input() public size: 'sm' | 'md' | 'lg' | 'xl' = 'md';\r\n\r\n    @Input() public primaryButtonText: string = 'Ok';\r\n    @Input() public primaryButtonClass: string = 'btn-primary';\r\n    @Input() public primaryButtonType: ButtonType = 'button';\r\n    \r\n    @Input() public secondaryButtonText: string = 'Cancel';     \r\n    @Input() public secondaryButtonClass: string = 'btn-secondary';\r\n    @Input() public secondaryButtonType: ButtonType = 'button';\r\n\r\n    @Input() public closeOnEscape: boolean = true;\r\n    @Input() public showHeader: boolean = true;\r\n    @Input() public showCloseButton: boolean = true;\r\n    @Input() public showPrimaryButton: boolean = true;\r\n    @Input() public showSecondaryButton: boolean = true;\r\n    @Input() public autofocusElement:  'primary' | 'secondary' | 'close' | 'content' = 'primary';\r\n\r\n    @Input() public modalDialogId?: string;\r\n\r\n\r\n    @Output() public dialogOpen: EventEmitter<void> = new EventEmitter<void>();\r\n    @Output() public dialogClose: EventEmitter<void> = new EventEmitter<void>();\r\n\r\n    @ViewChild('modal', { static: true }) private _modal: SdsModalComponent | undefined;\r\n    @ViewChild('content', { read: ElementRef, static: true }) private _content?: ElementRef;\r\n    @ViewChild('primaryButton', { read: ElementRef, static: false }) private _primaryButton?: ElementRef;\r\n    @ViewChild('secondaryButton', { read: ElementRef, static: false }) private _secondaryButton?: ElementRef;\r\n\r\n    private _callback?: Function;\r\n    private _callbackData: any;\r\n\r\n    public isOpen: boolean = false;\r\n\r\n    constructor() {}\r\n\r\n    ngOnInit(): void {\r\n        if (this.autofocusElement == 'primary' && !this.showPrimaryButton) {\r\n            this.autofocusElement = 'secondary';\r\n        }\r\n        if (this.autofocusElement == 'secondary' && !this.showSecondaryButton) {\r\n            this.autofocusElement = 'close';\r\n        }\r\n        if (this.autofocusElement == 'close' && !this.showCloseButton) {\r\n            this.autofocusElement = 'content';\r\n        }\r\n    }\r\n\r\n    public open(callback?: (button: modalButton, data: any) => void, data?: any): void{\r\n        this._callback = callback;\r\n        this._callbackData = data;\r\n\r\n        if (this._modal != undefined) {\r\n            this.isOpen = true;\r\n            this._modal.open();\r\n        }\r\n    }\r\n\r\n    private close(): void {\r\n        if (this._modal != undefined) {\r\n            this.isOpen = false;\r\n            this._modal.close();\r\n        }\r\n    }\r\n\r\n    public onSecondaryClick(): void {\r\n        if (this._callback) {\r\n            this._callback('secondary', this._callbackData);\r\n        }\r\n        this.close();\r\n    }\r\n\r\n    public onPrimaryClick(): void {\r\n        if (this._callback) {\r\n            this._callback('primary', this._callbackData);\r\n        }\r\n        this.close();\r\n    }\r\n\r\n    public onCloseClick(): void {\r\n        if (this._callback) {\r\n            this._callback('close', this._callbackData);\r\n        }\r\n    }\r\n\r\n    public onCloseEscapeKeypress(): void {\r\n        if (this._callback) {\r\n            this._callback('close', this._callbackData);\r\n        }\r\n    }\r\n\r\n    public onModalClose(): void {\r\n        this.dialogClose.emit();\r\n    }\r\n\r\n    public onModalOpen(): void {\r\n        this.dialogOpen.emit();\r\n        switch (this.autofocusElement) {\r\n            case 'primary':\r\n                this._primaryButton?.nativeElement.focus();\r\n                break;\r\n            case 'secondary':\r\n                this._secondaryButton?.nativeElement.focus();\r\n                break;\r\n            case 'content':\r\n                this._content?.nativeElement.focus();\r\n                break;\r\n            default:\r\n                break;\r\n        }\r\n    }    \r\n\r\n}\r\n\r\n\r\n\r\n","<sds-modal\r\n    #modal\r\n    [modalTitle]=\"title\"\r\n    [size]=\"size\"\r\n    [modalDialogId]=\"modalDialogId\"\r\n    [showCloseButton]=\"showCloseButton\"\r\n    [showHeader]=\"showHeader\"\r\n    [translations]=\"{ close: closeText}\"\r\n    [autoFocusCloseButton]=\"autofocusElement === 'close'\"\r\n    [closeOnEscape]=\"closeOnEscape\"\r\n    (closeClick)=\"onCloseClick()\"\r\n    (closeEscapeKeypress)=\"onCloseEscapeKeypress()\"\r\n    (modalClose)=\"onModalClose()\"\r\n    (modalOpen)=\"onModalOpen()\"\r\n>\r\n\r\n    <div #content [attr.tabindex]=\"autofocusElement === 'content' ? 0 : undefined\" >\r\n        <ng-content></ng-content>\r\n    </div>\r\n    <ng-container #footer ngProjectAs='footer'>\r\n        <button\r\n            #secondaryButton\r\n            *ngIf=\"showSecondaryButton\"\r\n            class=\"btn\"\r\n            [class]=\"secondaryButtonClass\"\r\n            (click)=\"onSecondaryClick()\"\r\n        >{{secondaryButtonText}}</button>\r\n        <button\r\n            #primaryButton\r\n            *ngIf=\"showPrimaryButton\"\r\n            class=\"btn\"\r\n            [class]=\"primaryButtonClass\"\r\n            (click)=\"onPrimaryClick()\"\r\n        >{{primaryButtonText}}</button>\r\n    </ng-container>\r\n</sds-modal>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { SdsModalComponent } from './modal.component';\r\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\r\nimport { SdsDialogComponent } from './dialog/dialog.component';\r\nimport { A11yModule } from '@angular/cdk/a11y';\r\n\r\n\r\nconst components = [\r\n    SdsModalComponent,\r\n    SdsDialogComponent\r\n];\r\n\r\n@NgModule({\r\n  declarations: [\r\n    ...components\r\n  ],\r\n  imports: [\r\n    CommonModule,\r\n    A11yModule,\r\n    FontAwesomeModule\r\n  ],\r\n  exports: [\r\n    ...components\r\n]\r\n})\r\nexport class SdsModalModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1.SdsModalComponent"],"mappings":"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"}
+{"version":3,"file":"spicainternational-ngx-sds-components-src-lib-modal.mjs","sources":["../../../projects/ngx-sds-components/src/lib/modal/modal.component.ts","../../../projects/ngx-sds-components/src/lib/modal/modal.component.html","../../../projects/ngx-sds-components/src/lib/modal/dialog/dialog.component.ts","../../../projects/ngx-sds-components/src/lib/modal/dialog/dialog.component.html","../../../projects/ngx-sds-components/src/lib/modal/modal.module.ts","../../../projects/ngx-sds-components/src/lib/modal/spicainternational-ngx-sds-components-src-lib-modal.ts"],"sourcesContent":["import {\r\n    Component,\r\n    ElementRef,\r\n    Input,\r\n    OnInit,\r\n    Output,\r\n    ViewChild,\r\n    EventEmitter,\r\n    ContentChild\r\n} from '@angular/core';\r\nimport { faXmark } from '@fortawesome/pro-regular-svg-icons';\r\nimport { ModalTranslations } from './modal.model';\r\n\r\n@Component({\r\n    selector: 'sds-modal',\r\n    templateUrl: './modal.component.html',\r\n    styleUrls: ['./modal.component.scss'],\r\n})\r\nexport class SdsModalComponent implements OnInit {\r\n    @ContentChild('header') headerContent: ElementRef = { nativeElement: undefined };\r\n\r\n    @Input() public modalTitle?: string;\r\n    @Input() public showHeader: boolean = true;\r\n    @Input() public showFooter: boolean = true;\r\n    @Input() public size: 'sm' | 'md' | 'lg' | 'xl' | '820' = 'md';\r\n    @Input() public modalDialogId?: string;\r\n    @Input() public showCloseButton: boolean = true;\r\n    @Input() public autoFocusCloseButton: boolean = false;\r\n\r\n    @Input() public translations: ModalTranslations;\r\n    @Input() public isScrollable = true;\r\n    @Input() public closeOnEscape = false;\r\n\r\n    @Output() public modalOpen: EventEmitter<void> = new EventEmitter<void>();\r\n    @Output() public modalClose: EventEmitter<void> = new EventEmitter<void>();\r\n\r\n    @Output() public closeClick: EventEmitter<void> = new EventEmitter<void>();\r\n    @Output() public closeEscapeKeypress: EventEmitter<void> = new EventEmitter<void>();\r\n\r\n    public closeIcon = faXmark;\r\n\r\n    public isOpen: boolean = false;\r\n\r\n    @ViewChild('modal', { static: false }) private _modal: ElementRef | undefined;\r\n    @ViewChild('closeButton', { static: false }) private _closeButton: ElementRef | undefined;\r\n    \r\n\r\n    constructor() {\r\n        this.translations = {\r\n            close: undefined\r\n        }\r\n    }\r\n\r\n    ngOnInit(): void {}\r\n\r\n    public open(): void {\r\n        if (this._modal != undefined) {\r\n            this._modal.nativeElement.style.display = 'block';\r\n            this.isOpen = true;\r\n            if(this.autoFocusCloseButton)\r\n                this._closeButton?.nativeElement.focus();\r\n            this.modalOpen.emit();\r\n        }\r\n    }\r\n\r\n    public close(): void {\r\n        if (this._modal != undefined) {\r\n            this._modal.nativeElement.style.display = 'none';\r\n            this.isOpen = false;\r\n            this.modalClose.emit();\r\n        }\r\n    }\r\n\r\n    public onCloseButtonClick(){\r\n        this.closeClick.emit();\r\n        this.close();\r\n    }\r\n\r\n    onKeydown(event: KeyboardEvent){\r\n        if (\r\n            event.code === 'Escape' &&\r\n            this.closeOnEscape && \r\n            this._modal != undefined && \r\n            this._modal.nativeElement.style.display === 'block'){\r\n                // console.log(`${this.constructor.name} got event: ${event.code}`);\r\n                this.closeEscapeKeypress.emit();\r\n                this.close();\r\n        }\r\n    }\r\n}\r\n","<div #modal class=\"modal\" (keydown)=\"onKeydown($event)\" [cdkTrapFocus]=\"isOpen\" [cdkTrapFocusAutoCapture]=\"true\" >\r\n    <div\r\n        class=\"modal-dialog modal-dialog-centered\"\r\n        [class.modal-dialog-scrollable] = \"isScrollable\"\r\n        [attr.id]=\"modalDialogId\"\r\n        [ngClass]=\"'modal-' + size\"\r\n        role=\"document\"\r\n        >\r\n        <div class=\"modal-content\">\r\n\r\n            <div *ngIf=\"showHeader && headerContent\" class=\"modal-header\">\r\n                <ng-content select='header'></ng-content>\r\n            </div>             \r\n\r\n            <div \r\n                *ngIf=\"showHeader && !headerContent\" \r\n                class=\"modal-header\"\r\n                >\r\n                <h5 class=\"modal-title\">{{modalTitle}}</h5>\r\n                <button \r\n                    #closeButton\r\n                    *ngIf=\"showCloseButton\"\r\n                    type=\"button\" \r\n                    class=\"btn-close\" \r\n                    [title]=\"translations.close ?? ''\"\r\n                    (click)=\"onCloseButtonClick()\">\r\n                </button>\r\n            </div>\r\n\r\n            <div \r\n                class=\"modal-body\"\r\n                [class.pt-0]=\"showHeader\"\r\n                [class.pb-0]=\"showFooter\"\r\n                >\r\n                <ng-content></ng-content>\r\n            </div>\r\n\r\n            <div *ngIf=\"showFooter\" class=\"modal-footer\">\r\n                <ng-content select=\"footer\"></ng-content>\r\n            </div>            \r\n        </div>\r\n    </div>\r\n</div>","import { Component, ElementRef, EventEmitter, Input, OnChanges, OnInit, Output, SimpleChanges, ViewChild } from '@angular/core';\r\nimport { SdsModalComponent } from '../modal.component';\r\nimport { ButtonType } from './dialog.types';\r\n\r\ntype modalButton = 'primary' | 'secondary' | 'close';\r\n\r\n@Component({\r\n    selector: 'sds-dialog',\r\n    templateUrl: './dialog.component.html',\r\n    styleUrls: ['./dialog.component.scss'],\r\n})\r\nexport class SdsDialogComponent implements OnInit {\r\n    @Input() public title: string = '';\r\n    @Input() public closeText?: string = 'close';\r\n    @Input() public size: 'sm' | 'md' | 'lg' | 'xl' = 'md';\r\n\r\n    @Input() public primaryButtonText: string = 'Ok';\r\n    @Input() public primaryButtonClass: string = 'btn-primary';\r\n    @Input() public primaryButtonType: ButtonType = 'button';\r\n    \r\n    @Input() public secondaryButtonText: string = 'Cancel';     \r\n    @Input() public secondaryButtonClass: string = 'btn-secondary';\r\n    @Input() public secondaryButtonType: ButtonType = 'button';\r\n\r\n    @Input() public closeOnEscape: boolean = true;\r\n    @Input() public showHeader: boolean = true;\r\n    @Input() public showCloseButton: boolean = true;\r\n    @Input() public showPrimaryButton: boolean = true;\r\n    @Input() public showSecondaryButton: boolean = true;\r\n    @Input() public autofocusElement:  'primary' | 'secondary' | 'close' | 'content' = 'primary';\r\n\r\n    @Input() public modalDialogId?: string;\r\n\r\n\r\n    @Output() public dialogOpen: EventEmitter<void> = new EventEmitter<void>();\r\n    @Output() public dialogClose: EventEmitter<void> = new EventEmitter<void>();\r\n\r\n    @ViewChild('modal', { static: true }) private _modal: SdsModalComponent | undefined;\r\n    @ViewChild('content', { read: ElementRef, static: true }) private _content?: ElementRef;\r\n    @ViewChild('primaryButton', { read: ElementRef, static: false }) private _primaryButton?: ElementRef;\r\n    @ViewChild('secondaryButton', { read: ElementRef, static: false }) private _secondaryButton?: ElementRef;\r\n\r\n    private _callback?: Function;\r\n    private _callbackData: any;\r\n\r\n    public isOpen: boolean = false;\r\n\r\n    constructor() {}\r\n\r\n    ngOnInit(): void {\r\n        if (this.autofocusElement == 'primary' && !this.showPrimaryButton) {\r\n            this.autofocusElement = 'secondary';\r\n        }\r\n        if (this.autofocusElement == 'secondary' && !this.showSecondaryButton) {\r\n            this.autofocusElement = 'close';\r\n        }\r\n        if (this.autofocusElement == 'close' && !this.showCloseButton) {\r\n            this.autofocusElement = 'content';\r\n        }\r\n    }\r\n\r\n    public open(callback?: (button: modalButton, data: any) => void, data?: any): void{\r\n        this._callback = callback;\r\n        this._callbackData = data;\r\n\r\n        if (this._modal != undefined) {\r\n            this.isOpen = true;\r\n            this._modal.open();\r\n        }\r\n    }\r\n\r\n    private close(): void {\r\n        if (this._modal != undefined) {\r\n            this.isOpen = false;\r\n            this._modal.close();\r\n        }\r\n    }\r\n\r\n    public onSecondaryClick(): void {\r\n        if (this._callback) {\r\n            this._callback('secondary', this._callbackData);\r\n        }\r\n        this.close();\r\n    }\r\n\r\n    public onPrimaryClick(): void {\r\n        if (this._callback) {\r\n            this._callback('primary', this._callbackData);\r\n        }\r\n        this.close();\r\n    }\r\n\r\n    public onCloseClick(): void {\r\n        if (this._callback) {\r\n            this._callback('close', this._callbackData);\r\n        }\r\n    }\r\n\r\n    public onCloseEscapeKeypress(): void {\r\n        if (this._callback) {\r\n            this._callback('close', this._callbackData);\r\n        }\r\n    }\r\n\r\n    public onModalClose(): void {\r\n        this.dialogClose.emit();\r\n    }\r\n\r\n    public onModalOpen(): void {\r\n        this.dialogOpen.emit();\r\n        switch (this.autofocusElement) {\r\n            case 'primary':\r\n                this._primaryButton?.nativeElement.focus();\r\n                break;\r\n            case 'secondary':\r\n                this._secondaryButton?.nativeElement.focus();\r\n                break;\r\n            case 'content':\r\n                this._content?.nativeElement.focus();\r\n                break;\r\n            default:\r\n                break;\r\n        }\r\n    }    \r\n\r\n}\r\n\r\n\r\n\r\n","<sds-modal\r\n    #modal\r\n    [modalTitle]=\"title\"\r\n    [size]=\"size\"\r\n    [modalDialogId]=\"modalDialogId\"\r\n    [showCloseButton]=\"showCloseButton\"\r\n    [showHeader]=\"showHeader\"\r\n    [translations]=\"{ close: closeText}\"\r\n    [autoFocusCloseButton]=\"autofocusElement === 'close'\"\r\n    [closeOnEscape]=\"closeOnEscape\"\r\n    (closeClick)=\"onCloseClick()\"\r\n    (closeEscapeKeypress)=\"onCloseEscapeKeypress()\"\r\n    (modalClose)=\"onModalClose()\"\r\n    (modalOpen)=\"onModalOpen()\"\r\n>\r\n\r\n    <div #content [attr.tabindex]=\"autofocusElement === 'content' ? 0 : undefined\" >\r\n        <ng-content></ng-content>\r\n    </div>\r\n    <ng-container #footer ngProjectAs='footer'>\r\n        <button\r\n            #secondaryButton\r\n            *ngIf=\"showSecondaryButton\"\r\n            class=\"btn\"\r\n            [class]=\"secondaryButtonClass\"\r\n            (click)=\"onSecondaryClick()\"\r\n        >{{secondaryButtonText}}</button>\r\n        <button\r\n            #primaryButton\r\n            *ngIf=\"showPrimaryButton\"\r\n            class=\"btn\"\r\n            [class]=\"primaryButtonClass\"\r\n            (click)=\"onPrimaryClick()\"\r\n        >{{primaryButtonText}}</button>\r\n    </ng-container>\r\n</sds-modal>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { SdsModalComponent } from './modal.component';\r\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\r\nimport { SdsDialogComponent } from './dialog/dialog.component';\r\nimport { A11yModule } from '@angular/cdk/a11y';\r\n\r\n\r\nconst components = [\r\n    SdsModalComponent,\r\n    SdsDialogComponent\r\n];\r\n\r\n@NgModule({\r\n  declarations: [\r\n    ...components\r\n  ],\r\n  imports: [\r\n    CommonModule,\r\n    A11yModule,\r\n    FontAwesomeModule\r\n  ],\r\n  exports: [\r\n    ...components\r\n]\r\n})\r\nexport class SdsModalModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1.SdsModalComponent"],"mappings":"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"}