@spicainternational/ngx-sds-components 5.12.3 → 5.13.0-beta.1

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

@@ -2,19 +2,90 @@ import * as i0 from '@angular/core';
 import { Component, Input, NgModule } from '@angular/core';
 import * as i2 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import { faChevronRight } from '@fortawesome/pro-regular-svg-icons';
+import { faAngleLeft } from '@fortawesome/pro-solid-svg-icons';
+import { Subject } from 'rxjs';
 import * as i1 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() {
-        this.showSideBar = false;
-        this.product = '';
-        this.isMainSideBar = false;
-        this.showSideBarToggleButton = false;
-        this.caretIcon = faChevronRight;
+        /**
+         * Define when the hide panel button is shown.
+         * Default is 'auto' which will only show the button when the users hovers over the panel.
+         * 'always' will always show the button.
+         *
+         * @type {('always' | 'auto')}
+         * @memberof SdsSideBarComponent
+         */
+        this.showCloseButton = 'auto';
+        /**
+         * Pull out mode will show the side bar as user hovers over the left side of the screen
+         * When side bar is in pull out mode it will be rendered over the main contents.
+         *
+         * @type {boolean}
+         * @memberof SdsSideBarComponent
+         */
+        this.enablePullOutMode = false;
+        /**
+         * Define the width of the side bar in rem.
+         *
+         * @type {number}
+         * @memberof SdsSideBarComponent
+         */
+        this.widthRem = 14;
+        /**
+         * Product name defines the color scheme of the side bar.
+         * Default is 'all-hours'.
+         * Options: 'all-hours', 'door-cloud', 'my-hours', 'time-and-space'
+         *
+         * @type {string}
+         * @memberof SdsSideBarComponent
+         */
+        this.product = 'all-hours';
+        /**
+         * Define the width of the screen that triggers hiding of the side bar.
+         * Note that the width is checked at the component creation and not when the screen is resized.
+         * If user resizes the screen he must manually hide the side bar.
+         *
+         * @type {(number | undefined)}
+         * @memberof SdsSideBarComponent
+         */
+        this.autoHideScreenWidth = 992;
+        this.showSideBar = true;
+        this.pullOutSideBar = false;
+        this.caretIcon = faAngleLeft;
+        this.autoHideActive = false;
+        this.screenWidth = 0;
+        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;
+                }
+            }
+        });
+    }
+    ngOnDestroy() {
+        this._checkAutoHide$.unsubscribe();
+    }
+    ngOnChanges(changes) {
+        if (changes['autoHideScreenWidthRem']) {
+            this._checkAutoHide$.next();
+        }
+    }
+    ngOnInit() {
+        this.componentInitialized = true;
+        this.screenWidth = window.innerWidth;
+        console.log('screenWidth', this.screenWidth);
+        this._checkAutoHide$.next();
     }
-    ngOnInit() { }
     toggleSideBar(state) {
         if (state !== undefined) {
             this.showSideBar = state;
@@ -25,19 +96,23 @@ class SdsSideBarComponent {
     }
 }
 SdsSideBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsSideBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SdsSideBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: SdsSideBarComponent, selector: "sds-side-bar", inputs: { product: "product", isMainSideBar: "isMainSideBar", showSideBarToggleButton: "showSideBarToggleButton", hideSideBarText: "hideSideBarText", showSideBarText: "showSideBarText" }, ngImport: i0, template: "<aside\r\n    class=\"sds-side-bar \"\r\n    [class]=\"(product ? 'product-' + product : null)\"\r\n    [class.sds-main-side-bar] = \"isMainSideBar\"\r\n    [class.hide-sidebar]=\"!showSideBar\"\r\n>\r\n    <div class=\"d-flex flex-column h-100\">\r\n        <div class=\"d-flex flex-column flex-grow-0 w-100 h-100\">\r\n            <div\r\n                *ngIf=\"showSideBarToggleButton\"\r\n                class=\"toggle-side-bar-button position-absolute d-md-none rounded-circle toggleSideBar d-flex justify-content-center justify-content-center align-items-center\"\r\n                [class.open]=\"showSideBar\"\r\n                [title]=\"showSideBar ? hideSideBarText : showSideBarText\"\r\n                (click)=\"toggleSideBar()\"\r\n            >\r\n                <div class=\"toggle-side-bar-icon\">\r\n                    <fa-icon [icon]=\"caretIcon\"></fa-icon>\r\n                </div>    \r\n            </div>\r\n\r\n            <ng-content></ng-content>                \r\n        </div>\r\n    </div>\r\n</aside>\r\n", styles: [".toggle-side-bar-button{transition:transform .2s linear}.toggle-side-bar-button.open .toggle-side-bar-icon{transform:rotate(-180deg)}\n"], components: [{ type: i1.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+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:2.2rem;width:2.2rem;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:2.2rem;width:2.2rem;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.3rem;transition:visibility 0ms linear .18s;transition: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:hover .close-side-bar-button:not(.hidden){visibility:visible;opacity:1}.sds-side-bar-container .close-side-bar-button{right:-1.1rem;visibility:hidden;transition:visibility 0s linear;transition: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: [{
             type: Component,
-            args: [{ selector: 'sds-side-bar', template: "<aside\r\n    class=\"sds-side-bar \"\r\n    [class]=\"(product ? 'product-' + product : null)\"\r\n    [class.sds-main-side-bar] = \"isMainSideBar\"\r\n    [class.hide-sidebar]=\"!showSideBar\"\r\n>\r\n    <div class=\"d-flex flex-column h-100\">\r\n        <div class=\"d-flex flex-column flex-grow-0 w-100 h-100\">\r\n            <div\r\n                *ngIf=\"showSideBarToggleButton\"\r\n                class=\"toggle-side-bar-button position-absolute d-md-none rounded-circle toggleSideBar d-flex justify-content-center justify-content-center align-items-center\"\r\n                [class.open]=\"showSideBar\"\r\n                [title]=\"showSideBar ? hideSideBarText : showSideBarText\"\r\n                (click)=\"toggleSideBar()\"\r\n            >\r\n                <div class=\"toggle-side-bar-icon\">\r\n                    <fa-icon [icon]=\"caretIcon\"></fa-icon>\r\n                </div>    \r\n            </div>\r\n\r\n            <ng-content></ng-content>                \r\n        </div>\r\n    </div>\r\n</aside>\r\n", styles: [".toggle-side-bar-button{transition:transform .2s linear}.toggle-side-bar-button.open .toggle-side-bar-icon{transform:rotate(-180deg)}\n"] }]
-        }], ctorParameters: function () { return []; }, propDecorators: { product: [{
+            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:2.2rem;width:2.2rem;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:2.2rem;width:2.2rem;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.3rem;transition:visibility 0ms linear .18s;transition: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:hover .close-side-bar-button:not(.hidden){visibility:visible;opacity:1}.sds-side-bar-container .close-side-bar-button{right:-1.1rem;visibility:hidden;transition:visibility 0s linear;transition:opacity .3s ease-in;opacity:0}:host{display:block}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { showCloseButton: [{
+                type: Input
+            }], enablePullOutMode: [{
+                type: Input
+            }], widthRem: [{
                 type: Input
-            }], isMainSideBar: [{
+            }], product: [{
                 type: Input
-            }], showSideBarToggleButton: [{
+            }], autoHideScreenWidth: [{
                 type: Input
-            }], hideSideBarText: [{
+            }], closeButtonHint: [{
                 type: Input
-            }], showSideBarText: [{
+            }], openButtonHint: [{
                 type: Input
             }] } });
 

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

@@ -1 +1 @@
-{"version":3,"file":"spicainternational-ngx-sds-components-src-lib-side-bar.mjs","sources":["../../../projects/ngx-sds-components/src/lib/side-bar/side-bar.component.ts","../../../projects/ngx-sds-components/src/lib/side-bar/side-bar.component.html","../../../projects/ngx-sds-components/src/lib/side-bar/side-bar.module.ts","../../../projects/ngx-sds-components/src/lib/side-bar/spicainternational-ngx-sds-components-src-lib-side-bar.ts"],"sourcesContent":["import { Component, Input, OnInit } from '@angular/core';\r\nimport { IconDefinition, faChevronRight } from '@fortawesome/pro-regular-svg-icons';\r\n\r\n@Component({\r\n    selector: 'sds-side-bar',\r\n    templateUrl: './side-bar.component.html',\r\n    styleUrls: ['./side-bar.component.scss'],\r\n})\r\nexport class SdsSideBarComponent implements OnInit {\r\n\r\n    public showSideBar = false;\r\n\r\n    @Input() product:string = '';\r\n    @Input() isMainSideBar: boolean = false;\r\n    @Input() showSideBarToggleButton: boolean = false;\r\n\r\n    @Input() public hideSideBarText?: string;\r\n    @Input() public showSideBarText?: string;\r\n\r\n\r\n    public caretIcon: IconDefinition = faChevronRight;\r\n\r\n    constructor() {}\r\n\r\n    ngOnInit(): void {}\r\n\r\n    public toggleSideBar(state?: boolean) {\r\n        if (state !== undefined) {\r\n            this.showSideBar = state;\r\n        } else {\r\n            this.showSideBar = !this.showSideBar;\r\n        }\r\n    }    \r\n}\r\n","<aside\r\n    class=\"sds-side-bar \"\r\n    [class]=\"(product ? 'product-' + product : null)\"\r\n    [class.sds-main-side-bar] = \"isMainSideBar\"\r\n    [class.hide-sidebar]=\"!showSideBar\"\r\n>\r\n    <div class=\"d-flex flex-column h-100\">\r\n        <div class=\"d-flex flex-column flex-grow-0 w-100 h-100\">\r\n            <div\r\n                *ngIf=\"showSideBarToggleButton\"\r\n                class=\"toggle-side-bar-button position-absolute d-md-none rounded-circle toggleSideBar d-flex justify-content-center justify-content-center align-items-center\"\r\n                [class.open]=\"showSideBar\"\r\n                [title]=\"showSideBar ? hideSideBarText : showSideBarText\"\r\n                (click)=\"toggleSideBar()\"\r\n            >\r\n                <div class=\"toggle-side-bar-icon\">\r\n                    <fa-icon [icon]=\"caretIcon\"></fa-icon>\r\n                </div>    \r\n            </div>\r\n\r\n            <ng-content></ng-content>                \r\n        </div>\r\n    </div>\r\n</aside>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { SdsSideBarComponent } from './side-bar.component';\r\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\r\n\r\n\r\n\r\nconst components = [\r\n    SdsSideBarComponent\r\n]\r\n@NgModule({\r\n  declarations: [\r\n    ...components\r\n  ],\r\n  imports: [\r\n    CommonModule, FontAwesomeModule\r\n  ],\r\n  exports: [\r\n    ...components\r\n  ]\r\n})\r\nexport class SdsSideBarModule { }\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-side-bar.mjs","sources":["../../../projects/ngx-sds-components/src/lib/side-bar/side-bar.component.ts","../../../projects/ngx-sds-components/src/lib/side-bar/side-bar.component.html","../../../projects/ngx-sds-components/src/lib/side-bar/side-bar.module.ts","../../../projects/ngx-sds-components/src/lib/side-bar/spicainternational-ngx-sds-components-src-lib-side-bar.ts"],"sourcesContent":["import { Component, Input, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';\r\nimport { IconDefinition, faAngleLeft, faChevronRight } from '@fortawesome/pro-solid-svg-icons';\r\nimport { Subject } from 'rxjs';\r\n// import { faSidebar } from '@fortawesome/pro-light-svg-icons';\r\n// import { IconDefinition, faSidebar, faChevronRight, faGripVertical, faGripLinesVertical, faChevronLeft, faArrowRightFromBracket } from '@fortawesome/pro-regular-svg-icons';\r\n\r\n@Component({\r\n    selector: 'sds-side-bar',\r\n    templateUrl: './side-bar.component.html',\r\n    styleUrls: ['./side-bar.component.scss'],\r\n})\r\nexport class SdsSideBarComponent implements OnInit, OnChanges, OnDestroy {\r\n\r\n    /**\r\n     * Define when the hide panel button is shown.  \r\n     * Default is 'auto' which will only show the button when the users hovers over the panel.\r\n     * 'always' will always show the button.\r\n     *\r\n     * @type {('always' | 'auto')}\r\n     * @memberof SdsSideBarComponent\r\n     */\r\n    @Input() public showCloseButton: 'always' | 'auto' = 'auto';\r\n    \r\n    /**\r\n     * Pull out mode will show the side bar as user hovers over the left side of the screen\r\n     * When side bar is in pull out mode it will be rendered over the main contents.\r\n     *\r\n     * @type {boolean}\r\n     * @memberof SdsSideBarComponent\r\n     */\r\n    @Input() public enablePullOutMode: boolean = false;\r\n\r\n    /**\r\n     * Define the width of the side bar in rem.\r\n     *\r\n     * @type {number}\r\n     * @memberof SdsSideBarComponent\r\n     */\r\n    @Input() public widthRem: number = 14;\r\n\r\n    /**\r\n     * Product name defines the color scheme of the side bar.\r\n     * Default is 'all-hours'.\r\n     * Options: 'all-hours', 'door-cloud', 'my-hours', 'time-and-space'\r\n     *\r\n     * @type {string}\r\n     * @memberof SdsSideBarComponent\r\n     */\r\n    @Input() product: 'all-hours' | 'door-cloud' | 'my-hours' | 'time-and-space' = 'all-hours';\r\n\r\n    /**\r\n     * Define the width of the screen that triggers hiding of the side bar.\r\n     * Note that the width is checked at the component creation and not when the screen is resized.\r\n     * If user resizes the screen he must manually hide the side bar.\r\n     *\r\n     * @type {(number | undefined)}\r\n     * @memberof SdsSideBarComponent\r\n     */\r\n    @Input() public autoHideScreenWidth: number | undefined = 992;\r\n\r\n    /**\r\n     * Define the hint of the hide button.\r\n     *\r\n     * @type {string}\r\n     * @memberof SdsSideBarComponent\r\n     */\r\n    @Input() public closeButtonHint?: string;\r\n\r\n    /**\r\n     * Define the hint of the show button.\r\n     *\r\n     * @type {string}\r\n     * @memberof SdsSideBarComponent\r\n     */\r\n    @Input() public openButtonHint?: string;\r\n\r\n\r\n    public showSideBar = true;\r\n    public pullOutSideBar = false;    \r\n    public caretIcon: IconDefinition = faAngleLeft;\r\n    public autoHideActive: boolean = false;\r\n\r\n    private screenWidth: number = 0;\r\n    private componentInitialized: boolean = false;\r\n\r\n    private _checkAutoHide$ = new Subject<void>();\r\n\r\n    constructor() {\r\n\r\n        this._checkAutoHide$.subscribe(() => {\r\n            console.log('check autohide');\r\n            if (this.componentInitialized && this.autoHideScreenWidth) {\r\n                console.log('this.autoHideScreenWidthRem', this.autoHideScreenWidth);\r\n\r\n                this.autoHideActive = this.screenWidth < this.autoHideScreenWidth;\r\n\r\n                console.log('hideSideBar', this.autoHideActive);\r\n\r\n                if (this.autoHideActive) {\r\n                    this.showSideBar = false;\r\n                }\r\n            }\r\n        });\r\n    }\r\n    ngOnDestroy(): void {\r\n        this._checkAutoHide$.unsubscribe();\r\n    }\r\n\r\n    ngOnChanges(changes: SimpleChanges): void {\r\n        if (changes['autoHideScreenWidthRem']) {\r\n            this._checkAutoHide$.next();\r\n        }\r\n    }\r\n\r\n    ngOnInit() {  \r\n        this.componentInitialized = true;\r\n        this.screenWidth = window.innerWidth; \r\n        console.log('screenWidth', this.screenWidth);\r\n        this._checkAutoHide$.next();\r\n    }  \r\n\r\n    public toggleSideBar(state?: boolean) {\r\n        if (state !== undefined) {\r\n            this.showSideBar = state;\r\n        } else {\r\n            this.showSideBar = !this.showSideBar;\r\n        }\r\n    }    \r\n}\r\n","<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>","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { SdsSideBarComponent } from './side-bar.component';\r\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\r\n\r\n\r\n\r\nconst components = [\r\n    SdsSideBarComponent\r\n]\r\n@NgModule({\r\n  declarations: [\r\n    ...components\r\n  ],\r\n  imports: [\r\n    CommonModule, FontAwesomeModule\r\n  ],\r\n  exports: [\r\n    ...components\r\n  ]\r\n})\r\nexport class SdsSideBarModule { }\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-static-value.mjs

@@ -0,0 +1,59 @@
+import * as i0 from '@angular/core';
+import { Component, Input, NgModule } from '@angular/core';
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i1 from '@fortawesome/angular-fontawesome';
+import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
+
+class SdsStaticValueComponent {
+    constructor() {
+        this.label = '';
+        this.showColon = true;
+    }
+    ngOnInit() {
+    }
+}
+SdsStaticValueComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsStaticValueComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SdsStaticValueComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: SdsStaticValueComponent, selector: "sds-static-value", inputs: { icon: "icon", label: "label", showColon: "showColon" }, ngImport: i0, template: "<div class=\"d-flex gap-1 align-items-center\">\r\n    <fa-icon *ngIf=\"icon\" [fixedWidth]=\"true\" [icon]=\"icon\"></fa-icon>\r\n    <div *ngIf=\"label || showColon\">\r\n        <span>{{label}}</span>\r\n        <span *ngIf=\"showColon\">:</span>\r\n    </div>\r\n    <ng-content></ng-content>\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"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsStaticValueComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sds-static-value', template: "<div class=\"d-flex gap-1 align-items-center\">\r\n    <fa-icon *ngIf=\"icon\" [fixedWidth]=\"true\" [icon]=\"icon\"></fa-icon>\r\n    <div *ngIf=\"label || showColon\">\r\n        <span>{{label}}</span>\r\n        <span *ngIf=\"showColon\">:</span>\r\n    </div>\r\n    <ng-content></ng-content>\r\n</div>", styles: [""] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { icon: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], showColon: [{
+                type: Input
+            }] } });
+
+class SdsStaticValueModule {
+}
+SdsStaticValueModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsStaticValueModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SdsStaticValueModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsStaticValueModule, declarations: [SdsStaticValueComponent], imports: [CommonModule,
+        FontAwesomeModule], exports: [SdsStaticValueComponent] });
+SdsStaticValueModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsStaticValueModule, imports: [[
+            CommonModule,
+            FontAwesomeModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsStaticValueModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        SdsStaticValueComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        FontAwesomeModule
+                    ],
+                    exports: [
+                        SdsStaticValueComponent
+                    ]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SdsStaticValueComponent, SdsStaticValueModule };
+//# sourceMappingURL=spicainternational-ngx-sds-components-src-lib-static-value.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"spicainternational-ngx-sds-components-src-lib-static-value.mjs","sources":["../../../projects/ngx-sds-components/src/lib/static-value/static-value.component.ts","../../../projects/ngx-sds-components/src/lib/static-value/static-value.component.html","../../../projects/ngx-sds-components/src/lib/static-value/static-value.module.ts","../../../projects/ngx-sds-components/src/lib/static-value/spicainternational-ngx-sds-components-src-lib-static-value.ts"],"sourcesContent":["import { Component, Input, OnInit } from '@angular/core';\r\nimport { IconProp } from '@fortawesome/fontawesome-svg-core';\r\n\r\n@Component({\r\n  selector: 'sds-static-value',\r\n  templateUrl: './static-value.component.html',\r\n  styleUrls: ['./static-value.component.scss']\r\n})\r\nexport class SdsStaticValueComponent implements OnInit {\r\n\r\n    @Input() public icon: IconProp | undefined;\r\n    @Input() public label: string = '';\r\n    @Input() public showColon: boolean = true;\r\n\r\n\r\n\r\n    constructor() { }\r\n\r\n    ngOnInit(): void {\r\n    }\r\n\r\n}\r\n","<div class=\"d-flex gap-1 align-items-center\">\r\n    <fa-icon *ngIf=\"icon\" [fixedWidth]=\"true\" [icon]=\"icon\"></fa-icon>\r\n    <div *ngIf=\"label || showColon\">\r\n        <span>{{label}}</span>\r\n        <span *ngIf=\"showColon\">:</span>\r\n    </div>\r\n    <ng-content></ng-content>\r\n</div>","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { SdsStaticValueComponent } from './static-value.component';\r\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\r\n\r\n@NgModule({\r\n    declarations: [\r\n        SdsStaticValueComponent\r\n    ],\r\n    imports: [\r\n        CommonModule, \r\n        FontAwesomeModule\r\n    ],\r\n    exports: [\r\n        SdsStaticValueComponent\r\n    ]\r\n})\r\nexport class SdsStaticValueModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;MAQa,uBAAuB,CAAA;AAQhC,IAAA,WAAA,GAAA;QALgB,IAAK,CAAA,KAAA,GAAW,EAAE,CAAC;QACnB,IAAS,CAAA,SAAA,GAAY,IAAI,CAAC;KAIzB;IAEjB,QAAQ,GAAA;KACP;;oHAXQ,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAvB,uBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,uBAAuB,0HCRpC,oTAOM,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,OAAA,EAAA,MAAA,EAAA,OAAA,EAAA,MAAA,EAAA,QAAA,EAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,QAAA,EAAA,SAAA,EAAA,QAAA,EAAA,QAAA,EAAA,YAAA,EAAA,SAAA,EAAA,WAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,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;2FDCO,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBALnC,SAAS;+BACE,kBAAkB,EAAA,QAAA,EAAA,oTAAA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,CAAA;0EAMV,IAAI,EAAA,CAAA;sBAAnB,KAAK;gBACU,KAAK,EAAA,CAAA;sBAApB,KAAK;gBACU,SAAS,EAAA,CAAA;sBAAxB,KAAK;;;MEKG,oBAAoB,CAAA;;iHAApB,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;kHAApB,oBAAoB,EAAA,YAAA,EAAA,CAVzB,uBAAuB,CAAA,EAAA,OAAA,EAAA,CAGvB,YAAY;AACZ,QAAA,iBAAiB,aAGjB,uBAAuB,CAAA,EAAA,CAAA,CAAA;AAGlB,oBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,oBAAoB,EARpB,OAAA,EAAA,CAAA;YACL,YAAY;YACZ,iBAAiB;AACpB,SAAA,CAAA,EAAA,CAAA,CAAA;2FAKQ,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAZhC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,YAAY,EAAE;wBACV,uBAAuB;AAC1B,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACL,YAAY;wBACZ,iBAAiB;AACpB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACL,uBAAuB;AAC1B,qBAAA;AACJ,iBAAA,CAAA;;;AChBD;;AAEG;;;;"}

package/fesm2020/spicainternational-ngx-sds-components.mjs

@@ -18,6 +18,7 @@ export * from '@spicainternational/ngx-sds-components/src/lib/pane';
 export * from '@spicainternational/ngx-sds-components/src/lib/quick-info';
 export * from '@spicainternational/ngx-sds-components/src/lib/segmented-control';
 export * from '@spicainternational/ngx-sds-components/src/lib/side-bar';
+export * from '@spicainternational/ngx-sds-components/src/lib/static-value';
 export * from '@spicainternational/ngx-sds-components/src/lib/tooltip';
 
 /*

package/fesm2020/spicainternational-ngx-sds-components.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"spicainternational-ngx-sds-components.mjs","sources":["../../../projects/ngx-sds-components/src/public-api.ts","../../../projects/ngx-sds-components/src/spicainternational-ngx-sds-components.ts"],"sourcesContent":["/*\r\n * Public API Surface of ngx-sds-components\r\n */\r\n\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/app-switcher';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/avatar';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/badge';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/callout';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/color-picker';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/expansion-panel';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/date-picker';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/date-pipes';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/duration-pipe';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/duration-box';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/highlight-text';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/layout';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/message';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/modal';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/navigation';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/page-header';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/pane';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/quick-info';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/segmented-control';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/side-bar';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/tooltip';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA;;AAEG;;ACFH;;AAEG"}
+{"version":3,"file":"spicainternational-ngx-sds-components.mjs","sources":["../../../projects/ngx-sds-components/src/public-api.ts","../../../projects/ngx-sds-components/src/spicainternational-ngx-sds-components.ts"],"sourcesContent":["/*\r\n * Public API Surface of ngx-sds-components\r\n */\r\n\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/app-switcher';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/avatar';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/badge';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/callout';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/color-picker';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/expansion-panel';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/date-picker';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/date-pipes';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/duration-pipe';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/duration-box';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/highlight-text';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/layout';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/message';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/modal';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/navigation';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/page-header';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/pane';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/quick-info';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/segmented-control';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/side-bar';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/static-value';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/tooltip';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAEG;;ACFH;;AAEG"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spicainternational/ngx-sds-components",
-  "version": "5.12.3",
+  "version": "5.13.0-beta.1",
   "description": "Spica design system angular components.",
   "peerDependencies": {
     "@angular/common": ">=13.3.0",
@@ -198,6 +198,14 @@
       "node": "./fesm2015/spicainternational-ngx-sds-components-src-lib-side-bar.mjs",
       "default": "./fesm2020/spicainternational-ngx-sds-components-src-lib-side-bar.mjs"
     },
+    "./src/lib/static-value": {
+      "types": "./src/lib/static-value/spicainternational-ngx-sds-components-src-lib-static-value.d.ts",
+      "esm2020": "./esm2020/src/lib/static-value/spicainternational-ngx-sds-components-src-lib-static-value.mjs",
+      "es2020": "./fesm2020/spicainternational-ngx-sds-components-src-lib-static-value.mjs",
+      "es2015": "./fesm2015/spicainternational-ngx-sds-components-src-lib-static-value.mjs",
+      "node": "./fesm2015/spicainternational-ngx-sds-components-src-lib-static-value.mjs",
+      "default": "./fesm2020/spicainternational-ngx-sds-components-src-lib-static-value.mjs"
+    },
     "./src/lib/tooltip": {
       "types": "./src/lib/tooltip/spicainternational-ngx-sds-components-src-lib-tooltip.d.ts",
       "esm2020": "./esm2020/src/lib/tooltip/spicainternational-ngx-sds-components-src-lib-tooltip.mjs",

package/public-api.d.ts

@@ -18,4 +18,5 @@ export * from '@spicainternational/ngx-sds-components/src/lib/pane';
 export * from '@spicainternational/ngx-sds-components/src/lib/quick-info';
 export * from '@spicainternational/ngx-sds-components/src/lib/segmented-control';
 export * from '@spicainternational/ngx-sds-components/src/lib/side-bar';
+export * from '@spicainternational/ngx-sds-components/src/lib/static-value';
 export * from '@spicainternational/ngx-sds-components/src/lib/tooltip';

package/src/lib/navigation/navigation-user-profile/navigation-user-profile.component.d.ts

@@ -3,6 +3,7 @@ import * as i0 from "@angular/core";
 export declare class SdsNavigationUserProfileComponent implements OnInit {
     name: string;
     id: string;
+    email: string;
     showSignOut: boolean;
     showProfile: boolean;
     signOutText: string;
@@ -15,5 +16,5 @@ export declare class SdsNavigationUserProfileComponent implements OnInit {
     onProfileClick(): void;
     onSignOutClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdsNavigationUserProfileComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdsNavigationUserProfileComponent, "sds-navigation-user-profile", never, { "name": "name"; "id": "id"; "showSignOut": "showSignOut"; "showProfile": "showProfile"; "signOutText": "signOutText"; "profileText": "profileText"; }, { "profileClick": "profileClick"; "signOutClick": "signOutClick"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdsNavigationUserProfileComponent, "sds-navigation-user-profile", never, { "name": "name"; "id": "id"; "email": "email"; "showSignOut": "showSignOut"; "showProfile": "showProfile"; "signOutText": "signOutText"; "profileText": "profileText"; }, { "profileClick": "profileClick"; "signOutClick": "signOutClick"; }, never, never>;
 }

package/src/lib/navigation/navigation.module.d.ts

@@ -6,14 +6,16 @@ import * as i4 from "./navigation-header/navigation-header.component";
 import * as i5 from "./navigation-container/navigation-container.component";
 import * as i6 from "./navigation-external-link/navigation-external-link.component";
 import * as i7 from "./navigation-user-profile/navigation-user-profile.component";
-import * as i8 from "./pipes/navigation-route-active.pipe";
-import * as i9 from "@angular/common";
-import * as i10 from "@angular/router";
-import * as i11 from "@spicainternational/ngx-sds-components/src/lib/avatar";
-import * as i12 from "@fortawesome/angular-fontawesome";
-import * as i13 from "devextreme-angular/ui/popover";
+import * as i8 from "./product-home/product-home.component";
+import * as i9 from "./pipes/navigation-route-active.pipe";
+import * as i10 from "@angular/common";
+import * as i11 from "@angular/router";
+import * as i12 from "@spicainternational/ngx-sds-components/src/lib/avatar";
+import * as i13 from "@spicainternational/ngx-sds-components/src/lib/app-switcher";
+import * as i14 from "@fortawesome/angular-fontawesome";
+import * as i15 from "devextreme-angular/ui/popover";
 export declare class SdsNavigationModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SdsNavigationModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SdsNavigationModule, [typeof i1.SdsNavigationGroupComponent, typeof i2.SdsNavigationRouteLinkComponent, typeof i3.SdsNavigationSeparatorComponent, typeof i4.SdsNavigationHeaderComponent, typeof i5.SdsNavigationContainerComponent, typeof i6.SdsNavigationExternalLinkComponent, typeof i7.SdsNavigationUserProfileComponent, typeof i8.NavigationRouteActivePipe, typeof i7.SdsNavigationUserProfileComponent], [typeof i9.CommonModule, typeof i10.RouterModule, typeof i11.SdsAvatarModule, typeof i12.FontAwesomeModule, typeof i13.DxPopoverModule], [typeof i1.SdsNavigationGroupComponent, typeof i2.SdsNavigationRouteLinkComponent, typeof i3.SdsNavigationSeparatorComponent, typeof i4.SdsNavigationHeaderComponent, typeof i5.SdsNavigationContainerComponent, typeof i6.SdsNavigationExternalLinkComponent, typeof i7.SdsNavigationUserProfileComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SdsNavigationModule, [typeof i1.SdsNavigationGroupComponent, typeof i2.SdsNavigationRouteLinkComponent, typeof i3.SdsNavigationSeparatorComponent, typeof i4.SdsNavigationHeaderComponent, typeof i5.SdsNavigationContainerComponent, typeof i6.SdsNavigationExternalLinkComponent, typeof i7.SdsNavigationUserProfileComponent, typeof i8.SdsProductHomeComponent, typeof i9.NavigationRouteActivePipe, typeof i7.SdsNavigationUserProfileComponent], [typeof i10.CommonModule, typeof i11.RouterModule, typeof i12.SdsAvatarModule, typeof i13.SdsAppSwitcherModule, typeof i14.FontAwesomeModule, typeof i15.DxPopoverModule], [typeof i1.SdsNavigationGroupComponent, typeof i2.SdsNavigationRouteLinkComponent, typeof i3.SdsNavigationSeparatorComponent, typeof i4.SdsNavigationHeaderComponent, typeof i5.SdsNavigationContainerComponent, typeof i6.SdsNavigationExternalLinkComponent, typeof i7.SdsNavigationUserProfileComponent, typeof i8.SdsProductHomeComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SdsNavigationModule>;
 }

package/src/lib/navigation/product-home/product-home.component.d.ts

@@ -0,0 +1,18 @@
+import { OnInit } from '@angular/core';
+import { ProductModel } from '@spicainternational/ngx-sds-components/src/lib/app-switcher';
+import * as i0 from "@angular/core";
+export declare class SdsProductHomeComponent implements OnInit {
+    logoUrl?: string;
+    logoAltText?: string;
+    moduleTitle?: string;
+    showAppSwitcher: boolean;
+    appSwitcherProductCode: Number | undefined;
+    appSwitcherUserProductCodes: Number[] | undefined;
+    appSwitcherTenantProducts: ProductModel[] | undefined;
+    appSwitcherSwitchText: string;
+    appSwitcherDiscoverText: string;
+    constructor();
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdsProductHomeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdsProductHomeComponent, "sds-product-home", never, { "logoUrl": "logoUrl"; "logoAltText": "logoAltText"; "moduleTitle": "moduleTitle"; "showAppSwitcher": "showAppSwitcher"; "appSwitcherProductCode": "appSwitcherProductCode"; "appSwitcherUserProductCodes": "appSwitcherUserProductCodes"; "appSwitcherTenantProducts": "appSwitcherTenantProducts"; "appSwitcherSwitchText": "appSwitcherSwitchText"; "appSwitcherDiscoverText": "appSwitcherDiscoverText"; }, {}, never, never>;
+}

package/src/lib/navigation/public-api.d.ts

@@ -6,3 +6,4 @@ export * from './navigation-header/navigation-header.component';
 export * from './navigation-route-link/navigation-route-link.component';
 export * from './navigation-separator/navigation-separator.component';
 export * from './navigation-user-profile/navigation-user-profile.component';
+export * from './product-home/product-home.component';

package/src/lib/side-bar/side-bar.component.d.ts

@@ -1,17 +1,75 @@
-import { OnInit } from '@angular/core';
-import { IconDefinition } from '@fortawesome/pro-regular-svg-icons';
+import { OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
+import { IconDefinition } from '@fortawesome/pro-solid-svg-icons';
 import * as i0 from "@angular/core";
-export declare class SdsSideBarComponent implements OnInit {
+export declare class SdsSideBarComponent implements OnInit, OnChanges, OnDestroy {
+    /**
+     * Define when the hide panel button is shown.
+     * Default is 'auto' which will only show the button when the users hovers over the panel.
+     * 'always' will always show the button.
+     *
+     * @type {('always' | 'auto')}
+     * @memberof SdsSideBarComponent
+     */
+    showCloseButton: 'always' | 'auto';
+    /**
+     * Pull out mode will show the side bar as user hovers over the left side of the screen
+     * When side bar is in pull out mode it will be rendered over the main contents.
+     *
+     * @type {boolean}
+     * @memberof SdsSideBarComponent
+     */
+    enablePullOutMode: boolean;
+    /**
+     * Define the width of the side bar in rem.
+     *
+     * @type {number}
+     * @memberof SdsSideBarComponent
+     */
+    widthRem: number;
+    /**
+     * Product name defines the color scheme of the side bar.
+     * Default is 'all-hours'.
+     * Options: 'all-hours', 'door-cloud', 'my-hours', 'time-and-space'
+     *
+     * @type {string}
+     * @memberof SdsSideBarComponent
+     */
+    product: 'all-hours' | 'door-cloud' | 'my-hours' | 'time-and-space';
+    /**
+     * Define the width of the screen that triggers hiding of the side bar.
+     * Note that the width is checked at the component creation and not when the screen is resized.
+     * If user resizes the screen he must manually hide the side bar.
+     *
+     * @type {(number | undefined)}
+     * @memberof SdsSideBarComponent
+     */
+    autoHideScreenWidth: number | undefined;
+    /**
+     * Define the hint of the hide button.
+     *
+     * @type {string}
+     * @memberof SdsSideBarComponent
+     */
+    closeButtonHint?: string;
+    /**
+     * Define the hint of the show button.
+     *
+     * @type {string}
+     * @memberof SdsSideBarComponent
+     */
+    openButtonHint?: string;
     showSideBar: boolean;
-    product: string;
-    isMainSideBar: boolean;
-    showSideBarToggleButton: boolean;
-    hideSideBarText?: string;
-    showSideBarText?: string;
+    pullOutSideBar: boolean;
     caretIcon: IconDefinition;
+    autoHideActive: boolean;
+    private screenWidth;
+    private componentInitialized;
+    private _checkAutoHide$;
     constructor();
+    ngOnDestroy(): void;
+    ngOnChanges(changes: SimpleChanges): void;
     ngOnInit(): void;
     toggleSideBar(state?: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdsSideBarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdsSideBarComponent, "sds-side-bar", never, { "product": "product"; "isMainSideBar": "isMainSideBar"; "showSideBarToggleButton": "showSideBarToggleButton"; "hideSideBarText": "hideSideBarText"; "showSideBarText": "showSideBarText"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdsSideBarComponent, "sds-side-bar", never, { "showCloseButton": "showCloseButton"; "enablePullOutMode": "enablePullOutMode"; "widthRem": "widthRem"; "product": "product"; "autoHideScreenWidth": "autoHideScreenWidth"; "closeButtonHint": "closeButtonHint"; "openButtonHint": "openButtonHint"; }, {}, never, ["*"]>;
 }

package/src/lib/static-value/package.json

@@ -0,0 +1,10 @@
+{
+  "module": "../../../fesm2015/spicainternational-ngx-sds-components-src-lib-static-value.mjs",
+  "es2020": "../../../fesm2020/spicainternational-ngx-sds-components-src-lib-static-value.mjs",
+  "esm2020": "../../../esm2020/src/lib/static-value/spicainternational-ngx-sds-components-src-lib-static-value.mjs",
+  "fesm2020": "../../../fesm2020/spicainternational-ngx-sds-components-src-lib-static-value.mjs",
+  "fesm2015": "../../../fesm2015/spicainternational-ngx-sds-components-src-lib-static-value.mjs",
+  "typings": "spicainternational-ngx-sds-components-src-lib-static-value.d.ts",
+  "sideEffects": false,
+  "name": "@spicainternational/ngx-sds-components/src/lib/static-value"
+}

package/src/lib/static-value/public-api.d.ts

@@ -0,0 +1,2 @@
+export * from './static-value.module';
+export * from './static-value.component';

package/src/lib/static-value/spicainternational-ngx-sds-components-src-lib-static-value.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@spicainternational/ngx-sds-components/src/lib/static-value" />
+export * from './public-api';

package/src/lib/static-value/static-value.component.d.ts

@@ -0,0 +1,12 @@
+import { OnInit } from '@angular/core';
+import { IconProp } from '@fortawesome/fontawesome-svg-core';
+import * as i0 from "@angular/core";
+export declare class SdsStaticValueComponent implements OnInit {
+    icon: IconProp | undefined;
+    label: string;
+    showColon: boolean;
+    constructor();
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdsStaticValueComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdsStaticValueComponent, "sds-static-value", never, { "icon": "icon"; "label": "label"; "showColon": "showColon"; }, {}, never, ["*"]>;
+}

package/src/lib/static-value/static-value.module.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./static-value.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@fortawesome/angular-fontawesome";
+export declare class SdsStaticValueModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdsStaticValueModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SdsStaticValueModule, [typeof i1.SdsStaticValueComponent], [typeof i2.CommonModule, typeof i3.FontAwesomeModule], [typeof i1.SdsStaticValueComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SdsStaticValueModule>;
+}