@spicainternational/ngx-sds-components 2.23.1 → 2.24.0

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

@@ -9,7 +9,7 @@ import { DxTextBoxModule, DxPopoverModule, DxScrollViewModule } from 'devextreme
 import * as i3 from 'devextreme-angular/ui/nested';
 import * as i5 from 'devextreme-angular/core';
 
-class DurationInputResolverService {
+class DurationService {
     constructor() { }
     resolve(input) {
         if (!input || input.length === 0) {
@@ -51,10 +51,25 @@ class DurationInputResolverService {
         const regexColonSeparated = /^[+-]?\d+:\d+$/;
         return regexNumbersOnly.test(input) || regexColonSeparated.test(input);
     }
+    getDefaultValue(min, max) {
+        let defaultValue = 0;
+        // try keeping the 0 as default
+        // if it is outside the min/max then adjust
+        if (min) {
+            defaultValue = Math.max(defaultValue, min);
+        }
+        if (max) {
+            defaultValue = Math.min(defaultValue, max);
+        }
+        return defaultValue;
+    }
+    isValueWithinLimits(value, min, max) {
+        return !((min && value < min) || (max && value > max));
+    }
 }
-DurationInputResolverService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: DurationInputResolverService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-DurationInputResolverService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: DurationInputResolverService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: DurationInputResolverService, decorators: [{
+DurationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: DurationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+DurationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: DurationService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: DurationService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -73,21 +88,21 @@ class SdsDurationBoxComponent {
         this.value = null;
         this.valueChange = new EventEmitter();
         /**
-         * Allow user to select empty value. You should provide emptyValueText in this case.
+         * Allow user to select empty value. You should provide emptyValueText in this case. The emitted value is 'null'.
          *
          * @type {boolean}
          * @memberof SdsDurationBoxComponent
          */
         this.allowEmptyValue = true;
         /**
-         * 'emptyValueText' - text to be displayed when value is cleared
+         * Text to be displayed when value is cleared
          *
          * @type {string}
          * @memberof SdsDurationBoxComponent
          */
         this.emptyValueText = 'not set';
         /**
-         * Width of component
+         * Width of component. By default 10rem.
          *
          * @type {string}
          * @memberof SdsDurationBoxComponent
@@ -107,6 +122,7 @@ class SdsDurationBoxComponent {
          * @memberof SdsDurationBoxComponent
          */
         this.showClearButton = false;
+        this.rangeViolated = new EventEmitter();
         this.elementUUID = 'sds-db-' + crypto.randomUUID();
         this.inputValue = '';
         this.showOptions = false;
@@ -134,12 +150,10 @@ class SdsDurationBoxComponent {
             if (this.value === null) {
                 if (this.allowEmptyValue) {
                     this.setValue(null);
-                    // this.isValueEmpty = true;
-                    // this.inputValue = this.emptyValueText;
                 }
                 else {
-                    this.setValue(0);
-                    this.inputValue = '0:00'; // TO-DO: resolve this scenario
+                    this.setValue(this._durationInputResolver.getDefaultValue());
+                    this.inputValue = this._durationPipe.transform(this.value, this.emptyValueText);
                 }
             }
             else {
@@ -163,10 +177,18 @@ class SdsDurationBoxComponent {
                     this.setValue(null);
                 }
                 else if (resolvedValue === null && !this.allowEmptyValue) {
-                    this.setValue(resolvedValue);
+                    this.setValue(this._durationInputResolver.getDefaultValue());
                 }
                 else {
-                    this.setValue(resolvedValue);
+                    // make sure that the value is within the min/max period
+                    if (this._durationInputResolver.isValueWithinLimits(resolvedValue, this.min, this.max)) {
+                        this.setValue(resolvedValue);
+                    }
+                    else {
+                        // use old value
+                        this.rangeViolated.emit({ min: this.min, max: this.max, value: resolvedValue });
+                        this.setInputValueInternally(this.value);
+                    }
                 }
             }
         }
@@ -189,12 +211,12 @@ class SdsDurationBoxComponent {
         }, 0);
     }
 }
-SdsDurationBoxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsDurationBoxComponent, deps: [{ token: DurationInputResolverService }], target: i0.ɵɵFactoryTarget.Component });
-SdsDurationBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: SdsDurationBoxComponent, selector: "sds-duration-box", inputs: { value: "value", allowEmptyValue: "allowEmptyValue", emptyValueText: "emptyValueText", options: "options", width: "width", disabled: "disabled", showClearButton: "showClearButton" }, outputs: { valueChange: "valueChange" }, usesOnChanges: true, ngImport: i0, template: "<dx-text-box\n    #textbox\n    [id]=\"elementUUID\"\n    class=\"sds-durationbox\"\n    [(value)]=\"inputValue\"\n    (onKeyDown)=\"blockNonNumberOrSemicolon($event)\"\n    (onChange)=\"resolveInput()\"\n    [width]=\"width\"\n    [disabled]=\"disabled\"\n    >\n\n    <!-- (onValueChanged)=\"resolveInput($event)\" -->\n\n    <dxi-button\n        *ngIf=\"allowEmptyValue && showClearButton\"\n        name=\"clearValue\"\n        location=\"after\"\n        [options]=\"clearValueButton\"\n    ></dxi-button>\n    <dxi-button\n        *ngIf=\"options && options.length > 0\"\n        name=\"optionsDropdown\"\n        location=\"after\"\n        [options]=\"optionsDropdownButton\"\n    ></dxi-button>\n</dx-text-box>\n\n\n<dx-popover\n    target=\"#{{elementUUID}}\"\n    [(visible)]=\"showOptions\"\n    [minWidth]=\"width\"\n    [hideOnOutsideClick]=\"true\"\n    [wrapperAttr]=\"{ class: 'sds-durationbox-options-popover' }\"\n    >\n\n    <div *dxTemplate=\"let data of 'content'\">\n        <dx-scroll-view>\n            <button\n                class=\"dropdown-item border-0\"\n                [class.selected] = \"isValueEmpty\"\n                (click)=\"applyOption(null)\"\n                > {{ emptyValueText}}\n            </button>\n\n            <div *ngFor=\"let option of options\">\n                <button\n                    class=\"dropdown-item border-0\"\n                    [class.selected] = \"option === value\"\n                    (click)=\"applyOption(option)\"\n                > {{option | sdsDurationFormat}}\n                </button>\n            </div>\n        </dx-scroll-view>\n    </div>\n</dx-popover>", styles: ["::ng-deep .sds-durationbox .sds-durationbox-clear-button .dx-icon{color:#999}::ng-deep .sds-durationbox-options-popover .dx-popup-content{padding:.25rem;font-size:1rem}::ng-deep .sds-durationbox-options-popover .dropdown-item:focus{outline:none}::ng-deep .sds-durationbox-options-popover .dropdown-item.selected{background-color:#dee2e6}\n"], components: [{ type: i2.DxTextBoxComponent, selector: "dx-text-box", inputs: ["accessKey", "activeStateEnabled", "buttons", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "inputAttr", "isValid", "label", "labelMode", "mask", "maskChar", "maskInvalidMessage", "maskRules", "maxLength", "mode", "name", "placeholder", "readOnly", "rtlEnabled", "showClearButton", "showMaskMode", "spellcheck", "stylingMode", "tabIndex", "text", "useMaskedValue", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "visible", "width"], outputs: ["onChange", "onContentReady", "onCopy", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onKeyDown", "onKeyUp", "onOptionChanged", "onPaste", "onValueChanged", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isValidChange", "labelChange", "labelModeChange", "maskChange", "maskCharChange", "maskInvalidMessageChange", "maskRulesChange", "maxLengthChange", "modeChange", "nameChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "showClearButtonChange", "showMaskModeChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "useMaskedValueChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "visibleChange", "widthChange", "onBlur"] }, { type: i3.DxiButtonComponent, selector: "dxi-button", inputs: ["location", "name", "options", "cssClass", "disabled", "hint", "icon", "onClick", "template", "text", "visible"] }, { 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"] }, { type: i2.DxScrollViewComponent, selector: "dx-scroll-view", inputs: ["bounceEnabled", "direction", "disabled", "elementAttr", "height", "pulledDownText", "pullingDownText", "reachBottomText", "refreshingText", "rtlEnabled", "scrollByContent", "scrollByThumb", "showScrollbar", "useNative", "width"], outputs: ["onDisposing", "onInitialized", "onOptionChanged", "onPullDown", "onReachBottom", "onScroll", "onUpdated", "bounceEnabledChange", "directionChange", "disabledChange", "elementAttrChange", "heightChange", "pulledDownTextChange", "pullingDownTextChange", "reachBottomTextChange", "refreshingTextChange", "rtlEnabledChange", "scrollByContentChange", "scrollByThumbChange", "showScrollbarChange", "useNativeChange", "widthChange"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "sdsDurationFormat": i6.SdsDurationFormatPipe } });
+SdsDurationBoxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsDurationBoxComponent, deps: [{ token: DurationService }], target: i0.ɵɵFactoryTarget.Component });
+SdsDurationBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: SdsDurationBoxComponent, selector: "sds-duration-box", inputs: { value: "value", allowEmptyValue: "allowEmptyValue", emptyValueText: "emptyValueText", options: "options", width: "width", disabled: "disabled", showClearButton: "showClearButton", max: "max", min: "min" }, outputs: { valueChange: "valueChange", rangeViolated: "rangeViolated" }, usesOnChanges: true, ngImport: i0, template: "<dx-text-box\r\n    #textbox\r\n    [id]=\"elementUUID\"\r\n    class=\"sds-durationbox\"\r\n    [(value)]=\"inputValue\"\r\n    (onKeyDown)=\"blockNonNumberOrSemicolon($event)\"\r\n    (onChange)=\"resolveInput()\"\r\n    [width]=\"width\"\r\n    [disabled]=\"disabled\"\r\n    >\r\n\r\n    <!-- (onValueChanged)=\"resolveInput($event)\" -->\r\n\r\n    <dxi-button\r\n        *ngIf=\"allowEmptyValue && showClearButton\"\r\n        name=\"clearValue\"\r\n        location=\"after\"\r\n        [options]=\"clearValueButton\"\r\n    ></dxi-button>\r\n    <dxi-button\r\n        *ngIf=\"options && options.length > 0\"\r\n        name=\"optionsDropdown\"\r\n        location=\"after\"\r\n        [options]=\"optionsDropdownButton\"\r\n    ></dxi-button>\r\n</dx-text-box>\r\n\r\n\r\n<dx-popover\r\n    target=\"#{{elementUUID}}\"\r\n    [(visible)]=\"showOptions\"\r\n    [minWidth]=\"width\"\r\n    [hideOnOutsideClick]=\"true\"\r\n    [wrapperAttr]=\"{ class: 'sds-durationbox-options-popover' }\"\r\n    >\r\n\r\n    <div *dxTemplate=\"let data of 'content'\">\r\n        <dx-scroll-view>\r\n            <button\r\n                class=\"dropdown-item border-0\"\r\n                [class.selected] = \"isValueEmpty\"\r\n                (click)=\"applyOption(null)\"\r\n                > {{ emptyValueText}}\r\n            </button>\r\n\r\n            <div *ngFor=\"let option of options\">\r\n                <button\r\n                    class=\"dropdown-item border-0\"\r\n                    [class.selected] = \"option === value\"\r\n                    (click)=\"applyOption(option)\"\r\n                > {{option | sdsDurationFormat}}\r\n                </button>\r\n            </div>\r\n        </dx-scroll-view>\r\n    </div>\r\n</dx-popover>", styles: ["::ng-deep .sds-durationbox .sds-durationbox-clear-button .dx-icon{color:#999}::ng-deep .sds-durationbox-options-popover .dx-popup-content{padding:.25rem;font-size:1rem}::ng-deep .sds-durationbox-options-popover .dropdown-item:focus{outline:none}::ng-deep .sds-durationbox-options-popover .dropdown-item.selected{background-color:#dee2e6}\n"], components: [{ type: i2.DxTextBoxComponent, selector: "dx-text-box", inputs: ["accessKey", "activeStateEnabled", "buttons", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "inputAttr", "isValid", "label", "labelMode", "mask", "maskChar", "maskInvalidMessage", "maskRules", "maxLength", "mode", "name", "placeholder", "readOnly", "rtlEnabled", "showClearButton", "showMaskMode", "spellcheck", "stylingMode", "tabIndex", "text", "useMaskedValue", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "visible", "width"], outputs: ["onChange", "onContentReady", "onCopy", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onKeyDown", "onKeyUp", "onOptionChanged", "onPaste", "onValueChanged", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isValidChange", "labelChange", "labelModeChange", "maskChange", "maskCharChange", "maskInvalidMessageChange", "maskRulesChange", "maxLengthChange", "modeChange", "nameChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "showClearButtonChange", "showMaskModeChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "useMaskedValueChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "visibleChange", "widthChange", "onBlur"] }, { type: i3.DxiButtonComponent, selector: "dxi-button", inputs: ["location", "name", "options", "cssClass", "disabled", "hint", "icon", "onClick", "template", "text", "visible"] }, { 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"] }, { type: i2.DxScrollViewComponent, selector: "dx-scroll-view", inputs: ["bounceEnabled", "direction", "disabled", "elementAttr", "height", "pulledDownText", "pullingDownText", "reachBottomText", "refreshingText", "rtlEnabled", "scrollByContent", "scrollByThumb", "showScrollbar", "useNative", "width"], outputs: ["onDisposing", "onInitialized", "onOptionChanged", "onPullDown", "onReachBottom", "onScroll", "onUpdated", "bounceEnabledChange", "directionChange", "disabledChange", "elementAttrChange", "heightChange", "pulledDownTextChange", "pullingDownTextChange", "reachBottomTextChange", "refreshingTextChange", "rtlEnabledChange", "scrollByContentChange", "scrollByThumbChange", "showScrollbarChange", "useNativeChange", "widthChange"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "sdsDurationFormat": i6.SdsDurationFormatPipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsDurationBoxComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sds-duration-box', template: "<dx-text-box\n    #textbox\n    [id]=\"elementUUID\"\n    class=\"sds-durationbox\"\n    [(value)]=\"inputValue\"\n    (onKeyDown)=\"blockNonNumberOrSemicolon($event)\"\n    (onChange)=\"resolveInput()\"\n    [width]=\"width\"\n    [disabled]=\"disabled\"\n    >\n\n    <!-- (onValueChanged)=\"resolveInput($event)\" -->\n\n    <dxi-button\n        *ngIf=\"allowEmptyValue && showClearButton\"\n        name=\"clearValue\"\n        location=\"after\"\n        [options]=\"clearValueButton\"\n    ></dxi-button>\n    <dxi-button\n        *ngIf=\"options && options.length > 0\"\n        name=\"optionsDropdown\"\n        location=\"after\"\n        [options]=\"optionsDropdownButton\"\n    ></dxi-button>\n</dx-text-box>\n\n\n<dx-popover\n    target=\"#{{elementUUID}}\"\n    [(visible)]=\"showOptions\"\n    [minWidth]=\"width\"\n    [hideOnOutsideClick]=\"true\"\n    [wrapperAttr]=\"{ class: 'sds-durationbox-options-popover' }\"\n    >\n\n    <div *dxTemplate=\"let data of 'content'\">\n        <dx-scroll-view>\n            <button\n                class=\"dropdown-item border-0\"\n                [class.selected] = \"isValueEmpty\"\n                (click)=\"applyOption(null)\"\n                > {{ emptyValueText}}\n            </button>\n\n            <div *ngFor=\"let option of options\">\n                <button\n                    class=\"dropdown-item border-0\"\n                    [class.selected] = \"option === value\"\n                    (click)=\"applyOption(option)\"\n                > {{option | sdsDurationFormat}}\n                </button>\n            </div>\n        </dx-scroll-view>\n    </div>\n</dx-popover>", styles: ["::ng-deep .sds-durationbox .sds-durationbox-clear-button .dx-icon{color:#999}::ng-deep .sds-durationbox-options-popover .dx-popup-content{padding:.25rem;font-size:1rem}::ng-deep .sds-durationbox-options-popover .dropdown-item:focus{outline:none}::ng-deep .sds-durationbox-options-popover .dropdown-item.selected{background-color:#dee2e6}\n"] }]
-        }], ctorParameters: function () { return [{ type: DurationInputResolverService }]; }, propDecorators: { value: [{
+            args: [{ selector: 'sds-duration-box', template: "<dx-text-box\r\n    #textbox\r\n    [id]=\"elementUUID\"\r\n    class=\"sds-durationbox\"\r\n    [(value)]=\"inputValue\"\r\n    (onKeyDown)=\"blockNonNumberOrSemicolon($event)\"\r\n    (onChange)=\"resolveInput()\"\r\n    [width]=\"width\"\r\n    [disabled]=\"disabled\"\r\n    >\r\n\r\n    <!-- (onValueChanged)=\"resolveInput($event)\" -->\r\n\r\n    <dxi-button\r\n        *ngIf=\"allowEmptyValue && showClearButton\"\r\n        name=\"clearValue\"\r\n        location=\"after\"\r\n        [options]=\"clearValueButton\"\r\n    ></dxi-button>\r\n    <dxi-button\r\n        *ngIf=\"options && options.length > 0\"\r\n        name=\"optionsDropdown\"\r\n        location=\"after\"\r\n        [options]=\"optionsDropdownButton\"\r\n    ></dxi-button>\r\n</dx-text-box>\r\n\r\n\r\n<dx-popover\r\n    target=\"#{{elementUUID}}\"\r\n    [(visible)]=\"showOptions\"\r\n    [minWidth]=\"width\"\r\n    [hideOnOutsideClick]=\"true\"\r\n    [wrapperAttr]=\"{ class: 'sds-durationbox-options-popover' }\"\r\n    >\r\n\r\n    <div *dxTemplate=\"let data of 'content'\">\r\n        <dx-scroll-view>\r\n            <button\r\n                class=\"dropdown-item border-0\"\r\n                [class.selected] = \"isValueEmpty\"\r\n                (click)=\"applyOption(null)\"\r\n                > {{ emptyValueText}}\r\n            </button>\r\n\r\n            <div *ngFor=\"let option of options\">\r\n                <button\r\n                    class=\"dropdown-item border-0\"\r\n                    [class.selected] = \"option === value\"\r\n                    (click)=\"applyOption(option)\"\r\n                > {{option | sdsDurationFormat}}\r\n                </button>\r\n            </div>\r\n        </dx-scroll-view>\r\n    </div>\r\n</dx-popover>", styles: ["::ng-deep .sds-durationbox .sds-durationbox-clear-button .dx-icon{color:#999}::ng-deep .sds-durationbox-options-popover .dx-popup-content{padding:.25rem;font-size:1rem}::ng-deep .sds-durationbox-options-popover .dropdown-item:focus{outline:none}::ng-deep .sds-durationbox-options-popover .dropdown-item.selected{background-color:#dee2e6}\n"] }]
+        }], ctorParameters: function () { return [{ type: DurationService }]; }, propDecorators: { value: [{
                 type: Input
             }], valueChange: [{
                 type: Output
@@ -210,6 +232,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImpor
                 type: Input
             }], showClearButton: [{
                 type: Input
+            }], max: [{
+                type: Input
+            }], min: [{
+                type: Input
+            }], rangeViolated: [{
+                type: Output
             }] } });
 
 const components = [

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

@@ -1 +1 @@
-{"version":3,"file":"spicainternational-ngx-sds-components-src-lib-duration-box.mjs","sources":["../../../projects/ngx-sds-components/src/lib/duration-box/duration-input-resolver.service.ts","../../../projects/ngx-sds-components/src/lib/duration-box/duration-box.component.ts","../../../projects/ngx-sds-components/src/lib/duration-box/duration-box.component.html","../../../projects/ngx-sds-components/src/lib/duration-box/duration-box.module.ts","../../../projects/ngx-sds-components/src/lib/duration-box/spicainternational-ngx-sds-components-src-lib-duration-box.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\n\n@Injectable({\n    providedIn: 'root',\n})\nexport class DurationInputResolverService {\n    \n    constructor() {}\n\n    public resolve(input: string): number | null{\n        if (!input || input.length === 0) {\n            return 0;\n        }\n\n        const inputSegments = input.split(':');\n        if (inputSegments.length > 2) {\n            //invalid input\n            return 0;\n        } else if (inputSegments.length == 2){\n            // we have hrs and minutes\n            const hrs = parseInt(inputSegments[0] ? inputSegments[0] : '0');\n            const mins = parseInt(inputSegments[1] ? inputSegments[1] : '0');\n            const totalMins = (hrs * 60) + mins;\n\n            return totalMins;\n        } else if (inputSegments.length == 1) {\n            // take last two digits as mins\n            const nonSeparated = inputSegments[0];\n\n            let totalMins = 0;\n            if (nonSeparated.length <= 2) {\n                totalMins = parseInt(nonSeparated)\n            } else {\n                const lastIndex = nonSeparated.length - 2;\n                const part1 = nonSeparated.slice(0, lastIndex);\n                const part2 = nonSeparated.slice(lastIndex);\n                const hrs = parseInt(part1);\n                const mins = parseInt(part2);\n                totalMins = (hrs * 60) + mins;            \n            }\n            return totalMins;\n        }\n        return 0;        \n    }\n\n    public isValidInput(input: string) {\n        const regexNumbersOnly = /^[+-]?\\d+$/;\n        const regexColonSeparated =  /^[+-]?\\d+:\\d+$/;\n        return regexNumbersOnly.test(input) || regexColonSeparated.test(input);\n    }\n}\n","import { Component, EventEmitter, Input, OnChanges, OnInit, Output, SimpleChanges } from '@angular/core';\nimport { SdsDurationFormatPipe } from '@spicainternational/ngx-sds-components/src/lib/duration-pipe';\nimport { DurationInputResolverService } from './duration-input-resolver.service';\n\n@Component({\n    selector: 'sds-duration-box',\n    templateUrl: './duration-box.component.html',\n    styleUrls: ['./duration-box.component.scss'],\n})\nexport class SdsDurationBoxComponent implements OnInit, OnChanges {\n    /**\n     * Duration length expressed in minutes; when we allow empty values this property can be null.\n     *\n     * @type {(number | null)}\n     * @memberof SdsDurationBoxComponent\n     */\n    @Input() value: number | null = null;\n    @Output() valueChange = new EventEmitter<number | null>();\n\n    /**\n     * Allow user to select empty value. You should provide emptyValueText in this case.\n     *\n     * @type {boolean}\n     * @memberof SdsDurationBoxComponent\n     */\n    @Input() allowEmptyValue: boolean = true;\n\n    /**\n     * 'emptyValueText' - text to be displayed when value is cleared\n     *\n     * @type {string}\n     * @memberof SdsDurationBoxComponent\n     */\n    @Input() emptyValueText: string = 'not set';\n\n    /**\n     * Array of pre-defined durations that will be displayed in dropdown for easier selection.\n     *\n     * @type {number[]}\n     * @memberof SdsDurationBoxComponent\n     */\n    @Input() options?: number[];\n    \n    /**\n     * Width of component\n     *\n     * @type {string}\n     * @memberof SdsDurationBoxComponent\n     */\n    @Input() width: string = '10rem';\n\n    /**\n     * Specifies whether the UI component responds to user interaction.\n     *\n     * @type {boolean}\n     * @memberof SdsDurationBoxComponent\n     */\n    @Input() disabled: boolean = false;\n    \n    /**\n     * Specifies whether to display the Clear button in the UI component.\n     *\n     * @type {boolean}\n     * @memberof SdsDurationBoxComponent\n     */\n    @Input() showClearButton: boolean = false;\n\n    public elementUUID = 'sds-db-' + crypto.randomUUID();\n\n    public inputValue: string = '';\n    public showOptions: boolean = false;\n    \n    public optionsDropdownButton;\n    public clearValueButton;\n\n    public isValueEmpty = false;\n\n    private isValueSetInternally = false;\n    private _durationPipe: SdsDurationFormatPipe;\n\n    constructor(\n        private _durationInputResolver: DurationInputResolverService,\n    ) {\n        this._durationPipe = new SdsDurationFormatPipe();\n        \n        this.optionsDropdownButton =  {\n            icon: 'spindown',\n            stylingMode: 'text',\n    \n            onClick: () => {\n                this.showOptions = !this.showOptions;\n            }\n        }\n\n        this.clearValueButton =  {\n            icon: 'clear',\n            stylingMode: 'text',\n            elementAttr: { class: 'sds-durationbox-clear-button' },\n            onClick: () => {\n                this.applyOption(null);\n            }\n        }        \n    }\n\n    ngOnChanges(changes: SimpleChanges): void {\n        if (changes['value']) {\n            if (this.value === null) {\n                if (this.allowEmptyValue) {\n                    this.setValue(null);\n                    // this.isValueEmpty = true;\n                    // this.inputValue = this.emptyValueText;\n                } else {\n                    this.setValue(0);\n                    \n                    this.inputValue = '0:00'; // TO-DO: resolve this scenario\n                }\n\n            } else {\n               this.inputValue = this._durationPipe.transform(this.value, this.emptyValueText);\n            }\n        }\n    }\n\n    ngOnInit(): void {}\n\n    public blockNonNumberOrSemicolon(e: any) {\n        this.isValueSetInternally = false;\n    }\n\n\n    public resolveInput() {\n        if (!this.isValueSetInternally){\n            if (!this._durationInputResolver.isValidInput(this.inputValue)) {\n                // we have invalid input. use old value\n                this.setInputValueInternally(this.value);\n            } else {\n                const resolvedValue = this._durationInputResolver.resolve(this.inputValue);\n                \n                if (resolvedValue === null && this.allowEmptyValue) {\n                    this.setValue(null);\n                } else if (resolvedValue === null && !this.allowEmptyValue) {\n                    this.setValue(resolvedValue);\n                } else {\n                    this.setValue(resolvedValue);\n                }\n            }\n        }\n    }\n\n    public applyOption(value: number | null){\n        this.showOptions = false;\n        this.isValueSetInternally = false;\n        this.setValue(value);\n    }\n\n    private setValue(value: number | null){\n        this.isValueEmpty = (value === null);\n        this.value = value;\n        this.valueChange.emit(this.value);\n        this.setInputValueInternally(value);\n    }\n\n    private setInputValueInternally(value: number | null){\n        this.isValueSetInternally = true;\n        setTimeout(() => {\n            this.inputValue = this._durationPipe.transform(this.value, this.emptyValueText);\n        }, 0);\n    }\n}\n","<dx-text-box\n    #textbox\n    [id]=\"elementUUID\"\n    class=\"sds-durationbox\"\n    [(value)]=\"inputValue\"\n    (onKeyDown)=\"blockNonNumberOrSemicolon($event)\"\n    (onChange)=\"resolveInput()\"\n    [width]=\"width\"\n    [disabled]=\"disabled\"\n    >\n\n    <!-- (onValueChanged)=\"resolveInput($event)\" -->\n\n    <dxi-button\n        *ngIf=\"allowEmptyValue && showClearButton\"\n        name=\"clearValue\"\n        location=\"after\"\n        [options]=\"clearValueButton\"\n    ></dxi-button>\n    <dxi-button\n        *ngIf=\"options && options.length > 0\"\n        name=\"optionsDropdown\"\n        location=\"after\"\n        [options]=\"optionsDropdownButton\"\n    ></dxi-button>\n</dx-text-box>\n\n\n<dx-popover\n    target=\"#{{elementUUID}}\"\n    [(visible)]=\"showOptions\"\n    [minWidth]=\"width\"\n    [hideOnOutsideClick]=\"true\"\n    [wrapperAttr]=\"{ class: 'sds-durationbox-options-popover' }\"\n    >\n\n    <div *dxTemplate=\"let data of 'content'\">\n        <dx-scroll-view>\n            <button\n                class=\"dropdown-item border-0\"\n                [class.selected] = \"isValueEmpty\"\n                (click)=\"applyOption(null)\"\n                > {{ emptyValueText}}\n            </button>\n\n            <div *ngFor=\"let option of options\">\n                <button\n                    class=\"dropdown-item border-0\"\n                    [class.selected] = \"option === value\"\n                    (click)=\"applyOption(option)\"\n                > {{option | sdsDurationFormat}}\n                </button>\n            </div>\n        </dx-scroll-view>\n    </div>\n</dx-popover>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { SdsDurationBoxComponent } from './duration-box.component';\nimport { DxPopoverModule, DxScrollViewModule, DxTextBoxModule } from 'devextreme-angular';\nimport { SdsDurationPipeModule } from '@spicainternational/ngx-sds-components/src/lib/duration-pipe';\n\n\n\nconst components = [\n    SdsDurationBoxComponent\n]\n\n@NgModule({\n  declarations: [\n    SdsDurationBoxComponent\n  ],\n  imports: [\n    CommonModule,\n\n    SdsDurationPipeModule,\n    \n    DxTextBoxModule,\n    DxPopoverModule,\n    DxScrollViewModule,\n  ],\n  exports: [\n    ...components\n  ]\n})\nexport class SdsDurationBoxModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1.DurationInputResolverService"],"mappings":"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"}
+{"version":3,"file":"spicainternational-ngx-sds-components-src-lib-duration-box.mjs","sources":["../../../projects/ngx-sds-components/src/lib/duration-box/duration.service.ts","../../../projects/ngx-sds-components/src/lib/duration-box/duration-box.component.ts","../../../projects/ngx-sds-components/src/lib/duration-box/duration-box.component.html","../../../projects/ngx-sds-components/src/lib/duration-box/duration-box.module.ts","../../../projects/ngx-sds-components/src/lib/duration-box/spicainternational-ngx-sds-components-src-lib-duration-box.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\r\n\r\n@Injectable({\r\n    providedIn: 'root',\r\n})\r\nexport class DurationService {\r\n    \r\n    constructor() {}\r\n\r\n    public resolve(input: string): number | null{\r\n        if (!input || input.length === 0) {\r\n            return 0;\r\n        }\r\n\r\n        const inputSegments = input.split(':');\r\n        if (inputSegments.length > 2) {\r\n            //invalid input\r\n            return 0;\r\n        } else if (inputSegments.length == 2){\r\n            // we have hrs and minutes\r\n            const hrs = parseInt(inputSegments[0] ? inputSegments[0] : '0');\r\n            const mins = parseInt(inputSegments[1] ? inputSegments[1] : '0');\r\n            const totalMins = (hrs * 60) + mins;\r\n\r\n            return totalMins;\r\n        } else if (inputSegments.length == 1) {\r\n            // take last two digits as mins\r\n            const nonSeparated = inputSegments[0];\r\n\r\n            let totalMins = 0;\r\n            if (nonSeparated.length <= 2) {\r\n                totalMins = parseInt(nonSeparated)\r\n            } else {\r\n                const lastIndex = nonSeparated.length - 2;\r\n                const part1 = nonSeparated.slice(0, lastIndex);\r\n                const part2 = nonSeparated.slice(lastIndex);\r\n                const hrs = parseInt(part1);\r\n                const mins = parseInt(part2);\r\n                totalMins = (hrs * 60) + mins;            \r\n            }\r\n            return totalMins;\r\n        }\r\n        return 0;        \r\n    }\r\n\r\n    public isValidInput(input: string) {\r\n        const regexNumbersOnly = /^[+-]?\\d+$/;\r\n        const regexColonSeparated =  /^[+-]?\\d+:\\d+$/;\r\n        return regexNumbersOnly.test(input) || regexColonSeparated.test(input);\r\n    }\r\n\r\n    public getDefaultValue(min?: number, max?: number): number {\r\n        let defaultValue = 0;\r\n        // try keeping the 0 as default\r\n        // if it is outside the min/max then adjust\r\n        if (min) {\r\n            defaultValue = Math.max(defaultValue, min);\r\n        }\r\n        if (max) {\r\n            defaultValue = Math.min(defaultValue, max);\r\n        }\r\n        return defaultValue;\r\n    }\r\n\r\n    public isValueWithinLimits(value: number, min?: number, max?: number): boolean {\r\n        return !((min && value < min) || (max && value > max))\r\n    }  \r\n\r\n}\r\n","import { Component, EventEmitter, Input, OnChanges, OnInit, Output, SimpleChanges } from '@angular/core';\r\nimport { SdsDurationFormatPipe } from '@spicainternational/ngx-sds-components/src/lib/duration-pipe';\r\nimport { DurationBoxRangeViolation } from './duration.model';\r\nimport { DurationService } from './duration.service';\r\n\r\n@Component({\r\n    selector: 'sds-duration-box',\r\n    templateUrl: './duration-box.component.html',\r\n    styleUrls: ['./duration-box.component.scss'],\r\n})\r\nexport class SdsDurationBoxComponent implements OnInit, OnChanges {\r\n    /**\r\n     * Duration length expressed in minutes; when we allow empty values this property can be null.\r\n     *\r\n     * @type {(number | null)}\r\n     * @memberof SdsDurationBoxComponent\r\n     */\r\n    @Input() value: number | null = null;\r\n    @Output() valueChange = new EventEmitter<number | null>();\r\n\r\n    /**\r\n     * Allow user to select empty value. You should provide emptyValueText in this case. The emitted value is 'null'.\r\n     *\r\n     * @type {boolean}\r\n     * @memberof SdsDurationBoxComponent\r\n     */\r\n    @Input() allowEmptyValue: boolean = true;\r\n\r\n    /**\r\n     * Text to be displayed when value is cleared\r\n     *\r\n     * @type {string}\r\n     * @memberof SdsDurationBoxComponent\r\n     */\r\n    @Input() emptyValueText: string = 'not set';\r\n\r\n    /**\r\n     * Array of pre-defined durations that will be displayed in dropdown for easier selection.\r\n     *\r\n     * @type {number[]}\r\n     * @memberof SdsDurationBoxComponent\r\n     */\r\n    @Input() options?: number[];\r\n    \r\n    /**\r\n     * Width of component. By default 10rem.\r\n     *\r\n     * @type {string}\r\n     * @memberof SdsDurationBoxComponent\r\n     */\r\n    @Input() width: string = '10rem';\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     * Specifies whether to display the Clear button in the UI component.\r\n     *\r\n     * @type {boolean}\r\n     * @memberof SdsDurationBoxComponent\r\n     */\r\n    @Input() showClearButton: 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    @Output() rangeViolated = new EventEmitter<DurationBoxRangeViolation>();\r\n\r\n    public elementUUID = 'sds-db-' + crypto.randomUUID();\r\n\r\n    public inputValue: string = '';\r\n    public showOptions: boolean = false;\r\n    \r\n    public optionsDropdownButton;\r\n    public clearValueButton;\r\n\r\n    public isValueEmpty = false;\r\n\r\n    private isValueSetInternally = false;\r\n    private _durationPipe: SdsDurationFormatPipe;\r\n\r\n    constructor(\r\n        private _durationInputResolver: DurationService,\r\n    ) {\r\n        this._durationPipe = new SdsDurationFormatPipe();\r\n        \r\n        this.optionsDropdownButton =  {\r\n            icon: 'spindown',\r\n            stylingMode: 'text',\r\n    \r\n            onClick: () => {\r\n                this.showOptions = !this.showOptions;\r\n            }\r\n        }\r\n\r\n        this.clearValueButton =  {\r\n            icon: 'clear',\r\n            stylingMode: 'text',\r\n            elementAttr: { class: 'sds-durationbox-clear-button' },\r\n            onClick: () => {\r\n                this.applyOption(null);\r\n            }\r\n        }        \r\n    }\r\n\r\n    ngOnChanges(changes: SimpleChanges): void {\r\n        if (changes['value']) {\r\n            if (this.value === null) {\r\n                if (this.allowEmptyValue) {\r\n                    this.setValue(null);\r\n                } else {\r\n                    this.setValue(this._durationInputResolver.getDefaultValue());\r\n                    this.inputValue = this._durationPipe.transform(this.value, this.emptyValueText);\r\n                }\r\n            } else {\r\n               this.inputValue = this._durationPipe.transform(this.value, this.emptyValueText);\r\n            }\r\n        }\r\n    }\r\n\r\n    ngOnInit(): void {}\r\n\r\n    public blockNonNumberOrSemicolon(e: any) {\r\n        this.isValueSetInternally = false;\r\n    }\r\n\r\n\r\n    public resolveInput() {\r\n        if (!this.isValueSetInternally){\r\n            if (!this._durationInputResolver.isValidInput(this.inputValue)) {\r\n                // we have invalid input. use old value\r\n                this.setInputValueInternally(this.value);\r\n            } else {\r\n                const resolvedValue = this._durationInputResolver.resolve(this.inputValue);\r\n                \r\n                if (resolvedValue === null && this.allowEmptyValue) {\r\n                    this.setValue(null);\r\n                } else if (resolvedValue === null && !this.allowEmptyValue) {\r\n                    this.setValue(this._durationInputResolver.getDefaultValue());\r\n                } else {\r\n\r\n                    // make sure that the value is within the min/max period\r\n                    if (this._durationInputResolver.isValueWithinLimits(resolvedValue as number, this.min, this.max)) {\r\n                        this.setValue(resolvedValue);\r\n                    } else {\r\n                        // use old value\r\n                        this.rangeViolated.emit({min: this.min, max: this.max, value: resolvedValue});\r\n                        this.setInputValueInternally(this.value);\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    public applyOption(value: number | null){\r\n        this.showOptions = false;\r\n        this.isValueSetInternally = false;\r\n        this.setValue(value);\r\n    }\r\n\r\n    private setValue(value: number | null){\r\n        this.isValueEmpty = (value === null);\r\n        this.value = value;\r\n        this.valueChange.emit(this.value);\r\n        this.setInputValueInternally(value);\r\n    }\r\n\r\n    private setInputValueInternally(value: number | null){\r\n        this.isValueSetInternally = true;\r\n        setTimeout(() => {\r\n            this.inputValue = this._durationPipe.transform(this.value, this.emptyValueText);\r\n        }, 0);\r\n    }\r\n\r\n}\r\n","<dx-text-box\r\n    #textbox\r\n    [id]=\"elementUUID\"\r\n    class=\"sds-durationbox\"\r\n    [(value)]=\"inputValue\"\r\n    (onKeyDown)=\"blockNonNumberOrSemicolon($event)\"\r\n    (onChange)=\"resolveInput()\"\r\n    [width]=\"width\"\r\n    [disabled]=\"disabled\"\r\n    >\r\n\r\n    <!-- (onValueChanged)=\"resolveInput($event)\" -->\r\n\r\n    <dxi-button\r\n        *ngIf=\"allowEmptyValue && showClearButton\"\r\n        name=\"clearValue\"\r\n        location=\"after\"\r\n        [options]=\"clearValueButton\"\r\n    ></dxi-button>\r\n    <dxi-button\r\n        *ngIf=\"options && options.length > 0\"\r\n        name=\"optionsDropdown\"\r\n        location=\"after\"\r\n        [options]=\"optionsDropdownButton\"\r\n    ></dxi-button>\r\n</dx-text-box>\r\n\r\n\r\n<dx-popover\r\n    target=\"#{{elementUUID}}\"\r\n    [(visible)]=\"showOptions\"\r\n    [minWidth]=\"width\"\r\n    [hideOnOutsideClick]=\"true\"\r\n    [wrapperAttr]=\"{ class: 'sds-durationbox-options-popover' }\"\r\n    >\r\n\r\n    <div *dxTemplate=\"let data of 'content'\">\r\n        <dx-scroll-view>\r\n            <button\r\n                class=\"dropdown-item border-0\"\r\n                [class.selected] = \"isValueEmpty\"\r\n                (click)=\"applyOption(null)\"\r\n                > {{ emptyValueText}}\r\n            </button>\r\n\r\n            <div *ngFor=\"let option of options\">\r\n                <button\r\n                    class=\"dropdown-item border-0\"\r\n                    [class.selected] = \"option === value\"\r\n                    (click)=\"applyOption(option)\"\r\n                > {{option | sdsDurationFormat}}\r\n                </button>\r\n            </div>\r\n        </dx-scroll-view>\r\n    </div>\r\n</dx-popover>","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { SdsDurationBoxComponent } from './duration-box.component';\r\nimport { DxPopoverModule, DxScrollViewModule, DxTextBoxModule } from 'devextreme-angular';\r\nimport { SdsDurationPipeModule } from '@spicainternational/ngx-sds-components/src/lib/duration-pipe';\r\n\r\n\r\n\r\nconst components = [\r\n    SdsDurationBoxComponent\r\n]\r\n\r\n@NgModule({\r\n  declarations: [\r\n    SdsDurationBoxComponent\r\n  ],\r\n  imports: [\r\n    CommonModule,\r\n\r\n    SdsDurationPipeModule,\r\n    \r\n    DxTextBoxModule,\r\n    DxPopoverModule,\r\n    DxScrollViewModule,\r\n  ],\r\n  exports: [\r\n    ...components\r\n  ]\r\n})\r\nexport class SdsDurationBoxModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1.DurationService"],"mappings":"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"}

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

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Component, Input, QueryList, ContentChildren, NgModule } from '@angular/core';
+import { Component, Input, Pipe, QueryList, ContentChildren, NgModule } from '@angular/core';
 import * as i2 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i1 from '@angular/router';
@@ -7,6 +7,7 @@ import { NavigationStart, RouterModule } from '@angular/router';
 import * as i2$1 from '@fortawesome/angular-fontawesome';
 import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
 import { faAngleUp, faAngleDown } from '@fortawesome/pro-regular-svg-icons';
+import { Subject, filter, takeUntil } from 'rxjs';
 
 class SdsNavigationSeparatorComponent {
     constructor() { }
@@ -56,9 +57,47 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImpor
                 type: Input
             }] } });
 
+class NavigationRouteActivePipe {
+    transform(currentUrl, ...args) {
+        if (!currentUrl || currentUrl?.length === 0) {
+            return false;
+        }
+        const nestedRoutes = args[0];
+        const defaultGroupUrl = args[1].replace('/', '');
+        if (nestedRoutes?.length > 0) {
+            // Nested routes are provided. We should find out if current url is on the list of
+            // the provided nested routes
+            const lastRouteItem = currentUrl.reverse().find((item, index) => index === 0);
+            const routeItemIsPartOfNestedRoutes = nestedRoutes.some((routeName) => routeName === lastRouteItem);
+            if (routeItemIsPartOfNestedRoutes) {
+                return true;
+            }
+            console.warn(`Nested routes were defined in sds-navigation-group component, however route ${lastRouteItem} is
+            not a part of the nested routes list. Maybe you forgot to include it? `);
+        }
+        const currentUrlContainsGroupUrl = currentUrl.some(path => path === defaultGroupUrl);
+        return currentUrlContainsGroupUrl;
+    }
+}
+NavigationRouteActivePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: NavigationRouteActivePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+NavigationRouteActivePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: NavigationRouteActivePipe, name: "navigationRouteActive" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: NavigationRouteActivePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'navigationRouteActive'
+                }]
+        }] });
+
 class SdsNavigationGroupComponent {
     constructor(_router) {
         this._router = _router;
+        /**
+         * List of paths allowed/expected within this module.
+         * These are paths that are not accessible through child navigation
+         * elements, but through links in other parts of the application (e.g. link
+         * on form)
+         */
+        this._navigationGroupNestedRoutes = [];
         this.text = '';
         this.icon = '';
         this.defaultRouterLink = '';
@@ -67,28 +106,42 @@ class SdsNavigationGroupComponent {
         this.active = false;
         this.faAngleUpRegular = faAngleUp;
         this.faAngleDownRegular = faAngleDown;
+        /**
+         * Current app URL (e.g. ['layout-showcase', 'default'])
+         */
+        this.currentUrl = [];
+        this._unsubscribe = new Subject();
     }
-    ngOnInit() {
+    set navigationGroupNestedRoutes(value) {
+        this._navigationGroupNestedRoutes = value;
+    }
+    get navigationGroupNestedRoutes() {
+        return this._navigationGroupNestedRoutes;
     }
-    ngAfterContentInit() {
-        this._router.events.subscribe((event) => {
+    ngOnInit() {
+        this._router.events.pipe(filter((event) => event instanceof NavigationStart), takeUntil(this._unsubscribe)).subscribe((event) => {
             if (event instanceof NavigationStart) {
-                this.active =
-                    this.routerLinkComponents.find((item) => item
-                        .routerLink === event.url) != null;
+                const route = event.url.split('/').filter(item => item.length > 0);
+                this.currentUrl = route;
             }
         });
     }
+    ngOnDestroy() {
+        this._unsubscribe.next();
+        this._unsubscribe.complete();
+    }
     navigateToDefaultRouterLink() {
         this._router.navigateByUrl(this.defaultRouterLink);
     }
 }
 SdsNavigationGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsNavigationGroupComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
-SdsNavigationGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: SdsNavigationGroupComponent, selector: "sds-navigation-group", inputs: { text: "text", icon: "icon", defaultRouterLink: "defaultRouterLink", reverse: "reverse" }, queries: [{ propertyName: "routerLinkComponents", predicate: SdsNavigationRouteLinkComponent }], ngImport: i0, template: "<div class=\"sds-navigation-group sds-navigation-item-container d-flex\"\r\n    [class.flex-column-reverse]=\"reverse\"\r\n    [class.flex-column]=\"!reverse\"\r\n    [class.active] = \"active\" >\r\n    <a class=\"w-100 sds-navigation-item-content\" style=\"cursor: pointer\"\r\n        (click)=\"navigateToDefaultRouterLink()\">\r\n        \r\n        <div class=\"d-flex align-items-center\">\r\n            <div class=\"sds-navigation-icon\" >\r\n                <ng-content select=\"[navigationIcon]\"></ng-content>\r\n            </div>\r\n            <div class=\"sds-navigation-text\">\r\n                {{ text }}\r\n            </div>\r\n            <div class=\"text-right\">\r\n                <fa-icon *ngIf=\"!reverse\" [icon]=\"faAngleDownRegular\"></fa-icon>\r\n                <fa-icon *ngIf=\"reverse\" [icon]=\"faAngleUpRegular\"></fa-icon>\r\n            </div>\r\n        </div>\r\n    </a>\r\n    <div class=\"sds-navigation-group-items\">\r\n        <ng-content></ng-content>\r\n    </div>\r\n\r\n</div>", styles: [""], components: [{ type: i2$1.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"] }] });
+SdsNavigationGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: SdsNavigationGroupComponent, selector: "sds-navigation-group", inputs: { navigationGroupNestedRoutes: "navigationGroupNestedRoutes", text: "text", icon: "icon", defaultRouterLink: "defaultRouterLink", reverse: "reverse" }, queries: [{ propertyName: "routerLinkComponents", predicate: SdsNavigationRouteLinkComponent }], ngImport: i0, template: "<div class=\"sds-navigation-group sds-navigation-item-container d-flex\"\r\n    [class.flex-column-reverse]=\"reverse\"\r\n    [class.flex-column]=\"!reverse\"\r\n    [class]=\"{'active': currentUrl | navigationRouteActive :navigationGroupNestedRoutes: defaultRouterLink}\">\r\n    <a class=\"w-100 sds-navigation-item-content\" style=\"cursor: pointer\"\r\n        (click)=\"navigateToDefaultRouterLink()\">\r\n\r\n        <div class=\"d-flex align-items-center\">\r\n            <div class=\"sds-navigation-icon\" >\r\n                <ng-content select=\"[navigationIcon]\"></ng-content>\r\n            </div>\r\n            <div class=\"sds-navigation-text\">\r\n                {{ text }}\r\n            </div>\r\n            <div class=\"text-right\">\r\n                <fa-icon *ngIf=\"!reverse\" [icon]=\"faAngleDownRegular\"></fa-icon>\r\n                <fa-icon *ngIf=\"reverse\" [icon]=\"faAngleUpRegular\"></fa-icon>\r\n            </div>\r\n        </div>\r\n    </a>\r\n    <div class=\"sds-navigation-group-items\">\r\n        <ng-content></ng-content>\r\n    </div>\r\n\r\n</div>\r\n", styles: [""], components: [{ type: i2$1.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"] }], pipes: { "navigationRouteActive": NavigationRouteActivePipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsNavigationGroupComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sds-navigation-group', template: "<div class=\"sds-navigation-group sds-navigation-item-container d-flex\"\r\n    [class.flex-column-reverse]=\"reverse\"\r\n    [class.flex-column]=\"!reverse\"\r\n    [class.active] = \"active\" >\r\n    <a class=\"w-100 sds-navigation-item-content\" style=\"cursor: pointer\"\r\n        (click)=\"navigateToDefaultRouterLink()\">\r\n        \r\n        <div class=\"d-flex align-items-center\">\r\n            <div class=\"sds-navigation-icon\" >\r\n                <ng-content select=\"[navigationIcon]\"></ng-content>\r\n            </div>\r\n            <div class=\"sds-navigation-text\">\r\n                {{ text }}\r\n            </div>\r\n            <div class=\"text-right\">\r\n                <fa-icon *ngIf=\"!reverse\" [icon]=\"faAngleDownRegular\"></fa-icon>\r\n                <fa-icon *ngIf=\"reverse\" [icon]=\"faAngleUpRegular\"></fa-icon>\r\n            </div>\r\n        </div>\r\n    </a>\r\n    <div class=\"sds-navigation-group-items\">\r\n        <ng-content></ng-content>\r\n    </div>\r\n\r\n</div>", styles: [""] }]
-        }], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { text: [{
+            args: [{ selector: 'sds-navigation-group', template: "<div class=\"sds-navigation-group sds-navigation-item-container d-flex\"\r\n    [class.flex-column-reverse]=\"reverse\"\r\n    [class.flex-column]=\"!reverse\"\r\n    [class]=\"{'active': currentUrl | navigationRouteActive :navigationGroupNestedRoutes: defaultRouterLink}\">\r\n    <a class=\"w-100 sds-navigation-item-content\" style=\"cursor: pointer\"\r\n        (click)=\"navigateToDefaultRouterLink()\">\r\n\r\n        <div class=\"d-flex align-items-center\">\r\n            <div class=\"sds-navigation-icon\" >\r\n                <ng-content select=\"[navigationIcon]\"></ng-content>\r\n            </div>\r\n            <div class=\"sds-navigation-text\">\r\n                {{ text }}\r\n            </div>\r\n            <div class=\"text-right\">\r\n                <fa-icon *ngIf=\"!reverse\" [icon]=\"faAngleDownRegular\"></fa-icon>\r\n                <fa-icon *ngIf=\"reverse\" [icon]=\"faAngleUpRegular\"></fa-icon>\r\n            </div>\r\n        </div>\r\n    </a>\r\n    <div class=\"sds-navigation-group-items\">\r\n        <ng-content></ng-content>\r\n    </div>\r\n\r\n</div>\r\n", styles: [""] }]
+        }], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { navigationGroupNestedRoutes: [{
+                type: Input
+            }], text: [{
                 type: Input
             }], icon: [{
                 type: Input
@@ -161,7 +214,7 @@ SdsNavigationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", ver
         SdsNavigationSeparatorComponent,
         SdsNavigationHeaderComponent,
         SdsNavigationContainerComponent,
-        SdsNavigationExternalLinkComponent], imports: [CommonModule,
+        SdsNavigationExternalLinkComponent, NavigationRouteActivePipe], imports: [CommonModule,
         RouterModule,
         FontAwesomeModule], exports: [SdsNavigationGroupComponent,
         SdsNavigationRouteLinkComponent,
@@ -178,7 +231,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImpor
             type: NgModule,
             args: [{
                     declarations: [
-                        ...components
+                        ...components,
+                        NavigationRouteActivePipe
                     ],
                     imports: [
                         CommonModule,

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

@@ -1 +1 @@
-{"version":3,"file":"spicainternational-ngx-sds-components-src-lib-navigation.mjs","sources":["../../../projects/ngx-sds-components/src/lib/navigation/navigation-separator/navigation-separator.component.ts","../../../projects/ngx-sds-components/src/lib/navigation/navigation-separator/navigation-separator.component.html","../../../projects/ngx-sds-components/src/lib/navigation/navigation-header/navigation-header.component.ts","../../../projects/ngx-sds-components/src/lib/navigation/navigation-header/navigation-header.component.html","../../../projects/ngx-sds-components/src/lib/navigation/navigation-route-link/navigation-route-link.component.ts","../../../projects/ngx-sds-components/src/lib/navigation/navigation-route-link/navigation-route-link.component.html","../../../projects/ngx-sds-components/src/lib/navigation/navigation-group/navigation-group.component.ts","../../../projects/ngx-sds-components/src/lib/navigation/navigation-group/navigation-group.component.html","../../../projects/ngx-sds-components/src/lib/navigation/navigation-container/navigation-container.component.ts","../../../projects/ngx-sds-components/src/lib/navigation/navigation-container/navigation-container.component.html","../../../projects/ngx-sds-components/src/lib/navigation/navigation-external-link/navigation-external-link.component.ts","../../../projects/ngx-sds-components/src/lib/navigation/navigation-external-link/navigation-external-link.component.html","../../../projects/ngx-sds-components/src/lib/navigation/navigation.module.ts","../../../projects/ngx-sds-components/src/lib/navigation/spicainternational-ngx-sds-components-src-lib-navigation.ts"],"sourcesContent":["import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'sds-navigation-separator',\r\n  templateUrl: './navigation-separator.component.html',\r\n  styleUrls: ['./navigation-separator.component.scss']\r\n})\r\nexport class SdsNavigationSeparatorComponent implements OnInit {\r\n\r\n  constructor() { }\r\n\r\n  ngOnInit(): void {\r\n  }\r\n\r\n}\r\n","<div class=\"sds-navigation-separator nav-separator\"></div>\r\n","import { Component, Input, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n    selector: 'sds-navigation-header',\r\n    templateUrl: './navigation-header.component.html',\r\n    styleUrls: ['./navigation-header.component.scss'],\r\n})\r\nexport class SdsNavigationHeaderComponent implements OnInit {\r\n    @Input() text: string;\r\n\r\n    constructor() {\r\n        this.text = '';\r\n    }\r\n\r\n    ngOnInit(): void {}\r\n}\r\n","<div class=\"sds-navigation-header\">\r\n    {{ text }}\r\n</div>\r\n","import { Component, Input, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n    selector: 'sds-navigation-route-link',\r\n    templateUrl: './navigation-route-link.component.html',\r\n    styleUrls: ['./navigation-route-link.component.scss'],\r\n})\r\nexport class SdsNavigationRouteLinkComponent implements OnInit {\r\n    @Input() routerLink: string = '';\r\n    @Input() text: string = '';\r\n\r\n    @Input() additionalInfo: string | undefined = undefined;\r\n\r\n    constructor() {\r\n    }\r\n\r\n    ngOnInit(): void {}\r\n}\r\n","<!-- class=\"sds-navigation-router-link sidebar-item-x d-flex justify-content-start align-items-center sidebar-item-x py-1\"> -->\r\n<div \r\n    class=\"sds-navigation-router-link sds-navigation-item-container\"\r\n    routerLinkActive=\"active\">\r\n    <a class=\"sds-navigation-item-content w-100\" [routerLink]=\"routerLink\">\r\n        <div class=\"d-flex align-items-center\">\r\n            <div class=\"sds-navigation-icon\" >\r\n                <ng-content select=\"[navigationIcon]\"></ng-content>\r\n            </div>\r\n            <div class=\"sds-navigation-text\">\r\n                {{ text }}\r\n            </div>\r\n            <span *ngIf=\"additionalInfo\"\r\n                class=\"sds-navigation-router-link-additional-info badge badge-pill badge-warning\"\r\n                >{{ additionalInfo }}</span\r\n            > \r\n        </div>\r\n    </a>\r\n</div>","import {\r\n    AfterContentInit,\r\n    Component,\r\n    ContentChildren,\r\n    Input,\r\n    OnInit,\r\n    QueryList,\r\n} from '@angular/core';\r\nimport { NavigationStart, Router } from '@angular/router';\r\nimport { SdsNavigationRouteLinkComponent } from '../navigation-route-link/navigation-route-link.component';\r\n\r\nimport { faAngleUp, faAngleDown } from '@fortawesome/pro-regular-svg-icons';\r\n\r\n\r\n\r\n@Component({\r\n    selector: 'sds-navigation-group',\r\n    templateUrl: './navigation-group.component.html',\r\n    styleUrls: ['./navigation-group.component.scss'],\r\n})\r\nexport class SdsNavigationGroupComponent implements OnInit, AfterContentInit {\r\n    @Input() text: string = '';\r\n    @Input() icon: string = '';\r\n    @Input() defaultRouterLink: string = '';\r\n    @Input() reverse = false;\r\n\r\n    @ContentChildren(SdsNavigationRouteLinkComponent)\r\n    routerLinkComponents: QueryList<SdsNavigationRouteLinkComponent> = new QueryList<SdsNavigationRouteLinkComponent>();\r\n\r\n    active: boolean = false;\r\n\r\n    faAngleUpRegular = faAngleUp;\r\n    faAngleDownRegular = faAngleDown;\r\n\r\n    constructor(private _router: Router) {}\r\n\r\n    ngOnInit(): void {\r\n    }\r\n\r\n    ngAfterContentInit() {\r\n        this._router.events.subscribe((event) => {\r\n            if (event instanceof NavigationStart) {\r\n                this.active =\r\n                    this.routerLinkComponents.find(\r\n                        (item) =>\r\n                            (item as SdsNavigationRouteLinkComponent)\r\n                                .routerLink === event.url\r\n                    ) != null;\r\n            }\r\n        });\r\n    }\r\n\r\n    navigateToDefaultRouterLink() {\r\n        this._router.navigateByUrl(this.defaultRouterLink);\r\n    }\r\n\r\n}\r\n","<div class=\"sds-navigation-group sds-navigation-item-container d-flex\"\r\n    [class.flex-column-reverse]=\"reverse\"\r\n    [class.flex-column]=\"!reverse\"\r\n    [class.active] = \"active\" >\r\n    <a class=\"w-100 sds-navigation-item-content\" style=\"cursor: pointer\"\r\n        (click)=\"navigateToDefaultRouterLink()\">\r\n        \r\n        <div class=\"d-flex align-items-center\">\r\n            <div class=\"sds-navigation-icon\" >\r\n                <ng-content select=\"[navigationIcon]\"></ng-content>\r\n            </div>\r\n            <div class=\"sds-navigation-text\">\r\n                {{ text }}\r\n            </div>\r\n            <div class=\"text-right\">\r\n                <fa-icon *ngIf=\"!reverse\" [icon]=\"faAngleDownRegular\"></fa-icon>\r\n                <fa-icon *ngIf=\"reverse\" [icon]=\"faAngleUpRegular\"></fa-icon>\r\n            </div>\r\n        </div>\r\n    </a>\r\n    <div class=\"sds-navigation-group-items\">\r\n        <ng-content></ng-content>\r\n    </div>\r\n\r\n</div>","import { Component, Input, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n    selector: 'sds-navigation-container',\r\n    templateUrl: './navigation-container.component.html',\r\n    styleUrls: ['./navigation-container.component.scss'],\r\n})\r\nexport class SdsNavigationContainerComponent implements OnInit {\r\n    @Input() product: string;\r\n\r\n    constructor() {\r\n        this.product = 'all-hours';\r\n    }\r\n\r\n    ngOnInit(): void {}\r\n}\r\n","<div \r\n    class=\"sds-navigation-container\"\r\n    [class]=\"'product-' + product\">\r\n    <ng-content></ng-content>\r\n</div>","import { Component, Input, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'sds-navigation-external-link',\r\n  templateUrl: './navigation-external-link.component.html',\r\n  styleUrls: ['./navigation-external-link.component.scss']\r\n})\r\nexport class SdsNavigationExternalLinkComponent implements OnInit {\r\n\r\n    @Input() link: string = '';\r\n    @Input() text: string = '';\r\n    @Input() tabName: string = '_blank'\r\n\r\n\r\n  constructor() { }\r\n\r\n  ngOnInit(): void {\r\n  }\r\n\r\n  openLink(){\r\n    window.open(this.link, this.tabName);\r\n  }\r\n\r\n}\r\n","<!-- class=\"sds-navigation-router-link d-flex justify-content-start align-items-center py-1\"> -->\r\n<div \r\n    class=\"sds-navigation-router-link sds-navigation-item-container\">\r\n    <a class=\"w-100 sds-navigation-item-content\" (click)=\"openLink()\" >\r\n        <div class=\"d-flex align-items-center\">\r\n            <div class=\"sds-navigation-icon\" >\r\n                <ng-content select=\"[navigationIcon]\"></ng-content>\r\n            </div>\r\n            <div class=\"sds-navigation-text\">\r\n                {{ text }}\r\n            </div>\r\n        </div>\r\n    </a>\r\n</div>","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { RouterModule } from '@angular/router';\r\n\r\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\r\n\r\nimport { SdsNavigationSeparatorComponent } from './navigation-separator/navigation-separator.component';\r\nimport { SdsNavigationHeaderComponent } from './navigation-header/navigation-header.component';\r\nimport { SdsNavigationGroupComponent } from './navigation-group/navigation-group.component';\r\nimport { SdsNavigationRouteLinkComponent } from './navigation-route-link/navigation-route-link.component';\r\nimport { SdsNavigationContainerComponent } from './navigation-container/navigation-container.component';\r\nimport { SdsNavigationExternalLinkComponent } from './navigation-external-link/navigation-external-link.component';\r\n\r\n// import { NavigationGroupComponent } from './navigation-group/navigation-group.component';\r\n// import { NavigationRouteLinkComponent } from './navigation-route-link/navigation-route-link.component';\r\n// import { NavigationSeparatorComponent } from './navigation-separator/navigation-separator.component';\r\n// import { NavigationHeaderComponent } from './navigation-header/navigation-header.component';\r\n\r\nconst components = [\r\n    SdsNavigationGroupComponent,\r\n    SdsNavigationRouteLinkComponent,\r\n    SdsNavigationSeparatorComponent,\r\n    SdsNavigationHeaderComponent,\r\n    SdsNavigationContainerComponent,\r\n    SdsNavigationExternalLinkComponent\r\n]\r\n  \r\n@NgModule({\r\n  declarations: [\r\n      ...components\r\n  ],\r\n  imports: [\r\n    CommonModule,\r\n    RouterModule,\r\n    FontAwesomeModule    \r\n  ],\r\n  exports: [\r\n    ...components\r\n  ]\r\n})\r\nexport class SdsNavigationModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i2","i3"],"mappings":"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"}
+{"version":3,"file":"spicainternational-ngx-sds-components-src-lib-navigation.mjs","sources":["../../../projects/ngx-sds-components/src/lib/navigation/navigation-separator/navigation-separator.component.ts","../../../projects/ngx-sds-components/src/lib/navigation/navigation-separator/navigation-separator.component.html","../../../projects/ngx-sds-components/src/lib/navigation/navigation-header/navigation-header.component.ts","../../../projects/ngx-sds-components/src/lib/navigation/navigation-header/navigation-header.component.html","../../../projects/ngx-sds-components/src/lib/navigation/navigation-route-link/navigation-route-link.component.ts","../../../projects/ngx-sds-components/src/lib/navigation/navigation-route-link/navigation-route-link.component.html","../../../projects/ngx-sds-components/src/lib/navigation/pipes/navigation-route-active.pipe.ts","../../../projects/ngx-sds-components/src/lib/navigation/navigation-group/navigation-group.component.ts","../../../projects/ngx-sds-components/src/lib/navigation/navigation-group/navigation-group.component.html","../../../projects/ngx-sds-components/src/lib/navigation/navigation-container/navigation-container.component.ts","../../../projects/ngx-sds-components/src/lib/navigation/navigation-container/navigation-container.component.html","../../../projects/ngx-sds-components/src/lib/navigation/navigation-external-link/navigation-external-link.component.ts","../../../projects/ngx-sds-components/src/lib/navigation/navigation-external-link/navigation-external-link.component.html","../../../projects/ngx-sds-components/src/lib/navigation/navigation.module.ts","../../../projects/ngx-sds-components/src/lib/navigation/spicainternational-ngx-sds-components-src-lib-navigation.ts"],"sourcesContent":["import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'sds-navigation-separator',\r\n  templateUrl: './navigation-separator.component.html',\r\n  styleUrls: ['./navigation-separator.component.scss']\r\n})\r\nexport class SdsNavigationSeparatorComponent implements OnInit {\r\n\r\n  constructor() { }\r\n\r\n  ngOnInit(): void {\r\n  }\r\n\r\n}\r\n","<div class=\"sds-navigation-separator nav-separator\"></div>\r\n","import { Component, Input, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n    selector: 'sds-navigation-header',\r\n    templateUrl: './navigation-header.component.html',\r\n    styleUrls: ['./navigation-header.component.scss'],\r\n})\r\nexport class SdsNavigationHeaderComponent implements OnInit {\r\n    @Input() text: string;\r\n\r\n    constructor() {\r\n        this.text = '';\r\n    }\r\n\r\n    ngOnInit(): void {}\r\n}\r\n","<div class=\"sds-navigation-header\">\r\n    {{ text }}\r\n</div>\r\n","import { Component, Input, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n    selector: 'sds-navigation-route-link',\r\n    templateUrl: './navigation-route-link.component.html',\r\n    styleUrls: ['./navigation-route-link.component.scss'],\r\n})\r\nexport class SdsNavigationRouteLinkComponent implements OnInit {\r\n    @Input() routerLink: string = '';\r\n    @Input() text: string = '';\r\n\r\n    @Input() additionalInfo: string | undefined = undefined;\r\n\r\n    constructor() {\r\n    }\r\n\r\n    ngOnInit(): void {}\r\n}\r\n","<!-- class=\"sds-navigation-router-link sidebar-item-x d-flex justify-content-start align-items-center sidebar-item-x py-1\"> -->\r\n<div \r\n    class=\"sds-navigation-router-link sds-navigation-item-container\"\r\n    routerLinkActive=\"active\">\r\n    <a class=\"sds-navigation-item-content w-100\" [routerLink]=\"routerLink\">\r\n        <div class=\"d-flex align-items-center\">\r\n            <div class=\"sds-navigation-icon\" >\r\n                <ng-content select=\"[navigationIcon]\"></ng-content>\r\n            </div>\r\n            <div class=\"sds-navigation-text\">\r\n                {{ text }}\r\n            </div>\r\n            <span *ngIf=\"additionalInfo\"\r\n                class=\"sds-navigation-router-link-additional-info badge badge-pill badge-warning\"\r\n                >{{ additionalInfo }}</span\r\n            > \r\n        </div>\r\n    </a>\r\n</div>","import { Pipe, PipeTransform } from '@angular/core';\r\n\r\n@Pipe({\r\n  name: 'navigationRouteActive'\r\n})\r\nexport class NavigationRouteActivePipe implements PipeTransform {\r\n\r\n  transform(currentUrl: string[], ...args: unknown[]): boolean {\r\n    if (!currentUrl || currentUrl?.length === 0) {\r\n        return false;\r\n    }\r\n    const nestedRoutes: string[] = args[0] as string[];\r\n    const defaultGroupUrl: string = (args[1] as string).replace('/', '');\r\n\r\n    if (nestedRoutes?.length > 0) {\r\n        // Nested routes are provided. We should find out if current url is on the list of\r\n        // the provided nested routes\r\n        const lastRouteItem = currentUrl.reverse().find((item, index) => index === 0);\r\n\r\n        const routeItemIsPartOfNestedRoutes = nestedRoutes.some((routeName) => routeName === lastRouteItem);\r\n        if (routeItemIsPartOfNestedRoutes) {\r\n            return true;\r\n        }\r\n        console.warn(\r\n            `Nested routes were defined in sds-navigation-group component, however route ${lastRouteItem} is\r\n            not a part of the nested routes list. Maybe you forgot to include it? `\r\n        );\r\n    }\r\n\r\n    const currentUrlContainsGroupUrl = currentUrl.some(path => path === defaultGroupUrl);\r\n    return currentUrlContainsGroupUrl;\r\n  }\r\n\r\n}\r\n","import {\r\n    AfterContentInit,\r\n    Component,\r\n    ContentChildren,\r\n    Input,\r\n    OnDestroy,\r\n    OnInit,\r\n    QueryList,\r\n} from '@angular/core';\r\nimport { NavigationStart, Router } from '@angular/router';\r\nimport { SdsNavigationRouteLinkComponent } from '../navigation-route-link/navigation-route-link.component';\r\n\r\nimport { faAngleUp, faAngleDown } from '@fortawesome/pro-regular-svg-icons';\r\nimport { filter, Subject, takeUntil } from 'rxjs';\r\n\r\n\r\n\r\n@Component({\r\n    selector: 'sds-navigation-group',\r\n    templateUrl: './navigation-group.component.html',\r\n    styleUrls: ['./navigation-group.component.scss'],\r\n})\r\nexport class SdsNavigationGroupComponent implements OnInit, OnDestroy {\r\n    /**\r\n     * List of paths allowed/expected within this module.\r\n     * These are paths that are not accessible through child navigation\r\n     * elements, but through links in other parts of the application (e.g. link\r\n     * on form)\r\n     */\r\n    private _navigationGroupNestedRoutes: string[] = [];\r\n    @Input()\r\n    set navigationGroupNestedRoutes(value: string[]) {\r\n        this._navigationGroupNestedRoutes = value;\r\n    }\r\n    get navigationGroupNestedRoutes() {\r\n        return this._navigationGroupNestedRoutes;\r\n    }\r\n\r\n    @Input() text: string = '';\r\n    @Input() icon: string = '';\r\n    @Input() defaultRouterLink: string = '';\r\n    @Input() reverse = false;\r\n\r\n    @ContentChildren(SdsNavigationRouteLinkComponent)\r\n    routerLinkComponents: QueryList<SdsNavigationRouteLinkComponent> = new QueryList<SdsNavigationRouteLinkComponent>();\r\n\r\n    active: boolean = false;\r\n\r\n    faAngleUpRegular = faAngleUp;\r\n    faAngleDownRegular = faAngleDown;\r\n\r\n    /**\r\n     * Current app URL (e.g. ['layout-showcase', 'default'])\r\n     */\r\n    currentUrl: string[] = [];\r\n\r\n    private _unsubscribe: Subject<void> = new Subject<void>();\r\n\r\n    constructor(private _router: Router) {}\r\n\r\n    ngOnInit(): void {\r\n        this._router.events.pipe(\r\n            filter((event) => event instanceof NavigationStart),\r\n            takeUntil(this._unsubscribe)\r\n        ).subscribe((event) => {\r\n            if (event instanceof NavigationStart) {\r\n                const route: string[] = event.url.split('/').filter(item => item.length > 0)\r\n                this.currentUrl = route;\r\n            }\r\n        });\r\n    }\r\n\r\n    ngOnDestroy(): void {\r\n        this._unsubscribe.next();\r\n        this._unsubscribe.complete();\r\n    }\r\n\r\n    navigateToDefaultRouterLink() {\r\n        this._router.navigateByUrl(this.defaultRouterLink);\r\n    }\r\n\r\n}\r\n","<div class=\"sds-navigation-group sds-navigation-item-container d-flex\"\r\n    [class.flex-column-reverse]=\"reverse\"\r\n    [class.flex-column]=\"!reverse\"\r\n    [class]=\"{'active': currentUrl | navigationRouteActive :navigationGroupNestedRoutes: defaultRouterLink}\">\r\n    <a class=\"w-100 sds-navigation-item-content\" style=\"cursor: pointer\"\r\n        (click)=\"navigateToDefaultRouterLink()\">\r\n\r\n        <div class=\"d-flex align-items-center\">\r\n            <div class=\"sds-navigation-icon\" >\r\n                <ng-content select=\"[navigationIcon]\"></ng-content>\r\n            </div>\r\n            <div class=\"sds-navigation-text\">\r\n                {{ text }}\r\n            </div>\r\n            <div class=\"text-right\">\r\n                <fa-icon *ngIf=\"!reverse\" [icon]=\"faAngleDownRegular\"></fa-icon>\r\n                <fa-icon *ngIf=\"reverse\" [icon]=\"faAngleUpRegular\"></fa-icon>\r\n            </div>\r\n        </div>\r\n    </a>\r\n    <div class=\"sds-navigation-group-items\">\r\n        <ng-content></ng-content>\r\n    </div>\r\n\r\n</div>\r\n","import { Component, Input, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n    selector: 'sds-navigation-container',\r\n    templateUrl: './navigation-container.component.html',\r\n    styleUrls: ['./navigation-container.component.scss'],\r\n})\r\nexport class SdsNavigationContainerComponent implements OnInit {\r\n    @Input() product: string;\r\n\r\n    constructor() {\r\n        this.product = 'all-hours';\r\n    }\r\n\r\n    ngOnInit(): void {}\r\n}\r\n","<div \r\n    class=\"sds-navigation-container\"\r\n    [class]=\"'product-' + product\">\r\n    <ng-content></ng-content>\r\n</div>","import { Component, Input, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'sds-navigation-external-link',\r\n  templateUrl: './navigation-external-link.component.html',\r\n  styleUrls: ['./navigation-external-link.component.scss']\r\n})\r\nexport class SdsNavigationExternalLinkComponent implements OnInit {\r\n\r\n    @Input() link: string = '';\r\n    @Input() text: string = '';\r\n    @Input() tabName: string = '_blank'\r\n\r\n\r\n  constructor() { }\r\n\r\n  ngOnInit(): void {\r\n  }\r\n\r\n  openLink(){\r\n    window.open(this.link, this.tabName);\r\n  }\r\n\r\n}\r\n","<!-- class=\"sds-navigation-router-link d-flex justify-content-start align-items-center py-1\"> -->\r\n<div \r\n    class=\"sds-navigation-router-link sds-navigation-item-container\">\r\n    <a class=\"w-100 sds-navigation-item-content\" (click)=\"openLink()\" >\r\n        <div class=\"d-flex align-items-center\">\r\n            <div class=\"sds-navigation-icon\" >\r\n                <ng-content select=\"[navigationIcon]\"></ng-content>\r\n            </div>\r\n            <div class=\"sds-navigation-text\">\r\n                {{ text }}\r\n            </div>\r\n        </div>\r\n    </a>\r\n</div>","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { RouterModule } from '@angular/router';\r\n\r\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\r\n\r\nimport { SdsNavigationSeparatorComponent } from './navigation-separator/navigation-separator.component';\r\nimport { SdsNavigationHeaderComponent } from './navigation-header/navigation-header.component';\r\nimport { SdsNavigationGroupComponent } from './navigation-group/navigation-group.component';\r\nimport { SdsNavigationRouteLinkComponent } from './navigation-route-link/navigation-route-link.component';\r\nimport { SdsNavigationContainerComponent } from './navigation-container/navigation-container.component';\r\nimport { SdsNavigationExternalLinkComponent } from './navigation-external-link/navigation-external-link.component';\r\nimport { NavigationRouteActivePipe } from './pipes';\r\n\r\n// import { NavigationGroupComponent } from './navigation-group/navigation-group.component';\r\n// import { NavigationRouteLinkComponent } from './navigation-route-link/navigation-route-link.component';\r\n// import { NavigationSeparatorComponent } from './navigation-separator/navigation-separator.component';\r\n// import { NavigationHeaderComponent } from './navigation-header/navigation-header.component';\r\n\r\nconst components = [\r\n    SdsNavigationGroupComponent,\r\n    SdsNavigationRouteLinkComponent,\r\n    SdsNavigationSeparatorComponent,\r\n    SdsNavigationHeaderComponent,\r\n    SdsNavigationContainerComponent,\r\n    SdsNavigationExternalLinkComponent\r\n]\r\n\r\n@NgModule({\r\n  declarations: [\r\n      ...components,\r\n      NavigationRouteActivePipe\r\n  ],\r\n  imports: [\r\n    CommonModule,\r\n    RouterModule,\r\n    FontAwesomeModule\r\n  ],\r\n  exports: [\r\n    ...components\r\n  ]\r\n})\r\nexport class SdsNavigationModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i2","i3","i4.NavigationRouteActivePipe"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spicainternational/ngx-sds-components",
-  "version": "2.23.1",
+  "version": "2.24.0",
   "description": "Spica design system angular components.",
   "peerDependencies": {
     "@angular/common": ">=10.0.0",