@spicainternational/ngx-sds-components 5.9.2 → 5.10.1

package/esm2020/src/lib/expansion-panel/expansion-panel.component.mjs

@@ -1,31 +1,57 @@
-import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';
-import { faCaretDown, faCaretUp } from '@fortawesome/pro-solid-svg-icons';
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, } from '@angular/core';
+import { faChevronDown } from '@fortawesome/pro-regular-svg-icons';
 import * as i0 from "@angular/core";
 import * as i1 from "@fortawesome/angular-fontawesome";
 import * as i2 from "@angular/common";
-export class ExpansionPanelComponent {
+export class SdsExpansionPanelComponent {
     constructor() {
+        this.animateCaret = false;
+        /**
+         * toggles greyish background
+         *
+         * @memberof SdsExpansionPanelComponent
+         */
+        this.showBackground = true;
+        /**
+         * position caret next to header of on the far end of the component
+         *
+         * @type {('nextToHeader' | 'farEnd')}
+         * @memberof SdsExpansionPanelComponent
+         */
+        this.caretPlacement = 'nextToHeader';
         this.isOpen = false;
         this.isOpenChange = new EventEmitter();
-        this.cardIsClosedIcon = faCaretDown;
-        this.cardIsOpenIcon = faCaretUp;
+        this.caretIcon = faChevronDown;
     }
-    onToggleIsOpenClick() {
+    onToggleIsOpenClick(event) {
         this.isOpen = !this.isOpen;
         this.isOpenChange.emit(this.isOpen);
+        event.stopImmediatePropagation();
+    }
+    openPanel() {
+        if (!this.isOpen) {
+            this.isOpen = true;
+            this.isOpenChange.emit(this.isOpen);
+        }
     }
 }
-ExpansionPanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: ExpansionPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ExpansionPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: ExpansionPanelComponent, selector: "sds-expansion-panel", inputs: { headerText: "headerText", hideHeader: "hideHeader", headerId: "headerId", descriptionText: "descriptionText", isOpen: "isOpen" }, outputs: { isOpenChange: "isOpenChange" }, ngImport: i0, template: "<div class=\"bg-light border-secondary rounded p-4\">\r\n    <ng-container *ngIf=\"!hideHeader\">\r\n        <button\r\n        [id]=\"headerId\"\r\n        type=\"button\"\r\n        class=\"btn btn-link p-0\"\r\n        [ngClass]=\"isOpen ? 'mb-3' : 'mb-1'\"\r\n        (click)=\"onToggleIsOpenClick()\">\r\n        <span class=\"m-0 h4\">\r\n          {{ headerText }}\r\n          <fa-icon [icon]=\"isOpen ? cardIsOpenIcon : cardIsClosedIcon\"></fa-icon>\r\n        </span>\r\n      </button>\r\n    </ng-container>\r\n\r\n    <div *ngIf=\"!isOpen\">\r\n        {{ descriptionText}}\r\n      <ng-content select=\"[contentOnClosed]\"></ng-content>\r\n    </div>\r\n\r\n    <div *ngIf=\"isOpen\">\r\n      <ng-content></ng-content>\r\n    </div>\r\n  </div>\r\n", styles: [".h4{color:#6c757d}\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"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: ExpansionPanelComponent, decorators: [{
+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.ml-2]=\"caretPlacement === 'nextToHeader'\"\r\n                [class.ml-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 });
+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 class=\"bg-light border-secondary rounded p-4\">\r\n    <ng-container *ngIf=\"!hideHeader\">\r\n        <button\r\n        [id]=\"headerId\"\r\n        type=\"button\"\r\n        class=\"btn btn-link p-0\"\r\n        [ngClass]=\"isOpen ? 'mb-3' : 'mb-1'\"\r\n        (click)=\"onToggleIsOpenClick()\">\r\n        <span class=\"m-0 h4\">\r\n          {{ headerText }}\r\n          <fa-icon [icon]=\"isOpen ? cardIsOpenIcon : cardIsClosedIcon\"></fa-icon>\r\n        </span>\r\n      </button>\r\n    </ng-container>\r\n\r\n    <div *ngIf=\"!isOpen\">\r\n        {{ descriptionText}}\r\n      <ng-content select=\"[contentOnClosed]\"></ng-content>\r\n    </div>\r\n\r\n    <div *ngIf=\"isOpen\">\r\n      <ng-content></ng-content>\r\n    </div>\r\n  </div>\r\n", styles: [".h4{color:#6c757d}\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.ml-2]=\"caretPlacement === 'nextToHeader'\"\r\n                [class.ml-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"] }]
         }], propDecorators: { headerText: [{
                 type: Input
             }], hideHeader: [{
                 type: Input
             }], headerId: [{
                 type: Input
+            }], animateCaret: [{
+                type: Input
+            }], showBackground: [{
+                type: Input
+            }], caretPlacement: [{
+                type: Input
             }], descriptionText: [{
                 type: Input
             }], isOpen: [{
@@ -33,4 +59,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImpor
             }], isOpenChange: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhwYW5zaW9uLXBhbmVsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL2V4cGFuc2lvbi1wYW5lbC9leHBhbnNpb24tcGFuZWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvZXhwYW5zaW9uLXBhbmVsL2V4cGFuc2lvbi1wYW5lbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2hHLE9BQU8sRUFBa0IsV0FBVyxFQUFFLFNBQVMsRUFBRSxNQUFNLGtDQUFrQyxDQUFDOzs7O0FBUzFGLE1BQU0sT0FBTyx1QkFBdUI7SUFQcEM7UUFzQmEsV0FBTSxHQUFZLEtBQUssQ0FBQztRQUN2QixpQkFBWSxHQUEwQixJQUFJLFlBQVksRUFBRSxDQUFDO1FBRTVELHFCQUFnQixHQUFtQixXQUFXLENBQUM7UUFDL0MsbUJBQWMsR0FBbUIsU0FBUyxDQUFDO0tBTXJEO0lBSlUsbUJBQW1CO1FBQ3hCLElBQUksQ0FBQyxNQUFNLEdBQUcsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDO1FBQzNCLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUN0QyxDQUFDOztvSEF4QlEsdUJBQXVCO3dHQUF2Qix1QkFBdUIsa1BDVnBDLDZ2QkF3QkE7MkZEZGEsdUJBQXVCO2tCQVBuQyxTQUFTOytCQUNFLHFCQUFxQixtQkFHZCx1QkFBdUIsQ0FBQyxNQUFNOzhCQUlwQyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFVRyxlQUFlO3NCQUF2QixLQUFLO2dCQUVHLE1BQU07c0JBQWQsS0FBSztnQkFDSSxZQUFZO3NCQUFyQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEljb25EZWZpbml0aW9uLCBmYUNhcmV0RG93biwgZmFDYXJldFVwIH0gZnJvbSAnQGZvcnRhd2Vzb21lL3Byby1zb2xpZC1zdmctaWNvbnMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdzZHMtZXhwYW5zaW9uLXBhbmVsJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vZXhwYW5zaW9uLXBhbmVsLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9leHBhbnNpb24tcGFuZWwuY29tcG9uZW50LnNjc3MnXSxcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxyXG59KVxyXG5cclxuZXhwb3J0IGNsYXNzIEV4cGFuc2lvblBhbmVsQ29tcG9uZW50IHtcclxuICAgIEBJbnB1dCgpIGhlYWRlclRleHQ/OiBzdHJpbmc7XHJcbiAgICBASW5wdXQoKSBoaWRlSGVhZGVyPzogYm9vbGVhbjtcclxuICAgIEBJbnB1dCgpIGhlYWRlcklkPzogc3RyaW5nO1xyXG5cclxuICAgIC8qKlxyXG4gICAgICogJ2Rlc2NyaXB0aW9uVGV4dCcgLSB0ZXh0IGRpc3BsYXllZCB3aGVuIGNvbXBvbmVudCBpcyBcImNsb3NlZFwiLlxyXG4gICAgICpcclxuICAgICAqIE5vdGU6IFVzZSBuZy1jb250ZW50ICdjb250ZW50T25DbG9zZWQnIGlmIG1vcmUgY29tcGxleCB1c2UtY2FzZSBpcyBuZWVkZWRcclxuICAgICAqXHJcbiAgICAgKiBAdHlwZSB7c3RyaW5nfVxyXG4gICAgICogQG1lbWJlcm9mIEV4cGFuc2lvblBhbmVsQ29tcG9uZW50XHJcbiAgICAgKi9cclxuICAgIEBJbnB1dCgpIGRlc2NyaXB0aW9uVGV4dD86IHN0cmluZztcclxuXHJcbiAgICBASW5wdXQoKSBpc09wZW46IGJvb2xlYW4gPSBmYWxzZTtcclxuICAgIEBPdXRwdXQoKSBpc09wZW5DaGFuZ2U6IEV2ZW50RW1pdHRlcjxib29sZWFuPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuXHJcbiAgICBwdWJsaWMgY2FyZElzQ2xvc2VkSWNvbjogSWNvbkRlZmluaXRpb24gPSBmYUNhcmV0RG93bjtcclxuICAgIHB1YmxpYyBjYXJkSXNPcGVuSWNvbjogSWNvbkRlZmluaXRpb24gPSBmYUNhcmV0VXA7XHJcblxyXG4gICAgcHVibGljIG9uVG9nZ2xlSXNPcGVuQ2xpY2soKTogdm9pZCB7XHJcbiAgICAgIHRoaXMuaXNPcGVuID0gIXRoaXMuaXNPcGVuO1xyXG4gICAgICB0aGlzLmlzT3BlbkNoYW5nZS5lbWl0KHRoaXMuaXNPcGVuKTtcclxuICAgIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiYmctbGlnaHQgYm9yZGVyLXNlY29uZGFyeSByb3VuZGVkIHAtNFwiPlxyXG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIiFoaWRlSGVhZGVyXCI+XHJcbiAgICAgICAgPGJ1dHRvblxyXG4gICAgICAgIFtpZF09XCJoZWFkZXJJZFwiXHJcbiAgICAgICAgdHlwZT1cImJ1dHRvblwiXHJcbiAgICAgICAgY2xhc3M9XCJidG4gYnRuLWxpbmsgcC0wXCJcclxuICAgICAgICBbbmdDbGFzc109XCJpc09wZW4gPyAnbWItMycgOiAnbWItMSdcIlxyXG4gICAgICAgIChjbGljayk9XCJvblRvZ2dsZUlzT3BlbkNsaWNrKClcIj5cclxuICAgICAgICA8c3BhbiBjbGFzcz1cIm0tMCBoNFwiPlxyXG4gICAgICAgICAge3sgaGVhZGVyVGV4dCB9fVxyXG4gICAgICAgICAgPGZhLWljb24gW2ljb25dPVwiaXNPcGVuID8gY2FyZElzT3Blbkljb24gOiBjYXJkSXNDbG9zZWRJY29uXCI+PC9mYS1pY29uPlxyXG4gICAgICAgIDwvc3Bhbj5cclxuICAgICAgPC9idXR0b24+XHJcbiAgICA8L25nLWNvbnRhaW5lcj5cclxuXHJcbiAgICA8ZGl2ICpuZ0lmPVwiIWlzT3BlblwiPlxyXG4gICAgICAgIHt7IGRlc2NyaXB0aW9uVGV4dH19XHJcbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltjb250ZW50T25DbG9zZWRdXCI+PC9uZy1jb250ZW50PlxyXG4gICAgPC9kaXY+XHJcblxyXG4gICAgPGRpdiAqbmdJZj1cImlzT3BlblwiPlxyXG4gICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhwYW5zaW9uLXBhbmVsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL2V4cGFuc2lvbi1wYW5lbC9leHBhbnNpb24tcGFuZWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvZXhwYW5zaW9uLXBhbmVsL2V4cGFuc2lvbi1wYW5lbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0gsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sR0FDVCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsYUFBYSxFQUFlLE1BQU0sb0NBQW9DLENBQUM7Ozs7QUFjaEYsTUFBTSxPQUFPLDBCQUEwQjtJQU52QztRQVdhLGlCQUFZLEdBQUcsS0FBSyxDQUFDO1FBRTlCOzs7O1dBSUc7UUFDTSxtQkFBYyxHQUFHLElBQUksQ0FBQztRQUUvQjs7Ozs7V0FLRztRQUNNLG1CQUFjLEdBQW1CLGNBQWMsQ0FBQztRQVloRCxXQUFNLEdBQVksS0FBSyxDQUFDO1FBQ3ZCLGlCQUFZLEdBQTBCLElBQUksWUFBWSxFQUFFLENBQUM7UUFFNUQsY0FBUyxHQUFtQixhQUFhLENBQUM7S0FjcEQ7SUFaVSxtQkFBbUIsQ0FBQyxLQUFpQjtRQUN4QyxJQUFJLENBQUMsTUFBTSxHQUFHLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQztRQUMzQixJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDcEMsS0FBSyxDQUFDLHdCQUF3QixFQUFFLENBQUM7SUFDckMsQ0FBQztJQUVNLFNBQVM7UUFDWixJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sRUFBRTtZQUNkLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDO1lBQ25CLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztTQUN2QztJQUNMLENBQUM7O3VIQWhEUSwwQkFBMEI7MkdBQTFCLDBCQUEwQixvVkNyQnZDLDArQ0FnREE7MkZEM0JhLDBCQUEwQjtrQkFOdEMsU0FBUzsrQkFDSSxxQkFBcUIsbUJBR2QsdUJBQXVCLENBQUMsTUFBTTs4QkFHdEMsVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBRUcsWUFBWTtzQkFBcEIsS0FBSztnQkFPRyxjQUFjO3NCQUF0QixLQUFLO2dCQVFHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBVUcsZUFBZTtzQkFBdkIsS0FBSztnQkFFRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0ksWUFBWTtzQkFBckIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcclxuICAgIENvbXBvbmVudCxcclxuICAgIEV2ZW50RW1pdHRlcixcclxuICAgIElucHV0LFxyXG4gICAgT3V0cHV0LFxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBmYUNoZXZyb25Eb3duLCBmYUNoZXZyb25VcCB9IGZyb20gJ0Bmb3J0YXdlc29tZS9wcm8tcmVndWxhci1zdmctaWNvbnMnO1xyXG5pbXBvcnQge1xyXG4gICAgSWNvbkRlZmluaXRpb24sXHJcbiAgICBmYUNhcmV0RG93bixcclxuICAgIGZhQ2FyZXRVcCxcclxufSBmcm9tICdAZm9ydGF3ZXNvbWUvcHJvLXNvbGlkLXN2Zy1pY29ucyc7XHJcbmltcG9ydCB7IENhcmV0UGxhY2VtZW50IH0gZnJvbSAnLi9leHBhbnNpb24tcGFuZWwudHlwZXMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogJ3Nkcy1leHBhbnNpb24tcGFuZWwnLFxyXG4gICAgdGVtcGxhdGVVcmw6ICcuL2V4cGFuc2lvbi1wYW5lbC5jb21wb25lbnQuaHRtbCcsXHJcbiAgICBzdHlsZVVybHM6IFsnLi9leHBhbnNpb24tcGFuZWwuY29tcG9uZW50LnNjc3MnXSxcclxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgU2RzRXhwYW5zaW9uUGFuZWxDb21wb25lbnQge1xyXG4gICAgQElucHV0KCkgaGVhZGVyVGV4dD86IHN0cmluZztcclxuICAgIEBJbnB1dCgpIGhpZGVIZWFkZXI/OiBib29sZWFuO1xyXG4gICAgQElucHV0KCkgaGVhZGVySWQ/OiBzdHJpbmc7XHJcblxyXG4gICAgQElucHV0KCkgYW5pbWF0ZUNhcmV0ID0gZmFsc2U7XHJcblxyXG4gICAgLyoqXHJcbiAgICAgKiB0b2dnbGVzIGdyZXlpc2ggYmFja2dyb3VuZFxyXG4gICAgICpcclxuICAgICAqIEBtZW1iZXJvZiBTZHNFeHBhbnNpb25QYW5lbENvbXBvbmVudFxyXG4gICAgICovXHJcbiAgICBASW5wdXQoKSBzaG93QmFja2dyb3VuZCA9IHRydWU7XHJcblxyXG4gICAgLyoqXHJcbiAgICAgKiBwb3NpdGlvbiBjYXJldCBuZXh0IHRvIGhlYWRlciBvZiBvbiB0aGUgZmFyIGVuZCBvZiB0aGUgY29tcG9uZW50XHJcbiAgICAgKlxyXG4gICAgICogQHR5cGUgeygnbmV4dFRvSGVhZGVyJyB8ICdmYXJFbmQnKX1cclxuICAgICAqIEBtZW1iZXJvZiBTZHNFeHBhbnNpb25QYW5lbENvbXBvbmVudFxyXG4gICAgICovXHJcbiAgICBASW5wdXQoKSBjYXJldFBsYWNlbWVudDogQ2FyZXRQbGFjZW1lbnQgPSAnbmV4dFRvSGVhZGVyJztcclxuXHJcbiAgICAvKipcclxuICAgICAqICdkZXNjcmlwdGlvblRleHQnIC0gdGV4dCBkaXNwbGF5ZWQgd2hlbiBjb21wb25lbnQgaXMgXCJjbG9zZWRcIi5cclxuICAgICAqXHJcbiAgICAgKiBOb3RlOiBVc2UgbmctY29udGVudCAnY29udGVudE9uQ2xvc2VkJyBpZiBtb3JlIGNvbXBsZXggdXNlLWNhc2UgaXMgbmVlZGVkXHJcbiAgICAgKlxyXG4gICAgICogQHR5cGUge3N0cmluZ31cclxuICAgICAqIEBtZW1iZXJvZiBFeHBhbnNpb25QYW5lbENvbXBvbmVudFxyXG4gICAgICovXHJcbiAgICBASW5wdXQoKSBkZXNjcmlwdGlvblRleHQ/OiBzdHJpbmc7XHJcblxyXG4gICAgQElucHV0KCkgaXNPcGVuOiBib29sZWFuID0gZmFsc2U7XHJcbiAgICBAT3V0cHV0KCkgaXNPcGVuQ2hhbmdlOiBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcblxyXG4gICAgcHVibGljIGNhcmV0SWNvbjogSWNvbkRlZmluaXRpb24gPSBmYUNoZXZyb25Eb3duO1xyXG5cclxuICAgIHB1YmxpYyBvblRvZ2dsZUlzT3BlbkNsaWNrKGV2ZW50OiBNb3VzZUV2ZW50KTogdm9pZCB7XHJcbiAgICAgICAgdGhpcy5pc09wZW4gPSAhdGhpcy5pc09wZW47XHJcbiAgICAgICAgdGhpcy5pc09wZW5DaGFuZ2UuZW1pdCh0aGlzLmlzT3Blbik7XHJcbiAgICAgICAgZXZlbnQuc3RvcEltbWVkaWF0ZVByb3BhZ2F0aW9uKCk7XHJcbiAgICB9XHJcblxyXG4gICAgcHVibGljIG9wZW5QYW5lbCgpIHtcclxuICAgICAgICBpZiAoIXRoaXMuaXNPcGVuKSB7XHJcbiAgICAgICAgICAgIHRoaXMuaXNPcGVuID0gdHJ1ZTtcclxuICAgICAgICAgICAgdGhpcy5pc09wZW5DaGFuZ2UuZW1pdCh0aGlzLmlzT3Blbik7XHJcbiAgICAgICAgfVxyXG4gICAgfVxyXG59XHJcbiIsIjxkaXZcclxuICAgIGNsYXNzPVwicm91bmRlZCBleHBhbnNpb24tcGFuZWxcIlxyXG4gICAgW2NsYXNzLmJhY2tncm91bmRdPVwic2hvd0JhY2tncm91bmRcIlxyXG4gICAgW2NsYXNzLmNsb3NlZF09XCIhaXNPcGVuXCJcclxuICAgIChjbGljayk9XCJvcGVuUGFuZWwoKVwiXHJcbj5cclxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCIhaGlkZUhlYWRlclwiPlxyXG4gICAgICAgIDxkaXZcclxuICAgICAgICAgICAgY2xhc3M9XCJleHBhbnNpb24tcGFuZWwtaGVhZGVyIGQtZmxleCBmbGV4LXJvdyBhbGlnaC1pdGVtcy1jZW50ZXJcIlxyXG4gICAgICAgID5cclxuICAgICAgICAgICAgPGJ1dHRvblxyXG4gICAgICAgICAgICAgICAgdHlwZT1cImJ1dHRvblwiXHJcbiAgICAgICAgICAgICAgICBjbGFzcz1cImJ0biBidG4tbGlua1wiXHJcbiAgICAgICAgICAgICAgICBbaWRdPVwiaGVhZGVySWRcIlxyXG4gICAgICAgICAgICAgICAgKGNsaWNrKT1cIm9uVG9nZ2xlSXNPcGVuQ2xpY2soJGV2ZW50KVwiXHJcbiAgICAgICAgICAgID5cclxuICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiaGVhZGVyLXRleHRcIj5cclxuICAgICAgICAgICAgICAgICAgICB7eyBoZWFkZXJUZXh0IH19XHJcbiAgICAgICAgICAgICAgICA8L3NwYW4+XHJcbiAgICAgICAgICAgIDwvYnV0dG9uPlxyXG4gICAgICAgICAgICA8YnV0dG9uXHJcbiAgICAgICAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcclxuICAgICAgICAgICAgICAgIGNsYXNzPVwiYnRuIGJ0bi1saW5rIGNhcmV0XCJcclxuICAgICAgICAgICAgICAgIFtjbGFzcy5yb3RhdGVdPVwiYW5pbWF0ZUNhcmV0XCJcclxuICAgICAgICAgICAgICAgIFtjbGFzcy5tbC0yXT1cImNhcmV0UGxhY2VtZW50ID09PSAnbmV4dFRvSGVhZGVyJ1wiXHJcbiAgICAgICAgICAgICAgICBbY2xhc3MubWwtYXV0b109XCJjYXJldFBsYWNlbWVudCA9PT0gJ2ZhckVuZCdcIlxyXG4gICAgICAgICAgICAgICAgKGNsaWNrKT1cIm9uVG9nZ2xlSXNPcGVuQ2xpY2soJGV2ZW50KVwiXHJcbiAgICAgICAgICAgID5cclxuICAgICAgICAgICAgICAgIDxmYS1pY29uIFtpY29uXT1cImNhcmV0SWNvblwiPjwvZmEtaWNvbj5cclxuICAgICAgICAgICAgPC9idXR0b24+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L25nLWNvbnRhaW5lcj5cclxuXHJcbiAgICA8ZGl2IFxyXG4gICAgICAgICpuZ0lmPVwiIWlzT3BlblwiXHJcbiAgICAgICAgY2xhc3M9XCJtdC0xXCJcclxuICAgICAgICA+XHJcbiAgICAgICAge3sgZGVzY3JpcHRpb25UZXh0IH19XHJcbiAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2NvbnRlbnRPbkNsb3NlZF1cIj48L25nLWNvbnRlbnQ+XHJcbiAgICA8L2Rpdj5cclxuXHJcbiAgICA8ZGl2IFxyXG4gICAgICAgICpuZ0lmPVwiaXNPcGVuXCJcclxuICAgICAgICBjbGFzcz1cIm10LTFcIlxyXG4gICAgICAgID5cclxuICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbiAgICA8L2Rpdj5cclxuPC9kaXY+XHJcbiJdfQ==

package/esm2020/src/lib/expansion-panel/expansion-panel.module.mjs

@@ -1,34 +1,25 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
-import { ExpansionPanelComponent } from './expansion-panel.component';
+import { SdsExpansionPanelComponent } from './expansion-panel.component';
 import * as i0 from "@angular/core";
 /**
  * Expansion panel - provides an expandable details-summary view. Used for 'progressive disclosure'.
  *
  * @export
- * @class ExpansionPanelModule
+ * @class SdsExpansionPanelModule
  */
-export class ExpansionPanelModule {
+export class SdsExpansionPanelModule {
 }
-ExpansionPanelModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: ExpansionPanelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ExpansionPanelModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: ExpansionPanelModule, declarations: [ExpansionPanelComponent], imports: [CommonModule,
-        FontAwesomeModule], exports: [ExpansionPanelComponent] });
-ExpansionPanelModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: ExpansionPanelModule, imports: [[
-            CommonModule,
-            FontAwesomeModule
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: ExpansionPanelModule, decorators: [{
+SdsExpansionPanelModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsExpansionPanelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SdsExpansionPanelModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsExpansionPanelModule, declarations: [SdsExpansionPanelComponent], imports: [CommonModule, FontAwesomeModule], exports: [SdsExpansionPanelComponent] });
+SdsExpansionPanelModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsExpansionPanelModule, imports: [[CommonModule, FontAwesomeModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsExpansionPanelModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [
-                        ExpansionPanelComponent
-                    ],
-                    imports: [
-                        CommonModule,
-                        FontAwesomeModule
-                    ],
-                    exports: [ExpansionPanelComponent]
+                    declarations: [SdsExpansionPanelComponent],
+                    imports: [CommonModule, FontAwesomeModule],
+                    exports: [SdsExpansionPanelComponent],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhwYW5zaW9uLXBhbmVsLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL2V4cGFuc2lvbi1wYW5lbC9leHBhbnNpb24tcGFuZWwubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBRXJFLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDZCQUE2QixDQUFDOztBQUN0RTs7Ozs7R0FLRztBQVlILE1BQU0sT0FBTyxvQkFBb0I7O2lIQUFwQixvQkFBb0I7a0hBQXBCLG9CQUFvQixpQkFUN0IsdUJBQXVCLGFBR3ZCLFlBQVk7UUFDWixpQkFBaUIsYUFFVCx1QkFBdUI7a0hBR3RCLG9CQUFvQixZQVB0QjtZQUNQLFlBQVk7WUFDWixpQkFBaUI7U0FDbEI7MkZBSVUsb0JBQW9CO2tCQVhoQyxRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWix1QkFBdUI7cUJBQ3hCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLGlCQUFpQjtxQkFDbEI7b0JBQ0QsT0FBTyxFQUFFLENBQUMsdUJBQXVCLENBQUM7aUJBQ25DIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgRm9udEF3ZXNvbWVNb2R1bGUgfSBmcm9tICdAZm9ydGF3ZXNvbWUvYW5ndWxhci1mb250YXdlc29tZSc7XHJcblxyXG5pbXBvcnQgeyBFeHBhbnNpb25QYW5lbENvbXBvbmVudCB9IGZyb20gJy4vZXhwYW5zaW9uLXBhbmVsLmNvbXBvbmVudCc7XHJcbi8qKlxyXG4gKiBFeHBhbnNpb24gcGFuZWwgLSBwcm92aWRlcyBhbiBleHBhbmRhYmxlIGRldGFpbHMtc3VtbWFyeSB2aWV3LiBVc2VkIGZvciAncHJvZ3Jlc3NpdmUgZGlzY2xvc3VyZScuXHJcbiAqXHJcbiAqIEBleHBvcnRcclxuICogQGNsYXNzIEV4cGFuc2lvblBhbmVsTW9kdWxlXHJcbiAqL1xyXG5ATmdNb2R1bGUoe1xyXG4gIGRlY2xhcmF0aW9uczogW1xyXG4gICAgRXhwYW5zaW9uUGFuZWxDb21wb25lbnRcclxuICBdLFxyXG4gIGltcG9ydHM6IFtcclxuICAgIENvbW1vbk1vZHVsZSxcclxuICAgIEZvbnRBd2Vzb21lTW9kdWxlXHJcbiAgXSxcclxuICBleHBvcnRzOiBbRXhwYW5zaW9uUGFuZWxDb21wb25lbnRdXHJcbn0pXHJcblxyXG5leHBvcnQgY2xhc3MgRXhwYW5zaW9uUGFuZWxNb2R1bGUgeyB9XHJcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhwYW5zaW9uLXBhbmVsLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL2V4cGFuc2lvbi1wYW5lbC9leHBhbnNpb24tcGFuZWwubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBRXJFLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLDZCQUE2QixDQUFDOztBQUN6RTs7Ozs7R0FLRztBQU1ILE1BQU0sT0FBTyx1QkFBdUI7O29IQUF2Qix1QkFBdUI7cUhBQXZCLHVCQUF1QixpQkFKakIsMEJBQTBCLGFBQy9CLFlBQVksRUFBRSxpQkFBaUIsYUFDL0IsMEJBQTBCO3FIQUUzQix1QkFBdUIsWUFIdkIsQ0FBQyxZQUFZLEVBQUUsaUJBQWlCLENBQUM7MkZBR2pDLHVCQUF1QjtrQkFMbkMsUUFBUTttQkFBQztvQkFDTixZQUFZLEVBQUUsQ0FBQywwQkFBMEIsQ0FBQztvQkFDMUMsT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLGlCQUFpQixDQUFDO29CQUMxQyxPQUFPLEVBQUUsQ0FBQywwQkFBMEIsQ0FBQztpQkFDeEMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBGb250QXdlc29tZU1vZHVsZSB9IGZyb20gJ0Bmb3J0YXdlc29tZS9hbmd1bGFyLWZvbnRhd2Vzb21lJztcclxuXHJcbmltcG9ydCB7IFNkc0V4cGFuc2lvblBhbmVsQ29tcG9uZW50IH0gZnJvbSAnLi9leHBhbnNpb24tcGFuZWwuY29tcG9uZW50JztcclxuLyoqXHJcbiAqIEV4cGFuc2lvbiBwYW5lbCAtIHByb3ZpZGVzIGFuIGV4cGFuZGFibGUgZGV0YWlscy1zdW1tYXJ5IHZpZXcuIFVzZWQgZm9yICdwcm9ncmVzc2l2ZSBkaXNjbG9zdXJlJy5cclxuICpcclxuICogQGV4cG9ydFxyXG4gKiBAY2xhc3MgU2RzRXhwYW5zaW9uUGFuZWxNb2R1bGVcclxuICovXHJcbkBOZ01vZHVsZSh7XHJcbiAgICBkZWNsYXJhdGlvbnM6IFtTZHNFeHBhbnNpb25QYW5lbENvbXBvbmVudF0sXHJcbiAgICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBGb250QXdlc29tZU1vZHVsZV0sXHJcbiAgICBleHBvcnRzOiBbU2RzRXhwYW5zaW9uUGFuZWxDb21wb25lbnRdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgU2RzRXhwYW5zaW9uUGFuZWxNb2R1bGUge31cclxuIl19

package/esm2020/src/lib/expansion-panel/expansion-panel.types.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhwYW5zaW9uLXBhbmVsLnR5cGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvZXhwYW5zaW9uLXBhbmVsL2V4cGFuc2lvbi1wYW5lbC50eXBlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHR5cGUgQ2FyZXRQbGFjZW1lbnQgPSAnbmV4dFRvSGVhZGVyJyB8ICdmYXJFbmQnOyJdfQ==

package/esm2020/src/lib/modal/dialog/dialog.component.mjs

@@ -8,9 +8,11 @@ export class SdsDialogComponent {
         this.closeText = 'close';
         this.size = 'md';
         this.primaryButtonText = 'Ok';
-        this.secondaryButtonText = 'Cancel';
         this.primaryButtonClass = 'btn-primary';
+        this.primaryButtonType = 'button';
+        this.secondaryButtonText = 'Cancel';
         this.secondaryButtonClass = 'btn-secondary';
+        this.secondaryButtonType = 'button';
         this.showHeader = true;
         this.showCloseButton = true;
         this.showPrimaryButton = true;
@@ -56,7 +58,7 @@ export class SdsDialogComponent {
     }
 }
 SdsDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SdsDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: SdsDialogComponent, selector: "sds-dialog", inputs: { title: "title", closeText: "closeText", size: "size", primaryButtonText: "primaryButtonText", secondaryButtonText: "secondaryButtonText", primaryButtonClass: "primaryButtonClass", secondaryButtonClass: "secondaryButtonClass", showHeader: "showHeader", showCloseButton: "showCloseButton", showPrimaryButton: "showPrimaryButton", showSecondaryButton: "showSecondaryButton" }, outputs: { dialogOpen: "dialogOpen", dialogClose: "dialogClose" }, viewQueries: [{ propertyName: "_modal", first: true, predicate: ["modal"], descendants: true, static: true }], ngImport: i0, template: "<sds-modal\r\n    #modal\r\n    [modalTitle]=\"title\"\r\n    [size]=\"size\"\r\n    [showCloseButton]=\"showCloseButton\"\r\n    [showHeader]=\"showHeader\"\r\n    [translations]=\"{ close: closeText}\"\r\n    (closeClick)=\"onCloseClick()\"\r\n    (modalClose)=\"onModalClose()\"\r\n    (modalOpen)=\"onModalOpen()\"\r\n>\r\n    <div>\r\n        <ng-content></ng-content>\r\n    </div>\r\n\r\n    <ng-container #footer ngProjectAs='footer'>\r\n        <button\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            *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", styles: [""], components: [{ type: i1.SdsModalComponent, selector: "sds-modal", inputs: ["modalTitle", "showHeader", "showFooter", "size", "modalDialogId", "showCloseButton", "translations", "isScrollable", "closeOnEscape"], outputs: ["modalOpen", "modalClose", "closeClick"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+SdsDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: SdsDialogComponent, selector: "sds-dialog", inputs: { title: "title", closeText: "closeText", size: "size", primaryButtonText: "primaryButtonText", primaryButtonClass: "primaryButtonClass", primaryButtonType: "primaryButtonType", secondaryButtonText: "secondaryButtonText", secondaryButtonClass: "secondaryButtonClass", secondaryButtonType: "secondaryButtonType", showHeader: "showHeader", showCloseButton: "showCloseButton", showPrimaryButton: "showPrimaryButton", showSecondaryButton: "showSecondaryButton" }, outputs: { dialogOpen: "dialogOpen", dialogClose: "dialogClose" }, viewQueries: [{ propertyName: "_modal", first: true, predicate: ["modal"], descendants: true, static: true }], ngImport: i0, template: "<sds-modal\r\n    #modal\r\n    [modalTitle]=\"title\"\r\n    [size]=\"size\"\r\n    [showCloseButton]=\"showCloseButton\"\r\n    [showHeader]=\"showHeader\"\r\n    [translations]=\"{ close: closeText}\"\r\n    (closeClick)=\"onCloseClick()\"\r\n    (modalClose)=\"onModalClose()\"\r\n    (modalOpen)=\"onModalOpen()\"\r\n>\r\n    <div>\r\n        <ng-content></ng-content>\r\n    </div>\r\n\r\n    <ng-container #footer ngProjectAs='footer'>\r\n        <button\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            *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", styles: [""], components: [{ type: i1.SdsModalComponent, selector: "sds-modal", inputs: ["modalTitle", "showHeader", "showFooter", "size", "modalDialogId", "showCloseButton", "translations", "isScrollable", "closeOnEscape"], outputs: ["modalOpen", "modalClose", "closeClick"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsDialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'sds-dialog', template: "<sds-modal\r\n    #modal\r\n    [modalTitle]=\"title\"\r\n    [size]=\"size\"\r\n    [showCloseButton]=\"showCloseButton\"\r\n    [showHeader]=\"showHeader\"\r\n    [translations]=\"{ close: closeText}\"\r\n    (closeClick)=\"onCloseClick()\"\r\n    (modalClose)=\"onModalClose()\"\r\n    (modalOpen)=\"onModalOpen()\"\r\n>\r\n    <div>\r\n        <ng-content></ng-content>\r\n    </div>\r\n\r\n    <ng-container #footer ngProjectAs='footer'>\r\n        <button\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            *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", styles: [""] }]
@@ -68,12 +70,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImpor
                 type: Input
             }], primaryButtonText: [{
                 type: Input
-            }], secondaryButtonText: [{
-                type: Input
             }], primaryButtonClass: [{
                 type: Input
+            }], primaryButtonType: [{
+                type: Input
+            }], secondaryButtonText: [{
+                type: Input
             }], secondaryButtonClass: [{
                 type: Input
+            }], secondaryButtonType: [{
+                type: Input
             }], showHeader: [{
                 type: Input
             }], showCloseButton: [{
@@ -90,4 +96,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImpor
                 type: ViewChild,
                 args: ['modal', { static: true }]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL21vZGFsL2RpYWxvZy9kaWFsb2cuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvbW9kYWwvZGlhbG9nL2RpYWxvZy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQXFCLE1BQU0sRUFBaUIsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBVXBILE1BQU0sT0FBTyxrQkFBa0I7SUF5QjNCO1FBeEJnQixVQUFLLEdBQVcsRUFBRSxDQUFDO1FBQ25CLGNBQVMsR0FBWSxPQUFPLENBQUM7UUFDN0IsU0FBSSxHQUE4QixJQUFJLENBQUM7UUFFdkMsc0JBQWlCLEdBQVcsSUFBSSxDQUFDO1FBQ2pDLHdCQUFtQixHQUFXLFFBQVEsQ0FBQztRQUV2Qyx1QkFBa0IsR0FBVyxhQUFhLENBQUM7UUFDM0MseUJBQW9CLEdBQVcsZUFBZSxDQUFDO1FBRS9DLGVBQVUsR0FBWSxJQUFJLENBQUM7UUFDM0Isb0JBQWUsR0FBWSxJQUFJLENBQUM7UUFDaEMsc0JBQWlCLEdBQVksSUFBSSxDQUFDO1FBQ2xDLHdCQUFtQixHQUFZLElBQUksQ0FBQztRQUVuQyxlQUFVLEdBQXVCLElBQUksWUFBWSxFQUFRLENBQUM7UUFDMUQsZ0JBQVcsR0FBdUIsSUFBSSxZQUFZLEVBQVEsQ0FBQztJQVE3RCxDQUFDO0lBRWhCLFFBQVEsS0FBVSxDQUFDO0lBRVosSUFBSSxDQUFDLFFBQW1ELEVBQUUsSUFBVTtRQUN2RSxJQUFJLENBQUMsU0FBUyxHQUFHLFFBQVEsQ0FBQztRQUMxQixJQUFJLENBQUMsYUFBYSxHQUFHLElBQUksQ0FBQztRQUUxQixJQUFJLElBQUksQ0FBQyxNQUFNLElBQUksU0FBUyxFQUFFO1lBQzFCLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxFQUFFLENBQUM7U0FDdEI7SUFDTCxDQUFDO0lBRU8sS0FBSztRQUNULElBQUksSUFBSSxDQUFDLE1BQU0sSUFBSSxTQUFTLEVBQUU7WUFDMUIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxLQUFLLEVBQUUsQ0FBQztTQUN2QjtJQUNMLENBQUM7SUFFTSxnQkFBZ0I7UUFDbkIsSUFBSSxJQUFJLENBQUMsU0FBUyxFQUFFO1lBQ2hCLElBQUksQ0FBQyxTQUFTLENBQUMsV0FBVyxFQUFFLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQztTQUNuRDtRQUNELElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUNqQixDQUFDO0lBRU0sY0FBYztRQUNqQixJQUFJLElBQUksQ0FBQyxTQUFTLEVBQUU7WUFDaEIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxTQUFTLEVBQUUsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDO1NBQ2pEO1FBQ0QsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDO0lBQ2pCLENBQUM7SUFFTSxZQUFZO1FBQ2YsSUFBSSxJQUFJLENBQUMsU0FBUyxFQUFFO1lBQ2hCLElBQUksQ0FBQyxTQUFTLENBQUMsT0FBTyxFQUFFLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQztTQUMvQztJQUNMLENBQUM7SUFFTSxZQUFZO1FBQ2YsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUM1QixDQUFDO0lBRU0sV0FBVztRQUNkLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDM0IsQ0FBQzs7K0dBdEVRLGtCQUFrQjttR0FBbEIsa0JBQWtCLG9tQkNWL0IsKzZCQThCQTsyRkRwQmEsa0JBQWtCO2tCQUw5QixTQUFTOytCQUNJLFlBQVk7MEVBS04sS0FBSztzQkFBcEIsS0FBSztnQkFDVSxTQUFTO3NCQUF4QixLQUFLO2dCQUNVLElBQUk7c0JBQW5CLEtBQUs7Z0JBRVUsaUJBQWlCO3NCQUFoQyxLQUFLO2dCQUNVLG1CQUFtQjtzQkFBbEMsS0FBSztnQkFFVSxrQkFBa0I7c0JBQWpDLEtBQUs7Z0JBQ1Usb0JBQW9CO3NCQUFuQyxLQUFLO2dCQUVVLFVBQVU7c0JBQXpCLEtBQUs7Z0JBQ1UsZUFBZTtzQkFBOUIsS0FBSztnQkFDVSxpQkFBaUI7c0JBQWhDLEtBQUs7Z0JBQ1UsbUJBQW1CO3NCQUFsQyxLQUFLO2dCQUVXLFVBQVU7c0JBQTFCLE1BQU07Z0JBQ1UsV0FBVztzQkFBM0IsTUFBTTtnQkFHdUMsTUFBTTtzQkFBbkQsU0FBUzt1QkFBQyxPQUFPLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkNoYW5nZXMsIE9uSW5pdCwgT3V0cHV0LCBTaW1wbGVDaGFuZ2VzLCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgU2RzTW9kYWxDb21wb25lbnQgfSBmcm9tICcuLi9tb2RhbC5jb21wb25lbnQnO1xyXG5cclxudHlwZSBtb2RhbEJ1dHRvbiA9ICdwcmltYXJ5JyB8ICdzZWNvbmRhcnknIHwgJ2Nsb3NlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICdzZHMtZGlhbG9nJyxcclxuICAgIHRlbXBsYXRlVXJsOiAnLi9kaWFsb2cuY29tcG9uZW50Lmh0bWwnLFxyXG4gICAgc3R5bGVVcmxzOiBbJy4vZGlhbG9nLmNvbXBvbmVudC5zY3NzJ10sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTZHNEaWFsb2dDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gICAgQElucHV0KCkgcHVibGljIHRpdGxlOiBzdHJpbmcgPSAnJztcclxuICAgIEBJbnB1dCgpIHB1YmxpYyBjbG9zZVRleHQ/OiBzdHJpbmcgPSAnY2xvc2UnO1xyXG4gICAgQElucHV0KCkgcHVibGljIHNpemU6ICdzbScgfCAnbWQnIHwgJ2xnJyB8ICd4bCcgPSAnbWQnO1xyXG5cclxuICAgIEBJbnB1dCgpIHB1YmxpYyBwcmltYXJ5QnV0dG9uVGV4dDogc3RyaW5nID0gJ09rJztcclxuICAgIEBJbnB1dCgpIHB1YmxpYyBzZWNvbmRhcnlCdXR0b25UZXh0OiBzdHJpbmcgPSAnQ2FuY2VsJztcclxuXHJcbiAgICBASW5wdXQoKSBwdWJsaWMgcHJpbWFyeUJ1dHRvbkNsYXNzOiBzdHJpbmcgPSAnYnRuLXByaW1hcnknO1xyXG4gICAgQElucHV0KCkgcHVibGljIHNlY29uZGFyeUJ1dHRvbkNsYXNzOiBzdHJpbmcgPSAnYnRuLXNlY29uZGFyeSc7XHJcblxyXG4gICAgQElucHV0KCkgcHVibGljIHNob3dIZWFkZXI6IGJvb2xlYW4gPSB0cnVlO1xyXG4gICAgQElucHV0KCkgcHVibGljIHNob3dDbG9zZUJ1dHRvbjogYm9vbGVhbiA9IHRydWU7XHJcbiAgICBASW5wdXQoKSBwdWJsaWMgc2hvd1ByaW1hcnlCdXR0b246IGJvb2xlYW4gPSB0cnVlO1xyXG4gICAgQElucHV0KCkgcHVibGljIHNob3dTZWNvbmRhcnlCdXR0b246IGJvb2xlYW4gPSB0cnVlO1xyXG5cclxuICAgIEBPdXRwdXQoKSBwdWJsaWMgZGlhbG9nT3BlbjogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xyXG4gICAgQE91dHB1dCgpIHB1YmxpYyBkaWFsb2dDbG9zZTogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xyXG5cclxuXHJcbiAgICBAVmlld0NoaWxkKCdtb2RhbCcsIHsgc3RhdGljOiB0cnVlIH0pIHByaXZhdGUgX21vZGFsOiBTZHNNb2RhbENvbXBvbmVudCB8IHVuZGVmaW5lZDtcclxuXHJcbiAgICBwcml2YXRlIF9jYWxsYmFjaz86IEZ1bmN0aW9uO1xyXG4gICAgcHJpdmF0ZSBfY2FsbGJhY2tEYXRhOiBhbnk7XHJcblxyXG4gICAgY29uc3RydWN0b3IoKSB7fVxyXG5cclxuICAgIG5nT25Jbml0KCk6IHZvaWQge31cclxuXHJcbiAgICBwdWJsaWMgb3BlbihjYWxsYmFjaz86IChidXR0b246IG1vZGFsQnV0dG9uLCBkYXRhOiBhbnkpID0+IHZvaWQsIGRhdGE/OiBhbnkpOiB2b2lke1xyXG4gICAgICAgIHRoaXMuX2NhbGxiYWNrID0gY2FsbGJhY2s7XHJcbiAgICAgICAgdGhpcy5fY2FsbGJhY2tEYXRhID0gZGF0YTtcclxuXHJcbiAgICAgICAgaWYgKHRoaXMuX21vZGFsICE9IHVuZGVmaW5lZCkge1xyXG4gICAgICAgICAgICB0aGlzLl9tb2RhbC5vcGVuKCk7XHJcbiAgICAgICAgfVxyXG4gICAgfVxyXG5cclxuICAgIHByaXZhdGUgY2xvc2UoKTogdm9pZCB7XHJcbiAgICAgICAgaWYgKHRoaXMuX21vZGFsICE9IHVuZGVmaW5lZCkge1xyXG4gICAgICAgICAgICB0aGlzLl9tb2RhbC5jbG9zZSgpO1xyXG4gICAgICAgIH1cclxuICAgIH1cclxuXHJcbiAgICBwdWJsaWMgb25TZWNvbmRhcnlDbGljaygpOiB2b2lkIHtcclxuICAgICAgICBpZiAodGhpcy5fY2FsbGJhY2spIHtcclxuICAgICAgICAgICAgdGhpcy5fY2FsbGJhY2soJ3NlY29uZGFyeScsIHRoaXMuX2NhbGxiYWNrRGF0YSk7XHJcbiAgICAgICAgfVxyXG4gICAgICAgIHRoaXMuY2xvc2UoKTtcclxuICAgIH1cclxuXHJcbiAgICBwdWJsaWMgb25QcmltYXJ5Q2xpY2soKTogdm9pZCB7XHJcbiAgICAgICAgaWYgKHRoaXMuX2NhbGxiYWNrKSB7XHJcbiAgICAgICAgICAgIHRoaXMuX2NhbGxiYWNrKCdwcmltYXJ5JywgdGhpcy5fY2FsbGJhY2tEYXRhKTtcclxuICAgICAgICB9XHJcbiAgICAgICAgdGhpcy5jbG9zZSgpO1xyXG4gICAgfVxyXG5cclxuICAgIHB1YmxpYyBvbkNsb3NlQ2xpY2soKTogdm9pZCB7XHJcbiAgICAgICAgaWYgKHRoaXMuX2NhbGxiYWNrKSB7XHJcbiAgICAgICAgICAgIHRoaXMuX2NhbGxiYWNrKCdjbG9zZScsIHRoaXMuX2NhbGxiYWNrRGF0YSk7XHJcbiAgICAgICAgfVxyXG4gICAgfVxyXG5cclxuICAgIHB1YmxpYyBvbk1vZGFsQ2xvc2UoKTogdm9pZCB7XHJcbiAgICAgICAgdGhpcy5kaWFsb2dDbG9zZS5lbWl0KCk7XHJcbiAgICB9XHJcblxyXG4gICAgcHVibGljIG9uTW9kYWxPcGVuKCk6IHZvaWQge1xyXG4gICAgICAgIHRoaXMuZGlhbG9nT3Blbi5lbWl0KCk7XHJcbiAgICB9ICAgIFxyXG5cclxufVxyXG5cclxuXHJcblxyXG4iLCI8c2RzLW1vZGFsXHJcbiAgICAjbW9kYWxcclxuICAgIFttb2RhbFRpdGxlXT1cInRpdGxlXCJcclxuICAgIFtzaXplXT1cInNpemVcIlxyXG4gICAgW3Nob3dDbG9zZUJ1dHRvbl09XCJzaG93Q2xvc2VCdXR0b25cIlxyXG4gICAgW3Nob3dIZWFkZXJdPVwic2hvd0hlYWRlclwiXHJcbiAgICBbdHJhbnNsYXRpb25zXT1cInsgY2xvc2U6IGNsb3NlVGV4dH1cIlxyXG4gICAgKGNsb3NlQ2xpY2spPVwib25DbG9zZUNsaWNrKClcIlxyXG4gICAgKG1vZGFsQ2xvc2UpPVwib25Nb2RhbENsb3NlKClcIlxyXG4gICAgKG1vZGFsT3Blbik9XCJvbk1vZGFsT3BlbigpXCJcclxuPlxyXG4gICAgPGRpdj5cclxuICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbiAgICA8L2Rpdj5cclxuXHJcbiAgICA8bmctY29udGFpbmVyICNmb290ZXIgbmdQcm9qZWN0QXM9J2Zvb3Rlcic+XHJcbiAgICAgICAgPGJ1dHRvblxyXG4gICAgICAgICAgICAqbmdJZj1cInNob3dTZWNvbmRhcnlCdXR0b25cIlxyXG4gICAgICAgICAgICBjbGFzcz1cImJ0blwiXHJcbiAgICAgICAgICAgIFtjbGFzc109XCJzZWNvbmRhcnlCdXR0b25DbGFzc1wiXHJcbiAgICAgICAgICAgIChjbGljayk9XCJvblNlY29uZGFyeUNsaWNrKClcIlxyXG4gICAgICAgID57e3NlY29uZGFyeUJ1dHRvblRleHR9fTwvYnV0dG9uPlxyXG4gICAgICAgIDxidXR0b25cclxuICAgICAgICAgICAgKm5nSWY9XCJzaG93UHJpbWFyeUJ1dHRvblwiXHJcbiAgICAgICAgICAgIGNsYXNzPVwiYnRuXCJcclxuICAgICAgICAgICAgW2NsYXNzXT1cInByaW1hcnlCdXR0b25DbGFzc1wiXHJcbiAgICAgICAgICAgIChjbGljayk9XCJvblByaW1hcnlDbGljaygpXCJcclxuICAgICAgICA+e3twcmltYXJ5QnV0dG9uVGV4dH19PC9idXR0b24+XHJcbiAgICA8L25nLWNvbnRhaW5lcj5cclxuPC9zZHMtbW9kYWw+XHJcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL21vZGFsL2RpYWxvZy9kaWFsb2cuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvbW9kYWwvZGlhbG9nL2RpYWxvZy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQXFCLE1BQU0sRUFBaUIsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBV3BILE1BQU0sT0FBTyxrQkFBa0I7SUEwQjNCO1FBekJnQixVQUFLLEdBQVcsRUFBRSxDQUFDO1FBQ25CLGNBQVMsR0FBWSxPQUFPLENBQUM7UUFDN0IsU0FBSSxHQUE4QixJQUFJLENBQUM7UUFFdkMsc0JBQWlCLEdBQVcsSUFBSSxDQUFDO1FBQ2pDLHVCQUFrQixHQUFXLGFBQWEsQ0FBQztRQUMzQyxzQkFBaUIsR0FBZSxRQUFRLENBQUM7UUFFekMsd0JBQW1CLEdBQVcsUUFBUSxDQUFDO1FBQ3ZDLHlCQUFvQixHQUFXLGVBQWUsQ0FBQztRQUMvQyx3QkFBbUIsR0FBZSxRQUFRLENBQUM7UUFFM0MsZUFBVSxHQUFZLElBQUksQ0FBQztRQUMzQixvQkFBZSxHQUFZLElBQUksQ0FBQztRQUNoQyxzQkFBaUIsR0FBWSxJQUFJLENBQUM7UUFDbEMsd0JBQW1CLEdBQVksSUFBSSxDQUFDO1FBRW5DLGVBQVUsR0FBdUIsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUMxRCxnQkFBVyxHQUF1QixJQUFJLFlBQVksRUFBUSxDQUFDO0lBTzdELENBQUM7SUFFaEIsUUFBUSxLQUFVLENBQUM7SUFFWixJQUFJLENBQUMsUUFBbUQsRUFBRSxJQUFVO1FBQ3ZFLElBQUksQ0FBQyxTQUFTLEdBQUcsUUFBUSxDQUFDO1FBQzFCLElBQUksQ0FBQyxhQUFhLEdBQUcsSUFBSSxDQUFDO1FBRTFCLElBQUksSUFBSSxDQUFDLE1BQU0sSUFBSSxTQUFTLEVBQUU7WUFDMUIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLEVBQUUsQ0FBQztTQUN0QjtJQUNMLENBQUM7SUFFTyxLQUFLO1FBQ1QsSUFBSSxJQUFJLENBQUMsTUFBTSxJQUFJLFNBQVMsRUFBRTtZQUMxQixJQUFJLENBQUMsTUFBTSxDQUFDLEtBQUssRUFBRSxDQUFDO1NBQ3ZCO0lBQ0wsQ0FBQztJQUVNLGdCQUFnQjtRQUNuQixJQUFJLElBQUksQ0FBQyxTQUFTLEVBQUU7WUFDaEIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxXQUFXLEVBQUUsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDO1NBQ25EO1FBQ0QsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDO0lBQ2pCLENBQUM7SUFFTSxjQUFjO1FBQ2pCLElBQUksSUFBSSxDQUFDLFNBQVMsRUFBRTtZQUNoQixJQUFJLENBQUMsU0FBUyxDQUFDLFNBQVMsRUFBRSxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUM7U0FDakQ7UUFDRCxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDakIsQ0FBQztJQUVNLFlBQVk7UUFDZixJQUFJLElBQUksQ0FBQyxTQUFTLEVBQUU7WUFDaEIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxPQUFPLEVBQUUsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDO1NBQy9DO0lBQ0wsQ0FBQztJQUVNLFlBQVk7UUFDZixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQzVCLENBQUM7SUFFTSxXQUFXO1FBQ2QsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUMzQixDQUFDOzsrR0F2RVEsa0JBQWtCO21HQUFsQixrQkFBa0Isd3JCQ1gvQiwrNkJBOEJBOzJGRG5CYSxrQkFBa0I7a0JBTDlCLFNBQVM7K0JBQ0ksWUFBWTswRUFLTixLQUFLO3NCQUFwQixLQUFLO2dCQUNVLFNBQVM7c0JBQXhCLEtBQUs7Z0JBQ1UsSUFBSTtzQkFBbkIsS0FBSztnQkFFVSxpQkFBaUI7c0JBQWhDLEtBQUs7Z0JBQ1Usa0JBQWtCO3NCQUFqQyxLQUFLO2dCQUNVLGlCQUFpQjtzQkFBaEMsS0FBSztnQkFFVSxtQkFBbUI7c0JBQWxDLEtBQUs7Z0JBQ1Usb0JBQW9CO3NCQUFuQyxLQUFLO2dCQUNVLG1CQUFtQjtzQkFBbEMsS0FBSztnQkFFVSxVQUFVO3NCQUF6QixLQUFLO2dCQUNVLGVBQWU7c0JBQTlCLEtBQUs7Z0JBQ1UsaUJBQWlCO3NCQUFoQyxLQUFLO2dCQUNVLG1CQUFtQjtzQkFBbEMsS0FBSztnQkFFVyxVQUFVO3NCQUExQixNQUFNO2dCQUNVLFdBQVc7c0JBQTNCLE1BQU07Z0JBRXVDLE1BQU07c0JBQW5ELFNBQVM7dUJBQUMsT0FBTyxFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25DaGFuZ2VzLCBPbkluaXQsIE91dHB1dCwgU2ltcGxlQ2hhbmdlcywgVmlld0NoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFNkc01vZGFsQ29tcG9uZW50IH0gZnJvbSAnLi4vbW9kYWwuY29tcG9uZW50JztcclxuaW1wb3J0IHsgQnV0dG9uVHlwZSB9IGZyb20gJy4vZGlhbG9nLnR5cGVzJztcclxuXHJcbnR5cGUgbW9kYWxCdXR0b24gPSAncHJpbWFyeScgfCAnc2Vjb25kYXJ5JyB8ICdjbG9zZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICAgIHNlbGVjdG9yOiAnc2RzLWRpYWxvZycsXHJcbiAgICB0ZW1wbGF0ZVVybDogJy4vZGlhbG9nLmNvbXBvbmVudC5odG1sJyxcclxuICAgIHN0eWxlVXJsczogWycuL2RpYWxvZy5jb21wb25lbnQuc2NzcyddLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgU2RzRGlhbG9nQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICAgIEBJbnB1dCgpIHB1YmxpYyB0aXRsZTogc3RyaW5nID0gJyc7XHJcbiAgICBASW5wdXQoKSBwdWJsaWMgY2xvc2VUZXh0Pzogc3RyaW5nID0gJ2Nsb3NlJztcclxuICAgIEBJbnB1dCgpIHB1YmxpYyBzaXplOiAnc20nIHwgJ21kJyB8ICdsZycgfCAneGwnID0gJ21kJztcclxuXHJcbiAgICBASW5wdXQoKSBwdWJsaWMgcHJpbWFyeUJ1dHRvblRleHQ6IHN0cmluZyA9ICdPayc7XHJcbiAgICBASW5wdXQoKSBwdWJsaWMgcHJpbWFyeUJ1dHRvbkNsYXNzOiBzdHJpbmcgPSAnYnRuLXByaW1hcnknO1xyXG4gICAgQElucHV0KCkgcHVibGljIHByaW1hcnlCdXR0b25UeXBlOiBCdXR0b25UeXBlID0gJ2J1dHRvbic7XHJcbiAgICBcclxuICAgIEBJbnB1dCgpIHB1YmxpYyBzZWNvbmRhcnlCdXR0b25UZXh0OiBzdHJpbmcgPSAnQ2FuY2VsJztcclxuICAgIEBJbnB1dCgpIHB1YmxpYyBzZWNvbmRhcnlCdXR0b25DbGFzczogc3RyaW5nID0gJ2J0bi1zZWNvbmRhcnknO1xyXG4gICAgQElucHV0KCkgcHVibGljIHNlY29uZGFyeUJ1dHRvblR5cGU6IEJ1dHRvblR5cGUgPSAnYnV0dG9uJztcclxuXHJcbiAgICBASW5wdXQoKSBwdWJsaWMgc2hvd0hlYWRlcjogYm9vbGVhbiA9IHRydWU7XHJcbiAgICBASW5wdXQoKSBwdWJsaWMgc2hvd0Nsb3NlQnV0dG9uOiBib29sZWFuID0gdHJ1ZTtcclxuICAgIEBJbnB1dCgpIHB1YmxpYyBzaG93UHJpbWFyeUJ1dHRvbjogYm9vbGVhbiA9IHRydWU7XHJcbiAgICBASW5wdXQoKSBwdWJsaWMgc2hvd1NlY29uZGFyeUJ1dHRvbjogYm9vbGVhbiA9IHRydWU7XHJcblxyXG4gICAgQE91dHB1dCgpIHB1YmxpYyBkaWFsb2dPcGVuOiBFdmVudEVtaXR0ZXI8dm9pZD4gPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XHJcbiAgICBAT3V0cHV0KCkgcHVibGljIGRpYWxvZ0Nsb3NlOiBFdmVudEVtaXR0ZXI8dm9pZD4gPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XHJcblxyXG4gICAgQFZpZXdDaGlsZCgnbW9kYWwnLCB7IHN0YXRpYzogdHJ1ZSB9KSBwcml2YXRlIF9tb2RhbDogU2RzTW9kYWxDb21wb25lbnQgfCB1bmRlZmluZWQ7XHJcblxyXG4gICAgcHJpdmF0ZSBfY2FsbGJhY2s/OiBGdW5jdGlvbjtcclxuICAgIHByaXZhdGUgX2NhbGxiYWNrRGF0YTogYW55O1xyXG5cclxuICAgIGNvbnN0cnVjdG9yKCkge31cclxuXHJcbiAgICBuZ09uSW5pdCgpOiB2b2lkIHt9XHJcblxyXG4gICAgcHVibGljIG9wZW4oY2FsbGJhY2s/OiAoYnV0dG9uOiBtb2RhbEJ1dHRvbiwgZGF0YTogYW55KSA9PiB2b2lkLCBkYXRhPzogYW55KTogdm9pZHtcclxuICAgICAgICB0aGlzLl9jYWxsYmFjayA9IGNhbGxiYWNrO1xyXG4gICAgICAgIHRoaXMuX2NhbGxiYWNrRGF0YSA9IGRhdGE7XHJcblxyXG4gICAgICAgIGlmICh0aGlzLl9tb2RhbCAhPSB1bmRlZmluZWQpIHtcclxuICAgICAgICAgICAgdGhpcy5fbW9kYWwub3BlbigpO1xyXG4gICAgICAgIH1cclxuICAgIH1cclxuXHJcbiAgICBwcml2YXRlIGNsb3NlKCk6IHZvaWQge1xyXG4gICAgICAgIGlmICh0aGlzLl9tb2RhbCAhPSB1bmRlZmluZWQpIHtcclxuICAgICAgICAgICAgdGhpcy5fbW9kYWwuY2xvc2UoKTtcclxuICAgICAgICB9XHJcbiAgICB9XHJcblxyXG4gICAgcHVibGljIG9uU2Vjb25kYXJ5Q2xpY2soKTogdm9pZCB7XHJcbiAgICAgICAgaWYgKHRoaXMuX2NhbGxiYWNrKSB7XHJcbiAgICAgICAgICAgIHRoaXMuX2NhbGxiYWNrKCdzZWNvbmRhcnknLCB0aGlzLl9jYWxsYmFja0RhdGEpO1xyXG4gICAgICAgIH1cclxuICAgICAgICB0aGlzLmNsb3NlKCk7XHJcbiAgICB9XHJcblxyXG4gICAgcHVibGljIG9uUHJpbWFyeUNsaWNrKCk6IHZvaWQge1xyXG4gICAgICAgIGlmICh0aGlzLl9jYWxsYmFjaykge1xyXG4gICAgICAgICAgICB0aGlzLl9jYWxsYmFjaygncHJpbWFyeScsIHRoaXMuX2NhbGxiYWNrRGF0YSk7XHJcbiAgICAgICAgfVxyXG4gICAgICAgIHRoaXMuY2xvc2UoKTtcclxuICAgIH1cclxuXHJcbiAgICBwdWJsaWMgb25DbG9zZUNsaWNrKCk6IHZvaWQge1xyXG4gICAgICAgIGlmICh0aGlzLl9jYWxsYmFjaykge1xyXG4gICAgICAgICAgICB0aGlzLl9jYWxsYmFjaygnY2xvc2UnLCB0aGlzLl9jYWxsYmFja0RhdGEpO1xyXG4gICAgICAgIH1cclxuICAgIH1cclxuXHJcbiAgICBwdWJsaWMgb25Nb2RhbENsb3NlKCk6IHZvaWQge1xyXG4gICAgICAgIHRoaXMuZGlhbG9nQ2xvc2UuZW1pdCgpO1xyXG4gICAgfVxyXG5cclxuICAgIHB1YmxpYyBvbk1vZGFsT3BlbigpOiB2b2lkIHtcclxuICAgICAgICB0aGlzLmRpYWxvZ09wZW4uZW1pdCgpO1xyXG4gICAgfSAgICBcclxuXHJcbn1cclxuXHJcblxyXG5cclxuIiwiPHNkcy1tb2RhbFxyXG4gICAgI21vZGFsXHJcbiAgICBbbW9kYWxUaXRsZV09XCJ0aXRsZVwiXHJcbiAgICBbc2l6ZV09XCJzaXplXCJcclxuICAgIFtzaG93Q2xvc2VCdXR0b25dPVwic2hvd0Nsb3NlQnV0dG9uXCJcclxuICAgIFtzaG93SGVhZGVyXT1cInNob3dIZWFkZXJcIlxyXG4gICAgW3RyYW5zbGF0aW9uc109XCJ7IGNsb3NlOiBjbG9zZVRleHR9XCJcclxuICAgIChjbG9zZUNsaWNrKT1cIm9uQ2xvc2VDbGljaygpXCJcclxuICAgIChtb2RhbENsb3NlKT1cIm9uTW9kYWxDbG9zZSgpXCJcclxuICAgIChtb2RhbE9wZW4pPVwib25Nb2RhbE9wZW4oKVwiXHJcbj5cclxuICAgIDxkaXY+XHJcbiAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG4gICAgPC9kaXY+XHJcblxyXG4gICAgPG5nLWNvbnRhaW5lciAjZm9vdGVyIG5nUHJvamVjdEFzPSdmb290ZXInPlxyXG4gICAgICAgIDxidXR0b25cclxuICAgICAgICAgICAgKm5nSWY9XCJzaG93U2Vjb25kYXJ5QnV0dG9uXCJcclxuICAgICAgICAgICAgY2xhc3M9XCJidG5cIlxyXG4gICAgICAgICAgICBbY2xhc3NdPVwic2Vjb25kYXJ5QnV0dG9uQ2xhc3NcIlxyXG4gICAgICAgICAgICAoY2xpY2spPVwib25TZWNvbmRhcnlDbGljaygpXCJcclxuICAgICAgICA+e3tzZWNvbmRhcnlCdXR0b25UZXh0fX08L2J1dHRvbj5cclxuICAgICAgICA8YnV0dG9uXHJcbiAgICAgICAgICAgICpuZ0lmPVwic2hvd1ByaW1hcnlCdXR0b25cIlxyXG4gICAgICAgICAgICBjbGFzcz1cImJ0blwiXHJcbiAgICAgICAgICAgIFtjbGFzc109XCJwcmltYXJ5QnV0dG9uQ2xhc3NcIlxyXG4gICAgICAgICAgICAoY2xpY2spPVwib25QcmltYXJ5Q2xpY2soKVwiXHJcbiAgICAgICAgPnt7cHJpbWFyeUJ1dHRvblRleHR9fTwvYnV0dG9uPlxyXG4gICAgPC9uZy1jb250YWluZXI+XHJcbjwvc2RzLW1vZGFsPlxyXG4iXX0=

package/esm2020/src/lib/modal/dialog/dialog.types.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLnR5cGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvbW9kYWwvZGlhbG9nL2RpYWxvZy50eXBlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHR5cGUgQnV0dG9uVHlwZSA9ICdidXR0b24nIHwgJ3N1Ym1pdCcgfCAncmVzZXQnOyJdfQ==

package/esm2020/src/lib/quick-info/quick-info.component.mjs

@@ -1,4 +1,4 @@
-import { ChangeDetectionStrategy, Component, ContentChild, ElementRef, Input, ViewChild, } from '@angular/core';
+import { ChangeDetectionStrategy, Component, ContentChild, ElementRef, EventEmitter, Input, Output, ViewChild, } from '@angular/core';
 import * as i0 from "@angular/core";
 import * as i1 from "@fortawesome/angular-fontawesome";
 import * as i2 from "devextreme-angular/ui/popover";
@@ -8,16 +8,20 @@ export class SdsQuickInfoComponent {
         this.popoverMaxWidth = '20rem';
         this.popoverMinWidth = '';
         this.popoverWidth = '';
+        this.showEventName = 'dxhoverstart';
+        this.hideEventName = 'dxhoverend';
         this.mode = 'default';
+        this.hide = new EventEmitter();
+        this.show = new EventEmitter();
         this.customContent = { nativeElement: undefined };
-        this.hideEvent = { name: 'dxhoverend', delay: 200 };
-        this.showEvent = { name: 'dxhoverstart', delay: 200 };
+        this.showEvent = { name: this.showEventName, delay: 200 };
+        this.hideEvent = { name: this.hideEventName, delay: 200 };
     }
     ngOnChanges(changes) {
-        if (changes['showDelay']) {
+        if (changes['showDelay'] || changes['showEventName']) {
             this.setShowEvent();
         }
-        else if (changes['hideDelay']) {
+        else if (changes['hideDelay'] || changes['hideEventName']) {
             this.setHideEvent();
         }
     }
@@ -31,18 +35,40 @@ export class SdsQuickInfoComponent {
             });
         }
     }
+    onHidden() {
+        this.hide.emit();
+    }
+    onShown() {
+        this.show.emit();
+    }
+    showInfo() {
+        if (this._popover) {
+            this._popover.instance.show();
+        }
+    }
+    hideInfo() {
+        if (this._popover) {
+            this._popover.instance.hide();
+        }
+    }
     setShowEvent() {
-        this.showEvent = { name: 'dxhoverstart', delay: this.showDelay ?? 200 };
+        this.showEvent = {
+            name: this.showEventName,
+            delay: this.showDelay ?? 200
+        };
     }
     setHideEvent() {
-        this.hideEvent = { name: 'dxhoverend', delay: this.hideDelay ?? 200 };
+        this.hideEvent = {
+            name: this.hideEventName,
+            delay: this.hideDelay ?? 200
+        };
     }
 }
 SdsQuickInfoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsQuickInfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SdsQuickInfoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: SdsQuickInfoComponent, selector: "sds-quick-info", inputs: { popoverMaxWidth: "popoverMaxWidth", popoverMinWidth: "popoverMinWidth", popoverWidth: "popoverWidth", showDelay: "showDelay", hideDelay: "hideDelay", mode: "mode" }, queries: [{ propertyName: "customContent", first: true, predicate: ["customContent"], descendants: true }], viewQueries: [{ propertyName: "buttonElementRef", first: true, predicate: ["popoverTarget"], descendants: true, read: ElementRef, static: true }], usesOnChanges: true, ngImport: i0, template: "<div #popoverTarget\r\n    class=\"d-inline\">\r\n\r\n    <fa-icon *ngIf=\"!customContent\"\r\n        [icon]=\"['far', 'info-circle']\"\r\n    > </fa-icon>\r\n\r\n    <ng-container *ngIf=\"customContent\" >\r\n        <ng-content select=\"customContent\"></ng-content>\r\n    </ng-container> \r\n</div>\r\n\r\n<dx-popover\r\n    class=\"d-inline\"\r\n    [target]=\"buttonElementRef?.nativeElement\"\r\n    [maxWidth]=\"popoverMaxWidth\"\r\n    [minWidth]=\"popoverMinWidth\"\r\n    [width]=\"popoverWidth\"\r\n    [showEvent]=\"showEvent\"\r\n    [hideEvent]=\"hideEvent\"\r\n    (onHiding)=\"onHiding($event)\"\r\n    [wrapperAttr]=\"{ class: 'sds-quick-info-popover' }\"\r\n>\r\n    <ng-content></ng-content>\r\n</dx-popover>", styles: ["dx-popover{display:inline}\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"] }, { type: i2.DxPopoverComponent, selector: "dx-popover", inputs: ["animation", "closeOnOutsideClick", "container", "contentTemplate", "copyRootClassesToWrapper", "deferRendering", "disabled", "elementAttr", "height", "hideEvent", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "position", "rtlEnabled", "shading", "shadingColor", "showCloseButton", "showEvent", "showTitle", "target", "title", "titleTemplate", "toolbarItems", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onShowing", "onShown", "onTitleRendered", "animationChange", "closeOnOutsideClickChange", "containerChange", "contentTemplateChange", "copyRootClassesToWrapperChange", "deferRenderingChange", "disabledChange", "elementAttrChange", "heightChange", "hideEventChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "maxHeightChange", "maxWidthChange", "minHeightChange", "minWidthChange", "positionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showCloseButtonChange", "showEventChange", "showTitleChange", "targetChange", "titleChange", "titleTemplateChange", "toolbarItemsChange", "visibleChange", "widthChange", "wrapperAttrChange"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SdsQuickInfoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: SdsQuickInfoComponent, selector: "sds-quick-info", inputs: { popoverMaxWidth: "popoverMaxWidth", popoverMinWidth: "popoverMinWidth", popoverWidth: "popoverWidth", showDelay: "showDelay", showEventName: "showEventName", hideDelay: "hideDelay", hideEventName: "hideEventName", mode: "mode" }, outputs: { hide: "hide", show: "show" }, queries: [{ propertyName: "customContent", first: true, predicate: ["customContent"], descendants: true }], viewQueries: [{ propertyName: "_popover", first: true, predicate: ["popover"], descendants: true }, { propertyName: "buttonElementRef", first: true, predicate: ["popoverTarget"], descendants: true, read: ElementRef, static: true }], usesOnChanges: true, ngImport: i0, template: "<div #popoverTarget\r\n    class=\"d-inline\">\r\n\r\n    <fa-icon *ngIf=\"!customContent\"\r\n        [icon]=\"['far', 'info-circle']\"\r\n    > </fa-icon>\r\n\r\n    <ng-container *ngIf=\"customContent\" >\r\n        <ng-content select=\"customContent\"></ng-content>\r\n    </ng-container> \r\n</div>\r\n\r\n<dx-popover\r\n    #popover\r\n    class=\"d-inline\"\r\n    [target]=\"buttonElementRef?.nativeElement\"\r\n    [maxWidth]=\"popoverMaxWidth\"\r\n    [minWidth]=\"popoverMinWidth\"\r\n    [width]=\"popoverWidth\"\r\n    [showEvent]=\"showEvent\"\r\n    [hideEvent]=\"hideEvent\"\r\n    (onHiding)=\"onHiding($event)\"\r\n    (onShown)=\"onShown()\"\r\n    (onHidden)=\"onHidden()\"\r\n    [wrapperAttr]=\"{ class: 'sds-quick-info-popover' }\"\r\n>\r\n    <ng-content></ng-content>\r\n</dx-popover>", styles: ["dx-popover{display:inline}\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"] }, { type: i2.DxPopoverComponent, selector: "dx-popover", inputs: ["animation", "closeOnOutsideClick", "container", "contentTemplate", "copyRootClassesToWrapper", "deferRendering", "disabled", "elementAttr", "height", "hideEvent", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "position", "rtlEnabled", "shading", "shadingColor", "showCloseButton", "showEvent", "showTitle", "target", "title", "titleTemplate", "toolbarItems", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onShowing", "onShown", "onTitleRendered", "animationChange", "closeOnOutsideClickChange", "containerChange", "contentTemplateChange", "copyRootClassesToWrapperChange", "deferRenderingChange", "disabledChange", "elementAttrChange", "heightChange", "hideEventChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "maxHeightChange", "maxWidthChange", "minHeightChange", "minWidthChange", "positionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showCloseButtonChange", "showEventChange", "showTitleChange", "targetChange", "titleChange", "titleTemplateChange", "toolbarItemsChange", "visibleChange", "widthChange", "wrapperAttrChange"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsQuickInfoComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sds-quick-info', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div #popoverTarget\r\n    class=\"d-inline\">\r\n\r\n    <fa-icon *ngIf=\"!customContent\"\r\n        [icon]=\"['far', 'info-circle']\"\r\n    > </fa-icon>\r\n\r\n    <ng-container *ngIf=\"customContent\" >\r\n        <ng-content select=\"customContent\"></ng-content>\r\n    </ng-container> \r\n</div>\r\n\r\n<dx-popover\r\n    class=\"d-inline\"\r\n    [target]=\"buttonElementRef?.nativeElement\"\r\n    [maxWidth]=\"popoverMaxWidth\"\r\n    [minWidth]=\"popoverMinWidth\"\r\n    [width]=\"popoverWidth\"\r\n    [showEvent]=\"showEvent\"\r\n    [hideEvent]=\"hideEvent\"\r\n    (onHiding)=\"onHiding($event)\"\r\n    [wrapperAttr]=\"{ class: 'sds-quick-info-popover' }\"\r\n>\r\n    <ng-content></ng-content>\r\n</dx-popover>", styles: ["dx-popover{display:inline}\n"] }]
+            args: [{ selector: 'sds-quick-info', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div #popoverTarget\r\n    class=\"d-inline\">\r\n\r\n    <fa-icon *ngIf=\"!customContent\"\r\n        [icon]=\"['far', 'info-circle']\"\r\n    > </fa-icon>\r\n\r\n    <ng-container *ngIf=\"customContent\" >\r\n        <ng-content select=\"customContent\"></ng-content>\r\n    </ng-container> \r\n</div>\r\n\r\n<dx-popover\r\n    #popover\r\n    class=\"d-inline\"\r\n    [target]=\"buttonElementRef?.nativeElement\"\r\n    [maxWidth]=\"popoverMaxWidth\"\r\n    [minWidth]=\"popoverMinWidth\"\r\n    [width]=\"popoverWidth\"\r\n    [showEvent]=\"showEvent\"\r\n    [hideEvent]=\"hideEvent\"\r\n    (onHiding)=\"onHiding($event)\"\r\n    (onShown)=\"onShown()\"\r\n    (onHidden)=\"onHidden()\"\r\n    [wrapperAttr]=\"{ class: 'sds-quick-info-popover' }\"\r\n>\r\n    <ng-content></ng-content>\r\n</dx-popover>", styles: ["dx-popover{display:inline}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { popoverMaxWidth: [{
                 type: Input
             }], popoverMinWidth: [{
@@ -51,10 +77,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImpor
                 type: Input
             }], showDelay: [{
                 type: Input
+            }], showEventName: [{
+                type: Input
             }], hideDelay: [{
                 type: Input
+            }], hideEventName: [{
+                type: Input
             }], mode: [{
                 type: Input
+            }], hide: [{
+                type: Output
+            }], show: [{
+                type: Output
+            }], _popover: [{
+                type: ViewChild,
+                args: ['popover', { static: false }]
             }], buttonElementRef: [{
                 type: ViewChild,
                 args: ['popoverTarget', { read: ElementRef, static: true }]
@@ -62,4 +99,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImpor
                 type: ContentChild,
                 args: ['customContent']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicXVpY2staW5mby5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2RzLWNvbXBvbmVudHMvc3JjL2xpYi9xdWljay1pbmZvL3F1aWNrLWluZm8uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvcXVpY2staW5mby9xdWljay1pbmZvLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDSCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFlBQVksRUFDWixVQUFVLEVBQ1YsS0FBSyxFQUdMLFNBQVMsR0FDWixNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFRdkIsTUFBTSxPQUFPLHFCQUFxQjtJQXFCOUI7UUFwQlMsb0JBQWUsR0FBK0IsT0FBTyxDQUFDO1FBQ3RELG9CQUFlLEdBQStCLEVBQUUsQ0FBQztRQUNqRCxpQkFBWSxHQUErQixFQUFFLENBQUM7UUFHOUMsU0FBSSxHQUF1QixTQUFTLENBQUE7UUFHZCxrQkFBYSxHQUFlLEVBQUUsYUFBYSxFQUFFLFNBQVMsRUFBRSxDQUFDO1FBYXBGLElBQUksQ0FBQyxTQUFTLEdBQUcsRUFBRSxJQUFJLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxHQUFHLEVBQUUsQ0FBQztRQUNwRCxJQUFJLENBQUMsU0FBUyxHQUFHLEVBQUUsSUFBSSxFQUFFLGNBQWMsRUFBRSxLQUFLLEVBQUUsR0FBRyxFQUFFLENBQUM7SUFDMUQsQ0FBQztJQUVELFdBQVcsQ0FBQyxPQUFzQjtRQUM5QixJQUFJLE9BQU8sQ0FBQyxXQUFXLENBQUMsRUFBRTtZQUN0QixJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7U0FDdkI7YUFBTSxJQUFJLE9BQU8sQ0FBQyxXQUFXLENBQUMsRUFBRTtZQUM3QixJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7U0FDdkI7SUFDTCxDQUFDO0lBRUQsUUFBUSxDQUFDLENBQU07UUFDWCxJQUFJLElBQUksQ0FBQyxJQUFJLEtBQUssU0FBUyxFQUFFO1lBQ3pCLE1BQU0sY0FBYyxHQUFHLENBQUMsQ0FBQyxTQUFTLENBQUMsT0FBTyxFQUFFLENBQUMsVUFBVSxDQUFDO1lBQ3hELE1BQU0sb0JBQW9CLEdBQUcsY0FBYyxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsQ0FBQztZQUM5RCxDQUFDLENBQUMsTUFBTSxHQUFHLG9CQUFvQixDQUFDO1lBRWhDLGNBQWMsQ0FBQyxnQkFBZ0IsQ0FBQyxZQUFZLEVBQUUsR0FBRyxFQUFFO2dCQUMvQyxDQUFDLENBQUMsU0FBUyxDQUFDLElBQUksRUFBRSxDQUFDO1lBQ3ZCLENBQUMsQ0FBQyxDQUFDO1NBQ047SUFDTCxDQUFDO0lBRU8sWUFBWTtRQUNoQixJQUFJLENBQUMsU0FBUyxHQUFHLEVBQUUsSUFBSSxFQUFFLGNBQWMsRUFBRSxLQUFLLEVBQUUsSUFBSSxDQUFDLFNBQVMsSUFBSSxHQUFHLEVBQUUsQ0FBQztJQUM1RSxDQUFDO0lBRU8sWUFBWTtRQUNoQixJQUFJLENBQUMsU0FBUyxHQUFHLEVBQUUsSUFBSSxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsSUFBSSxDQUFDLFNBQVMsSUFBSSxHQUFHLEVBQUUsQ0FBQztJQUMxRSxDQUFDOztrSEFwRFEscUJBQXFCO3NHQUFyQixxQkFBcUIsZ2JBUU0sVUFBVSxnRUN6QmxELDJ0QkF3QmE7MkZEUEEscUJBQXFCO2tCQU5qQyxTQUFTOytCQUNJLGdCQUFnQixtQkFHVCx1QkFBdUIsQ0FBQyxNQUFNOzBFQUd0QyxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUVpRSxnQkFBZ0I7c0JBQXRGLFNBQVM7dUJBQUMsZUFBZSxFQUFFLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFO2dCQUMvQixhQUFhO3NCQUEzQyxZQUFZO3VCQUFDLGVBQWUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xyXG4gICAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXHJcbiAgICBDb21wb25lbnQsXHJcbiAgICBDb250ZW50Q2hpbGQsXHJcbiAgICBFbGVtZW50UmVmLFxyXG4gICAgSW5wdXQsXHJcbiAgICBPbkNoYW5nZXMsXHJcbiAgICBTaW1wbGVDaGFuZ2VzLFxyXG4gICAgVmlld0NoaWxkLFxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogJ3Nkcy1xdWljay1pbmZvJyxcclxuICAgIHRlbXBsYXRlVXJsOiAnLi9xdWljay1pbmZvLmNvbXBvbmVudC5odG1sJyxcclxuICAgIHN0eWxlVXJsczogWycuL3F1aWNrLWluZm8uY29tcG9uZW50LnNjc3MnXSxcclxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgU2RzUXVpY2tJbmZvQ29tcG9uZW50IGltcGxlbWVudHMgT25DaGFuZ2VzIHtcclxuICAgIEBJbnB1dCgpIHBvcG92ZXJNYXhXaWR0aDogbnVtYmVyIHwgRnVuY3Rpb24gfCBzdHJpbmcgPSAnMjByZW0nO1xyXG4gICAgQElucHV0KCkgcG9wb3Zlck1pbldpZHRoOiBudW1iZXIgfCBGdW5jdGlvbiB8IHN0cmluZyA9ICcnO1xyXG4gICAgQElucHV0KCkgcG9wb3ZlcldpZHRoOiBudW1iZXIgfCBGdW5jdGlvbiB8IHN0cmluZyA9ICcnO1xyXG4gICAgQElucHV0KCkgc2hvd0RlbGF5PzogbnVtYmVyO1xyXG4gICAgQElucHV0KCkgaGlkZURlbGF5PzogbnVtYmVyO1xyXG4gICAgQElucHV0KCkgbW9kZTogJ2RlZmF1bHQnIHwgJ2hpbnQnID0gJ2RlZmF1bHQnXHJcblxyXG4gICAgQFZpZXdDaGlsZCgncG9wb3ZlclRhcmdldCcsIHsgcmVhZDogRWxlbWVudFJlZiwgc3RhdGljOiB0cnVlIH0pIHB1YmxpYyBidXR0b25FbGVtZW50UmVmPzogRWxlbWVudFJlZjtcclxuICAgIEBDb250ZW50Q2hpbGQoJ2N1c3RvbUNvbnRlbnQnKSBjdXN0b21Db250ZW50OiBFbGVtZW50UmVmID0geyBuYXRpdmVFbGVtZW50OiB1bmRlZmluZWQgfTtcclxuXHJcbiAgICBwdWJsaWMgaGlkZUV2ZW50OiBzdHJpbmcgfCB7XHJcbiAgICAgICAgZGVsYXk/OiBudW1iZXI7XHJcbiAgICAgICAgbmFtZT86IHN0cmluZztcclxuICAgIH07XHJcblxyXG4gICAgcHVibGljIHNob3dFdmVudDogc3RyaW5nIHwge1xyXG4gICAgICAgIGRlbGF5PzogbnVtYmVyO1xyXG4gICAgICAgIG5hbWU/OiBzdHJpbmc7XHJcbiAgICB9OyAgICBcclxuXHJcbiAgICBjb25zdHJ1Y3RvcigpIHtcclxuICAgICAgICB0aGlzLmhpZGVFdmVudCA9IHsgbmFtZTogJ2R4aG92ZXJlbmQnLCBkZWxheTogMjAwIH07XHJcbiAgICAgICAgdGhpcy5zaG93RXZlbnQgPSB7IG5hbWU6ICdkeGhvdmVyc3RhcnQnLCBkZWxheTogMjAwIH07XHJcbiAgICB9XHJcblxyXG4gICAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcyk6IHZvaWQge1xyXG4gICAgICAgIGlmIChjaGFuZ2VzWydzaG93RGVsYXknXSkge1xyXG4gICAgICAgICAgICB0aGlzLnNldFNob3dFdmVudCgpO1xyXG4gICAgICAgIH0gZWxzZSBpZiAoY2hhbmdlc1snaGlkZURlbGF5J10pIHtcclxuICAgICAgICAgICAgdGhpcy5zZXRIaWRlRXZlbnQoKTtcclxuICAgICAgICB9ICAgICAgICBcclxuICAgIH1cclxuXHJcbiAgICBvbkhpZGluZyhlOiBhbnkpIHtcclxuICAgICAgICBpZiAodGhpcy5tb2RlID09PSAnZGVmYXVsdCcpIHtcclxuICAgICAgICAgICAgY29uc3QgcG9wb3ZlckNvbnRlbnQgPSBlLmNvbXBvbmVudC5jb250ZW50KCkucGFyZW50Tm9kZTtcclxuICAgICAgICAgICAgY29uc3QgaXNNb3VzZUluc2lkZVBvcG92ZXIgPSBwb3BvdmVyQ29udGVudC5tYXRjaGVzKCc6aG92ZXInKTtcclxuICAgICAgICAgICAgZS5jYW5jZWwgPSBpc01vdXNlSW5zaWRlUG9wb3ZlcjtcclxuXHJcbiAgICAgICAgICAgIHBvcG92ZXJDb250ZW50LmFkZEV2ZW50TGlzdGVuZXIoJ21vdXNlbGVhdmUnLCAoKSA9PiB7XHJcbiAgICAgICAgICAgICAgICBlLmNvbXBvbmVudC5oaWRlKCk7XHJcbiAgICAgICAgICAgIH0pO1xyXG4gICAgICAgIH1cclxuICAgIH1cclxuXHJcbiAgICBwcml2YXRlIHNldFNob3dFdmVudCgpOiB2b2lkIHtcclxuICAgICAgICB0aGlzLnNob3dFdmVudCA9IHsgbmFtZTogJ2R4aG92ZXJzdGFydCcsIGRlbGF5OiB0aGlzLnNob3dEZWxheSA/PyAyMDAgfTtcclxuICAgIH1cclxuXHJcbiAgICBwcml2YXRlIHNldEhpZGVFdmVudCgpOiB2b2lkIHtcclxuICAgICAgICB0aGlzLmhpZGVFdmVudCA9IHsgbmFtZTogJ2R4aG92ZXJlbmQnLCBkZWxheTogdGhpcy5oaWRlRGVsYXkgPz8gMjAwIH07XHJcbiAgICB9XHJcblxyXG59XHJcbiIsIjxkaXYgI3BvcG92ZXJUYXJnZXRcclxuICAgIGNsYXNzPVwiZC1pbmxpbmVcIj5cclxuXHJcbiAgICA8ZmEtaWNvbiAqbmdJZj1cIiFjdXN0b21Db250ZW50XCJcclxuICAgICAgICBbaWNvbl09XCJbJ2ZhcicsICdpbmZvLWNpcmNsZSddXCJcclxuICAgID4gPC9mYS1pY29uPlxyXG5cclxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJjdXN0b21Db250ZW50XCIgPlxyXG4gICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImN1c3RvbUNvbnRlbnRcIj48L25nLWNvbnRlbnQ+XHJcbiAgICA8L25nLWNvbnRhaW5lcj4gXHJcbjwvZGl2PlxyXG5cclxuPGR4LXBvcG92ZXJcclxuICAgIGNsYXNzPVwiZC1pbmxpbmVcIlxyXG4gICAgW3RhcmdldF09XCJidXR0b25FbGVtZW50UmVmPy5uYXRpdmVFbGVtZW50XCJcclxuICAgIFttYXhXaWR0aF09XCJwb3BvdmVyTWF4V2lkdGhcIlxyXG4gICAgW21pbldpZHRoXT1cInBvcG92ZXJNaW5XaWR0aFwiXHJcbiAgICBbd2lkdGhdPVwicG9wb3ZlcldpZHRoXCJcclxuICAgIFtzaG93RXZlbnRdPVwic2hvd0V2ZW50XCJcclxuICAgIFtoaWRlRXZlbnRdPVwiaGlkZUV2ZW50XCJcclxuICAgIChvbkhpZGluZyk9XCJvbkhpZGluZygkZXZlbnQpXCJcclxuICAgIFt3cmFwcGVyQXR0cl09XCJ7IGNsYXNzOiAnc2RzLXF1aWNrLWluZm8tcG9wb3ZlcicgfVwiXHJcbj5cclxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuPC9keC1wb3BvdmVyPiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicXVpY2staW5mby5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2RzLWNvbXBvbmVudHMvc3JjL2xpYi9xdWljay1pbmZvL3F1aWNrLWluZm8uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvcXVpY2staW5mby9xdWljay1pbmZvLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDSCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFlBQVksRUFDWixVQUFVLEVBQ1YsWUFBWSxFQUNaLEtBQUssRUFFTCxNQUFNLEVBRU4sU0FBUyxHQUNaLE1BQU0sZUFBZSxDQUFDOzs7OztBQVV2QixNQUFNLE9BQU8scUJBQXFCO0lBMkI5QjtRQTFCUyxvQkFBZSxHQUErQixPQUFPLENBQUM7UUFDdEQsb0JBQWUsR0FBK0IsRUFBRSxDQUFDO1FBQ2pELGlCQUFZLEdBQStCLEVBQUUsQ0FBQztRQUU5QyxrQkFBYSxHQUFXLGNBQWMsQ0FBQztRQUV2QyxrQkFBYSxHQUFXLFlBQVksQ0FBQztRQUNyQyxTQUFJLEdBQXVCLFNBQVMsQ0FBQTtRQUVuQyxTQUFJLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUMxQixTQUFJLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUlMLGtCQUFhLEdBQWUsRUFBRSxhQUFhLEVBQUUsU0FBUyxFQUFFLENBQUM7UUFhcEYsSUFBSSxDQUFDLFNBQVMsR0FBRyxFQUFFLElBQUksRUFBRSxJQUFJLENBQUMsYUFBYSxFQUFFLEtBQUssRUFBRSxHQUFHLEVBQUUsQ0FBQztRQUMxRCxJQUFJLENBQUMsU0FBUyxHQUFHLEVBQUUsSUFBSSxFQUFFLElBQUksQ0FBQyxhQUFhLEVBQUUsS0FBSyxFQUFFLEdBQUcsRUFBRSxDQUFDO0lBQzlELENBQUM7SUFFRCxXQUFXLENBQUMsT0FBc0I7UUFDOUIsSUFBSSxPQUFPLENBQUMsV0FBVyxDQUFDLElBQUksT0FBTyxDQUFDLGVBQWUsQ0FBQyxFQUFFO1lBQ2xELElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztTQUN2QjthQUFNLElBQUksT0FBTyxDQUFDLFdBQVcsQ0FBQyxJQUFJLE9BQU8sQ0FBQyxlQUFlLENBQUMsRUFBRTtZQUN6RCxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7U0FDdkI7SUFDTCxDQUFDO0lBRUQsUUFBUSxDQUFDLENBQU07UUFDWCxJQUFJLElBQUksQ0FBQyxJQUFJLEtBQUssU0FBUyxFQUFFO1lBQ3pCLE1BQU0sY0FBYyxHQUFHLENBQUMsQ0FBQyxTQUFTLENBQUMsT0FBTyxFQUFFLENBQUMsVUFBVSxDQUFDO1lBQ3hELE1BQU0sb0JBQW9CLEdBQUcsY0FBYyxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsQ0FBQztZQUM5RCxDQUFDLENBQUMsTUFBTSxHQUFHLG9CQUFvQixDQUFDO1lBRWhDLGNBQWMsQ0FBQyxnQkFBZ0IsQ0FBQyxZQUFZLEVBQUUsR0FBRyxFQUFFO2dCQUMvQyxDQUFDLENBQUMsU0FBUyxDQUFDLElBQUksRUFBRSxDQUFDO1lBQ3ZCLENBQUMsQ0FBQyxDQUFDO1NBQ047SUFDTCxDQUFDO0lBRUQsUUFBUTtRQUNKLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUVELE9BQU87UUFDSCxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3JCLENBQUM7SUFFTSxRQUFRO1FBQ1gsSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ2YsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsSUFBSSxFQUFFLENBQUM7U0FDakM7SUFDTCxDQUFDO0lBRU0sUUFBUTtRQUNYLElBQUksSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUNmLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUFDLElBQUksRUFBRSxDQUFDO1NBQ2pDO0lBQ0wsQ0FBQztJQUVPLFlBQVk7UUFDaEIsSUFBSSxDQUFDLFNBQVMsR0FBRztZQUNiLElBQUksRUFBRSxJQUFJLENBQUMsYUFBYTtZQUN4QixLQUFLLEVBQUUsSUFBSSxDQUFDLFNBQVMsSUFBSSxHQUFHO1NBQy9CLENBQUM7SUFDTixDQUFDO0lBRU8sWUFBWTtRQUNoQixJQUFJLENBQUMsU0FBUyxHQUFHO1lBQ2IsSUFBSSxFQUFFLElBQUksQ0FBQyxhQUFhO1lBQ3hCLEtBQUssRUFBRSxJQUFJLENBQUMsU0FBUyxJQUFJLEdBQUc7U0FDL0IsQ0FBQztJQUNOLENBQUM7O2tIQXBGUSxxQkFBcUI7c0dBQXJCLHFCQUFxQiwrbUJBY00sVUFBVSxnRUNuQ2xELDJ5QkEyQmE7MkZETkEscUJBQXFCO2tCQU5qQyxTQUFTOytCQUNJLGdCQUFnQixtQkFHVCx1QkFBdUIsQ0FBQyxNQUFNOzBFQUd0QyxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFFSSxJQUFJO3NCQUFiLE1BQU07Z0JBQ0csSUFBSTtzQkFBYixNQUFNO2dCQUUwQyxRQUFRO3NCQUF4RCxTQUFTO3VCQUFDLFNBQVMsRUFBRSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUU7Z0JBQ2dDLGdCQUFnQjtzQkFBdEYsU0FBUzt1QkFBQyxlQUFlLEVBQUUsRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUU7Z0JBQy9CLGFBQWE7c0JBQTNDLFlBQVk7dUJBQUMsZUFBZSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcclxuICAgIENvbXBvbmVudCxcclxuICAgIENvbnRlbnRDaGlsZCxcclxuICAgIEVsZW1lbnRSZWYsXHJcbiAgICBFdmVudEVtaXR0ZXIsXHJcbiAgICBJbnB1dCxcclxuICAgIE9uQ2hhbmdlcyxcclxuICAgIE91dHB1dCxcclxuICAgIFNpbXBsZUNoYW5nZXMsXHJcbiAgICBWaWV3Q2hpbGQsXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5pbXBvcnQgeyBEeFBvcG92ZXJDb21wb25lbnQgfSBmcm9tICdkZXZleHRyZW1lLWFuZ3VsYXInO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogJ3Nkcy1xdWljay1pbmZvJyxcclxuICAgIHRlbXBsYXRlVXJsOiAnLi9xdWljay1pbmZvLmNvbXBvbmVudC5odG1sJyxcclxuICAgIHN0eWxlVXJsczogWycuL3F1aWNrLWluZm8uY29tcG9uZW50LnNjc3MnXSxcclxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgU2RzUXVpY2tJbmZvQ29tcG9uZW50IGltcGxlbWVudHMgT25DaGFuZ2VzIHtcclxuICAgIEBJbnB1dCgpIHBvcG92ZXJNYXhXaWR0aDogbnVtYmVyIHwgRnVuY3Rpb24gfCBzdHJpbmcgPSAnMjByZW0nO1xyXG4gICAgQElucHV0KCkgcG9wb3Zlck1pbldpZHRoOiBudW1iZXIgfCBGdW5jdGlvbiB8IHN0cmluZyA9ICcnO1xyXG4gICAgQElucHV0KCkgcG9wb3ZlcldpZHRoOiBudW1iZXIgfCBGdW5jdGlvbiB8IHN0cmluZyA9ICcnO1xyXG4gICAgQElucHV0KCkgc2hvd0RlbGF5PzogbnVtYmVyO1xyXG4gICAgQElucHV0KCkgc2hvd0V2ZW50TmFtZTogc3RyaW5nID0gJ2R4aG92ZXJzdGFydCc7XHJcbiAgICBASW5wdXQoKSBoaWRlRGVsYXk/OiBudW1iZXI7XHJcbiAgICBASW5wdXQoKSBoaWRlRXZlbnROYW1lOiBzdHJpbmcgPSAnZHhob3ZlcmVuZCc7XHJcbiAgICBASW5wdXQoKSBtb2RlOiAnZGVmYXVsdCcgfCAnaGludCcgPSAnZGVmYXVsdCdcclxuICAgIFxyXG4gICAgQE91dHB1dCgpIGhpZGUgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcbiAgICBAT3V0cHV0KCkgc2hvdyA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuXHJcbiAgICBAVmlld0NoaWxkKCdwb3BvdmVyJywgeyBzdGF0aWM6IGZhbHNlIH0pIHByaXZhdGUgX3BvcG92ZXI6IER4UG9wb3ZlckNvbXBvbmVudCB8IHVuZGVmaW5lZDtcclxuICAgIEBWaWV3Q2hpbGQoJ3BvcG92ZXJUYXJnZXQnLCB7IHJlYWQ6IEVsZW1lbnRSZWYsIHN0YXRpYzogdHJ1ZSB9KSBwdWJsaWMgYnV0dG9uRWxlbWVudFJlZj86IEVsZW1lbnRSZWY7XHJcbiAgICBAQ29udGVudENoaWxkKCdjdXN0b21Db250ZW50JykgY3VzdG9tQ29udGVudDogRWxlbWVudFJlZiA9IHsgbmF0aXZlRWxlbWVudDogdW5kZWZpbmVkIH07XHJcblxyXG4gICAgcHVibGljIGhpZGVFdmVudDogc3RyaW5nIHwge1xyXG4gICAgICAgIGRlbGF5PzogbnVtYmVyO1xyXG4gICAgICAgIG5hbWU/OiBzdHJpbmc7XHJcbiAgICB9O1xyXG5cclxuICAgIHB1YmxpYyBzaG93RXZlbnQ6IHN0cmluZyB8IHtcclxuICAgICAgICBkZWxheT86IG51bWJlcjtcclxuICAgICAgICBuYW1lPzogc3RyaW5nO1xyXG4gICAgfTsgICAgXHJcblxyXG4gICAgY29uc3RydWN0b3IoKSB7XHJcbiAgICAgICAgdGhpcy5zaG93RXZlbnQgPSB7IG5hbWU6IHRoaXMuc2hvd0V2ZW50TmFtZSwgZGVsYXk6IDIwMCB9O1xyXG4gICAgICAgIHRoaXMuaGlkZUV2ZW50ID0geyBuYW1lOiB0aGlzLmhpZGVFdmVudE5hbWUsIGRlbGF5OiAyMDAgfTtcclxuICAgIH1cclxuXHJcbiAgICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XHJcbiAgICAgICAgaWYgKGNoYW5nZXNbJ3Nob3dEZWxheSddIHx8IGNoYW5nZXNbJ3Nob3dFdmVudE5hbWUnXSkge1xyXG4gICAgICAgICAgICB0aGlzLnNldFNob3dFdmVudCgpO1xyXG4gICAgICAgIH0gZWxzZSBpZiAoY2hhbmdlc1snaGlkZURlbGF5J10gfHwgY2hhbmdlc1snaGlkZUV2ZW50TmFtZSddKSB7XHJcbiAgICAgICAgICAgIHRoaXMuc2V0SGlkZUV2ZW50KCk7XHJcbiAgICAgICAgfSAgICAgICAgXHJcbiAgICB9XHJcblxyXG4gICAgb25IaWRpbmcoZTogYW55KSB7XHJcbiAgICAgICAgaWYgKHRoaXMubW9kZSA9PT0gJ2RlZmF1bHQnKSB7XHJcbiAgICAgICAgICAgIGNvbnN0IHBvcG92ZXJDb250ZW50ID0gZS5jb21wb25lbnQuY29udGVudCgpLnBhcmVudE5vZGU7XHJcbiAgICAgICAgICAgIGNvbnN0IGlzTW91c2VJbnNpZGVQb3BvdmVyID0gcG9wb3ZlckNvbnRlbnQubWF0Y2hlcygnOmhvdmVyJyk7XHJcbiAgICAgICAgICAgIGUuY2FuY2VsID0gaXNNb3VzZUluc2lkZVBvcG92ZXI7XHJcblxyXG4gICAgICAgICAgICBwb3BvdmVyQ29udGVudC5hZGRFdmVudExpc3RlbmVyKCdtb3VzZWxlYXZlJywgKCkgPT4ge1xyXG4gICAgICAgICAgICAgICAgZS5jb21wb25lbnQuaGlkZSgpO1xyXG4gICAgICAgICAgICB9KTtcclxuICAgICAgICB9XHJcbiAgICB9XHJcblxyXG4gICAgb25IaWRkZW4oKXtcclxuICAgICAgICB0aGlzLmhpZGUuZW1pdCgpO1xyXG4gICAgfVxyXG5cclxuICAgIG9uU2hvd24oKXtcclxuICAgICAgICB0aGlzLnNob3cuZW1pdCgpO1xyXG4gICAgfVxyXG5cclxuICAgIHB1YmxpYyBzaG93SW5mbygpe1xyXG4gICAgICAgIGlmICh0aGlzLl9wb3BvdmVyKSB7XHJcbiAgICAgICAgICAgIHRoaXMuX3BvcG92ZXIuaW5zdGFuY2Uuc2hvdygpO1xyXG4gICAgICAgIH1cclxuICAgIH1cclxuXHJcbiAgICBwdWJsaWMgaGlkZUluZm8oKXtcclxuICAgICAgICBpZiAodGhpcy5fcG9wb3Zlcikge1xyXG4gICAgICAgICAgICB0aGlzLl9wb3BvdmVyLmluc3RhbmNlLmhpZGUoKTtcclxuICAgICAgICB9XHJcbiAgICB9XHJcblxyXG4gICAgcHJpdmF0ZSBzZXRTaG93RXZlbnQoKTogdm9pZCB7XHJcbiAgICAgICAgdGhpcy5zaG93RXZlbnQgPSB7IFxyXG4gICAgICAgICAgICBuYW1lOiB0aGlzLnNob3dFdmVudE5hbWUsIFxyXG4gICAgICAgICAgICBkZWxheTogdGhpcy5zaG93RGVsYXkgPz8gMjAwIFxyXG4gICAgICAgIH07XHJcbiAgICB9XHJcblxyXG4gICAgcHJpdmF0ZSBzZXRIaWRlRXZlbnQoKTogdm9pZCB7XHJcbiAgICAgICAgdGhpcy5oaWRlRXZlbnQgPSB7IFxyXG4gICAgICAgICAgICBuYW1lOiB0aGlzLmhpZGVFdmVudE5hbWUsIFxyXG4gICAgICAgICAgICBkZWxheTogdGhpcy5oaWRlRGVsYXkgPz8gMjAwIFxyXG4gICAgICAgIH07XHJcbiAgICB9XHJcblxyXG59XHJcbiIsIjxkaXYgI3BvcG92ZXJUYXJnZXRcclxuICAgIGNsYXNzPVwiZC1pbmxpbmVcIj5cclxuXHJcbiAgICA8ZmEtaWNvbiAqbmdJZj1cIiFjdXN0b21Db250ZW50XCJcclxuICAgICAgICBbaWNvbl09XCJbJ2ZhcicsICdpbmZvLWNpcmNsZSddXCJcclxuICAgID4gPC9mYS1pY29uPlxyXG5cclxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJjdXN0b21Db250ZW50XCIgPlxyXG4gICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImN1c3RvbUNvbnRlbnRcIj48L25nLWNvbnRlbnQ+XHJcbiAgICA8L25nLWNvbnRhaW5lcj4gXHJcbjwvZGl2PlxyXG5cclxuPGR4LXBvcG92ZXJcclxuICAgICNwb3BvdmVyXHJcbiAgICBjbGFzcz1cImQtaW5saW5lXCJcclxuICAgIFt0YXJnZXRdPVwiYnV0dG9uRWxlbWVudFJlZj8ubmF0aXZlRWxlbWVudFwiXHJcbiAgICBbbWF4V2lkdGhdPVwicG9wb3Zlck1heFdpZHRoXCJcclxuICAgIFttaW5XaWR0aF09XCJwb3BvdmVyTWluV2lkdGhcIlxyXG4gICAgW3dpZHRoXT1cInBvcG92ZXJXaWR0aFwiXHJcbiAgICBbc2hvd0V2ZW50XT1cInNob3dFdmVudFwiXHJcbiAgICBbaGlkZUV2ZW50XT1cImhpZGVFdmVudFwiXHJcbiAgICAob25IaWRpbmcpPVwib25IaWRpbmcoJGV2ZW50KVwiXHJcbiAgICAob25TaG93bik9XCJvblNob3duKClcIlxyXG4gICAgKG9uSGlkZGVuKT1cIm9uSGlkZGVuKClcIlxyXG4gICAgW3dyYXBwZXJBdHRyXT1cInsgY2xhc3M6ICdzZHMtcXVpY2staW5mby1wb3BvdmVyJyB9XCJcclxuPlxyXG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG48L2R4LXBvcG92ZXI+Il19

package/esm2020/src/lib/side-bar/side-bar.component.mjs

@@ -1,12 +1,15 @@
 import { Component, Input } from '@angular/core';
+import { faChevronRight } from '@fortawesome/pro-regular-svg-icons';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
+import * as i1 from "@fortawesome/angular-fontawesome";
+import * as i2 from "@angular/common";
 export class SdsSideBarComponent {
     constructor() {
         this.showSideBar = false;
         this.product = '';
         this.isMainSideBar = false;
         this.showSideBarToggleButton = false;
+        this.caretIcon = faChevronRight;
     }
     ngOnInit() { }
     toggleSideBar(state) {
@@ -19,15 +22,19 @@ export class SdsSideBarComponent {
     }
 }
 SdsSideBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsSideBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SdsSideBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: SdsSideBarComponent, selector: "sds-side-bar", inputs: { product: "product", isMainSideBar: "isMainSideBar", showSideBarToggleButton: "showSideBarToggleButton" }, ngImport: i0, template: "<!-- <div class=\"overflow-hidden w-100 h-100 d-block position-relative\"> -->\r\n    <aside\r\n        class=\"sds-side-bar \"\r\n        [class]=\"(product ? 'product-' + product : null)\"\r\n        [class.sds-main-side-bar] = \"isMainSideBar\"\r\n        [class.hide-sidebar]=\"!showSideBar\"\r\n    >\r\n        <div class=\"d-flex flex-column h-100\">\r\n            <div class=\"d-flex flex-column flex-grow-0 w-100 h-100\">\r\n                <div\r\n                    *ngIf=\"showSideBarToggleButton\"\r\n                    class=\"position-absolute d-md-none rounded-circle toggleSideBar d-flex justify-content-center justify-content-center align-items-center\"\r\n                    (click)=\"toggleSideBar()\"\r\n                >\r\n                    <i *ngIf=\"showSideBar\" class=\"fal fa-chevron-left\" title=\"hide menu\"></i>\r\n                    <i *ngIf=\"!showSideBar\" class=\"fal fa-bars\" title=\"show menu\"></i>\r\n                </div>\r\n\r\n                <!-- <a class=\"mt-1 mb-1\" routerLink=\"dashboard\">\r\n                    <img src=\"./assets/img/logo.svg\">\r\n                </a> -->\r\n\r\n                <!-- <div class=\"d-flex py-3 justify-content-center\">\r\n                   <img height=\"30\" src=\"assets/img/AllHoursLogoBigger.png\"> \r\n                </div>                 -->\r\n\r\n                <ng-content></ng-content>                \r\n            </div>\r\n        </div>\r\n    </aside>\r\n<!-- </div> -->", styles: [""], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+SdsSideBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: SdsSideBarComponent, selector: "sds-side-bar", inputs: { product: "product", isMainSideBar: "isMainSideBar", showSideBarToggleButton: "showSideBarToggleButton", hideSideBarText: "hideSideBarText", showSideBarText: "showSideBarText" }, ngImport: i0, template: "<aside\r\n    class=\"sds-side-bar \"\r\n    [class]=\"(product ? 'product-' + product : null)\"\r\n    [class.sds-main-side-bar] = \"isMainSideBar\"\r\n    [class.hide-sidebar]=\"!showSideBar\"\r\n>\r\n    <div class=\"d-flex flex-column h-100\">\r\n        <div class=\"d-flex flex-column flex-grow-0 w-100 h-100\">\r\n            <div\r\n                *ngIf=\"showSideBarToggleButton\"\r\n                class=\"toggle-side-bar-button position-absolute d-md-none rounded-circle toggleSideBar d-flex justify-content-center justify-content-center align-items-center\"\r\n                [class.open]=\"showSideBar\"\r\n                [title]=\"showSideBar ? hideSideBarText : showSideBarText\"\r\n                (click)=\"toggleSideBar()\"\r\n            >\r\n                <div class=\"toggle-side-bar-icon\">\r\n                    <fa-icon [icon]=\"caretIcon\"></fa-icon>\r\n                </div>    \r\n            </div>\r\n\r\n            <ng-content></ng-content>                \r\n        </div>\r\n    </div>\r\n</aside>\r\n", styles: [".toggle-side-bar-button{transition:transform .2s linear}.toggle-side-bar-button.open .toggle-side-bar-icon{transform:rotate(-180deg)}\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: SdsSideBarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sds-side-bar', template: "<!-- <div class=\"overflow-hidden w-100 h-100 d-block position-relative\"> -->\r\n    <aside\r\n        class=\"sds-side-bar \"\r\n        [class]=\"(product ? 'product-' + product : null)\"\r\n        [class.sds-main-side-bar] = \"isMainSideBar\"\r\n        [class.hide-sidebar]=\"!showSideBar\"\r\n    >\r\n        <div class=\"d-flex flex-column h-100\">\r\n            <div class=\"d-flex flex-column flex-grow-0 w-100 h-100\">\r\n                <div\r\n                    *ngIf=\"showSideBarToggleButton\"\r\n                    class=\"position-absolute d-md-none rounded-circle toggleSideBar d-flex justify-content-center justify-content-center align-items-center\"\r\n                    (click)=\"toggleSideBar()\"\r\n                >\r\n                    <i *ngIf=\"showSideBar\" class=\"fal fa-chevron-left\" title=\"hide menu\"></i>\r\n                    <i *ngIf=\"!showSideBar\" class=\"fal fa-bars\" title=\"show menu\"></i>\r\n                </div>\r\n\r\n                <!-- <a class=\"mt-1 mb-1\" routerLink=\"dashboard\">\r\n                    <img src=\"./assets/img/logo.svg\">\r\n                </a> -->\r\n\r\n                <!-- <div class=\"d-flex py-3 justify-content-center\">\r\n                   <img height=\"30\" src=\"assets/img/AllHoursLogoBigger.png\"> \r\n                </div>                 -->\r\n\r\n                <ng-content></ng-content>                \r\n            </div>\r\n        </div>\r\n    </aside>\r\n<!-- </div> -->", styles: [""] }]
+            args: [{ selector: 'sds-side-bar', template: "<aside\r\n    class=\"sds-side-bar \"\r\n    [class]=\"(product ? 'product-' + product : null)\"\r\n    [class.sds-main-side-bar] = \"isMainSideBar\"\r\n    [class.hide-sidebar]=\"!showSideBar\"\r\n>\r\n    <div class=\"d-flex flex-column h-100\">\r\n        <div class=\"d-flex flex-column flex-grow-0 w-100 h-100\">\r\n            <div\r\n                *ngIf=\"showSideBarToggleButton\"\r\n                class=\"toggle-side-bar-button position-absolute d-md-none rounded-circle toggleSideBar d-flex justify-content-center justify-content-center align-items-center\"\r\n                [class.open]=\"showSideBar\"\r\n                [title]=\"showSideBar ? hideSideBarText : showSideBarText\"\r\n                (click)=\"toggleSideBar()\"\r\n            >\r\n                <div class=\"toggle-side-bar-icon\">\r\n                    <fa-icon [icon]=\"caretIcon\"></fa-icon>\r\n                </div>    \r\n            </div>\r\n\r\n            <ng-content></ng-content>                \r\n        </div>\r\n    </div>\r\n</aside>\r\n", styles: [".toggle-side-bar-button{transition:transform .2s linear}.toggle-side-bar-button.open .toggle-side-bar-icon{transform:rotate(-180deg)}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { product: [{
                 type: Input
             }], isMainSideBar: [{
                 type: Input
             }], showSideBarToggleButton: [{
                 type: Input
+            }], hideSideBarText: [{
+                type: Input
+            }], showSideBarText: [{
+                type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZS1iYXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvc2lkZS1iYXIvc2lkZS1iYXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvc2lkZS1iYXIvc2lkZS1iYXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7OztBQU96RCxNQUFNLE9BQU8sbUJBQW1CO0lBUTVCO1FBTk8sZ0JBQVcsR0FBRyxLQUFLLENBQUM7UUFFbEIsWUFBTyxHQUFVLEVBQUUsQ0FBQztRQUNwQixrQkFBYSxHQUFZLEtBQUssQ0FBQztRQUMvQiw0QkFBdUIsR0FBWSxLQUFLLENBQUM7SUFFbkMsQ0FBQztJQUVoQixRQUFRLEtBQVUsQ0FBQztJQUVaLGFBQWEsQ0FBQyxLQUFlO1FBQ2hDLElBQUksS0FBSyxLQUFLLFNBQVMsRUFBRTtZQUNyQixJQUFJLENBQUMsV0FBVyxHQUFHLEtBQUssQ0FBQztTQUM1QjthQUFNO1lBQ0gsSUFBSSxDQUFDLFdBQVcsR0FBRyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUM7U0FDeEM7SUFDTCxDQUFDOztnSEFsQlEsbUJBQW1CO29HQUFuQixtQkFBbUIsd0tDUGhDLCs4Q0E4QmU7MkZEdkJGLG1CQUFtQjtrQkFML0IsU0FBUzsrQkFDSSxjQUFjOzBFQVFmLE9BQU87c0JBQWYsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUNHLHVCQUF1QjtzQkFBL0IsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogJ3Nkcy1zaWRlLWJhcicsXHJcbiAgICB0ZW1wbGF0ZVVybDogJy4vc2lkZS1iYXIuY29tcG9uZW50Lmh0bWwnLFxyXG4gICAgc3R5bGVVcmxzOiBbJy4vc2lkZS1iYXIuY29tcG9uZW50LnNjc3MnXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIFNkc1NpZGVCYXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cclxuICAgIHB1YmxpYyBzaG93U2lkZUJhciA9IGZhbHNlO1xyXG5cclxuICAgIEBJbnB1dCgpIHByb2R1Y3Q6c3RyaW5nID0gJyc7XHJcbiAgICBASW5wdXQoKSBpc01haW5TaWRlQmFyOiBib29sZWFuID0gZmFsc2U7XHJcbiAgICBASW5wdXQoKSBzaG93U2lkZUJhclRvZ2dsZUJ1dHRvbjogYm9vbGVhbiA9IGZhbHNlO1xyXG5cclxuICAgIGNvbnN0cnVjdG9yKCkge31cclxuXHJcbiAgICBuZ09uSW5pdCgpOiB2b2lkIHt9XHJcblxyXG4gICAgcHVibGljIHRvZ2dsZVNpZGVCYXIoc3RhdGU/OiBib29sZWFuKSB7XHJcbiAgICAgICAgaWYgKHN0YXRlICE9PSB1bmRlZmluZWQpIHtcclxuICAgICAgICAgICAgdGhpcy5zaG93U2lkZUJhciA9IHN0YXRlO1xyXG4gICAgICAgIH0gZWxzZSB7XHJcbiAgICAgICAgICAgIHRoaXMuc2hvd1NpZGVCYXIgPSAhdGhpcy5zaG93U2lkZUJhcjtcclxuICAgICAgICB9XHJcbiAgICB9ICAgIFxyXG59XHJcbiIsIjwhLS0gPGRpdiBjbGFzcz1cIm92ZXJmbG93LWhpZGRlbiB3LTEwMCBoLTEwMCBkLWJsb2NrIHBvc2l0aW9uLXJlbGF0aXZlXCI+IC0tPlxyXG4gICAgPGFzaWRlXHJcbiAgICAgICAgY2xhc3M9XCJzZHMtc2lkZS1iYXIgXCJcclxuICAgICAgICBbY2xhc3NdPVwiKHByb2R1Y3QgPyAncHJvZHVjdC0nICsgcHJvZHVjdCA6IG51bGwpXCJcclxuICAgICAgICBbY2xhc3Muc2RzLW1haW4tc2lkZS1iYXJdID0gXCJpc01haW5TaWRlQmFyXCJcclxuICAgICAgICBbY2xhc3MuaGlkZS1zaWRlYmFyXT1cIiFzaG93U2lkZUJhclwiXHJcbiAgICA+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImQtZmxleCBmbGV4LWNvbHVtbiBoLTEwMFwiPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZC1mbGV4IGZsZXgtY29sdW1uIGZsZXgtZ3Jvdy0wIHctMTAwIGgtMTAwXCI+XHJcbiAgICAgICAgICAgICAgICA8ZGl2XHJcbiAgICAgICAgICAgICAgICAgICAgKm5nSWY9XCJzaG93U2lkZUJhclRvZ2dsZUJ1dHRvblwiXHJcbiAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJwb3NpdGlvbi1hYnNvbHV0ZSBkLW1kLW5vbmUgcm91bmRlZC1jaXJjbGUgdG9nZ2xlU2lkZUJhciBkLWZsZXgganVzdGlmeS1jb250ZW50LWNlbnRlciBqdXN0aWZ5LWNvbnRlbnQtY2VudGVyIGFsaWduLWl0ZW1zLWNlbnRlclwiXHJcbiAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cInRvZ2dsZVNpZGVCYXIoKVwiXHJcbiAgICAgICAgICAgICAgICA+XHJcbiAgICAgICAgICAgICAgICAgICAgPGkgKm5nSWY9XCJzaG93U2lkZUJhclwiIGNsYXNzPVwiZmFsIGZhLWNoZXZyb24tbGVmdFwiIHRpdGxlPVwiaGlkZSBtZW51XCI+PC9pPlxyXG4gICAgICAgICAgICAgICAgICAgIDxpICpuZ0lmPVwiIXNob3dTaWRlQmFyXCIgY2xhc3M9XCJmYWwgZmEtYmFyc1wiIHRpdGxlPVwic2hvdyBtZW51XCI+PC9pPlxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcblxyXG4gICAgICAgICAgICAgICAgPCEtLSA8YSBjbGFzcz1cIm10LTEgbWItMVwiIHJvdXRlckxpbms9XCJkYXNoYm9hcmRcIj5cclxuICAgICAgICAgICAgICAgICAgICA8aW1nIHNyYz1cIi4vYXNzZXRzL2ltZy9sb2dvLnN2Z1wiPlxyXG4gICAgICAgICAgICAgICAgPC9hPiAtLT5cclxuXHJcbiAgICAgICAgICAgICAgICA8IS0tIDxkaXYgY2xhc3M9XCJkLWZsZXggcHktMyBqdXN0aWZ5LWNvbnRlbnQtY2VudGVyXCI+XHJcbiAgICAgICAgICAgICAgICAgICA8aW1nIGhlaWdodD1cIjMwXCIgc3JjPVwiYXNzZXRzL2ltZy9BbGxIb3Vyc0xvZ29CaWdnZXIucG5nXCI+IFxyXG4gICAgICAgICAgICAgICAgPC9kaXY+ICAgICAgICAgICAgICAgICAtLT5cclxuXHJcbiAgICAgICAgICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+ICAgICAgICAgICAgICAgIFxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgIDwvYXNpZGU+XHJcbjwhLS0gPC9kaXY+IC0tPiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZS1iYXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvc2lkZS1iYXIvc2lkZS1iYXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvc2lkZS1iYXIvc2lkZS1iYXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFDekQsT0FBTyxFQUFrQixjQUFjLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQzs7OztBQU9wRixNQUFNLE9BQU8sbUJBQW1CO0lBYzVCO1FBWk8sZ0JBQVcsR0FBRyxLQUFLLENBQUM7UUFFbEIsWUFBTyxHQUFVLEVBQUUsQ0FBQztRQUNwQixrQkFBYSxHQUFZLEtBQUssQ0FBQztRQUMvQiw0QkFBdUIsR0FBWSxLQUFLLENBQUM7UUFNM0MsY0FBUyxHQUFtQixjQUFjLENBQUM7SUFFbkMsQ0FBQztJQUVoQixRQUFRLEtBQVUsQ0FBQztJQUVaLGFBQWEsQ0FBQyxLQUFlO1FBQ2hDLElBQUksS0FBSyxLQUFLLFNBQVMsRUFBRTtZQUNyQixJQUFJLENBQUMsV0FBVyxHQUFHLEtBQUssQ0FBQztTQUM1QjthQUFNO1lBQ0gsSUFBSSxDQUFDLFdBQVcsR0FBRyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUM7U0FDeEM7SUFDTCxDQUFDOztnSEF4QlEsbUJBQW1CO29HQUFuQixtQkFBbUIsZ1BDUmhDLHFoQ0F3QkE7MkZEaEJhLG1CQUFtQjtrQkFML0IsU0FBUzsrQkFDSSxjQUFjOzBFQVFmLE9BQU87c0JBQWYsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUNHLHVCQUF1QjtzQkFBL0IsS0FBSztnQkFFVSxlQUFlO3NCQUE5QixLQUFLO2dCQUNVLGVBQWU7c0JBQTlCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgSWNvbkRlZmluaXRpb24sIGZhQ2hldnJvblJpZ2h0IH0gZnJvbSAnQGZvcnRhd2Vzb21lL3Byby1yZWd1bGFyLXN2Zy1pY29ucyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICAgIHNlbGVjdG9yOiAnc2RzLXNpZGUtYmFyJyxcclxuICAgIHRlbXBsYXRlVXJsOiAnLi9zaWRlLWJhci5jb21wb25lbnQuaHRtbCcsXHJcbiAgICBzdHlsZVVybHM6IFsnLi9zaWRlLWJhci5jb21wb25lbnQuc2NzcyddLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgU2RzU2lkZUJhckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcblxyXG4gICAgcHVibGljIHNob3dTaWRlQmFyID0gZmFsc2U7XHJcblxyXG4gICAgQElucHV0KCkgcHJvZHVjdDpzdHJpbmcgPSAnJztcclxuICAgIEBJbnB1dCgpIGlzTWFpblNpZGVCYXI6IGJvb2xlYW4gPSBmYWxzZTtcclxuICAgIEBJbnB1dCgpIHNob3dTaWRlQmFyVG9nZ2xlQnV0dG9uOiBib29sZWFuID0gZmFsc2U7XHJcblxyXG4gICAgQElucHV0KCkgcHVibGljIGhpZGVTaWRlQmFyVGV4dD86IHN0cmluZztcclxuICAgIEBJbnB1dCgpIHB1YmxpYyBzaG93U2lkZUJhclRleHQ/OiBzdHJpbmc7XHJcblxyXG5cclxuICAgIHB1YmxpYyBjYXJldEljb246IEljb25EZWZpbml0aW9uID0gZmFDaGV2cm9uUmlnaHQ7XHJcblxyXG4gICAgY29uc3RydWN0b3IoKSB7fVxyXG5cclxuICAgIG5nT25Jbml0KCk6IHZvaWQge31cclxuXHJcbiAgICBwdWJsaWMgdG9nZ2xlU2lkZUJhcihzdGF0ZT86IGJvb2xlYW4pIHtcclxuICAgICAgICBpZiAoc3RhdGUgIT09IHVuZGVmaW5lZCkge1xyXG4gICAgICAgICAgICB0aGlzLnNob3dTaWRlQmFyID0gc3RhdGU7XHJcbiAgICAgICAgfSBlbHNlIHtcclxuICAgICAgICAgICAgdGhpcy5zaG93U2lkZUJhciA9ICF0aGlzLnNob3dTaWRlQmFyO1xyXG4gICAgICAgIH1cclxuICAgIH0gICAgXHJcbn1cclxuIiwiPGFzaWRlXHJcbiAgICBjbGFzcz1cInNkcy1zaWRlLWJhciBcIlxyXG4gICAgW2NsYXNzXT1cIihwcm9kdWN0ID8gJ3Byb2R1Y3QtJyArIHByb2R1Y3QgOiBudWxsKVwiXHJcbiAgICBbY2xhc3Muc2RzLW1haW4tc2lkZS1iYXJdID0gXCJpc01haW5TaWRlQmFyXCJcclxuICAgIFtjbGFzcy5oaWRlLXNpZGViYXJdPVwiIXNob3dTaWRlQmFyXCJcclxuPlxyXG4gICAgPGRpdiBjbGFzcz1cImQtZmxleCBmbGV4LWNvbHVtbiBoLTEwMFwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJkLWZsZXggZmxleC1jb2x1bW4gZmxleC1ncm93LTAgdy0xMDAgaC0xMDBcIj5cclxuICAgICAgICAgICAgPGRpdlxyXG4gICAgICAgICAgICAgICAgKm5nSWY9XCJzaG93U2lkZUJhclRvZ2dsZUJ1dHRvblwiXHJcbiAgICAgICAgICAgICAgICBjbGFzcz1cInRvZ2dsZS1zaWRlLWJhci1idXR0b24gcG9zaXRpb24tYWJzb2x1dGUgZC1tZC1ub25lIHJvdW5kZWQtY2lyY2xlIHRvZ2dsZVNpZGVCYXIgZC1mbGV4IGp1c3RpZnktY29udGVudC1jZW50ZXIganVzdGlmeS1jb250ZW50LWNlbnRlciBhbGlnbi1pdGVtcy1jZW50ZXJcIlxyXG4gICAgICAgICAgICAgICAgW2NsYXNzLm9wZW5dPVwic2hvd1NpZGVCYXJcIlxyXG4gICAgICAgICAgICAgICAgW3RpdGxlXT1cInNob3dTaWRlQmFyID8gaGlkZVNpZGVCYXJUZXh0IDogc2hvd1NpZGVCYXJUZXh0XCJcclxuICAgICAgICAgICAgICAgIChjbGljayk9XCJ0b2dnbGVTaWRlQmFyKClcIlxyXG4gICAgICAgICAgICA+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwidG9nZ2xlLXNpZGUtYmFyLWljb25cIj5cclxuICAgICAgICAgICAgICAgICAgICA8ZmEtaWNvbiBbaWNvbl09XCJjYXJldEljb25cIj48L2ZhLWljb24+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj4gICAgXHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG5cclxuICAgICAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PiAgICAgICAgICAgICAgICBcclxuICAgICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG48L2FzaWRlPlxyXG4iXX0=

package/esm2020/src/lib/side-bar/side-bar.module.mjs

@@ -1,6 +1,7 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { SdsSideBarComponent } from './side-bar.component';
+import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
 import * as i0 from "@angular/core";
 const components = [
     SdsSideBarComponent
@@ -8,9 +9,9 @@ const components = [
 export class SdsSideBarModule {
 }
 SdsSideBarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsSideBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SdsSideBarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsSideBarModule, declarations: [SdsSideBarComponent], imports: [CommonModule], exports: [SdsSideBarComponent] });
+SdsSideBarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsSideBarModule, declarations: [SdsSideBarComponent], imports: [CommonModule, FontAwesomeModule], exports: [SdsSideBarComponent] });
 SdsSideBarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsSideBarModule, imports: [[
-            CommonModule
+            CommonModule, FontAwesomeModule
         ]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsSideBarModule, decorators: [{
             type: NgModule,
@@ -19,11 +20,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImpor
                         ...components
                     ],
                     imports: [
-                        CommonModule
+                        CommonModule, FontAwesomeModule
                     ],
                     exports: [
                         ...components
                     ]
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZS1iYXIubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvc2lkZS1iYXIvc2lkZS1iYXIubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHNCQUFzQixDQUFDOztBQUkzRCxNQUFNLFVBQVUsR0FBRztJQUNmLG1CQUFtQjtDQUN0QixDQUFBO0FBWUQsTUFBTSxPQUFPLGdCQUFnQjs7NkdBQWhCLGdCQUFnQjs4R0FBaEIsZ0JBQWdCLGlCQWJ6QixtQkFBbUIsYUFPbkIsWUFBWSxhQVBaLG1CQUFtQjs4R0FhVixnQkFBZ0IsWUFQbEI7WUFDUCxZQUFZO1NBQ2I7MkZBS1UsZ0JBQWdCO2tCQVg1QixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWixHQUFHLFVBQVU7cUJBQ2Q7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLFlBQVk7cUJBQ2I7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLEdBQUcsVUFBVTtxQkFDZDtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IFNkc1NpZGVCYXJDb21wb25lbnQgfSBmcm9tICcuL3NpZGUtYmFyLmNvbXBvbmVudCc7XHJcblxyXG5cclxuXHJcbmNvbnN0IGNvbXBvbmVudHMgPSBbXHJcbiAgICBTZHNTaWRlQmFyQ29tcG9uZW50XHJcbl1cclxuQE5nTW9kdWxlKHtcclxuICBkZWNsYXJhdGlvbnM6IFtcclxuICAgIC4uLmNvbXBvbmVudHNcclxuICBdLFxyXG4gIGltcG9ydHM6IFtcclxuICAgIENvbW1vbk1vZHVsZVxyXG4gIF0sXHJcbiAgZXhwb3J0czogW1xyXG4gICAgLi4uY29tcG9uZW50c1xyXG4gIF1cclxufSlcclxuZXhwb3J0IGNsYXNzIFNkc1NpZGVCYXJNb2R1bGUgeyB9XHJcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZS1iYXIubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvc2lkZS1iYXIvc2lkZS1iYXIubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQzNELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGtDQUFrQyxDQUFDOztBQUlyRSxNQUFNLFVBQVUsR0FBRztJQUNmLG1CQUFtQjtDQUN0QixDQUFBO0FBWUQsTUFBTSxPQUFPLGdCQUFnQjs7NkdBQWhCLGdCQUFnQjs4R0FBaEIsZ0JBQWdCLGlCQWJ6QixtQkFBbUIsYUFPbkIsWUFBWSxFQUFFLGlCQUFpQixhQVAvQixtQkFBbUI7OEdBYVYsZ0JBQWdCLFlBUGxCO1lBQ1AsWUFBWSxFQUFFLGlCQUFpQjtTQUNoQzsyRkFLVSxnQkFBZ0I7a0JBWDVCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFO3dCQUNaLEdBQUcsVUFBVTtxQkFDZDtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsWUFBWSxFQUFFLGlCQUFpQjtxQkFDaEM7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLEdBQUcsVUFBVTtxQkFDZDtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IFNkc1NpZGVCYXJDb21wb25lbnQgfSBmcm9tICcuL3NpZGUtYmFyLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IEZvbnRBd2Vzb21lTW9kdWxlIH0gZnJvbSAnQGZvcnRhd2Vzb21lL2FuZ3VsYXItZm9udGF3ZXNvbWUnO1xyXG5cclxuXHJcblxyXG5jb25zdCBjb21wb25lbnRzID0gW1xyXG4gICAgU2RzU2lkZUJhckNvbXBvbmVudFxyXG5dXHJcbkBOZ01vZHVsZSh7XHJcbiAgZGVjbGFyYXRpb25zOiBbXHJcbiAgICAuLi5jb21wb25lbnRzXHJcbiAgXSxcclxuICBpbXBvcnRzOiBbXHJcbiAgICBDb21tb25Nb2R1bGUsIEZvbnRBd2Vzb21lTW9kdWxlXHJcbiAgXSxcclxuICBleHBvcnRzOiBbXHJcbiAgICAuLi5jb21wb25lbnRzXHJcbiAgXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgU2RzU2lkZUJhck1vZHVsZSB7IH1cclxuIl19