@spicainternational/ngx-sds-components 5.33.2 → 6.0.0-beta.1

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

@@ -1 +1 @@
-{"version":3,"file":"spicainternational-ngx-sds-components-src-lib-number-box.mjs","sources":["../../../projects/ngx-sds-components/src/lib/number-box/number-box.component.ts","../../../projects/ngx-sds-components/src/lib/number-box/number-box.component.html","../../../projects/ngx-sds-components/src/lib/number-box/number-box.module.ts","../../../projects/ngx-sds-components/src/lib/number-box/spicainternational-ngx-sds-components-src-lib-number-box.ts"],"sourcesContent":["import {\r\n    Component,\r\n    ElementRef,\r\n    EventEmitter,\r\n    Input,\r\n    OnDestroy,\r\n    OnInit,\r\n    Output,\r\n    ViewChild,\r\n} from '@angular/core';\r\nimport { faChevronLeft, faChevronRight, faMinus, faPlus } from '@fortawesome/pro-regular-svg-icons';\r\nimport { Subject, debounceTime, fromEvent, interval, map, takeUntil, throttleTime } from 'rxjs';\r\n\r\n@Component({\r\n    selector: 'sds-number-box',\r\n    templateUrl: './number-box.component.html',\r\n    styleUrls: ['./number-box.component.scss'],\r\n})\r\nexport class SdsNumberBoxComponent implements OnInit, OnDestroy {\r\n    @Input() value: number = 0;\r\n    @Output() valueChange = new EventEmitter<number>();\r\n\r\n    /**\r\n     * Width of component. By default 8rem.\r\n     *\r\n     * @type {string}\r\n     * @memberof SdsDurationBoxComponent\r\n     */\r\n    @Input() width: string = '8rem';\r\n\r\n    /**\r\n     * Specifies whether the UI component responds to user interaction.\r\n     *\r\n     * @type {boolean}\r\n     * @memberof SdsDurationBoxComponent\r\n     */\r\n    @Input() disabled: boolean = false;\r\n\r\n    /**\r\n     * The maximum value accepted by the duration box.\r\n     *\r\n     * @type {number}\r\n     * @memberof SdsDurationBoxComponent\r\n     */\r\n    @Input() max?: number;\r\n\r\n    /**\r\n     * The minimum value accepted by the duration box.\r\n     *\r\n     * @type {number}\r\n     * @memberof SdsDurationBoxComponent\r\n     */\r\n    @Input() min?: number;\r\n\r\n    /**\r\n     * The increment by which the value is increased or decreased.\r\n     *\r\n     * @type {number}\r\n     * @memberof SdsDurationBoxComponent\r\n     */\r\n    @Input() step: number = 1;\r\n\r\n    /**\r\n     * The icon set to use for the increment and decrement buttons.\r\n     * Icons used are from the FrontAwesome library, so you must include them in the project to use them. \r\n     * You can add them to FA library on the module/component level.\r\n     * Icons: regular, minus/plus, chevron-left/right\r\n     *\r\n     * @type {('plus-minus' | 'left-right')}\r\n     * @memberof SdsNumberBoxComponent\r\n     */\r\n    @Input() iconSet: 'plus-minus' | 'left-right' = 'plus-minus';\r\n\r\n    /**\r\n     * Interval between value changes when the increment or decrement button is held down.\r\n     *\r\n     * @type {number}\r\n     * @memberof SdsNumberBoxComponent\r\n     */\r\n    @Input() burstInterval: number = 120;\r\n\r\n    /**\r\n     * Interval in which new value is emitted to the parent component.\r\n     * It should be higher than burstInterval to prevent multiple value changes in burst mode.\r\n     * \r\n     * @type {number}\r\n     * @memberof SdsNumberBoxComponent\r\n     */\r\n    @Input() debounceTime: number = 150;\r\n\r\n    public ICON_MINUS = faMinus;\r\n    public ICON_PLUS = faPlus;\r\n    public ICON_LEFT = faChevronLeft;\r\n    public ICON_RIGHT = faChevronRight;\r\n\r\n    private destroy$: Subject<void> = new Subject<void>();\r\n    private newValue$: Subject<number> = new Subject<number>();\r\n\r\n    constructor() {}\r\n\r\n    ngOnInit(): void {\r\n        this.newValue$.pipe(\r\n            debounceTime(this.debounceTime)\r\n        ).subscribe(() => {\r\n            this.valueChange.emit(this.value);\r\n        });\r\n    }\r\n\r\n    public increment() {\r\n        const newValue = this.value + this.step;\r\n        if (typeof this.max !== 'undefined' && newValue > this.max) {\r\n            return;\r\n        }\r\n        this.value = newValue;\r\n        this.newValue$.next(this.value);\r\n    }\r\n\r\n    public decrement() {\r\n        const newValue = this.value - this.step;\r\n        if (typeof this.min !== 'undefined' && newValue < this.min) {\r\n            return;\r\n        }\r\n        this.value = newValue;\r\n        this.newValue$.next(this.value);\r\n    }\r\n\r\n    startIncrement() {\r\n        this.increment();\r\n        console.log('startIncrement');\r\n        interval(this.burstInterval)\r\n            .pipe(takeUntil(this.destroy$))\r\n            .subscribe(() => {\r\n                this.increment();\r\n            });\r\n    }\r\n\r\n    stopIncrement() {\r\n        console.log('stopIncrement');\r\n        this.destroy$.next();\r\n    }\r\n\r\n    startDecrement() {\r\n        this.decrement();\r\n        interval(this.burstInterval)\r\n            .pipe(takeUntil(this.destroy$))\r\n            .subscribe(() => {\r\n                this.decrement();\r\n            });\r\n    }\r\n\r\n    stopDecrement() {\r\n        this.destroy$.next();\r\n    }\r\n\r\n    ngOnDestroy() {\r\n        this.destroy$.complete();\r\n        this.newValue$.complete();\r\n    }\r\n}\r\n","<div \r\n    class=\"input-group\"\r\n    [style.width]=\"width\"\r\n>\r\n\r\n    <button \r\n        class=\"btn btn-secondary btn-sm border\" \r\n        type=\"button\"\r\n        (mousedown)=\"startDecrement()\" \r\n        (mouseup)=\"stopDecrement()\"\r\n        (mouseleave)=\"stopDecrement()\"\r\n        [disabled]=\"disabled\"\r\n    > \r\n        <fa-icon *ngIf=\"iconSet === 'plus-minus'\" [icon]=\"ICON_MINUS\" [fixedWidth]=\"true\" [size]=\"'sm'\"></fa-icon>\r\n        <fa-icon *ngIf=\"iconSet === 'left-right'\" [icon]=\"ICON_LEFT\" [fixedWidth]=\"true\" [size]=\"'sm'\"></fa-icon>\r\n    </button>\r\n    \r\n    <input \r\n        type=\"text\" \r\n        class=\"form-control text-center bg-white text-monospace\" \r\n        [class.text-muted]=\"disabled\"\r\n        [style.padding-top.rem]=\"0.31\"\r\n        [style.padding-bottom.rem]=\"0.31\"\r\n        placeholder=\"\"\r\n        [value]=\"value\"\r\n        [max]=\"max\"\r\n        [min]=\"min\"\r\n        [step]=\"step\"\r\n        >\r\n    \r\n    <button \r\n        #incrementButton\r\n        class=\"btn btn-secondary btn-sm border\" \r\n        type=\"button\"\r\n        (mousedown)=\"startIncrement()\" \r\n        (mouseup)=\"stopIncrement()\"\r\n        (mouseleave)=\"stopIncrement()\"\r\n        [disabled]=\"disabled\"\r\n    >\r\n    <fa-icon *ngIf=\"iconSet === 'plus-minus'\" [icon]=\"ICON_PLUS\" [fixedWidth]=\"true\" [size]=\"'sm'\"></fa-icon>\r\n    <fa-icon *ngIf=\"iconSet === 'left-right'\" [icon]=\"ICON_RIGHT\" [fixedWidth]=\"true\" [size]=\"'sm'\"></fa-icon>\r\n    </button>\r\n\r\n</div>","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { SdsNumberBoxComponent } from './number-box.component';\r\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\r\n\r\n\r\n\r\n@NgModule({\r\n  declarations: [\r\n    SdsNumberBoxComponent\r\n  ],\r\n  imports: [\r\n    CommonModule,\r\n    FontAwesomeModule\r\n  ],\r\n  exports: [\r\n    SdsNumberBoxComponent\r\n  ]\r\n})\r\nexport class SdsNumberBoxModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"spicainternational-ngx-sds-components-src-lib-number-box.mjs","sources":["../../../projects/ngx-sds-components/src/lib/number-box/number-box.component.ts","../../../projects/ngx-sds-components/src/lib/number-box/number-box.component.html","../../../projects/ngx-sds-components/src/lib/number-box/number-box.module.ts","../../../projects/ngx-sds-components/src/lib/number-box/spicainternational-ngx-sds-components-src-lib-number-box.ts"],"sourcesContent":["import {\r\n    Component,\r\n    ElementRef,\r\n    EventEmitter,\r\n    Input,\r\n    OnDestroy,\r\n    OnInit,\r\n    Output,\r\n    ViewChild,\r\n} from '@angular/core';\r\nimport { faChevronLeft, faChevronRight, faMinus, faPlus } from '@fortawesome/pro-regular-svg-icons';\r\nimport { Subject, debounceTime, fromEvent, interval, map, takeUntil, throttleTime } from 'rxjs';\r\n\r\n@Component({\r\n    selector: 'sds-number-box',\r\n    templateUrl: './number-box.component.html',\r\n    styleUrls: ['./number-box.component.scss'],\r\n})\r\nexport class SdsNumberBoxComponent implements OnInit, OnDestroy {\r\n    @Input() value: number = 0;\r\n    @Output() valueChange = new EventEmitter<number>();\r\n\r\n    /**\r\n     * Width of component. By default 8rem.\r\n     *\r\n     * @type {string}\r\n     * @memberof SdsDurationBoxComponent\r\n     */\r\n    @Input() width: string = '8rem';\r\n\r\n    /**\r\n     * Specifies whether the UI component responds to user interaction.\r\n     *\r\n     * @type {boolean}\r\n     * @memberof SdsDurationBoxComponent\r\n     */\r\n    @Input() disabled: boolean = false;\r\n\r\n    /**\r\n     * The maximum value accepted by the duration box.\r\n     *\r\n     * @type {number}\r\n     * @memberof SdsDurationBoxComponent\r\n     */\r\n    @Input() max?: number;\r\n\r\n    /**\r\n     * The minimum value accepted by the duration box.\r\n     *\r\n     * @type {number}\r\n     * @memberof SdsDurationBoxComponent\r\n     */\r\n    @Input() min?: number;\r\n\r\n    /**\r\n     * The increment by which the value is increased or decreased.\r\n     *\r\n     * @type {number}\r\n     * @memberof SdsDurationBoxComponent\r\n     */\r\n    @Input() step: number = 1;\r\n\r\n    /**\r\n     * The icon set to use for the increment and decrement buttons.\r\n     * Icons used are from the FrontAwesome library, so you must include them in the project to use them. \r\n     * You can add them to FA library on the module/component level.\r\n     * Icons: regular, minus/plus, chevron-left/right\r\n     *\r\n     * @type {('plus-minus' | 'left-right')}\r\n     * @memberof SdsNumberBoxComponent\r\n     */\r\n    @Input() iconSet: 'plus-minus' | 'left-right' = 'plus-minus';\r\n\r\n    /**\r\n     * Interval between value changes when the increment or decrement button is held down.\r\n     *\r\n     * @type {number}\r\n     * @memberof SdsNumberBoxComponent\r\n     */\r\n    @Input() burstInterval: number = 120;\r\n\r\n    /**\r\n     * Interval in which new value is emitted to the parent component.\r\n     * It should be higher than burstInterval to prevent multiple value changes in burst mode.\r\n     * \r\n     * @type {number}\r\n     * @memberof SdsNumberBoxComponent\r\n     */\r\n    @Input() debounceTime: number = 150;\r\n\r\n    public ICON_MINUS = faMinus;\r\n    public ICON_PLUS = faPlus;\r\n    public ICON_LEFT = faChevronLeft;\r\n    public ICON_RIGHT = faChevronRight;\r\n\r\n    private destroy$: Subject<void> = new Subject<void>();\r\n    private newValue$: Subject<number> = new Subject<number>();\r\n\r\n    constructor() {}\r\n\r\n    ngOnInit(): void {\r\n        this.newValue$.pipe(\r\n            debounceTime(this.debounceTime)\r\n        ).subscribe(() => {\r\n            this.valueChange.emit(this.value);\r\n        });\r\n    }\r\n\r\n    public increment() {\r\n        const newValue = this.value + this.step;\r\n        if (typeof this.max !== 'undefined' && newValue > this.max) {\r\n            return;\r\n        }\r\n        this.value = newValue;\r\n        this.newValue$.next(this.value);\r\n    }\r\n\r\n    public decrement() {\r\n        const newValue = this.value - this.step;\r\n        if (typeof this.min !== 'undefined' && newValue < this.min) {\r\n            return;\r\n        }\r\n        this.value = newValue;\r\n        this.newValue$.next(this.value);\r\n    }\r\n\r\n    startIncrement() {\r\n        this.increment();\r\n        interval(this.burstInterval)\r\n            .pipe(takeUntil(this.destroy$))\r\n            .subscribe(() => {\r\n                this.increment();\r\n            });\r\n    }\r\n\r\n    stopIncrement() {\r\n        this.destroy$.next();\r\n    }\r\n\r\n    startDecrement() {\r\n        this.decrement();\r\n        interval(this.burstInterval)\r\n            .pipe(takeUntil(this.destroy$))\r\n            .subscribe(() => {\r\n                this.decrement();\r\n            });\r\n    }\r\n\r\n    stopDecrement() {\r\n        this.destroy$.next();\r\n    }\r\n\r\n    ngOnDestroy() {\r\n        this.destroy$.complete();\r\n        this.newValue$.complete();\r\n    }\r\n}\r\n","<div \r\n    class=\"input-group\"\r\n    [style.width]=\"width\"\r\n>\r\n\r\n    <button \r\n        class=\"btn btn-secondary btn-sm border\" \r\n        type=\"button\"\r\n        (mousedown)=\"startDecrement()\" \r\n        (mouseup)=\"stopDecrement()\"\r\n        (mouseleave)=\"stopDecrement()\"\r\n        [disabled]=\"disabled\"\r\n    > \r\n        <fa-icon *ngIf=\"iconSet === 'plus-minus'\" [icon]=\"ICON_MINUS\" [fixedWidth]=\"true\" [size]=\"'sm'\"></fa-icon>\r\n        <fa-icon *ngIf=\"iconSet === 'left-right'\" [icon]=\"ICON_LEFT\" [fixedWidth]=\"true\" [size]=\"'sm'\"></fa-icon>\r\n    </button>\r\n    \r\n    <input \r\n        type=\"text\" \r\n        class=\"form-control text-center bg-white text-monospace\" \r\n        [class.text-muted]=\"disabled\"\r\n        [style.padding-top.rem]=\"0.31\"\r\n        [style.padding-bottom.rem]=\"0.31\"\r\n        placeholder=\"\"\r\n        [value]=\"value\"\r\n        [max]=\"max\"\r\n        [min]=\"min\"\r\n        [step]=\"step\"\r\n        >\r\n    \r\n    <button \r\n        #incrementButton\r\n        class=\"btn btn-secondary btn-sm border\" \r\n        type=\"button\"\r\n        (mousedown)=\"startIncrement()\" \r\n        (mouseup)=\"stopIncrement()\"\r\n        (mouseleave)=\"stopIncrement()\"\r\n        [disabled]=\"disabled\"\r\n    >\r\n    <fa-icon *ngIf=\"iconSet === 'plus-minus'\" [icon]=\"ICON_PLUS\" [fixedWidth]=\"true\" [size]=\"'sm'\"></fa-icon>\r\n    <fa-icon *ngIf=\"iconSet === 'left-right'\" [icon]=\"ICON_RIGHT\" [fixedWidth]=\"true\" [size]=\"'sm'\"></fa-icon>\r\n    </button>\r\n\r\n</div>","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { SdsNumberBoxComponent } from './number-box.component';\r\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\r\n\r\n\r\n\r\n@NgModule({\r\n  declarations: [\r\n    SdsNumberBoxComponent\r\n  ],\r\n  imports: [\r\n    CommonModule,\r\n    FontAwesomeModule\r\n  ],\r\n  exports: [\r\n    SdsNumberBoxComponent\r\n  ]\r\n})\r\nexport class SdsNumberBoxModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

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

@@ -11,11 +11,11 @@ class SdsPageHeaderComponent {
     }
     ngOnInit() { }
 }
-SdsPageHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsPageHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SdsPageHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: SdsPageHeaderComponent, selector: "sds-page-header", inputs: { title: "title", gap: "gap" }, queries: [{ propertyName: "titleContent", first: true, predicate: ["title"], descendants: true }], ngImport: i0, template: "<div\r\n    class=\"d-flex flex-wrap align-items-center\"\r\n    [style.margin-bottom]=\"gap\"   \r\n    >\r\n    <h1 *ngIf=\"!titleContent\" class=\"me-4 mb-0\">\r\n        {{ title }}\r\n    </h1>\r\n\r\n    <ng-container *ngIf=\"titleContent\">\r\n        <ng-content select=\"title\"></ng-content>\r\n    </ng-container>\r\n\r\n    <ng-content select=\"titleAppendix\"></ng-content>\r\n\r\n    <div class=\"ms-auto\">\r\n        <ng-content></ng-content>\r\n    </div>\r\n</div>\r\n", styles: [""], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsPageHeaderComponent, decorators: [{
+SdsPageHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SdsPageHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SdsPageHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: SdsPageHeaderComponent, selector: "sds-page-header", inputs: { title: "title", gap: "gap" }, queries: [{ propertyName: "titleContent", first: true, predicate: ["title"], descendants: true }], ngImport: i0, template: "<div\r\n    class=\"d-flex flex-wrap align-items-center\"\r\n    [style.margin-bottom]=\"gap\"   \r\n    >\r\n    <h1 *ngIf=\"!titleContent\" class=\"me-4 mb-0\">\r\n        {{ title }}\r\n    </h1>\r\n\r\n    <ng-container *ngIf=\"titleContent\">\r\n        <ng-content select=\"title\"></ng-content>\r\n    </ng-container>\r\n\r\n    <ng-content select=\"titleAppendix\"></ng-content>\r\n\r\n    <div class=\"ms-auto\">\r\n        <ng-content></ng-content>\r\n    </div>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SdsPageHeaderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sds-page-header', template: "<div\r\n    class=\"d-flex flex-wrap align-items-center\"\r\n    [style.margin-bottom]=\"gap\"   \r\n    >\r\n    <h1 *ngIf=\"!titleContent\" class=\"me-4 mb-0\">\r\n        {{ title }}\r\n    </h1>\r\n\r\n    <ng-container *ngIf=\"titleContent\">\r\n        <ng-content select=\"title\"></ng-content>\r\n    </ng-container>\r\n\r\n    <ng-content select=\"titleAppendix\"></ng-content>\r\n\r\n    <div class=\"ms-auto\">\r\n        <ng-content></ng-content>\r\n    </div>\r\n</div>\r\n", styles: [""] }]
+            args: [{ selector: 'sds-page-header', template: "<div\r\n    class=\"d-flex flex-wrap align-items-center\"\r\n    [style.margin-bottom]=\"gap\"   \r\n    >\r\n    <h1 *ngIf=\"!titleContent\" class=\"me-4 mb-0\">\r\n        {{ title }}\r\n    </h1>\r\n\r\n    <ng-container *ngIf=\"titleContent\">\r\n        <ng-content select=\"title\"></ng-content>\r\n    </ng-container>\r\n\r\n    <ng-content select=\"titleAppendix\"></ng-content>\r\n\r\n    <div class=\"ms-auto\">\r\n        <ng-content></ng-content>\r\n    </div>\r\n</div>\r\n" }]
         }], ctorParameters: function () { return []; }, propDecorators: { titleContent: [{
                 type: ContentChild,
                 args: ['title']
@@ -28,10 +28,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImpor
 const components = [SdsPageHeaderComponent];
 class SdsPageHeaderModule {
 }
-SdsPageHeaderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsPageHeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SdsPageHeaderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsPageHeaderModule, declarations: [SdsPageHeaderComponent], imports: [CommonModule], exports: [SdsPageHeaderComponent] });
-SdsPageHeaderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsPageHeaderModule, imports: [[CommonModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsPageHeaderModule, decorators: [{
+SdsPageHeaderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SdsPageHeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SdsPageHeaderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: SdsPageHeaderModule, declarations: [SdsPageHeaderComponent], imports: [CommonModule], exports: [SdsPageHeaderComponent] });
+SdsPageHeaderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SdsPageHeaderModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SdsPageHeaderModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [SdsPageHeaderComponent],

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

@@ -1 +1 @@
-{"version":3,"file":"spicainternational-ngx-sds-components-src-lib-page-header.mjs","sources":["../../../projects/ngx-sds-components/src/lib/page-header/page-header.component.ts","../../../projects/ngx-sds-components/src/lib/page-header/page-header.component.html","../../../projects/ngx-sds-components/src/lib/page-header/page-header.module.ts","../../../projects/ngx-sds-components/src/lib/page-header/spicainternational-ngx-sds-components-src-lib-page-header.ts"],"sourcesContent":["import { Component, ContentChild, ElementRef, Input, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n    selector: 'sds-page-header',\r\n    templateUrl: './page-header.component.html',\r\n    styleUrls: ['./page-header.component.scss'],\r\n})\r\nexport class SdsPageHeaderComponent implements OnInit {\r\n    @ContentChild('title') titleContent: ElementRef = { nativeElement: undefined };\r\n    @Input() title: string;\r\n    @Input() gap: string = \"1rem\";\r\n\r\n    constructor() {\r\n        this.title = '';\r\n    }\r\n\r\n    ngOnInit(): void {}\r\n}\r\n","<div\r\n    class=\"d-flex flex-wrap align-items-center\"\r\n    [style.margin-bottom]=\"gap\"   \r\n    >\r\n    <h1 *ngIf=\"!titleContent\" class=\"me-4 mb-0\">\r\n        {{ title }}\r\n    </h1>\r\n\r\n    <ng-container *ngIf=\"titleContent\">\r\n        <ng-content select=\"title\"></ng-content>\r\n    </ng-container>\r\n\r\n    <ng-content select=\"titleAppendix\"></ng-content>\r\n\r\n    <div class=\"ms-auto\">\r\n        <ng-content></ng-content>\r\n    </div>\r\n</div>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { SdsPageHeaderComponent } from './page-header.component';\r\n\r\nconst components = [SdsPageHeaderComponent];\r\n\r\n@NgModule({\r\n    declarations: [SdsPageHeaderComponent],\r\n    imports: [CommonModule],\r\n    exports: [...components],\r\n})\r\nexport class SdsPageHeaderModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;MAOa,sBAAsB,CAAA;AAK/B,IAAA,WAAA,GAAA;AAJuB,QAAA,IAAA,CAAA,YAAY,GAAe,EAAE,aAAa,EAAE,SAAS,EAAE,CAAC;QAEtE,IAAG,CAAA,GAAA,GAAW,MAAM,CAAC;AAG1B,QAAA,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;KACnB;AAED,IAAA,QAAQ,MAAW;;mHATV,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAtB,sBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,sBAAsB,kMCPnC,weAkBA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;2FDXa,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBALlC,SAAS;+BACI,iBAAiB,EAAA,QAAA,EAAA,weAAA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,CAAA;0EAKJ,YAAY,EAAA,CAAA;sBAAlC,YAAY;uBAAC,OAAO,CAAA;gBACZ,KAAK,EAAA,CAAA;sBAAb,KAAK;gBACG,GAAG,EAAA,CAAA;sBAAX,KAAK;;;AENV,MAAM,UAAU,GAAG,CAAC,sBAAsB,CAAC,CAAC;MAO/B,mBAAmB,CAAA;;gHAAnB,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAnB,mBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,mBAAmB,EAJb,YAAA,EAAA,CAAA,sBAAsB,CAC3B,EAAA,OAAA,EAAA,CAAA,YAAY,aAJN,sBAAsB,CAAA,EAAA,CAAA,CAAA;iHAO7B,mBAAmB,EAAA,OAAA,EAAA,CAHnB,CAAC,YAAY,CAAC,CAAA,EAAA,CAAA,CAAA;2FAGd,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAL/B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACN,YAAY,EAAE,CAAC,sBAAsB,CAAC;oBACtC,OAAO,EAAE,CAAC,YAAY,CAAC;AACvB,oBAAA,OAAO,EAAE,CAAC,GAAG,UAAU,CAAC;AAC3B,iBAAA,CAAA;;;ACVD;;AAEG;;;;"}
+{"version":3,"file":"spicainternational-ngx-sds-components-src-lib-page-header.mjs","sources":["../../../projects/ngx-sds-components/src/lib/page-header/page-header.component.ts","../../../projects/ngx-sds-components/src/lib/page-header/page-header.component.html","../../../projects/ngx-sds-components/src/lib/page-header/page-header.module.ts","../../../projects/ngx-sds-components/src/lib/page-header/spicainternational-ngx-sds-components-src-lib-page-header.ts"],"sourcesContent":["import { Component, ContentChild, ElementRef, Input, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n    selector: 'sds-page-header',\r\n    templateUrl: './page-header.component.html',\r\n    styleUrls: ['./page-header.component.scss'],\r\n})\r\nexport class SdsPageHeaderComponent implements OnInit {\r\n    @ContentChild('title') titleContent: ElementRef = { nativeElement: undefined };\r\n    @Input() title: string;\r\n    @Input() gap: string = \"1rem\";\r\n\r\n    constructor() {\r\n        this.title = '';\r\n    }\r\n\r\n    ngOnInit(): void {}\r\n}\r\n","<div\r\n    class=\"d-flex flex-wrap align-items-center\"\r\n    [style.margin-bottom]=\"gap\"   \r\n    >\r\n    <h1 *ngIf=\"!titleContent\" class=\"me-4 mb-0\">\r\n        {{ title }}\r\n    </h1>\r\n\r\n    <ng-container *ngIf=\"titleContent\">\r\n        <ng-content select=\"title\"></ng-content>\r\n    </ng-container>\r\n\r\n    <ng-content select=\"titleAppendix\"></ng-content>\r\n\r\n    <div class=\"ms-auto\">\r\n        <ng-content></ng-content>\r\n    </div>\r\n</div>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { SdsPageHeaderComponent } from './page-header.component';\r\n\r\nconst components = [SdsPageHeaderComponent];\r\n\r\n@NgModule({\r\n    declarations: [SdsPageHeaderComponent],\r\n    imports: [CommonModule],\r\n    exports: [...components],\r\n})\r\nexport class SdsPageHeaderModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;MAOa,sBAAsB,CAAA;AAK/B,IAAA,WAAA,GAAA;AAJuB,QAAA,IAAA,CAAA,YAAY,GAAe,EAAE,aAAa,EAAE,SAAS,EAAE,CAAC;QAEtE,IAAG,CAAA,GAAA,GAAW,MAAM,CAAC;AAG1B,QAAA,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;KACnB;AAED,IAAA,QAAQ,MAAW;;oHATV,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAtB,sBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,sBAAsB,kMCPnC,weAkBA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;4FDXa,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBALlC,SAAS;+BACI,iBAAiB,EAAA,QAAA,EAAA,weAAA,EAAA,CAAA;0EAKJ,YAAY,EAAA,CAAA;sBAAlC,YAAY;uBAAC,OAAO,CAAA;gBACZ,KAAK,EAAA,CAAA;sBAAb,KAAK;gBACG,GAAG,EAAA,CAAA;sBAAX,KAAK;;;AENV,MAAM,UAAU,GAAG,CAAC,sBAAsB,CAAC,CAAC;MAO/B,mBAAmB,CAAA;;iHAAnB,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAnB,mBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,mBAAmB,EAJb,YAAA,EAAA,CAAA,sBAAsB,CAC3B,EAAA,OAAA,EAAA,CAAA,YAAY,aAJN,sBAAsB,CAAA,EAAA,CAAA,CAAA;AAO7B,mBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,mBAAmB,YAHlB,YAAY,CAAA,EAAA,CAAA,CAAA;4FAGb,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAL/B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACN,YAAY,EAAE,CAAC,sBAAsB,CAAC;oBACtC,OAAO,EAAE,CAAC,YAAY,CAAC;AACvB,oBAAA,OAAO,EAAE,CAAC,GAAG,UAAU,CAAC;AAC3B,iBAAA,CAAA;;;ACVD;;AAEG;;;;"}

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

@@ -1,9 +1,9 @@
 import * as i0 from '@angular/core';
 import { EventEmitter, Component, ChangeDetectionStrategy, Input, Output, NgModule } from '@angular/core';
-import * as i2 from '@angular/common';
+import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import { faXmark } from '@fortawesome/pro-regular-svg-icons';
-import * as i1 from '@fortawesome/angular-fontawesome';
+import * as i2 from '@fortawesome/angular-fontawesome';
 import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
 
 class SdsPaneComponent {
@@ -27,11 +27,11 @@ class SdsPaneComponent {
         this.pageChange.emit(this.selectedPage);
     }
 }
-SdsPaneComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsPaneComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SdsPaneComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: SdsPaneComponent, selector: "sds-pane", inputs: { pages: "pages", selectedPage: "selectedPage", contentWidthRem: "contentWidthRem", product: "product" }, outputs: { pageChange: "pageChange" }, usesOnChanges: true, ngImport: i0, template: "<div \r\n    class=\"pane border-start\"\r\n    [class]=\"productCssClass\"\r\n    >\r\n    <div \r\n        *ngIf=\"selectedPage\" \r\n        class=\"pane-content\"\r\n        [style.width.rem]=\"contentWidthRem\"\r\n        >\r\n        \r\n        <div class=\"page-header\">\r\n            <div class=\"title\">\r\n                {{selectedPage?.title}}\r\n            </div>\r\n\r\n            <button \r\n                class=\"btn btn-stealth ms-auto\"\r\n                (click)=\"hideContent()\"\r\n                >\r\n                <fa-icon \r\n                    [icon]=\"closeIcon\" \r\n                    [fixedWidth]=\"true\"\r\n                    [size]=\"'sm'\"> \r\n                </fa-icon>        \r\n            </button>  \r\n\r\n        </div>\r\n\r\n        <div class=\"page-container\">\r\n            <ng-container\r\n                [ngTemplateOutlet]=\"selectedPage && selectedPage.contentTemplate ? selectedPage.contentTemplate : null\"\r\n            >\r\n            </ng-container>            \r\n        </div>\r\n    </div>\r\n\r\n    <div \r\n        class=\"pane-header\"\r\n        [class.border-start]=\"selectedPage\"\r\n        >\r\n        <ul>\r\n            <li \r\n                *ngFor=\"let page of pages\"\r\n                [class.active] = \"selectedPage === page\"\r\n                >\r\n                <div \r\n                    class=\"icon-container\"\r\n                    [title]=\"page.title\"\r\n                    (click) = \"showContent(page)\"\r\n                    >\r\n                    <fa-icon \r\n                        [icon]=\"(selectedPage === page ? page.selectedIcon ? page.selectedIcon : page.icon : page.icon)\" \r\n                        [fixedWidth]=\"true\">\r\n                    </fa-icon>\r\n                </div>\r\n            </li>\r\n        </ul>\r\n    </div>    \r\n</div>", styles: [""], 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.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsPaneComponent, decorators: [{
+SdsPaneComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SdsPaneComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SdsPaneComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: SdsPaneComponent, selector: "sds-pane", inputs: { pages: "pages", selectedPage: "selectedPage", contentWidthRem: "contentWidthRem", product: "product" }, outputs: { pageChange: "pageChange" }, usesOnChanges: true, ngImport: i0, template: "<div \r\n    class=\"pane border-start\"\r\n    [class]=\"productCssClass\"\r\n    >\r\n    <div \r\n        *ngIf=\"selectedPage\" \r\n        class=\"pane-content\"\r\n        [style.width.rem]=\"contentWidthRem\"\r\n        >\r\n        \r\n        <div class=\"page-header\">\r\n            <div class=\"title\">\r\n                {{selectedPage.title}}\r\n            </div>\r\n\r\n            <button \r\n                class=\"btn btn-stealth ms-auto\"\r\n                (click)=\"hideContent()\"\r\n                >\r\n                <fa-icon \r\n                    [icon]=\"closeIcon\" \r\n                    [fixedWidth]=\"true\"\r\n                    [size]=\"'sm'\"> \r\n                </fa-icon>        \r\n            </button>  \r\n\r\n        </div>\r\n\r\n        <div class=\"page-container\">\r\n            <ng-container\r\n                [ngTemplateOutlet]=\"selectedPage && selectedPage.contentTemplate ? selectedPage.contentTemplate : null\"\r\n            >\r\n            </ng-container>            \r\n        </div>\r\n    </div>\r\n\r\n    <div \r\n        class=\"pane-header\"\r\n        [class.border-start]=\"selectedPage\"\r\n        >\r\n        <ul>\r\n            <li \r\n                *ngFor=\"let page of pages\"\r\n                [class.active] = \"selectedPage === page\"\r\n                >\r\n                <div \r\n                    class=\"icon-container\"\r\n                    [title]=\"page.title\"\r\n                    (click) = \"showContent(page)\"\r\n                    >\r\n                    <fa-icon \r\n                        [icon]=\"(selectedPage === page ? page.selectedIcon ? page.selectedIcon : page.icon : page.icon)\" \r\n                        [fixedWidth]=\"true\">\r\n                    </fa-icon>\r\n                </div>\r\n            </li>\r\n        </ul>\r\n    </div>    \r\n</div>", styles: [""], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SdsPaneComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sds-pane', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div \r\n    class=\"pane border-start\"\r\n    [class]=\"productCssClass\"\r\n    >\r\n    <div \r\n        *ngIf=\"selectedPage\" \r\n        class=\"pane-content\"\r\n        [style.width.rem]=\"contentWidthRem\"\r\n        >\r\n        \r\n        <div class=\"page-header\">\r\n            <div class=\"title\">\r\n                {{selectedPage?.title}}\r\n            </div>\r\n\r\n            <button \r\n                class=\"btn btn-stealth ms-auto\"\r\n                (click)=\"hideContent()\"\r\n                >\r\n                <fa-icon \r\n                    [icon]=\"closeIcon\" \r\n                    [fixedWidth]=\"true\"\r\n                    [size]=\"'sm'\"> \r\n                </fa-icon>        \r\n            </button>  \r\n\r\n        </div>\r\n\r\n        <div class=\"page-container\">\r\n            <ng-container\r\n                [ngTemplateOutlet]=\"selectedPage && selectedPage.contentTemplate ? selectedPage.contentTemplate : null\"\r\n            >\r\n            </ng-container>            \r\n        </div>\r\n    </div>\r\n\r\n    <div \r\n        class=\"pane-header\"\r\n        [class.border-start]=\"selectedPage\"\r\n        >\r\n        <ul>\r\n            <li \r\n                *ngFor=\"let page of pages\"\r\n                [class.active] = \"selectedPage === page\"\r\n                >\r\n                <div \r\n                    class=\"icon-container\"\r\n                    [title]=\"page.title\"\r\n                    (click) = \"showContent(page)\"\r\n                    >\r\n                    <fa-icon \r\n                        [icon]=\"(selectedPage === page ? page.selectedIcon ? page.selectedIcon : page.icon : page.icon)\" \r\n                        [fixedWidth]=\"true\">\r\n                    </fa-icon>\r\n                </div>\r\n            </li>\r\n        </ul>\r\n    </div>    \r\n</div>", styles: [""] }]
+            args: [{ selector: 'sds-pane', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div \r\n    class=\"pane border-start\"\r\n    [class]=\"productCssClass\"\r\n    >\r\n    <div \r\n        *ngIf=\"selectedPage\" \r\n        class=\"pane-content\"\r\n        [style.width.rem]=\"contentWidthRem\"\r\n        >\r\n        \r\n        <div class=\"page-header\">\r\n            <div class=\"title\">\r\n                {{selectedPage.title}}\r\n            </div>\r\n\r\n            <button \r\n                class=\"btn btn-stealth ms-auto\"\r\n                (click)=\"hideContent()\"\r\n                >\r\n                <fa-icon \r\n                    [icon]=\"closeIcon\" \r\n                    [fixedWidth]=\"true\"\r\n                    [size]=\"'sm'\"> \r\n                </fa-icon>        \r\n            </button>  \r\n\r\n        </div>\r\n\r\n        <div class=\"page-container\">\r\n            <ng-container\r\n                [ngTemplateOutlet]=\"selectedPage && selectedPage.contentTemplate ? selectedPage.contentTemplate : null\"\r\n            >\r\n            </ng-container>            \r\n        </div>\r\n    </div>\r\n\r\n    <div \r\n        class=\"pane-header\"\r\n        [class.border-start]=\"selectedPage\"\r\n        >\r\n        <ul>\r\n            <li \r\n                *ngFor=\"let page of pages\"\r\n                [class.active] = \"selectedPage === page\"\r\n                >\r\n                <div \r\n                    class=\"icon-container\"\r\n                    [title]=\"page.title\"\r\n                    (click) = \"showContent(page)\"\r\n                    >\r\n                    <fa-icon \r\n                        [icon]=\"(selectedPage === page ? page.selectedIcon ? page.selectedIcon : page.icon : page.icon)\" \r\n                        [fixedWidth]=\"true\">\r\n                    </fa-icon>\r\n                </div>\r\n            </li>\r\n        </ul>\r\n    </div>    \r\n</div>" }]
         }], ctorParameters: function () { return []; }, propDecorators: { pages: [{
                 type: Input
             }], selectedPage: [{
@@ -46,14 +46,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImpor
 
 class SdsPaneModule {
 }
-SdsPaneModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsPaneModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SdsPaneModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsPaneModule, declarations: [SdsPaneComponent], imports: [CommonModule,
+SdsPaneModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SdsPaneModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SdsPaneModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: SdsPaneModule, declarations: [SdsPaneComponent], imports: [CommonModule,
         FontAwesomeModule], exports: [SdsPaneComponent] });
-SdsPaneModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsPaneModule, imports: [[
-            CommonModule,
-            FontAwesomeModule
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsPaneModule, decorators: [{
+SdsPaneModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SdsPaneModule, imports: [CommonModule,
+        FontAwesomeModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SdsPaneModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

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

@@ -1 +1 @@
-{"version":3,"file":"spicainternational-ngx-sds-components-src-lib-pane.mjs","sources":["../../../projects/ngx-sds-components/src/lib/pane/pane.component.ts","../../../projects/ngx-sds-components/src/lib/pane/pane.component.html","../../../projects/ngx-sds-components/src/lib/pane/pane.module.ts","../../../projects/ngx-sds-components/src/lib/pane/spicainternational-ngx-sds-components-src-lib-pane.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, OnChanges, OnInit, Output, SimpleChanges } from '@angular/core';\r\nimport { PanePage } from './pane.model';\r\n\r\nimport { faXmark } from '@fortawesome/pro-regular-svg-icons';\r\nimport { isThisSecond } from 'date-fns';\r\n\r\n@Component({\r\n    selector: 'sds-pane',\r\n    templateUrl: './pane.component.html',\r\n    styleUrls: ['./pane.component.scss'],\r\n    changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class SdsPaneComponent implements OnInit, OnChanges {\r\n\r\n    @Input() public pages?: PanePage[];\r\n    @Input() public selectedPage?: PanePage;\r\n    @Input() public contentWidthRem: number = 20;\r\n    @Input() public product?: 'all-hours' | 'my-hours' | 'door-cloud' | 'time-and-space' | string;\r\n    \r\n    @Output() pageChange = new EventEmitter();\r\n\r\n    public closeIcon = faXmark;\r\n\r\n    public productCssClass?: string;\r\n\r\n    constructor() {}\r\n    ngOnChanges(changes: SimpleChanges): void {\r\n        if (changes['product']) {\r\n            this.productCssClass = this.product ? `product-${this.product}` : undefined;  \r\n        }\r\n    }\r\n\r\n    ngOnInit(): void {}\r\n\r\n    public showContent(page: PanePage): void{\r\n        this.selectedPage = page;\r\n        this.pageChange.emit(this.selectedPage);\r\n    }\r\n\r\n    public hideContent(): void{\r\n        this.selectedPage = undefined;\r\n        this.pageChange.emit(this.selectedPage);\r\n    }\r\n\r\n\r\n}\r\n","<div \r\n    class=\"pane border-start\"\r\n    [class]=\"productCssClass\"\r\n    >\r\n    <div \r\n        *ngIf=\"selectedPage\" \r\n        class=\"pane-content\"\r\n        [style.width.rem]=\"contentWidthRem\"\r\n        >\r\n        \r\n        <div class=\"page-header\">\r\n            <div class=\"title\">\r\n                {{selectedPage?.title}}\r\n            </div>\r\n\r\n            <button \r\n                class=\"btn btn-stealth ms-auto\"\r\n                (click)=\"hideContent()\"\r\n                >\r\n                <fa-icon \r\n                    [icon]=\"closeIcon\" \r\n                    [fixedWidth]=\"true\"\r\n                    [size]=\"'sm'\"> \r\n                </fa-icon>        \r\n            </button>  \r\n\r\n        </div>\r\n\r\n        <div class=\"page-container\">\r\n            <ng-container\r\n                [ngTemplateOutlet]=\"selectedPage && selectedPage.contentTemplate ? selectedPage.contentTemplate : null\"\r\n            >\r\n            </ng-container>            \r\n        </div>\r\n    </div>\r\n\r\n    <div \r\n        class=\"pane-header\"\r\n        [class.border-start]=\"selectedPage\"\r\n        >\r\n        <ul>\r\n            <li \r\n                *ngFor=\"let page of pages\"\r\n                [class.active] = \"selectedPage === page\"\r\n                >\r\n                <div \r\n                    class=\"icon-container\"\r\n                    [title]=\"page.title\"\r\n                    (click) = \"showContent(page)\"\r\n                    >\r\n                    <fa-icon \r\n                        [icon]=\"(selectedPage === page ? page.selectedIcon ? page.selectedIcon : page.icon : page.icon)\" \r\n                        [fixedWidth]=\"true\">\r\n                    </fa-icon>\r\n                </div>\r\n            </li>\r\n        </ul>\r\n    </div>    \r\n</div>","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { SdsPaneComponent } from '../pane/pane.component';\r\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\r\n\r\n@NgModule({\r\n    declarations: [\r\n        SdsPaneComponent\r\n    ],\r\n    imports: [\r\n        CommonModule, \r\n        FontAwesomeModule\r\n    ],\r\n    exports: [\r\n        SdsPaneComponent\r\n    ],\r\n})\r\nexport class SdsPaneModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"spicainternational-ngx-sds-components-src-lib-pane.mjs","sources":["../../../projects/ngx-sds-components/src/lib/pane/pane.component.ts","../../../projects/ngx-sds-components/src/lib/pane/pane.component.html","../../../projects/ngx-sds-components/src/lib/pane/pane.module.ts","../../../projects/ngx-sds-components/src/lib/pane/spicainternational-ngx-sds-components-src-lib-pane.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, OnChanges, OnInit, Output, SimpleChanges } from '@angular/core';\r\nimport { PanePage } from './pane.model';\r\n\r\nimport { faXmark } from '@fortawesome/pro-regular-svg-icons';\r\nimport { isThisSecond } from 'date-fns';\r\n\r\n@Component({\r\n    selector: 'sds-pane',\r\n    templateUrl: './pane.component.html',\r\n    styleUrls: ['./pane.component.scss'],\r\n    changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class SdsPaneComponent implements OnInit, OnChanges {\r\n\r\n    @Input() public pages?: PanePage[];\r\n    @Input() public selectedPage?: PanePage;\r\n    @Input() public contentWidthRem: number = 20;\r\n    @Input() public product?: 'all-hours' | 'my-hours' | 'door-cloud' | 'time-and-space' | string;\r\n    \r\n    @Output() pageChange = new EventEmitter();\r\n\r\n    public closeIcon = faXmark;\r\n\r\n    public productCssClass?: string;\r\n\r\n    constructor() {}\r\n    ngOnChanges(changes: SimpleChanges): void {\r\n        if (changes['product']) {\r\n            this.productCssClass = this.product ? `product-${this.product}` : undefined;  \r\n        }\r\n    }\r\n\r\n    ngOnInit(): void {}\r\n\r\n    public showContent(page: PanePage): void{\r\n        this.selectedPage = page;\r\n        this.pageChange.emit(this.selectedPage);\r\n    }\r\n\r\n    public hideContent(): void{\r\n        this.selectedPage = undefined;\r\n        this.pageChange.emit(this.selectedPage);\r\n    }\r\n\r\n\r\n}\r\n","<div \r\n    class=\"pane border-start\"\r\n    [class]=\"productCssClass\"\r\n    >\r\n    <div \r\n        *ngIf=\"selectedPage\" \r\n        class=\"pane-content\"\r\n        [style.width.rem]=\"contentWidthRem\"\r\n        >\r\n        \r\n        <div class=\"page-header\">\r\n            <div class=\"title\">\r\n                {{selectedPage.title}}\r\n            </div>\r\n\r\n            <button \r\n                class=\"btn btn-stealth ms-auto\"\r\n                (click)=\"hideContent()\"\r\n                >\r\n                <fa-icon \r\n                    [icon]=\"closeIcon\" \r\n                    [fixedWidth]=\"true\"\r\n                    [size]=\"'sm'\"> \r\n                </fa-icon>        \r\n            </button>  \r\n\r\n        </div>\r\n\r\n        <div class=\"page-container\">\r\n            <ng-container\r\n                [ngTemplateOutlet]=\"selectedPage && selectedPage.contentTemplate ? selectedPage.contentTemplate : null\"\r\n            >\r\n            </ng-container>            \r\n        </div>\r\n    </div>\r\n\r\n    <div \r\n        class=\"pane-header\"\r\n        [class.border-start]=\"selectedPage\"\r\n        >\r\n        <ul>\r\n            <li \r\n                *ngFor=\"let page of pages\"\r\n                [class.active] = \"selectedPage === page\"\r\n                >\r\n                <div \r\n                    class=\"icon-container\"\r\n                    [title]=\"page.title\"\r\n                    (click) = \"showContent(page)\"\r\n                    >\r\n                    <fa-icon \r\n                        [icon]=\"(selectedPage === page ? page.selectedIcon ? page.selectedIcon : page.icon : page.icon)\" \r\n                        [fixedWidth]=\"true\">\r\n                    </fa-icon>\r\n                </div>\r\n            </li>\r\n        </ul>\r\n    </div>    \r\n</div>","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { SdsPaneComponent } from '../pane/pane.component';\r\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\r\n\r\n@NgModule({\r\n    declarations: [\r\n        SdsPaneComponent\r\n    ],\r\n    imports: [\r\n        CommonModule, \r\n        FontAwesomeModule\r\n    ],\r\n    exports: [\r\n        SdsPaneComponent\r\n    ],\r\n})\r\nexport class SdsPaneModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

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

@@ -1,10 +1,10 @@
 import * as i0 from '@angular/core';
 import { EventEmitter, ElementRef, Component, ChangeDetectionStrategy, Input, Output, ViewChild, ContentChild, NgModule } from '@angular/core';
-import * as i3 from '@angular/common';
+import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import * as i1 from '@fortawesome/angular-fontawesome';
+import * as i2 from '@fortawesome/angular-fontawesome';
 import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
-import * as i2 from 'devextreme-angular/ui/popover';
+import * as i3 from 'devextreme-angular/ui/popover';
 import { DxPopoverModule } from 'devextreme-angular/ui/popover';
 
 class SdsQuickInfoComponent {
@@ -68,9 +68,9 @@ class SdsQuickInfoComponent {
         };
     }
 }
-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", 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: [{
+SdsQuickInfoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SdsQuickInfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SdsQuickInfoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", 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"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "component", type: i3.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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", 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    #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: [{
@@ -107,16 +107,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImpor
 const components = [SdsQuickInfoComponent];
 class SdsQuickInfoModule {
 }
-SdsQuickInfoModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsQuickInfoModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SdsQuickInfoModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsQuickInfoModule, declarations: [SdsQuickInfoComponent], imports: [CommonModule,
+SdsQuickInfoModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SdsQuickInfoModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SdsQuickInfoModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: SdsQuickInfoModule, declarations: [SdsQuickInfoComponent], imports: [CommonModule,
         FontAwesomeModule,
         DxPopoverModule], exports: [SdsQuickInfoComponent] });
-SdsQuickInfoModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsQuickInfoModule, imports: [[
-            CommonModule,
-            FontAwesomeModule,
-            DxPopoverModule,
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsQuickInfoModule, decorators: [{
+SdsQuickInfoModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SdsQuickInfoModule, imports: [CommonModule,
+        FontAwesomeModule,
+        DxPopoverModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SdsQuickInfoModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

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

@@ -1 +1 @@
-{"version":3,"file":"spicainternational-ngx-sds-components-src-lib-quick-info.mjs","sources":["../../../projects/ngx-sds-components/src/lib/quick-info/quick-info.component.ts","../../../projects/ngx-sds-components/src/lib/quick-info/quick-info.component.html","../../../projects/ngx-sds-components/src/lib/quick-info/quick-info.module.ts","../../../projects/ngx-sds-components/src/lib/quick-info/spicainternational-ngx-sds-components-src-lib-quick-info.ts"],"sourcesContent":["import {\r\n    ChangeDetectionStrategy,\r\n    Component,\r\n    ContentChild,\r\n    ElementRef,\r\n    EventEmitter,\r\n    Input,\r\n    OnChanges,\r\n    Output,\r\n    SimpleChanges,\r\n    ViewChild,\r\n} from '@angular/core';\r\n\r\nimport { DxPopoverComponent } from 'devextreme-angular';\r\n\r\n@Component({\r\n    selector: 'sds-quick-info',\r\n    templateUrl: './quick-info.component.html',\r\n    styleUrls: ['./quick-info.component.scss'],\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class SdsQuickInfoComponent implements OnChanges {\r\n    @Input() popoverMaxWidth: number | Function | string = '20rem';\r\n    @Input() popoverMinWidth: number | Function | string = '';\r\n    @Input() popoverWidth: number | Function | string = '';\r\n    @Input() showDelay?: number;\r\n    @Input() showEventName: string = 'dxhoverstart';\r\n    @Input() hideDelay?: number;\r\n    @Input() hideEventName: string = 'dxhoverend';\r\n    @Input() mode: 'default' | 'hint' = 'default'\r\n    \r\n    @Output() hide = new EventEmitter();\r\n    @Output() show = new EventEmitter();\r\n\r\n    @ViewChild('popover', { static: false }) private _popover: DxPopoverComponent | undefined;\r\n    @ViewChild('popoverTarget', { read: ElementRef, static: true }) public buttonElementRef?: ElementRef;\r\n    @ContentChild('customContent') customContent: ElementRef = { nativeElement: undefined };\r\n\r\n    public hideEvent: string | {\r\n        delay?: number;\r\n        name?: string;\r\n    };\r\n\r\n    public showEvent: string | {\r\n        delay?: number;\r\n        name?: string;\r\n    };    \r\n\r\n    constructor() {\r\n        this.showEvent = { name: this.showEventName, delay: 200 };\r\n        this.hideEvent = { name: this.hideEventName, delay: 200 };\r\n    }\r\n\r\n    ngOnChanges(changes: SimpleChanges): void {\r\n        if (changes['showDelay'] || changes['showEventName']) {\r\n            this.setShowEvent();\r\n        } else if (changes['hideDelay'] || changes['hideEventName']) {\r\n            this.setHideEvent();\r\n        }        \r\n    }\r\n\r\n    onHiding(e: any) {\r\n        if (this.mode === 'default') {\r\n            const popoverContent = e.component.content().parentNode;\r\n            const isMouseInsidePopover = popoverContent.matches(':hover');\r\n            e.cancel = isMouseInsidePopover;\r\n\r\n            popoverContent.addEventListener('mouseleave', () => {\r\n                e.component.hide();\r\n            });\r\n        }\r\n    }\r\n\r\n    onHidden(){\r\n        this.hide.emit();\r\n    }\r\n\r\n    onShown(){\r\n        this.show.emit();\r\n    }\r\n\r\n    public showInfo(){\r\n        if (this._popover) {\r\n            this._popover.instance.show();\r\n        }\r\n    }\r\n\r\n    public hideInfo(){\r\n        if (this._popover) {\r\n            this._popover.instance.hide();\r\n        }\r\n    }\r\n\r\n    private setShowEvent(): void {\r\n        this.showEvent = { \r\n            name: this.showEventName, \r\n            delay: this.showDelay ?? 200 \r\n        };\r\n    }\r\n\r\n    private setHideEvent(): void {\r\n        this.hideEvent = { \r\n            name: this.hideEventName, \r\n            delay: this.hideDelay ?? 200 \r\n        };\r\n    }\r\n\r\n}\r\n","<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>","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { SdsQuickInfoComponent } from './quick-info.component';\r\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\r\nimport { DxPopoverModule } from 'devextreme-angular/ui/popover';\r\n\r\n\r\nconst components = [SdsQuickInfoComponent];\r\n@NgModule({\r\n  declarations: [\r\n    ...components\r\n  ],\r\n  imports: [\r\n    CommonModule,\r\n    FontAwesomeModule,\r\n    DxPopoverModule,\r\n  ],\r\n  exports: [\r\n    ...components\r\n  ]\r\n})\r\nexport class SdsQuickInfoModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"spicainternational-ngx-sds-components-src-lib-quick-info.mjs","sources":["../../../projects/ngx-sds-components/src/lib/quick-info/quick-info.component.ts","../../../projects/ngx-sds-components/src/lib/quick-info/quick-info.component.html","../../../projects/ngx-sds-components/src/lib/quick-info/quick-info.module.ts","../../../projects/ngx-sds-components/src/lib/quick-info/spicainternational-ngx-sds-components-src-lib-quick-info.ts"],"sourcesContent":["import {\r\n    ChangeDetectionStrategy,\r\n    Component,\r\n    ContentChild,\r\n    ElementRef,\r\n    EventEmitter,\r\n    Input,\r\n    OnChanges,\r\n    Output,\r\n    SimpleChanges,\r\n    ViewChild,\r\n} from '@angular/core';\r\n\r\nimport { DxPopoverComponent } from 'devextreme-angular';\r\n\r\n@Component({\r\n    selector: 'sds-quick-info',\r\n    templateUrl: './quick-info.component.html',\r\n    styleUrls: ['./quick-info.component.scss'],\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class SdsQuickInfoComponent implements OnChanges {\r\n    @Input() popoverMaxWidth: number | Function | string = '20rem';\r\n    @Input() popoverMinWidth: number | Function | string = '';\r\n    @Input() popoverWidth: number | Function | string = '';\r\n    @Input() showDelay?: number;\r\n    @Input() showEventName: string = 'dxhoverstart';\r\n    @Input() hideDelay?: number;\r\n    @Input() hideEventName: string = 'dxhoverend';\r\n    @Input() mode: 'default' | 'hint' = 'default'\r\n    \r\n    @Output() hide = new EventEmitter();\r\n    @Output() show = new EventEmitter();\r\n\r\n    @ViewChild('popover', { static: false }) private _popover: DxPopoverComponent | undefined;\r\n    @ViewChild('popoverTarget', { read: ElementRef, static: true }) public buttonElementRef?: ElementRef;\r\n    @ContentChild('customContent') customContent: ElementRef = { nativeElement: undefined };\r\n\r\n    public hideEvent: string | {\r\n        delay?: number;\r\n        name?: string;\r\n    };\r\n\r\n    public showEvent: string | {\r\n        delay?: number;\r\n        name?: string;\r\n    };    \r\n\r\n    constructor() {\r\n        this.showEvent = { name: this.showEventName, delay: 200 };\r\n        this.hideEvent = { name: this.hideEventName, delay: 200 };\r\n    }\r\n\r\n    ngOnChanges(changes: SimpleChanges): void {\r\n        if (changes['showDelay'] || changes['showEventName']) {\r\n            this.setShowEvent();\r\n        } else if (changes['hideDelay'] || changes['hideEventName']) {\r\n            this.setHideEvent();\r\n        }        \r\n    }\r\n\r\n    onHiding(e: any) {\r\n        if (this.mode === 'default') {\r\n            const popoverContent = e.component.content().parentNode;\r\n            const isMouseInsidePopover = popoverContent.matches(':hover');\r\n            e.cancel = isMouseInsidePopover;\r\n\r\n            popoverContent.addEventListener('mouseleave', () => {\r\n                e.component.hide();\r\n            });\r\n        }\r\n    }\r\n\r\n    onHidden(){\r\n        this.hide.emit();\r\n    }\r\n\r\n    onShown(){\r\n        this.show.emit();\r\n    }\r\n\r\n    public showInfo(){\r\n        if (this._popover) {\r\n            this._popover.instance.show();\r\n        }\r\n    }\r\n\r\n    public hideInfo(){\r\n        if (this._popover) {\r\n            this._popover.instance.hide();\r\n        }\r\n    }\r\n\r\n    private setShowEvent(): void {\r\n        this.showEvent = { \r\n            name: this.showEventName, \r\n            delay: this.showDelay ?? 200 \r\n        };\r\n    }\r\n\r\n    private setHideEvent(): void {\r\n        this.hideEvent = { \r\n            name: this.hideEventName, \r\n            delay: this.hideDelay ?? 200 \r\n        };\r\n    }\r\n\r\n}\r\n","<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>","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { SdsQuickInfoComponent } from './quick-info.component';\r\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\r\nimport { DxPopoverModule } from 'devextreme-angular/ui/popover';\r\n\r\n\r\nconst components = [SdsQuickInfoComponent];\r\n@NgModule({\r\n  declarations: [\r\n    ...components\r\n  ],\r\n  imports: [\r\n    CommonModule,\r\n    FontAwesomeModule,\r\n    DxPopoverModule,\r\n  ],\r\n  exports: [\r\n    ...components\r\n  ]\r\n})\r\nexport class SdsQuickInfoModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

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

@@ -21,11 +21,11 @@ class SdsSegmentedControlComponent {
         }
     }
 }
-SdsSegmentedControlComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsSegmentedControlComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SdsSegmentedControlComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: SdsSegmentedControlComponent, selector: "sds-segmented-control", inputs: { items: "items", value: "value", valueExpr: "valueExpr", displayExpr: "displayExpr", tooltipExpr: "tooltipExpr", idExpr: "idExpr", disabled: "disabled", style: "style" }, outputs: { itemChange: "itemChange", valueChange: "valueChange" }, ngImport: i0, template: "<div \r\n    class=\"sds-segmented-control-container\" \r\n    [ngClass]=\"{\r\n        'disabled': disabled,\r\n        'sds-segmented-control-primary': style == 'primary',\r\n        'sds-segmented-control-inverted': style == 'inverted'\r\n    }\"\r\n    >\r\n    <div *ngFor=\"let item of items let last = last;\" \r\n        class=\"segment\" \r\n        id=\"{{idExpr ? item[idExpr]: ''}}\"\r\n        [class.selected]=\"item[valueExpr] == value\"\r\n        [title]=\"tooltipExpr && item[tooltipExpr] ? item[tooltipExpr] : ''\"\r\n        (click)=\"selectItem(item)\">\r\n\r\n        <div>\r\n            <i *ngIf=\"item.icon\" class=\"{{item.icon}} me-2\"></i>\r\n            <span>{{item[displayExpr]}}</span>\r\n        </div>\r\n    </div>\r\n</div>", styles: [""], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsSegmentedControlComponent, decorators: [{
+SdsSegmentedControlComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SdsSegmentedControlComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SdsSegmentedControlComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: SdsSegmentedControlComponent, selector: "sds-segmented-control", inputs: { items: "items", value: "value", valueExpr: "valueExpr", displayExpr: "displayExpr", tooltipExpr: "tooltipExpr", idExpr: "idExpr", disabled: "disabled", style: "style" }, outputs: { itemChange: "itemChange", valueChange: "valueChange" }, ngImport: i0, template: "<div \r\n    class=\"sds-segmented-control-container\" \r\n    [ngClass]=\"{\r\n        'disabled': disabled,\r\n        'sds-segmented-control-primary': style == 'primary',\r\n        'sds-segmented-control-inverted': style == 'inverted'\r\n    }\"\r\n    >\r\n    <div *ngFor=\"let item of items let last = last;\" \r\n        class=\"segment\" \r\n        id=\"{{idExpr ? item[idExpr]: ''}}\"\r\n        [class.selected]=\"item[valueExpr] == value\"\r\n        [title]=\"tooltipExpr && item[tooltipExpr] ? item[tooltipExpr] : ''\"\r\n        (click)=\"selectItem(item)\">\r\n\r\n        <div>\r\n            <i *ngIf=\"item.icon\" class=\"{{item.icon}} me-2\"></i>\r\n            <span>{{item[displayExpr]}}</span>\r\n        </div>\r\n    </div>\r\n</div>", styles: [""], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SdsSegmentedControlComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sds-segmented-control', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div \r\n    class=\"sds-segmented-control-container\" \r\n    [ngClass]=\"{\r\n        'disabled': disabled,\r\n        'sds-segmented-control-primary': style == 'primary',\r\n        'sds-segmented-control-inverted': style == 'inverted'\r\n    }\"\r\n    >\r\n    <div *ngFor=\"let item of items let last = last;\" \r\n        class=\"segment\" \r\n        id=\"{{idExpr ? item[idExpr]: ''}}\"\r\n        [class.selected]=\"item[valueExpr] == value\"\r\n        [title]=\"tooltipExpr && item[tooltipExpr] ? item[tooltipExpr] : ''\"\r\n        (click)=\"selectItem(item)\">\r\n\r\n        <div>\r\n            <i *ngIf=\"item.icon\" class=\"{{item.icon}} me-2\"></i>\r\n            <span>{{item[displayExpr]}}</span>\r\n        </div>\r\n    </div>\r\n</div>", styles: [""] }]
+            args: [{ selector: 'sds-segmented-control', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div \r\n    class=\"sds-segmented-control-container\" \r\n    [ngClass]=\"{\r\n        'disabled': disabled,\r\n        'sds-segmented-control-primary': style == 'primary',\r\n        'sds-segmented-control-inverted': style == 'inverted'\r\n    }\"\r\n    >\r\n    <div *ngFor=\"let item of items let last = last;\" \r\n        class=\"segment\" \r\n        id=\"{{idExpr ? item[idExpr]: ''}}\"\r\n        [class.selected]=\"item[valueExpr] == value\"\r\n        [title]=\"tooltipExpr && item[tooltipExpr] ? item[tooltipExpr] : ''\"\r\n        (click)=\"selectItem(item)\">\r\n\r\n        <div>\r\n            <i *ngIf=\"item.icon\" class=\"{{item.icon}} me-2\"></i>\r\n            <span>{{item[displayExpr]}}</span>\r\n        </div>\r\n    </div>\r\n</div>" }]
         }], ctorParameters: function () { return []; }, propDecorators: { items: [{
                 type: Input
             }], value: [{
@@ -51,12 +51,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImpor
 const components = [SdsSegmentedControlComponent];
 class SdsSegmentedControlModule {
 }
-SdsSegmentedControlModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsSegmentedControlModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SdsSegmentedControlModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsSegmentedControlModule, declarations: [SdsSegmentedControlComponent], imports: [CommonModule], exports: [SdsSegmentedControlComponent] });
-SdsSegmentedControlModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsSegmentedControlModule, imports: [[
-            CommonModule
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsSegmentedControlModule, decorators: [{
+SdsSegmentedControlModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SdsSegmentedControlModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SdsSegmentedControlModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: SdsSegmentedControlModule, declarations: [SdsSegmentedControlComponent], imports: [CommonModule], exports: [SdsSegmentedControlComponent] });
+SdsSegmentedControlModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SdsSegmentedControlModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SdsSegmentedControlModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

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

@@ -1 +1 @@
-{"version":3,"file":"spicainternational-ngx-sds-components-src-lib-segmented-control.mjs","sources":["../../../projects/ngx-sds-components/src/lib/segmented-control/segmented-control.component.ts","../../../projects/ngx-sds-components/src/lib/segmented-control/segmented-control.component.html","../../../projects/ngx-sds-components/src/lib/segmented-control/segmented-control.module.ts","../../../projects/ngx-sds-components/src/lib/segmented-control/spicainternational-ngx-sds-components-src-lib-segmented-control.ts"],"sourcesContent":["import {\r\n    ChangeDetectionStrategy,\r\n    Component,\r\n    EventEmitter,\r\n    Input,\r\n    OnInit,\r\n    Output,\r\n} from '@angular/core';\r\n\r\n@Component({\r\n    selector: 'sds-segmented-control',\r\n    templateUrl: './segmented-control.component.html',\r\n    styleUrls: ['./segmented-control.component.scss'],\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class SdsSegmentedControlComponent implements OnInit {\r\n    @Input() items: any[] | undefined;\r\n    @Input() value: any;\r\n    @Input() valueExpr;\r\n    @Input() displayExpr;\r\n    @Input() tooltipExpr: string | undefined;\r\n    @Input() idExpr: string | undefined;\r\n    @Input() disabled: boolean;\r\n\r\n    @Input() style: 'default' | 'primary' | 'inverted';\r\n\r\n    @Output() itemChange: EventEmitter<any> = new EventEmitter();\r\n    @Output() valueChange: EventEmitter<any> = new EventEmitter();\r\n\r\n    constructor() {\r\n        this.valueExpr = 'value';\r\n        this.displayExpr = 'text';\r\n        this.disabled = false;\r\n        this.style = 'default';\r\n    }\r\n\r\n    ngOnInit() {}\r\n\r\n    public selectItem(item: any): void {\r\n        if (!this.disabled) {\r\n            this.value = item[this.valueExpr];\r\n            this.valueChange.emit(this.value);\r\n            this.itemChange.emit(item);\r\n        }\r\n    }\r\n}\r\n","<div \r\n    class=\"sds-segmented-control-container\" \r\n    [ngClass]=\"{\r\n        'disabled': disabled,\r\n        'sds-segmented-control-primary': style == 'primary',\r\n        'sds-segmented-control-inverted': style == 'inverted'\r\n    }\"\r\n    >\r\n    <div *ngFor=\"let item of items let last = last;\" \r\n        class=\"segment\" \r\n        id=\"{{idExpr ? item[idExpr]: ''}}\"\r\n        [class.selected]=\"item[valueExpr] == value\"\r\n        [title]=\"tooltipExpr && item[tooltipExpr] ? item[tooltipExpr] : ''\"\r\n        (click)=\"selectItem(item)\">\r\n\r\n        <div>\r\n            <i *ngIf=\"item.icon\" class=\"{{item.icon}} me-2\"></i>\r\n            <span>{{item[displayExpr]}}</span>\r\n        </div>\r\n    </div>\r\n</div>","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { SdsSegmentedControlComponent } from './segmented-control.component';\r\n\r\n\r\nconst components = [SdsSegmentedControlComponent];\r\n@NgModule({\r\n  declarations: [\r\n    ...components\r\n  ],\r\n  imports: [\r\n    CommonModule\r\n  ],\r\n  exports: [\r\n    ...components\r\n]\r\n})\r\nexport class SdsSegmentedControlModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"spicainternational-ngx-sds-components-src-lib-segmented-control.mjs","sources":["../../../projects/ngx-sds-components/src/lib/segmented-control/segmented-control.component.ts","../../../projects/ngx-sds-components/src/lib/segmented-control/segmented-control.component.html","../../../projects/ngx-sds-components/src/lib/segmented-control/segmented-control.module.ts","../../../projects/ngx-sds-components/src/lib/segmented-control/spicainternational-ngx-sds-components-src-lib-segmented-control.ts"],"sourcesContent":["import {\r\n    ChangeDetectionStrategy,\r\n    Component,\r\n    EventEmitter,\r\n    Input,\r\n    OnInit,\r\n    Output,\r\n} from '@angular/core';\r\n\r\n@Component({\r\n    selector: 'sds-segmented-control',\r\n    templateUrl: './segmented-control.component.html',\r\n    styleUrls: ['./segmented-control.component.scss'],\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class SdsSegmentedControlComponent implements OnInit {\r\n    @Input() items: any[] | undefined;\r\n    @Input() value: any;\r\n    @Input() valueExpr;\r\n    @Input() displayExpr;\r\n    @Input() tooltipExpr: string | undefined;\r\n    @Input() idExpr: string | undefined;\r\n    @Input() disabled: boolean;\r\n\r\n    @Input() style: 'default' | 'primary' | 'inverted';\r\n\r\n    @Output() itemChange: EventEmitter<any> = new EventEmitter();\r\n    @Output() valueChange: EventEmitter<any> = new EventEmitter();\r\n\r\n    constructor() {\r\n        this.valueExpr = 'value';\r\n        this.displayExpr = 'text';\r\n        this.disabled = false;\r\n        this.style = 'default';\r\n    }\r\n\r\n    ngOnInit() {}\r\n\r\n    public selectItem(item: any): void {\r\n        if (!this.disabled) {\r\n            this.value = item[this.valueExpr];\r\n            this.valueChange.emit(this.value);\r\n            this.itemChange.emit(item);\r\n        }\r\n    }\r\n}\r\n","<div \r\n    class=\"sds-segmented-control-container\" \r\n    [ngClass]=\"{\r\n        'disabled': disabled,\r\n        'sds-segmented-control-primary': style == 'primary',\r\n        'sds-segmented-control-inverted': style == 'inverted'\r\n    }\"\r\n    >\r\n    <div *ngFor=\"let item of items let last = last;\" \r\n        class=\"segment\" \r\n        id=\"{{idExpr ? item[idExpr]: ''}}\"\r\n        [class.selected]=\"item[valueExpr] == value\"\r\n        [title]=\"tooltipExpr && item[tooltipExpr] ? item[tooltipExpr] : ''\"\r\n        (click)=\"selectItem(item)\">\r\n\r\n        <div>\r\n            <i *ngIf=\"item.icon\" class=\"{{item.icon}} me-2\"></i>\r\n            <span>{{item[displayExpr]}}</span>\r\n        </div>\r\n    </div>\r\n</div>","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { SdsSegmentedControlComponent } from './segmented-control.component';\r\n\r\n\r\nconst components = [SdsSegmentedControlComponent];\r\n@NgModule({\r\n  declarations: [\r\n    ...components\r\n  ],\r\n  imports: [\r\n    CommonModule\r\n  ],\r\n  exports: [\r\n    ...components\r\n]\r\n})\r\nexport class SdsSegmentedControlModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

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

@@ -1,14 +1,12 @@
 import * as i0 from '@angular/core';
 import { Component, Input, NgModule } from '@angular/core';
-import * as i2 from '@angular/common';
+import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import { faAngleLeft } from '@fortawesome/pro-solid-svg-icons';
 import { Subject } from 'rxjs';
-import * as i1 from '@fortawesome/angular-fontawesome';
+import * as i2 from '@fortawesome/angular-fontawesome';
 import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
 
-// import { faSidebar } from '@fortawesome/pro-light-svg-icons';
-// import { IconDefinition, faSidebar, faChevronRight, faGripVertical, faGripLinesVertical, faChevronLeft, faArrowRightFromBracket } from '@fortawesome/pro-regular-svg-icons';
 class SdsSideBarComponent {
     constructor() {
         /**
@@ -61,11 +59,8 @@ class SdsSideBarComponent {
         this.componentInitialized = false;
         this._checkAutoHide$ = new Subject();
         this._checkAutoHide$.subscribe(() => {
-            console.log('check autohide');
             if (this.componentInitialized && this.autoHideScreenWidth) {
-                console.log('this.autoHideScreenWidthRem', this.autoHideScreenWidth);
                 this.autoHideActive = this.screenWidth < this.autoHideScreenWidth;
-                console.log('hideSideBar', this.autoHideActive);
                 if (this.autoHideActive) {
                     this.showSideBar = false;
                 }
@@ -83,7 +78,6 @@ class SdsSideBarComponent {
     ngOnInit() {
         this.componentInitialized = true;
         this.screenWidth = window.innerWidth;
-        console.log('screenWidth', this.screenWidth);
         this._checkAutoHide$.next();
     }
     toggleSideBar(state) {
@@ -95,11 +89,11 @@ 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: { showCloseButton: "showCloseButton", enablePullOutMode: "enablePullOutMode", widthRem: "widthRem", product: "product", autoHideScreenWidth: "autoHideScreenWidth", closeButtonHint: "closeButtonHint", openButtonHint: "openButtonHint" }, usesOnChanges: true, ngImport: i0, template: "<div \r\n    class=\"vh-100 position-relative sds-side-bar-container\"\r\n    [class.sds-side-bar-open]=\"showSideBar\"   \r\n    >\r\n\r\n    <!-- CLOSE SIDEBAR -->\r\n    <div \r\n        *ngIf=\"!pullOutSideBar && (true || showSideBar)\"\r\n        class=\"sds-side-bar-button-container close-side-bar-button\"\r\n        [class.hidden]=\"!showSideBar\"\r\n        [class.always-show]=\"showSideBar && showCloseButton === 'always'\"\r\n        >\r\n        \r\n        <button\r\n            class=\"btn btn-outline-primary shadow-sm\"\r\n            [title]=\"closeButtonHint\"\r\n            (click)=\"toggleSideBar()\"\r\n        >\r\n            <fa-icon \r\n                [icon]=\"caretIcon\"  \r\n                size=\"xs\"\r\n                >\r\n            </fa-icon>\r\n\r\n            <div class=\"hot-spot\"></div>\r\n\r\n        </button>\r\n    </div>\r\n\r\n    <!-- OPEN SIDEBAR -->\r\n    <div \r\n        *ngIf=\"!pullOutSideBar && (true || !showSideBar)\"    \r\n        class=\"sds-side-bar-button-container open-side-bar-button\"\r\n        [class.hidden]=\"showSideBar\"\r\n        >\r\n        \r\n        <button\r\n            class=\"btn btn-outline-primary shadow-sm\"\r\n            [title]=\"openButtonHint\"\r\n            (click)=\"toggleSideBar()\"\r\n        >\r\n            <fa-icon \r\n                [icon]=\"caretIcon\"\r\n                [rotate]=\"180\"\r\n                size=\"xs\"\r\n                >\r\n            </fa-icon>\r\n\r\n            <div class=\"hot-spot\"></div>\r\n\r\n         </button>\r\n    </div>\r\n\r\n    <aside\r\n        class=\"sds-side-bar h-100 border-end\"\r\n        [class]=\"(product ? 'product-' + product : null)\"\r\n        [class.shadow]=\"pullOutSideBar\"\r\n        [class.sds-side-bar-open]=\"showSideBar\"\r\n        [style.width.rem]=\"(showSideBar || pullOutSideBar) ? widthRem : enablePullOutMode ? 0.75 : 0\"\r\n        \r\n        (mouseleave)=\"pullOutSideBar = false\"\r\n    >\r\n        <div \r\n            *ngIf=\"enablePullOutMode &&  !showSideBar && !pullOutSideBar\"\r\n            class=\"sds-side-bar-pull-out h-100 position-absolute\" \r\n            style=\"width: 0.75rem;\"\r\n            (mouseenter)=\"pullOutSideBar = true\"\r\n            >\r\n        </div>\r\n\r\n        <div class=\"d-flex flex-column flex-grow-0 h-100\" \r\n            [style.width.rem]=\"widthRem\">\r\n\r\n            <ng-content></ng-content>                \r\n        </div>\r\n\r\n    </aside>\r\n</div>", styles: [".sds-side-bar{transition:.3s;overflow-x:hidden;position:absolute;z-index:10}.sds-side-bar.sds-side-bar-open{position:relative}.sds-side-bar:has(.sds-side-bar-pull-out:hover){width:var(--sds-side-bar-width)!important}.sds-side-bar .sds-side-bar-pull-out{background-color:#f8f9fa}.sds-side-bar-container .sds-side-bar-button-container{position:absolute;z-index:11;height:1.8rem;width:1.8rem;top:.85rem;border-radius:50%;background-color:#fff}.sds-side-bar-container .sds-side-bar-button-container.always-show{visibility:visible;opacity:1}.sds-side-bar-container button{height:1.8rem;width:1.8rem;display:flex;align-items:center;justify-content:center;border:1px solid #CED4DA;border-radius:50%;color:#375d75!important;line-height:1rem}.sds-side-bar-container button:hover{color:#f8f9fa!important}.sds-side-bar-container button .hot-spot{position:absolute;inset:-1rem}.sds-side-bar-container .open-side-bar-button{top:.85rem;right:-2.05rem;transition:visibility 0ms linear .18s,opacity 0ms linear .18s;visibility:visible;opacity:1}.sds-side-bar-container .open-side-bar-button.hidden{visibility:hidden;opacity:0}.sds-side-bar-container .open-side-bar-button fa-icon{margin-left:.05rem}.sds-side-bar-container:hover .close-side-bar-button:not(.hidden){visibility:visible;opacity:1}.sds-side-bar-container .close-side-bar-button{right:-.9rem;visibility:hidden;transition:visibility 0s linear,opacity .3s ease-in;opacity:0}:host{display:block}\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: [{
+SdsSideBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SdsSideBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SdsSideBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: SdsSideBarComponent, selector: "sds-side-bar", inputs: { showCloseButton: "showCloseButton", enablePullOutMode: "enablePullOutMode", widthRem: "widthRem", product: "product", autoHideScreenWidth: "autoHideScreenWidth", closeButtonHint: "closeButtonHint", openButtonHint: "openButtonHint" }, usesOnChanges: true, ngImport: i0, template: "<div \r\n    class=\"vh-100 position-relative sds-side-bar-container\"\r\n    [class.sds-side-bar-open]=\"showSideBar\"   \r\n    >\r\n\r\n    <!-- CLOSE SIDEBAR -->\r\n    <div \r\n        *ngIf=\"!pullOutSideBar && (true || showSideBar)\"\r\n        class=\"sds-side-bar-button-container close-side-bar-button\"\r\n        [class.hidden]=\"!showSideBar\"\r\n        [class.always-show]=\"showSideBar && showCloseButton === 'always'\"\r\n        >\r\n        \r\n        <button\r\n            class=\"btn btn-outline-primary shadow-sm\"\r\n            [title]=\"closeButtonHint\"\r\n            (click)=\"toggleSideBar()\"\r\n        >\r\n            <fa-icon \r\n                [icon]=\"caretIcon\"  \r\n                size=\"xs\"\r\n                >\r\n            </fa-icon>\r\n\r\n            <div class=\"hot-spot\"></div>\r\n\r\n        </button>\r\n    </div>\r\n\r\n    <!-- OPEN SIDEBAR -->\r\n    <div \r\n        *ngIf=\"!pullOutSideBar && (true || !showSideBar)\"    \r\n        class=\"sds-side-bar-button-container open-side-bar-button\"\r\n        [class.hidden]=\"showSideBar\"\r\n        >\r\n        \r\n        <button\r\n            class=\"btn btn-outline-primary shadow-sm\"\r\n            [title]=\"openButtonHint\"\r\n            (click)=\"toggleSideBar()\"\r\n        >\r\n            <fa-icon \r\n                [icon]=\"caretIcon\"\r\n                [rotate]=\"180\"\r\n                size=\"xs\"\r\n                >\r\n            </fa-icon>\r\n\r\n            <div class=\"hot-spot\"></div>\r\n\r\n         </button>\r\n    </div>\r\n\r\n    <aside\r\n        class=\"sds-side-bar h-100 border-end\"\r\n        [class]=\"(product ? 'product-' + product : null)\"\r\n        [class.shadow]=\"pullOutSideBar\"\r\n        [class.sds-side-bar-open]=\"showSideBar\"\r\n        [style.width.rem]=\"(showSideBar || pullOutSideBar) ? widthRem : enablePullOutMode ? 0.75 : 0\"\r\n        \r\n        (mouseleave)=\"pullOutSideBar = false\"\r\n    >\r\n        <div \r\n            *ngIf=\"enablePullOutMode &&  !showSideBar && !pullOutSideBar\"\r\n            class=\"sds-side-bar-pull-out h-100 position-absolute\" \r\n            style=\"width: 0.75rem;\"\r\n            (mouseenter)=\"pullOutSideBar = true\"\r\n            >\r\n        </div>\r\n\r\n        <div class=\"d-flex flex-column flex-grow-0 h-100\" \r\n            [style.width.rem]=\"widthRem\">\r\n\r\n            <ng-content></ng-content>                \r\n        </div>\r\n\r\n    </aside>\r\n</div>", styles: [".sds-side-bar{transition:.3s;overflow-x:hidden;position:absolute;z-index:10}.sds-side-bar.sds-side-bar-open{position:relative}.sds-side-bar:has(.sds-side-bar-pull-out:hover){width:var(--sds-side-bar-width)!important}.sds-side-bar .sds-side-bar-pull-out{background-color:var(--bs-gray-100)}.sds-side-bar-container .sds-side-bar-button-container{position:absolute;z-index:11;height:1.8rem;width:1.8rem;top:.85rem;border-radius:50%;background-color:#fff}.sds-side-bar-container .sds-side-bar-button-container.always-show{visibility:visible;opacity:1}.sds-side-bar-container button{height:1.8rem;width:1.8rem;display:flex;align-items:center;justify-content:center;border:1px solid var(--bs-gray-400);border-radius:50%;color:var(--bs-dark)!important;line-height:1rem}.sds-side-bar-container button:hover{color:var(--bs-gray-100)!important}.sds-side-bar-container button .hot-spot{position:absolute;inset:-1rem}.sds-side-bar-container .open-side-bar-button{top:.85rem;right:-2.05rem;transition:visibility 0ms linear .18s,opacity 0ms linear .18s;visibility:visible;opacity:1}.sds-side-bar-container .open-side-bar-button.hidden{visibility:hidden;opacity:0}.sds-side-bar-container .open-side-bar-button fa-icon{margin-left:.05rem}.sds-side-bar-container:hover .close-side-bar-button:not(.hidden){visibility:visible;opacity:1}.sds-side-bar-container .close-side-bar-button{right:-.9rem;visibility:hidden;transition:visibility 0s linear,opacity .3s ease-in;opacity:0}:host{display:block}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SdsSideBarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sds-side-bar', template: "<div \r\n    class=\"vh-100 position-relative sds-side-bar-container\"\r\n    [class.sds-side-bar-open]=\"showSideBar\"   \r\n    >\r\n\r\n    <!-- CLOSE SIDEBAR -->\r\n    <div \r\n        *ngIf=\"!pullOutSideBar && (true || showSideBar)\"\r\n        class=\"sds-side-bar-button-container close-side-bar-button\"\r\n        [class.hidden]=\"!showSideBar\"\r\n        [class.always-show]=\"showSideBar && showCloseButton === 'always'\"\r\n        >\r\n        \r\n        <button\r\n            class=\"btn btn-outline-primary shadow-sm\"\r\n            [title]=\"closeButtonHint\"\r\n            (click)=\"toggleSideBar()\"\r\n        >\r\n            <fa-icon \r\n                [icon]=\"caretIcon\"  \r\n                size=\"xs\"\r\n                >\r\n            </fa-icon>\r\n\r\n            <div class=\"hot-spot\"></div>\r\n\r\n        </button>\r\n    </div>\r\n\r\n    <!-- OPEN SIDEBAR -->\r\n    <div \r\n        *ngIf=\"!pullOutSideBar && (true || !showSideBar)\"    \r\n        class=\"sds-side-bar-button-container open-side-bar-button\"\r\n        [class.hidden]=\"showSideBar\"\r\n        >\r\n        \r\n        <button\r\n            class=\"btn btn-outline-primary shadow-sm\"\r\n            [title]=\"openButtonHint\"\r\n            (click)=\"toggleSideBar()\"\r\n        >\r\n            <fa-icon \r\n                [icon]=\"caretIcon\"\r\n                [rotate]=\"180\"\r\n                size=\"xs\"\r\n                >\r\n            </fa-icon>\r\n\r\n            <div class=\"hot-spot\"></div>\r\n\r\n         </button>\r\n    </div>\r\n\r\n    <aside\r\n        class=\"sds-side-bar h-100 border-end\"\r\n        [class]=\"(product ? 'product-' + product : null)\"\r\n        [class.shadow]=\"pullOutSideBar\"\r\n        [class.sds-side-bar-open]=\"showSideBar\"\r\n        [style.width.rem]=\"(showSideBar || pullOutSideBar) ? widthRem : enablePullOutMode ? 0.75 : 0\"\r\n        \r\n        (mouseleave)=\"pullOutSideBar = false\"\r\n    >\r\n        <div \r\n            *ngIf=\"enablePullOutMode &&  !showSideBar && !pullOutSideBar\"\r\n            class=\"sds-side-bar-pull-out h-100 position-absolute\" \r\n            style=\"width: 0.75rem;\"\r\n            (mouseenter)=\"pullOutSideBar = true\"\r\n            >\r\n        </div>\r\n\r\n        <div class=\"d-flex flex-column flex-grow-0 h-100\" \r\n            [style.width.rem]=\"widthRem\">\r\n\r\n            <ng-content></ng-content>                \r\n        </div>\r\n\r\n    </aside>\r\n</div>", styles: [".sds-side-bar{transition:.3s;overflow-x:hidden;position:absolute;z-index:10}.sds-side-bar.sds-side-bar-open{position:relative}.sds-side-bar:has(.sds-side-bar-pull-out:hover){width:var(--sds-side-bar-width)!important}.sds-side-bar .sds-side-bar-pull-out{background-color:#f8f9fa}.sds-side-bar-container .sds-side-bar-button-container{position:absolute;z-index:11;height:1.8rem;width:1.8rem;top:.85rem;border-radius:50%;background-color:#fff}.sds-side-bar-container .sds-side-bar-button-container.always-show{visibility:visible;opacity:1}.sds-side-bar-container button{height:1.8rem;width:1.8rem;display:flex;align-items:center;justify-content:center;border:1px solid #CED4DA;border-radius:50%;color:#375d75!important;line-height:1rem}.sds-side-bar-container button:hover{color:#f8f9fa!important}.sds-side-bar-container button .hot-spot{position:absolute;inset:-1rem}.sds-side-bar-container .open-side-bar-button{top:.85rem;right:-2.05rem;transition:visibility 0ms linear .18s,opacity 0ms linear .18s;visibility:visible;opacity:1}.sds-side-bar-container .open-side-bar-button.hidden{visibility:hidden;opacity:0}.sds-side-bar-container .open-side-bar-button fa-icon{margin-left:.05rem}.sds-side-bar-container:hover .close-side-bar-button:not(.hidden){visibility:visible;opacity:1}.sds-side-bar-container .close-side-bar-button{right:-.9rem;visibility:hidden;transition:visibility 0s linear,opacity .3s ease-in;opacity:0}:host{display:block}\n"] }]
+            args: [{ selector: 'sds-side-bar', template: "<div \r\n    class=\"vh-100 position-relative sds-side-bar-container\"\r\n    [class.sds-side-bar-open]=\"showSideBar\"   \r\n    >\r\n\r\n    <!-- CLOSE SIDEBAR -->\r\n    <div \r\n        *ngIf=\"!pullOutSideBar && (true || showSideBar)\"\r\n        class=\"sds-side-bar-button-container close-side-bar-button\"\r\n        [class.hidden]=\"!showSideBar\"\r\n        [class.always-show]=\"showSideBar && showCloseButton === 'always'\"\r\n        >\r\n        \r\n        <button\r\n            class=\"btn btn-outline-primary shadow-sm\"\r\n            [title]=\"closeButtonHint\"\r\n            (click)=\"toggleSideBar()\"\r\n        >\r\n            <fa-icon \r\n                [icon]=\"caretIcon\"  \r\n                size=\"xs\"\r\n                >\r\n            </fa-icon>\r\n\r\n            <div class=\"hot-spot\"></div>\r\n\r\n        </button>\r\n    </div>\r\n\r\n    <!-- OPEN SIDEBAR -->\r\n    <div \r\n        *ngIf=\"!pullOutSideBar && (true || !showSideBar)\"    \r\n        class=\"sds-side-bar-button-container open-side-bar-button\"\r\n        [class.hidden]=\"showSideBar\"\r\n        >\r\n        \r\n        <button\r\n            class=\"btn btn-outline-primary shadow-sm\"\r\n            [title]=\"openButtonHint\"\r\n            (click)=\"toggleSideBar()\"\r\n        >\r\n            <fa-icon \r\n                [icon]=\"caretIcon\"\r\n                [rotate]=\"180\"\r\n                size=\"xs\"\r\n                >\r\n            </fa-icon>\r\n\r\n            <div class=\"hot-spot\"></div>\r\n\r\n         </button>\r\n    </div>\r\n\r\n    <aside\r\n        class=\"sds-side-bar h-100 border-end\"\r\n        [class]=\"(product ? 'product-' + product : null)\"\r\n        [class.shadow]=\"pullOutSideBar\"\r\n        [class.sds-side-bar-open]=\"showSideBar\"\r\n        [style.width.rem]=\"(showSideBar || pullOutSideBar) ? widthRem : enablePullOutMode ? 0.75 : 0\"\r\n        \r\n        (mouseleave)=\"pullOutSideBar = false\"\r\n    >\r\n        <div \r\n            *ngIf=\"enablePullOutMode &&  !showSideBar && !pullOutSideBar\"\r\n            class=\"sds-side-bar-pull-out h-100 position-absolute\" \r\n            style=\"width: 0.75rem;\"\r\n            (mouseenter)=\"pullOutSideBar = true\"\r\n            >\r\n        </div>\r\n\r\n        <div class=\"d-flex flex-column flex-grow-0 h-100\" \r\n            [style.width.rem]=\"widthRem\">\r\n\r\n            <ng-content></ng-content>                \r\n        </div>\r\n\r\n    </aside>\r\n</div>", styles: [".sds-side-bar{transition:.3s;overflow-x:hidden;position:absolute;z-index:10}.sds-side-bar.sds-side-bar-open{position:relative}.sds-side-bar:has(.sds-side-bar-pull-out:hover){width:var(--sds-side-bar-width)!important}.sds-side-bar .sds-side-bar-pull-out{background-color:var(--bs-gray-100)}.sds-side-bar-container .sds-side-bar-button-container{position:absolute;z-index:11;height:1.8rem;width:1.8rem;top:.85rem;border-radius:50%;background-color:#fff}.sds-side-bar-container .sds-side-bar-button-container.always-show{visibility:visible;opacity:1}.sds-side-bar-container button{height:1.8rem;width:1.8rem;display:flex;align-items:center;justify-content:center;border:1px solid var(--bs-gray-400);border-radius:50%;color:var(--bs-dark)!important;line-height:1rem}.sds-side-bar-container button:hover{color:var(--bs-gray-100)!important}.sds-side-bar-container button .hot-spot{position:absolute;inset:-1rem}.sds-side-bar-container .open-side-bar-button{top:.85rem;right:-2.05rem;transition:visibility 0ms linear .18s,opacity 0ms linear .18s;visibility:visible;opacity:1}.sds-side-bar-container .open-side-bar-button.hidden{visibility:hidden;opacity:0}.sds-side-bar-container .open-side-bar-button fa-icon{margin-left:.05rem}.sds-side-bar-container:hover .close-side-bar-button:not(.hidden){visibility:visible;opacity:1}.sds-side-bar-container .close-side-bar-button{right:-.9rem;visibility:hidden;transition:visibility 0s linear,opacity .3s ease-in;opacity:0}:host{display:block}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { showCloseButton: [{
                 type: Input
             }], enablePullOutMode: [{
@@ -121,12 +115,10 @@ const components = [
 ];
 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, FontAwesomeModule], exports: [SdsSideBarComponent] });
-SdsSideBarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsSideBarModule, imports: [[
-            CommonModule, FontAwesomeModule
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsSideBarModule, decorators: [{
+SdsSideBarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SdsSideBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SdsSideBarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: SdsSideBarModule, declarations: [SdsSideBarComponent], imports: [CommonModule, FontAwesomeModule], exports: [SdsSideBarComponent] });
+SdsSideBarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SdsSideBarModule, imports: [CommonModule, FontAwesomeModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SdsSideBarModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [