npm - mis-crystal-design-system - Versions diffs - 4.0.49 → 4.0.51 - Mend

mis-crystal-design-system 4.0.49 → 4.0.51

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (48) hide show

package/bundles/mis-crystal-design-system-async-search-dropdown.umd.min.js CHANGED Viewed

@@ -1,2 +1,2 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/cdk/overlay"),require("@angular/cdk/portal"),require("@angular/core"),require("@angular/forms"),require("rxjs/operators"),require("@angular/common"),require("mis-crystal-design-system/loader")):"function"==typeof define&&define.amd?define("mis-crystal-design-system/async-search-dropdown",["exports","@angular/cdk/overlay","@angular/cdk/portal","@angular/core","@angular/forms","rxjs/operators","@angular/common","mis-crystal-design-system/loader"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self)["mis-crystal-design-system"]=e["mis-crystal-design-system"]||{},e["mis-crystal-design-system"]["async-search-dropdown"]={}),e.ng.cdk.overlay,e.ng.cdk.portal,e.ng.core,e.ng.forms,e.rxjs.operators,e.ng.common,e["mis-crystal-design-system"].loader)}(this,(function(e,t,n,i,o,s,a,r){"use strict";var l=function(){function e(e,t,n){var s=this;this.overlay=e,this.viewContainerRef=t,this._ngZone=n,this.size="md",this.placeholder="Select",this.debounceTime=400,this.minInputLength=2,this.multi=!1,this.disableCopyPaste=!1,this.onSelect=new i.EventEmitter(!0),this.searchInput=new o.FormControl,this.data=[],this.opened=!1,this.loading=!1,this.error=!1,this.selections=new Map,this.searchQueryChange=new i.EventEmitter,this.clear=new i.EventEmitter(!1),this.itemSelected=new i.EventEmitter,this.itemRemoved=new i.EventEmitter,this.handleControlChanges=function(e){e.forEach((function(e){s.selectData(e,!0)}))}}return e.prototype.ngOnInit=function(){var e,t,n=this;if(this.multi&&!this.uniqueKey)throw new Error("[uniqueKey] required in multi mode.");this.disabled&&this.searchInput.disable(),this.searchSubscription=this.searchInput.valueChanges.pipe(s.tap((function(e){return n.searchQueryChange.emit(e)})),s.debounceTime(this.debounceTime),s.distinctUntilChanged()).subscribe((function(e){n._ngZone.run((function(){var t;(null==e?void 0:e.length)<n.minInputLength||!(null==e?void 0:e.length)?n.closeDropdown():(null==e?void 0:e.length)>n.minInputLength&&n.httpStream&&(n.loading=!0,n.error=!1,(null===(t=n.overlayRef)||void 0===t?void 0:t.hasAttached())||n.openDropdown(n.dd,n.origin.nativeElement),n.httpStream(e).subscribe((function(e){var t;n.loading=!1,n.data=e,!(null===(t=n.overlayRef)||void 0===t?void 0:t.hasAttached())&&e.length>0&&n.openDropdown(n.dd,n.origin.nativeElement)}),(function(e){n.loading=!1,n.error=!0})))}))})),(null===(e=this.control)||void 0===e?void 0:e.value)&&this.handleControlChanges(this.control.value),this.controlSubscription=null===(t=this.control)||void 0===t?void 0:t.valueChanges.subscribe(this.handleControlChanges)},e.prototype.ngOnChanges=function(e){var t;e&&(null===(t=null==e?void 0:e.searchValue)||void 0===t?void 0:t.currentValue)&&this.searchInput.patchValue(e.searchValue.currentValue),e&&e.disabled&&(this.searchInput.enable(),this.disabled&&this.searchInput.disable())},e.prototype.ngOnDestroy=function(){var e,t;null===(e=this.searchSubscription)||void 0===e||e.unsubscribe(),null===(t=this.defaultCallSubscription)||void 0===t||t.unsubscribe()},e.prototype.openDropdown=function(e,i){var o=this,s=this.overlay.position().flexibleConnectedTo(i).withPositions([new t.ConnectionPositionPair({originX:"start",originY:"bottom"},{overlayX:"start",overlayY:"top"}),new t.ConnectionPositionPair({originX:"start",originY:"top"},{overlayX:"start",overlayY:"bottom"})]).withPush(!0),a=new t.OverlayConfig({hasBackdrop:!0,backdropClass:"cdk-overlay-transparent-backdrop",scrollStrategy:this.overlay.scrollStrategies.reposition(),positionStrategy:s,width:i.clientWidth});this.overlayRef=this.overlay.create(a),this.overlayRef.attach(new n.TemplatePortal(e,this.viewContainerRef)),this.overlayRef.backdropClick().subscribe((function(e){o.closeDropdown()}))},e.prototype.closeDropdown=function(){var e;this.opened=!1,null===(e=this.overlayRef)||void 0===e||e.detach(),this.data=[]},e.prototype.selectData=function(e,t){var n=this;void 0===t&&(t=!0),e.disabled||(this.itemSelected.emit(e),this.multi?(this.selections.has(e[this.uniqueKey])||this.selections.set(e[this.uniqueKey],e),this.setControlValue(this.selectedItems),t||setTimeout((function(){n.input.nativeElement.focus(),n.input.nativeElement.scrollIntoView()}),10),this.searchInput.patchValue(""),this.data=[]):(this.searchInput.patchValue(e[this.displayKey],{emitEvent:!1}),this.setControlValue(e)),this.closeDropdown())},e.prototype.removeItem=function(e){this.itemRemoved.emit(e),this.selections.delete(e[this.uniqueKey]),this.setControlValue(this.selectedItems),this.input.nativeElement.focus()},e.prototype.setControlValue=function(e){var t;this.onSelect.emit(e),null===(t=this.control)||void 0===t||t.patchValue(e,{emitEvent:!1})},Object.defineProperty(e.prototype,"selectedItems",{get:function(){return Array.from(this.selections.values())},enumerable:!1,configurable:!0}),e.prototype.removeInputValue=function(){this.searchInput.reset(),this.data=[],this.clear.emit(!0)},e.prototype.defaultCall=function(){var e=this;-1===this.minInputLength&&(this.loading=!0,this.defaultCallSubscription=this.httpStream(this.searchInput.value||"").subscribe((function(t){var n,i;e.loading=!1,e.data=t,!(null===(n=e.overlayRef)||void 0===n?void 0:n.hasAttached())&&(null===(i=e.data)||void 0===i?void 0:i.length)>0&&e.openDropdown(e.dd,e.origin.nativeElement)}),(function(t){e.loading=!1,e.error=!0})))},e}();l.decorators=[{type:i.Component,args:[{selector:"mis-async-search-dropdown",template:'<div class="dd-wrapper" [ngClass]="{ opened: opened, disabled: disabled, readonly: readonly }" #ddBtn>\n  <div class="selected-list" *ngIf="multi && selections.size > 0">\n    <div class="chip" [ngClass]="{\'chip-md\': size === \'md\', \'chip-sm\': size === \'sm\'}" *ngFor="let item of selectedItems">\n      <span [ngClass]="{\'h6\': size === \'md\', \'h8-b\': size === \'sm\'}" style="margin-right: 4px;">{{item[displayKey]}}</span>\n      <span style="cursor: pointer;" (click)="removeItem(item)" [ngStyle]="{\'font-size\': size === \'sm\' ? \'12px\': \'14px\'}" class="ic-navigation-cancel-24"></span>\n    </div>\n  </div>\n  <div class="search-input">\n    <span class="ic-action-search-24"></span>\n    <input *ngIf="disableCopyPaste; else enableCopyPaste" [ngClass]="{\'ip-md\': size === \'md\', \'ip-sm\': size === \'sm\'}" oncopy="return false;" onpaste="return false" oncut="return false" tabindex="0" type="text" class="black-text h6" #input [placeholder]="placeholder" [formControl]="searchInput" (focus)="defaultCall()"/>\n    <ng-template #enableCopyPaste>\n      <input [ngClass]="{\'ip-md\': size === \'md\', \'ip-sm\': size === \'sm\'}" tabindex="0" type="text" class="black-text h6" #input [placeholder]="placeholder" [formControl]="searchInput" (focus)="defaultCall()" />\n    </ng-template>\n    <div class="ic-navigation-cancel-24 croos-icon" *ngIf="searchInput?.value?.length" (click)="removeInputValue()"></div>\n  </div>\n</div>\n\n<ng-template #dd>\n  <div class="dd-list" [ngStyle]="{\'max-height\':height}"  [ngClass]="{\'dd-list-pd\':data.length === 0}" >\n    <ng-container *ngIf="loading">\n      <ng-container\n        *ngIf="customLoader; else defaultLoader"\n        [ngTemplateOutlet]="customLoader"\n      ></ng-container>\n      <ng-template #defaultLoader>\n        <div class="status-container" *ngIf="loading && !customLoader">\n          <mis-loader [mobileView]="true"></mis-loader>\n        </div>\n      </ng-template>\n    </ng-container>\n    <ng-container *ngIf="error">\n      <div class="status-container">\n        <p>Unknown error has occurred, <br> Please try again later.</p>\n      </div>\n    </ng-container>\n    <div *ngIf="!loading && !error && data.length > 0">\n      <ng-container *ngFor="let item of data">\n        <div (click)="selectData(item, false)">\n          <ng-container\n            *ngIf="customItem; else standardItem"\n            [ngTemplateOutlet]="customItem"\n            [ngTemplateOutletContext]="{ $implicit: item }"\n          ></ng-container>\n          <ng-template #standardItem>\n            <div class="item">\n              <div class="value">\n                <div class="primary">\n                  {{ item[displayKey] }}\n                </div>\n                <div class="secondary">\n                  {{ item[secondaryDisplayKey] }}\n                </div>\n              </div>\n            </div>\n          </ng-template>\n        </div>\n      </ng-container>\n    </div>\n    <div *ngIf="!loading && !error && data.length === 0 && searchInput.value">\n      <div class="data-not-found">No Data Available</div>\n  </div>\n  </div>\n</ng-template>\n',styles:[".dd-wrapper{background:#fff;border:1px solid #e0e0e0;box-sizing:border-box;border-radius:4px;display:block;cursor:pointer;outline:none}.dd-wrapper.opened,.dd-wrapper:hover{background:#f5f5f5}.dd-wrapper .selected-list{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:4px;padding:8px 16px}.dd-wrapper:focus-within{border-color:#0937b2;background:#f5f5f5}.dd-wrapper.disabled,.dd-wrapper.readonly{pointer-events:none}.search-input{position:relative;border-radius:8px}.search-input input{box-sizing:border-box;outline:none;padding-left:40px;padding-right:24px;background-color:transparent;color:#181f33;border-radius:inherit;border:1px solid transparent;width:100%}.search-input span{font-size:24px;line-height:24px;height:24px;left:8px;padding-top:2px}.search-input .croos-icon,.search-input span{position:absolute;top:50%;transform:translateY(-50%)}.search-input .croos-icon{font-size:16px;width:24px;line-height:16px;height:16px;right:0}.dd-list{padding:8px 0;max-height:200px;background:#fff;box-shadow:0 12px 24px rgba(0,0,0,.12),0 4px 8px rgba(0,0,0,.12);border-radius:8px;min-width:100%;overflow-y:auto}.dd-list::-webkit-scrollbar{width:8px;border-radius:4px}.dd-list::-webkit-scrollbar-track{background:#fff;border-radius:4px}.dd-list::-webkit-scrollbar-thumb{background:#929dab;border-radius:4px}.dd-list::-webkit-scrollbar-thumb:hover{background:#929dab}.dd-list .item{padding:8px 16px;cursor:pointer}.dd-list .item .disabled{color:#6a737d!important;pointer-events:none}.dd-list .item .value{display:flex;justify-content:space-between;align-items:center}.dd-list .item .value .primary,.dd-list .item .value .secondary{font-style:normal;font-weight:400;font-size:14px;line-height:20px;letter-spacing:.2px;color:#181f33}.dd-list .item .reason{font-weight:400;font-size:14px;line-height:20px;letter-spacing:.2px;color:#6a737d}.dd-list .item:hover:not(.disabled){background:#f5f7fc}.dd-list .data-not-found{display:flex;justify-content:center;align-items:center;font-size:16px;padding:8px}.dd-list-pd{padding:unset}.chip{display:inline-flex;align-items:center;background:#e0e0e0;cursor:default}.chip span{color:#181f33}.chip-md{border-radius:16px;padding:4px 12px}.chip-sm{border-radius:6px;padding:4px 8px;text-transform:uppercase}.ip-md{padding-top:8px;padding-bottom:8px}.ip-sm{padding-top:3px;padding-bottom:3px}.status-container{display:flex;justify-content:center;align-items:center;height:128px}.status-container p{text-align:center}::ng-deep #spinner{position:relative!important}"]}]}],l.ctorParameters=function(){return[{type:t.Overlay},{type:i.ViewContainerRef},{type:i.NgZone}]},l.propDecorators={height:[{type:i.Input}],size:[{type:i.Input}],httpStream:[{type:i.Input}],displayKey:[{type:i.Input}],secondaryDisplayKey:[{type:i.Input}],placeholder:[{type:i.Input}],debounceTime:[{type:i.Input}],minInputLength:[{type:i.Input}],multi:[{type:i.Input}],uniqueKey:[{type:i.Input}],control:[{type:i.Input}],disabled:[{type:i.Input}],readonly:[{type:i.Input}],disableCopyPaste:[{type:i.Input}],origin:[{type:i.ViewChild,args:["ddBtn",{static:!1}]}],input:[{type:i.ViewChild,args:["input",{static:!1}]}],dd:[{type:i.ViewChild,args:["dd",{static:!1}]}],customItem:[{type:i.ContentChild,args:["misCustomItem",{static:!1}]}],customLoader:[{type:i.ContentChild,args:["asyncCustomLoader",{static:!1}]}],onSelect:[{type:i.Output}],selections:[{type:i.Input}],searchValue:[{type:i.Input}],searchQueryChange:[{type:i.Output}],clear:[{type:i.Output}],itemSelected:[{type:i.Output}],itemRemoved:[{type:i.Output}]};var d=function(){};d.decorators=[{type:i.NgModule,args:[{declarations:[l],imports:[a.CommonModule,t.OverlayModule,o.ReactiveFormsModule,o.FormsModule,r.LoaderModule],exports:[l]}]}],e.AsyncDropdownComponent=l,e.AsyncDropdownModule=d,Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/cdk/overlay"),require("@angular/cdk/portal"),require("@angular/core"),require("@angular/forms"),require("rxjs/operators"),require("@angular/common"),require("mis-crystal-design-system/loader")):"function"==typeof define&&define.amd?define("mis-crystal-design-system/async-search-dropdown",["exports","@angular/cdk/overlay","@angular/cdk/portal","@angular/core","@angular/forms","rxjs/operators","@angular/common","mis-crystal-design-system/loader"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self)["mis-crystal-design-system"]=e["mis-crystal-design-system"]||{},e["mis-crystal-design-system"]["async-search-dropdown"]={}),e.ng.cdk.overlay,e.ng.cdk.portal,e.ng.core,e.ng.forms,e.rxjs.operators,e.ng.common,e["mis-crystal-design-system"].loader)}(this,(function(e,t,n,i,o,a,s,r){"use strict";var l=function(){function e(e,t,n){var a=this;this.overlay=e,this.viewContainerRef=t,this._ngZone=n,this.size="md",this.placeholder="Select",this.debounceTime=400,this.minInputLength=2,this.multi=!1,this.disableCopyPaste=!1,this.onSelect=new i.EventEmitter(!0),this.searchInput=new o.FormControl,this.data=[],this.opened=!1,this.loading=!1,this.error=!1,this.selections=new Map,this.searchQueryChange=new i.EventEmitter,this.clear=new i.EventEmitter(!1),this.itemSelected=new i.EventEmitter,this.itemRemoved=new i.EventEmitter,this.handleControlChanges=function(e){e.forEach((function(e){a.selectData(e,!0)}))}}return e.prototype.ngOnInit=function(){var e,t,n=this;if(this.multi&&!this.uniqueKey)throw new Error("[uniqueKey] required in multi mode.");this.disabled&&this.searchInput.disable(),this.searchSubscription=this.searchInput.valueChanges.pipe(a.tap((function(e){return n.searchQueryChange.emit(e)})),a.debounceTime(this.debounceTime),a.distinctUntilChanged()).subscribe((function(e){n._ngZone.run((function(){var t;(null==e?void 0:e.length)<n.minInputLength||!(null==e?void 0:e.length)?n.closeDropdown():(null==e?void 0:e.length)>n.minInputLength&&n.httpStream&&(n.loading=!0,n.error=!1,(null===(t=n.overlayRef)||void 0===t?void 0:t.hasAttached())||n.openDropdown(n.dd,n.origin.nativeElement),n.httpStream(e).subscribe((function(e){var t;n.loading=!1,n.data=e,!(null===(t=n.overlayRef)||void 0===t?void 0:t.hasAttached())&&e.length>0&&n.openDropdown(n.dd,n.origin.nativeElement)}),(function(e){n.loading=!1,n.error=!0})))}))})),(null===(e=this.control)||void 0===e?void 0:e.value)&&this.handleControlChanges(this.control.value),this.controlSubscription=null===(t=this.control)||void 0===t?void 0:t.valueChanges.subscribe(this.handleControlChanges)},e.prototype.ngOnChanges=function(e){var t;e&&(null===(t=null==e?void 0:e.searchValue)||void 0===t?void 0:t.currentValue)&&this.searchInput.patchValue(e.searchValue.currentValue),e&&e.disabled&&(this.searchInput.enable(),this.disabled&&this.searchInput.disable())},e.prototype.ngOnDestroy=function(){var e,t;null===(e=this.searchSubscription)||void 0===e||e.unsubscribe(),null===(t=this.defaultCallSubscription)||void 0===t||t.unsubscribe()},e.prototype.openDropdown=function(e,i){var o=this,a=this.overlay.position().flexibleConnectedTo(i).withPositions([new t.ConnectionPositionPair({originX:"start",originY:"bottom"},{overlayX:"start",overlayY:"top"}),new t.ConnectionPositionPair({originX:"start",originY:"top"},{overlayX:"start",overlayY:"bottom"})]).withPush(!0),s=new t.OverlayConfig({hasBackdrop:!0,backdropClass:"cdk-overlay-transparent-backdrop",scrollStrategy:this.overlay.scrollStrategies.reposition(),positionStrategy:a,width:i.clientWidth});this.overlayRef=this.overlay.create(s),this.overlayRef.attach(new n.TemplatePortal(e,this.viewContainerRef)),this.overlayRef.backdropClick().subscribe((function(e){o.closeDropdown()}))},e.prototype.closeDropdown=function(){var e;this.opened=!1,null===(e=this.overlayRef)||void 0===e||e.detach(),this.data=[]},e.prototype.selectData=function(e,t){var n=this;void 0===t&&(t=!0),e.disabled||(this.itemSelected.emit(e),this.multi?(this.selections.has(e[this.uniqueKey])||this.selections.set(e[this.uniqueKey],e),this.setControlValue(this.selectedItems),t||setTimeout((function(){n.input.nativeElement.focus(),n.input.nativeElement.scrollIntoView()}),10),this.searchInput.patchValue(""),this.data=[]):(this.searchInput.patchValue(e[this.displayKey],{emitEvent:!1}),this.setControlValue(e)),this.closeDropdown())},e.prototype.removeItem=function(e){this.itemRemoved.emit(e),this.selections.delete(e[this.uniqueKey]),this.setControlValue(this.selectedItems),this.input.nativeElement.focus()},e.prototype.setControlValue=function(e){var t;this.onSelect.emit(e),null===(t=this.control)||void 0===t||t.patchValue(e,{emitEvent:!1})},Object.defineProperty(e.prototype,"selectedItems",{get:function(){return Array.from(this.selections.values())},enumerable:!1,configurable:!0}),e.prototype.removeInputValue=function(){this.searchInput.reset(),this.data=[],this.clear.emit(!0)},e.prototype.defaultCall=function(){var e=this;-1===this.minInputLength&&(this.loading=!0,this.defaultCallSubscription=this.httpStream(this.searchInput.value||"").subscribe((function(t){var n,i;e.loading=!1,e.data=t,!(null===(n=e.overlayRef)||void 0===n?void 0:n.hasAttached())&&(null===(i=e.data)||void 0===i?void 0:i.length)>0&&e.openDropdown(e.dd,e.origin.nativeElement)}),(function(t){e.loading=!1,e.error=!0})))},e}();l.decorators=[{type:i.Component,args:[{selector:"mis-async-search-dropdown",template:'<div class="dd-wrapper" [ngClass]="{ opened: opened, disabled: disabled, readonly: readonly }" #ddBtn>\n  <div class="selected-list" *ngIf="multi && selections.size > 0">\n    <div class="chip" [ngClass]="{\'chip-md\': size === \'md\', \'chip-sm\': size === \'sm\'}" *ngFor="let item of selectedItems">\n      <span [ngClass]="{\'h6\': size === \'md\', \'h8-b\': size === \'sm\'}" style="margin-right: 4px;">{{item[displayKey]}}</span>\n      <span style="cursor: pointer;" (click)="removeItem(item)" [ngStyle]="{\'font-size\': size === \'sm\' ? \'12px\': \'14px\'}" class="ic-navigation-cancel-24"></span>\n    </div>\n  </div>\n  <div class="search-input">\n    <span class="ic-action-search-24"></span>\n    <input *ngIf="disableCopyPaste; else enableCopyPaste" [ngClass]="{\'ip-md\': size === \'md\', \'ip-sm\': size === \'sm\'}" oncopy="return false;" onpaste="return false" oncut="return false" tabindex="0" type="text" class="black-text h6" #input [placeholder]="placeholder" [formControl]="searchInput" (focus)="defaultCall()"/>\n    <ng-template #enableCopyPaste>\n      <input [ngClass]="{\'ip-md\': size === \'md\', \'ip-sm\': size === \'sm\'}" tabindex="0" type="text" class="black-text h6" #input [placeholder]="placeholder" [formControl]="searchInput" (focus)="defaultCall()" />\n    </ng-template>\n    <div class="ic-navigation-cancel-24 croos-icon" *ngIf="searchInput?.value?.length" (click)="removeInputValue()"></div>\n  </div>\n</div>\n\n<ng-template #dd>\n  <div class="dd-list" [ngStyle]="{\'max-height\':height}"  [ngClass]="{\'dd-list-pd\':data.length === 0}" >\n    <ng-container *ngIf="loading">\n      <ng-container\n        *ngIf="customLoader; else defaultLoader"\n        [ngTemplateOutlet]="customLoader"\n      ></ng-container>\n      <ng-template #defaultLoader>\n        <div class="status-container" *ngIf="loading && !customLoader">\n          <mis-loader [mobileView]="true"></mis-loader>\n        </div>\n      </ng-template>\n    </ng-container>\n    <ng-container *ngIf="error">\n      <div class="status-container">\n        <p>Unknown error has occurred, <br> Please try again later.</p>\n      </div>\n    </ng-container>\n    <div *ngIf="!loading && !error && data.length > 0">\n      <ng-container *ngFor="let item of data">\n        <div (click)="selectData(item, false)">\n          <ng-container\n            *ngIf="customItem; else standardItem"\n            [ngTemplateOutlet]="customItem"\n            [ngTemplateOutletContext]="{ $implicit: item }"\n          ></ng-container>\n          <ng-template #standardItem>\n            <div class="item">\n              <div class="value">\n                <div class="primary">\n                  {{ item[displayKey] }}\n                </div>\n                <div class="secondary">\n                  {{ item[secondaryDisplayKey] }}\n                </div>\n              </div>\n            </div>\n          </ng-template>\n        </div>\n      </ng-container>\n    </div>\n    <div *ngIf="!loading && !error && data.length === 0 && searchInput.value">\n      <div class="data-not-found">No Data Available</div>\n  </div>\n  </div>\n</ng-template>\n',styles:[".dd-wrapper{background:#fff;border:1px solid #e0e0e0;box-sizing:border-box;border-radius:4px;display:block;cursor:pointer;outline:none}.dd-wrapper.opened,.dd-wrapper:hover{background:#f5f5f5}.dd-wrapper .selected-list{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:4px;padding:8px 16px}.dd-wrapper:focus-within{border-color:#0937b2;background:#f5f5f5}.dd-wrapper.disabled,.dd-wrapper.readonly{pointer-events:none}.search-input{position:relative;border-radius:8px}.search-input input{box-sizing:border-box;outline:none;padding-left:40px;padding-right:24px;background-color:transparent;color:#181f33;border-radius:inherit;border:1px solid transparent;width:100%}.search-input span{font-size:24px;line-height:24px;height:24px;left:8px;padding-top:2px}.search-input .croos-icon,.search-input span{position:absolute;top:50%;transform:translateY(-50%)}.search-input .croos-icon{font-size:16px;width:24px;line-height:16px;height:16px;right:0}.dd-list{padding:8px 0;max-height:200px;background:#fff;box-shadow:0 12px 24px rgba(0,0,0,.12),0 4px 8px rgba(0,0,0,.12);border-radius:8px;min-width:100%;overflow-y:auto}.dd-list::-webkit-scrollbar{width:8px;border-radius:4px}.dd-list::-webkit-scrollbar-track{background:#fff;border-radius:4px}.dd-list::-webkit-scrollbar-thumb{background:#929dab;border-radius:4px}.dd-list::-webkit-scrollbar-thumb:hover{background:#929dab}.dd-list .item{padding:8px 16px;cursor:pointer}.dd-list .item .disabled{color:#6a737d!important;pointer-events:none}.dd-list .item .value{display:flex;justify-content:space-between;align-items:center}.dd-list .item .value .primary,.dd-list .item .value .secondary{font-style:normal;font-weight:400;font-size:14px;line-height:20px;letter-spacing:.2px;color:#181f33}.dd-list .item .reason{font-weight:400;font-size:14px;line-height:20px;letter-spacing:.2px;color:#6a737d}.dd-list .item:hover:not(.disabled){background:#f5f7fc}.dd-list .data-not-found{display:flex;justify-content:center;align-items:center;font-size:16px;padding:8px}.dd-list-pd{padding:unset}.chip{display:inline-flex;align-items:center;background:#e0e0e0;overflow-wrap:anywhere;cursor:default}.chip span{color:#181f33}.chip-md{border-radius:16px;padding:4px 12px}.chip-sm{border-radius:6px;padding:4px 8px;text-transform:uppercase}.ip-md{padding-top:8px;padding-bottom:8px}.ip-sm{padding-top:3px;padding-bottom:3px}.status-container{display:flex;justify-content:center;align-items:center;height:128px}.status-container p{text-align:center}::ng-deep #spinner{position:relative!important}"]}]}],l.ctorParameters=function(){return[{type:t.Overlay},{type:i.ViewContainerRef},{type:i.NgZone}]},l.propDecorators={height:[{type:i.Input}],size:[{type:i.Input}],httpStream:[{type:i.Input}],displayKey:[{type:i.Input}],secondaryDisplayKey:[{type:i.Input}],placeholder:[{type:i.Input}],debounceTime:[{type:i.Input}],minInputLength:[{type:i.Input}],multi:[{type:i.Input}],uniqueKey:[{type:i.Input}],control:[{type:i.Input}],disabled:[{type:i.Input}],readonly:[{type:i.Input}],disableCopyPaste:[{type:i.Input}],origin:[{type:i.ViewChild,args:["ddBtn",{static:!1}]}],input:[{type:i.ViewChild,args:["input",{static:!1}]}],dd:[{type:i.ViewChild,args:["dd",{static:!1}]}],customItem:[{type:i.ContentChild,args:["misCustomItem",{static:!1}]}],customLoader:[{type:i.ContentChild,args:["asyncCustomLoader",{static:!1}]}],onSelect:[{type:i.Output}],selections:[{type:i.Input}],searchValue:[{type:i.Input}],searchQueryChange:[{type:i.Output}],clear:[{type:i.Output}],itemSelected:[{type:i.Output}],itemRemoved:[{type:i.Output}]};var d=function(){};d.decorators=[{type:i.NgModule,args:[{declarations:[l],imports:[s.CommonModule,t.OverlayModule,o.ReactiveFormsModule,o.FormsModule,r.LoaderModule],exports:[l]}]}],e.AsyncDropdownComponent=l,e.AsyncDropdownModule=d,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=mis-crystal-design-system-async-search-dropdown.umd.min.js.map

package/bundles/mis-crystal-design-system-async-search-dropdown.umd.min.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../projects/mis-components/async-search-dropdown/async-dropdown.component.ts","../../../projects/mis-components/async-search-dropdown/async-dropdown.module.ts"],"names":["AsyncDropdownComponent","overlay","viewContainerRef","_ngZone","_this","this","size","placeholder","debounceTime","minInputLength","multi","disableCopyPaste","onSelect","EventEmitter","searchInput","FormControl","data","opened","loading","error","selections","Map","searchQueryChange","clear","itemSelected","itemRemoved","handleControlChanges","values","forEach","el","selectData","prototype","ngOnInit","uniqueKey","Error","disabled","disable","searchSubscription","valueChanges","pipe","tap","val","emit","distinctUntilChanged","subscribe","res","run","length","closeDropdown","httpStream","_a","overlayRef","hasAttached","openDropdown","dd","origin","nativeElement","list","control","value","controlSubscription","_b","ngOnChanges","changes","searchValue","currentValue","patchValue","enable","ngOnDestroy","unsubscribe","defaultCallSubscription","template","positionStrategy","position","flexibleConnectedTo","withPositions","ConnectionPositionPair","originX","originY","overlayX","overlayY","withPush","configs","OverlayConfig","hasBackdrop","backdropClass","scrollStrategy","scrollStrategies","reposition","width","clientWidth","create","attach","TemplatePortal","backdropClick","detach","item","effectedFromOutside","has","set","setControlValue","selectedItems","setTimeout","input","focus","scrollIntoView","displayKey","emitEvent","removeItem","delete","Object","defineProperty","Array","from","removeInputValue","reset","defaultCall","Component","args","selector","Overlay","ViewContainerRef","NgZone","Input","ViewChild","static","ContentChild","Output","NgModule","declarations","imports","CommonModule","OverlayModule","ReactiveFormsModule","FormsModule","LoaderModule","exports"],"mappings":"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","sourcesContent":["import { ConnectionPositionPair, Overlay, OverlayConfig, OverlayRef } from \"@angular/cdk/overlay\";\nimport { TemplatePortal } from \"@angular/cdk/portal\";\nimport {\n AfterViewInit,\n Component,\n ContentChild,\n ElementRef,\n EventEmitter,\n HostListener,\n Input,\n NgZone,\n OnChanges,\n OnDestroy,\n OnInit,\n Output,\n SimpleChanges,\n TemplateRef,\n ViewChild,\n ViewContainerRef\n} from \"@angular/core\";\nimport { AbstractControl, FormControl } from \"@angular/forms\";\nimport { Observable, Subscription } from \"rxjs\";\nimport { debounceTime, distinctUntilChanged, filter, tap } from \"rxjs/operators\";\n\n// tslint:disable-next-line\ntype IListData = any;\n\n@Component({\n selector: \"mis-async-search-dropdown\",\n templateUrl: \"./async-dropdown.component.html\",\n styleUrls: [\"./async-dropdown.component.scss\"]\n})\nexport class AsyncDropdownComponent implements OnInit, OnChanges, OnDestroy {\n constructor(private overlay: Overlay, private viewContainerRef: ViewContainerRef, private _ngZone: NgZone) { }\n @Input() height;\n @Input() size: 'md' \| 'sm' = 'md'\n @Input() httpStream!: (searchKey: string) => Observable<IListData>; // function that returns an httpobservable\n @Input() displayKey!: string; // string to show value in list\n @Input() secondaryDisplayKey!: string; // string to display secondary value\n @Input() placeholder = \"Select\"; // placeholder for input\n @Input() debounceTime = 400; // wait time till which API call is paused\n @Input() minInputLength = 2; // min length after which API call is made\n @Input() multi = false; // maintain a list or emit value\n @Input() uniqueKey: string; // for identifying unique values\n @Input() control: AbstractControl \| null; // form control for reactive forms\n @Input() disabled: boolean; // disable actions on component\n @Input() readonly: boolean; // make component readonly\n @Input() disableCopyPaste: boolean = false;\n @ViewChild(\"ddBtn\", { static: false }) origin: ElementRef;\n @ViewChild(\"input\", { static: false }) input: ElementRef;\n @ViewChild(\"dd\", { static: false }) dd: TemplateRef<Element>;\n @ContentChild(\"misCustomItem\", { static: false })\n customItem: TemplateRef<Element>;\n @ContentChild(\"asyncCustomLoader\", { static: false})\n customLoader: TemplateRef<Element>;\n // tslint:disable-next-line\n @Output() onSelect: EventEmitter<IListData \| IListData[]> = new EventEmitter(true); // emit selected values\n searchInput: FormControl = new FormControl();\n data: IListData[] = [];\n opened = false;\n loading: boolean = false;\n error: boolean = false;\n // tslint:disable-next-line\n @Input() selections: Map<string, any> = new Map();\n private searchSubscription: Subscription;\n private defaultCallSubscription: Subscription;\n private overlayRef: OverlayRef;\n controlSubscription: Subscription \| undefined;\n @Input() searchValue;\n @Output() searchQueryChange = new EventEmitter<string>()\n @Output() clear: EventEmitter<boolean> = new EventEmitter(false);\n @Output() itemSelected = new EventEmitter<IListData>()\n @Output() itemRemoved = new EventEmitter<IListData>()\n ngOnInit(): void {\n if (this.multi && !this.uniqueKey) {\n throw new Error(\"[uniqueKey] required in multi mode.\");\n }\n if (this.disabled) {\n this.searchInput.disable();\n }\n this.searchSubscription = this.searchInput.valueChanges\n .pipe(\n // filter(val => val && val.length >= this.minInputLength),\n tap((val) => this.searchQueryChange.emit(val)),\n debounceTime(this.debounceTime),\n distinctUntilChanged()\n )\n .subscribe(res => {\n this._ngZone.run(() => {\n if (res?.length < this.minInputLength \|\| !res?.length) {\n this.closeDropdown();\n return;\n } else if (res?.length > this.minInputLength && this.httpStream) {\n this.loading = true;\n this.error = false;\n if(!this.overlayRef?.hasAttached())\n this.openDropdown(this.dd, this.origin.nativeElement);\n this.httpStream(res).subscribe(list => {\n this.loading = false;\n this.data = list;\n if (!this.overlayRef?.hasAttached() && list.length > 0) {\n this.openDropdown(this.dd, this.origin.nativeElement);\n }\n }, error => {\n this.loading = false;\n this.error = true;\n });\n }\n })\n });\n if (this.control?.value) {\n this.handleControlChanges(this.control.value);\n }\n this.controlSubscription = this.control?.valueChanges.subscribe(this.handleControlChanges);\n }\n\n ngOnChanges(changes: SimpleChanges): void {\n if (changes && changes?.searchValue?.currentValue) {\n this.searchInput.patchValue(changes.searchValue.currentValue);\n }\n if (changes && changes.disabled) {\n this.searchInput.enable();\n if (this.disabled) {\n this.searchInput.disable();\n }\n }\n }\n\n ngOnDestroy(): void {\n this.searchSubscription?.unsubscribe();\n this.defaultCallSubscription?.unsubscribe();\n }\n\n private handleControlChanges = (values: IListData[]) => {\n values.forEach(el => {\n this.selectData(el, true);\n });\n // tslint:disable-next-line\n };\n\n private openDropdown(template: TemplateRef<Element>, origin: HTMLElement): void {\n const positionStrategy = this.overlay\n .position()\n .flexibleConnectedTo(origin)\n .withPositions([\n new ConnectionPositionPair({ originX: \"start\", originY: \"bottom\" }, { overlayX: \"start\", overlayY: \"top\" }),\n new ConnectionPositionPair({ originX: \"start\", originY: \"top\" }, { overlayX: \"start\", overlayY: \"bottom\" })\n ])\n .withPush(true);\n\n const configs = new OverlayConfig({\n hasBackdrop: true,\n backdropClass: \"cdk-overlay-transparent-backdrop\",\n scrollStrategy: this.overlay.scrollStrategies.reposition(),\n positionStrategy,\n width: origin.clientWidth\n });\n this.overlayRef = this.overlay.create(configs);\n this.overlayRef.attach(new TemplatePortal(template, this.viewContainerRef));\n this.overlayRef.backdropClick().subscribe(res => {\n this.closeDropdown();\n });\n }\n\n /*\n closes the dropdown\n /\n closeDropdown(): void {\n this.opened = false;\n this.overlayRef?.detach();\n this.data = [];\n }\n\n /\n \n * @param item item to select\n * if item property disabled is set to true, selection will be disabled\n * @param effectedFromOutside set to true if calling from parent component, if true will focus on search input\n /\n selectData(item: IListData, effectedFromOutside = true): void {\n if (item.disabled) {\n return;\n }\n this.itemSelected.emit(item)\n if (!this.multi) {\n this.searchInput.patchValue(item[this.displayKey], { emitEvent: false });\n this.setControlValue(item);\n } else {\n if (!this.selections.has(item[this.uniqueKey])) {\n this.selections.set(item[this.uniqueKey], item);\n }\n this.setControlValue(this.selectedItems);\n if (!effectedFromOutside) {\n setTimeout(() => {\n this.input.nativeElement.focus();\n this.input.nativeElement.scrollIntoView();\n }, 10);\n }\n this.searchInput.patchValue(\"\");\n this.data = [];\n }\n this.closeDropdown();\n }\n\n /\n \n * @param item remove item from selected list\n /\n removeItem(item: IListData): void {\n this.itemRemoved.emit(item)\n this.selections.delete(item[this.uniqueKey]);\n this.setControlValue(this.selectedItems);\n // tslint:disable-next-line\n this.input[\"nativeElement\"].focus();\n }\n\n private setControlValue(value: IListData): void {\n this.onSelect.emit(value);\n this.control?.patchValue(value, { emitEvent: false });\n }\n\n /\n @returns list of selected items\n */\n get selectedItems(): Array<IListData> {\n return Array.from(this.selections.values());\n }\n\n removeInputValue() {\n this.searchInput.reset();\n this.data = [];\n this.clear.emit(true);\n }\n defaultCall(): void {\n if (this.minInputLength === -1) {\n this.loading = true;\n this.defaultCallSubscription = this.httpStream(this.searchInput.value \|\| '').subscribe(list => {\n this.loading = false;\n this.data = list;\n if (!this.overlayRef?.hasAttached() && this.data?.length > 0) {\n this.openDropdown(this.dd, this.origin.nativeElement);\n }\n }, error => {\n this.loading = false;\n this.error = true;\n });\n }\n }\n}\n","import { OverlayModule } from \"@angular/cdk/overlay\";\nimport { CommonModule } from \"@angular/common\";\nimport { NgModule } from \"@angular/core\";\nimport { FormsModule, ReactiveFormsModule } from \"@angular/forms\";\nimport { LoaderModule } from \"mis-crystal-design-system/loader\";\nimport { AsyncDropdownComponent } from \"./async-dropdown.component\";\n\n@NgModule({\n declarations: [AsyncDropdownComponent],\n imports: [CommonModule, OverlayModule, ReactiveFormsModule, FormsModule, LoaderModule],\n exports: [AsyncDropdownComponent]\n})\nexport class AsyncDropdownModule {}\n"]}
1	+ {"version":3,"sources":["../../../projects/mis-components/async-search-dropdown/async-dropdown.component.ts","../../../projects/mis-components/async-search-dropdown/async-dropdown.module.ts"],"names":["AsyncDropdownComponent","overlay","viewContainerRef","_ngZone","_this","this","size","placeholder","debounceTime","minInputLength","multi","disableCopyPaste","onSelect","EventEmitter","searchInput","FormControl","data","opened","loading","error","selections","Map","searchQueryChange","clear","itemSelected","itemRemoved","handleControlChanges","values","forEach","el","selectData","prototype","ngOnInit","uniqueKey","Error","disabled","disable","searchSubscription","valueChanges","pipe","tap","val","emit","distinctUntilChanged","subscribe","res","run","length","closeDropdown","httpStream","_a","overlayRef","hasAttached","openDropdown","dd","origin","nativeElement","list","control","value","controlSubscription","_b","ngOnChanges","changes","searchValue","currentValue","patchValue","enable","ngOnDestroy","unsubscribe","defaultCallSubscription","template","positionStrategy","position","flexibleConnectedTo","withPositions","ConnectionPositionPair","originX","originY","overlayX","overlayY","withPush","configs","OverlayConfig","hasBackdrop","backdropClass","scrollStrategy","scrollStrategies","reposition","width","clientWidth","create","attach","TemplatePortal","backdropClick","detach","item","effectedFromOutside","has","set","setControlValue","selectedItems","setTimeout","input","focus","scrollIntoView","displayKey","emitEvent","removeItem","delete","Object","defineProperty","Array","from","removeInputValue","reset","defaultCall","Component","args","selector","Overlay","ViewContainerRef","NgZone","Input","ViewChild","static","ContentChild","Output","NgModule","declarations","imports","CommonModule","OverlayModule","ReactiveFormsModule","FormsModule","LoaderModule","exports"],"mappings":"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","sourcesContent":["import { ConnectionPositionPair, Overlay, OverlayConfig, OverlayRef } from \"@angular/cdk/overlay\";\nimport { TemplatePortal } from \"@angular/cdk/portal\";\nimport {\n AfterViewInit,\n Component,\n ContentChild,\n ElementRef,\n EventEmitter,\n HostListener,\n Input,\n NgZone,\n OnChanges,\n OnDestroy,\n OnInit,\n Output,\n SimpleChanges,\n TemplateRef,\n ViewChild,\n ViewContainerRef\n} from \"@angular/core\";\nimport { AbstractControl, FormControl } from \"@angular/forms\";\nimport { Observable, Subscription } from \"rxjs\";\nimport { debounceTime, distinctUntilChanged, filter, tap } from \"rxjs/operators\";\n\n// tslint:disable-next-line\ntype IListData = any;\n\n@Component({\n selector: \"mis-async-search-dropdown\",\n templateUrl: \"./async-dropdown.component.html\",\n styleUrls: [\"./async-dropdown.component.scss\"]\n})\nexport class AsyncDropdownComponent implements OnInit, OnChanges, OnDestroy {\n constructor(private overlay: Overlay, private viewContainerRef: ViewContainerRef, private _ngZone: NgZone) { }\n @Input() height;\n @Input() size: 'md' \| 'sm' = 'md'\n @Input() httpStream!: (searchKey: string) => Observable<IListData>; // function that returns an httpobservable\n @Input() displayKey!: string; // string to show value in list\n @Input() secondaryDisplayKey!: string; // string to display secondary value\n @Input() placeholder = \"Select\"; // placeholder for input\n @Input() debounceTime = 400; // wait time till which API call is paused\n @Input() minInputLength = 2; // min length after which API call is made\n @Input() multi = false; // maintain a list or emit value\n @Input() uniqueKey: string; // for identifying unique values\n @Input() control: AbstractControl \| null; // form control for reactive forms\n @Input() disabled: boolean; // disable actions on component\n @Input() readonly: boolean; // make component readonly\n @Input() disableCopyPaste: boolean = false;\n @ViewChild(\"ddBtn\", { static: false }) origin: ElementRef;\n @ViewChild(\"input\", { static: false }) input: ElementRef;\n @ViewChild(\"dd\", { static: false }) dd: TemplateRef<Element>;\n @ContentChild(\"misCustomItem\", { static: false })\n customItem: TemplateRef<Element>;\n @ContentChild(\"asyncCustomLoader\", { static: false})\n customLoader: TemplateRef<Element>;\n // tslint:disable-next-line\n @Output() onSelect: EventEmitter<IListData \| IListData[]> = new EventEmitter(true); // emit selected values\n searchInput: FormControl = new FormControl();\n data: IListData[] = [];\n opened = false;\n loading: boolean = false;\n error: boolean = false;\n // tslint:disable-next-line\n @Input() selections: Map<string, any> = new Map();\n private searchSubscription: Subscription;\n private defaultCallSubscription: Subscription;\n private overlayRef: OverlayRef;\n controlSubscription: Subscription \| undefined;\n @Input() searchValue;\n @Output() searchQueryChange = new EventEmitter<string>()\n @Output() clear: EventEmitter<boolean> = new EventEmitter(false);\n @Output() itemSelected = new EventEmitter<IListData>()\n @Output() itemRemoved = new EventEmitter<IListData>()\n ngOnInit(): void {\n if (this.multi && !this.uniqueKey) {\n throw new Error(\"[uniqueKey] required in multi mode.\");\n }\n if (this.disabled) {\n this.searchInput.disable();\n }\n this.searchSubscription = this.searchInput.valueChanges\n .pipe(\n // filter(val => val && val.length >= this.minInputLength),\n tap((val) => this.searchQueryChange.emit(val)),\n debounceTime(this.debounceTime),\n distinctUntilChanged()\n )\n .subscribe(res => {\n this._ngZone.run(() => {\n if (res?.length < this.minInputLength \|\| !res?.length) {\n this.closeDropdown();\n return;\n } else if (res?.length > this.minInputLength && this.httpStream) {\n this.loading = true;\n this.error = false;\n if(!this.overlayRef?.hasAttached())\n this.openDropdown(this.dd, this.origin.nativeElement);\n this.httpStream(res).subscribe(list => {\n this.loading = false;\n this.data = list;\n if (!this.overlayRef?.hasAttached() && list.length > 0) {\n this.openDropdown(this.dd, this.origin.nativeElement);\n }\n }, error => {\n this.loading = false;\n this.error = true;\n });\n }\n })\n });\n if (this.control?.value) {\n this.handleControlChanges(this.control.value);\n }\n this.controlSubscription = this.control?.valueChanges.subscribe(this.handleControlChanges);\n }\n\n ngOnChanges(changes: SimpleChanges): void {\n if (changes && changes?.searchValue?.currentValue) {\n this.searchInput.patchValue(changes.searchValue.currentValue);\n }\n if (changes && changes.disabled) {\n this.searchInput.enable();\n if (this.disabled) {\n this.searchInput.disable();\n }\n }\n }\n\n ngOnDestroy(): void {\n this.searchSubscription?.unsubscribe();\n this.defaultCallSubscription?.unsubscribe();\n }\n\n private handleControlChanges = (values: IListData[]) => {\n values.forEach(el => {\n this.selectData(el, true);\n });\n // tslint:disable-next-line\n };\n\n private openDropdown(template: TemplateRef<Element>, origin: HTMLElement): void {\n const positionStrategy = this.overlay\n .position()\n .flexibleConnectedTo(origin)\n .withPositions([\n new ConnectionPositionPair({ originX: \"start\", originY: \"bottom\" }, { overlayX: \"start\", overlayY: \"top\" }),\n new ConnectionPositionPair({ originX: \"start\", originY: \"top\" }, { overlayX: \"start\", overlayY: \"bottom\" })\n ])\n .withPush(true);\n\n const configs = new OverlayConfig({\n hasBackdrop: true,\n backdropClass: \"cdk-overlay-transparent-backdrop\",\n scrollStrategy: this.overlay.scrollStrategies.reposition(),\n positionStrategy,\n width: origin.clientWidth\n });\n this.overlayRef = this.overlay.create(configs);\n this.overlayRef.attach(new TemplatePortal(template, this.viewContainerRef));\n this.overlayRef.backdropClick().subscribe(res => {\n this.closeDropdown();\n });\n }\n\n /*\n closes the dropdown\n /\n closeDropdown(): void {\n this.opened = false;\n this.overlayRef?.detach();\n this.data = [];\n }\n\n /\n \n * @param item item to select\n * if item property disabled is set to true, selection will be disabled\n * @param effectedFromOutside set to true if calling from parent component, if true will focus on search input\n /\n selectData(item: IListData, effectedFromOutside = true): void {\n if (item.disabled) {\n return;\n }\n this.itemSelected.emit(item)\n if (!this.multi) {\n this.searchInput.patchValue(item[this.displayKey], { emitEvent: false });\n this.setControlValue(item);\n } else {\n if (!this.selections.has(item[this.uniqueKey])) {\n this.selections.set(item[this.uniqueKey], item);\n }\n this.setControlValue(this.selectedItems);\n if (!effectedFromOutside) {\n setTimeout(() => {\n this.input.nativeElement.focus();\n this.input.nativeElement.scrollIntoView();\n }, 10);\n }\n this.searchInput.patchValue(\"\");\n this.data = [];\n }\n this.closeDropdown();\n }\n\n /\n \n * @param item remove item from selected list\n /\n removeItem(item: IListData): void {\n this.itemRemoved.emit(item)\n this.selections.delete(item[this.uniqueKey]);\n this.setControlValue(this.selectedItems);\n // tslint:disable-next-line\n this.input[\"nativeElement\"].focus();\n }\n\n private setControlValue(value: IListData): void {\n this.onSelect.emit(value);\n this.control?.patchValue(value, { emitEvent: false });\n }\n\n /\n @returns list of selected items\n */\n get selectedItems(): Array<IListData> {\n return Array.from(this.selections.values());\n }\n\n removeInputValue() {\n this.searchInput.reset();\n this.data = [];\n this.clear.emit(true);\n }\n defaultCall(): void {\n if (this.minInputLength === -1) {\n this.loading = true;\n this.defaultCallSubscription = this.httpStream(this.searchInput.value \|\| '').subscribe(list => {\n this.loading = false;\n this.data = list;\n if (!this.overlayRef?.hasAttached() && this.data?.length > 0) {\n this.openDropdown(this.dd, this.origin.nativeElement);\n }\n }, error => {\n this.loading = false;\n this.error = true;\n });\n }\n }\n}\n","import { OverlayModule } from \"@angular/cdk/overlay\";\nimport { CommonModule } from \"@angular/common\";\nimport { NgModule } from \"@angular/core\";\nimport { FormsModule, ReactiveFormsModule } from \"@angular/forms\";\nimport { LoaderModule } from \"mis-crystal-design-system/loader\";\nimport { AsyncDropdownComponent } from \"./async-dropdown.component\";\n\n@NgModule({\n declarations: [AsyncDropdownComponent],\n imports: [CommonModule, OverlayModule, ReactiveFormsModule, FormsModule, LoaderModule],\n exports: [AsyncDropdownComponent]\n})\nexport class AsyncDropdownModule {}\n"]}

package/bundles/mis-crystal-design-system-daterangepicker_v2.umd.js CHANGED Viewed

@@ -123,7 +123,6 @@
             if (!((_d = (_c = this.data) === null || _c === void 0 ? void 0 : _c.dpConfig) === null || _d === void 0 ? void 0 : _d.format)) {
                 this.data.dpConfig = Object.assign(Object.assign({}, this.data.dpConfig), { format: DATE_FORMAT });
             }
-            this.arrowUrl = 'assets/arrow__icon.svg';
         }
         TzDrpContainerComponent.prototype.ngOnInit = function () {
             this.currentDateInstance();
@@ -302,8 +301,8 @@
     TzDrpContainerComponent.decorators = [
         { type: core.Component, args: [{
                     selector: "mis-tz-drp",
-                    template: "<div class=\"daterangepicker-container\">\n  <div class=\"daterangepicker-container__view\">\n    <div class=\"datepicker__left\">\n      <div class=\"daterangepicker-container__header__prabu\">\n        <div\n          class=\"daterangepicker-container__arrow__icon\"\n          (click)=\"!isPreviousMonthDisabled && navigateMonth('PREVIOUS')\"\n          [ngClass]=\"{\n            'disabled-month': isPreviousMonthDisabled\n          }\"\n        >\n          <svg width=\"20\" height=\"16\" viewBox=\"0 0 20 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <path\n              d=\"M19.7071 8.70711C20.0976 8.31658 20.0976 7.68342 19.7071 7.29289L13.3431 0.928933C12.9526 0.538409 12.3195 0.538409 11.9289 0.928933C11.5384 1.31946 11.5384 1.95262 11.9289 2.34315L17.5858 8L11.9289 13.6569C11.5384 14.0474 11.5384 14.6805 11.9289 15.0711C12.3195 15.4616 12.9526 15.4616 13.3431 15.0711L19.7071 8.70711ZM-8.74228e-08 9L19 9L19 7L8.74228e-08 7L-8.74228e-08 9Z\"\n              fill=\"#181F33\"\n            ></path>\n          </svg>\n        </div>\n        <span> {{ currentMonth }} {{ currentYearNumber }} </span>\n        <div></div>\n        <!-- Button visible in mobile view -->\n        <div\n          class=\"daterangepicker-container__arrow__icon mobile_view\"\n          (click)=\"!isNextMonthDisabled && navigateMonth('NEXT')\"\n          [ngClass]=\"{\n            'disabled-month': isNextMonthDisabled\n          }\"\n        >\n          <img [src]='arrowUrl' alt=\"arrow-icon-mobile\" />\n        </div>\n      </div>\n      <div class=\"daterangepicker-container__body\">\n        <div class=\"daterangepicker-container__weekdays\">\n          <div class=\"daterangepicker-container__weekday\" *ngFor=\"let weekDay of weekDays\">\n            <span>{{ weekDay.label }}</span>\n          </div>\n        </div>\n        <div class=\"daterangepicker-container__days\">\n          <div\n            class=\"daterangepicker-container__day\"\n            [ngClass]=\"{\n              'selected-same-day': day.isSelectedStartDay && day.isSelectedEndDay,\n              'selected-start-day': day.isSelectedStartDay,\n              'selected-end-day': day.isSelectedEndDay,\n              'disabled-day': day.isDisabledDay,\n              'in-range-day': day.inRangeDay,\n              'is-valid-date': day.date > 0 && !(day.isSelectedStartDay && day.isSelectedEndDay)\n            }\"\n            *ngFor=\"let day of currentMonthDates\"\n            (click)=\"selectDay('LEFT', day)\"\n          >\n            <span *ngIf=\"day.date > 0\">\n              {{ day.date }}\n            </span>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"datepicker__right\">\n      <div class=\"daterangepicker-container__header__prabu\">\n        <div></div>\n        <span> {{ nextMonth }} {{ nextYearNumber }} </span>\n        <div\n          class=\"daterangepicker-container__arrow__icon pc_view\"\n          (click)=\"!isNextMonthDisabled && navigateMonth('NEXT')\"\n          [ngClass]=\"{\n            'disabled-month': isNextMonthDisabled\n          }\"\n        >\n          <svg width=\"20\" height=\"16\" viewBox=\"0 0 20 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <path\n              d=\"M19.7071 8.70711C20.0976 8.31658 20.0976 7.68342 19.7071 7.29289L13.3431 0.928933C12.9526 0.538409 12.3195 0.538409 11.9289 0.928933C11.5384 1.31946 11.5384 1.95262 11.9289 2.34315L17.5858 8L11.9289 13.6569C11.5384 14.0474 11.5384 14.6805 11.9289 15.0711C12.3195 15.4616 12.9526 15.4616 13.3431 15.0711L19.7071 8.70711ZM-8.74228e-08 9L19 9L19 7L8.74228e-08 7L-8.74228e-08 9Z\"\n              fill=\"#181F33\"\n            ></path>\n          </svg>\n        </div>\n      </div>\n      <div class=\"daterangepicker-container__body\">\n        <div class=\"daterangepicker-container__weekdays\">\n          <div class=\"daterangepicker-container__weekday\" *ngFor=\"let weekDay of weekDays\">\n            <span>{{ weekDay.label }}</span>\n          </div>\n        </div>\n        <div class=\"daterangepicker-container__days\">\n          <div\n            class=\"daterangepicker-container__day\"\n            [ngClass]=\"{\n              'selected-same-day': day.isSelectedStartDay && day.isSelectedEndDay,\n              'selected-start-day': day.isSelectedStartDay,\n              'selected-end-day': day.isSelectedEndDay,\n              'disabled-day': day.isDisabledDay,\n              'in-range-day': day.inRangeDay,\n              'is-valid-date': day.date > 0 && !(day.isSelectedStartDay && day.isSelectedEndDay)\n            }\"\n            *ngFor=\"let day of nextMonthDates\"\n            (click)=\"selectDay('RIGHT', day)\"\n          >\n            <span *ngIf=\"day.date > 0\">\n              {{ day.date }}\n            </span>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"daterangepicker__footer\">\n    <button mis-button type=\"none\" id='mobile-footer-btn' (click)=\"cancelDatePicker()\">Cancel</button>\n    <button mis-button type=\"primary\" id=\"mobile-footer-btn\" (click)=\"applyDates()\" [disabled]=\"!isDatesValid\">Apply</button>\n  </div>\n</div>",
-                    styles: [":root{--pmry-200:#99baf7;--pmry-100:#cbddfb;--pmry-500:#0937b2;--pmry-400:#3c68d0;--pmry-600:#062a99;--pmry-700:#041f80;--pmry-300:#638fe7;--pmry-800:#021567;--pmry-900:#010f55;--sec-d-purple:#40447f;--sec-maroon:#6b034e;--sec-mud-red:#b23600;--sec-orange:#ed711c;--sec-purple:#815fd5;--sec-teal:#10adae;--sec-yellow:#d4900c;--sec-green:#547f40;--sec-bright-green:#27d22e;--sec-dark-teal:#035f6b;--sec-chocolate:#7c2f33;--sec-rube-pink:#c13d6d;--sec-cerulean:#0087b2;--sem-error:#b00020;--sem-info:#0091ff;--sem-warning:#ff9d00;--sem-success:#38af49;--grey-bg-1:#fafafa;--grey-bg:#f5f5f5;--grey-seperators:#e0e0e0;--grey-disabled:#c8cdd3;--grey-hover:#f5f7fc;--grey-pressed:#e6ebf7;--grey-row:#f5f7fc;--dec-light-yellow:#f4e7c3;--dec-light-purple:#dacff9;--dec-light-green:#e4f5e9;--dec-light-green2:#f1fff3;--dec-light-pink:#fae1ea;--dec-:#f4cbc1;--dec-lt-orange:#faefed;--dec-light-blue:#cfecf9;--dec-row-selection:#f1fdf8;--dec-row-selection2:#f2fbff;--dec-row-lines:#d3e1e9;--text-white:#fff;--text-disabled:#929dab;--text-muted:#6a737d;--text-black:#181f33;--MR-solid-blue2:#c8d5f6;--MR-solid-purple:#c9c3fb;--MR-solid-orange:#eeac9f;--MR-solid-green:#acdada;--MR-solid-brown:#e8c8af;--MR-solid-yellow:#ffefc7;--MR-solid-blue:#bbe6ff;--MR-solid-pink:#ffc6f2;--tr-hover:#f0f3fa;--tr-pressed:#dae1f3}.daterangepicker-container{background:#fff;border:1px solid #e0e0e0;box-shadow:0 12px 24px rgba(0,0,0,.12),0 4px 8px rgba(0,0,0,.12);border-radius:12px;display:flex;flex-direction:column;font-family:Lato;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media only screen and (max-width:900px){.daterangepicker-container{max-width:100vw;border:none}}.daterangepicker-container .daterangepicker-container__view{display:flex;gap:24px;padding:16px}@media only screen and (max-width:900px){.daterangepicker-container .daterangepicker-container__view{flex-direction:column;align-items:center;position:fixed;bottom:0;width:100%;max-height:52vh;overflow-y:auto;border-radius:30px;gap:24px;padding:35px 0 30%;box-shadow:0 -4px 8px 10000px rgba(0,0,0,.12);scrollbar-width:none;-ms-overflow-style:none}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__view::-webkit-scrollbar{display:none}}.daterangepicker-container .daterangepicker-container__view .datepicker__left,.daterangepicker-container .daterangepicker-container__view .datepicker__right{display:flex;flex-direction:column}@media only screen and (max-width:900px){.daterangepicker-container .daterangepicker-container__view .datepicker__left,.daterangepicker-container .daterangepicker-container__view .datepicker__right{width:90%}}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__header__prabu{display:flex;height:32px;justify-content:space-between;align-items:center;width:100%;padding-bottom:16px}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__header__prabu span{font-size:16px;font-style:normal;font-weight:700;line-height:24px;letter-spacing:.2px;text-align:center}@media only screen and (max-width:900px){.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__header__prabu span{margin:0 auto;font-size:4vw}}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__header__prabu .daterangepicker-container__arrow__icon{height:20px;width:20px;display:flex;align-items:center;justify-content:center;border-radius:4px;padding:4px}@media only screen and (max-width:900px){.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__header__prabu .daterangepicker-container__arrow__icon{padding-right:14px}}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__header__prabu .daterangepicker-container__arrow__icon.disabled-month{opacity:.5;cursor:not-allowed}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__header__prabu .daterangepicker-container__arrow__icon:not(.disabled-month):hover{cursor:pointer;background-color:#cbddfb}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__header__prabu .daterangepicker-container__arrow__icon:first-child{transform:rotate(180deg)}@media only screen and (min-width:900px){.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__header__prabu .mobile_view{display:none}}@media only screen and (max-width:900px){.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__header__prabu .pc_view{display:none}}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body{height:100%;width:252px}@media only screen and (max-width:900px){.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body{width:100%}}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__weekdays{width:100%;display:flex;padding-bottom:10px}@media only screen and (max-width:900px){.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__weekdays{display:flex;flex-direction:row;flex-wrap:wrap;flex:0 0 calc(100% / 7)}}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__weekdays .daterangepicker-container__weekday{width:36px;height:18px;text-align:center}@media only screen and (max-width:900px){.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__weekdays .daterangepicker-container__weekday{margin:0 auto}}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__weekdays .daterangepicker-container__weekday span{font-size:12px;font-style:normal;font-weight:400;line-height:18px;letter-spacing:.2px;text-align:center;color:#6a737d}@media only screen and (max-width:900px){.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__weekdays .daterangepicker-container__weekday span{font-size:3vw}}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__weekdays .daterangepicker-container__weekday span.current-day{font-weight:700;letter-spacing:.25px;color:#181f33}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days{display:flex;flex-wrap:wrap}@media only screen and (max-width:900px){.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days{display:flex;flex-direction:row;flex-wrap:wrap;flex:0 0 calc(100% / 7)}}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .daterangepicker-container__day{width:36px;height:36px;display:flex;align-items:center;justify-content:center}@media only screen and (max-width:900px){.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .daterangepicker-container__day{flex:0 0 calc(100% / 7);width:calc(100% / 7);height:calc(100% / 7);aspect-ratio:1}}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .daterangepicker-container__day:not(.in-range-day):not(.selected-start-day):not(.selected-end-day){border-radius:4px}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .daterangepicker-container__day.disabled-day{cursor:default}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .daterangepicker-container__day.disabled-day:hover{background-color:transparent}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .daterangepicker-container__day.disabled-day>span{color:#6a737d}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .daterangepicker-container__day.is-valid-date:not(.disabled-day):not(.selected-start-day):not(.selected-end-day)>span{color:#181f33}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .daterangepicker-container__day.is-valid-date:not(.disabled-day):not(.selected-start-day):not(.selected-end-day):hover{background-color:#cbddfb;cursor:pointer}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .daterangepicker-container__day span{font-size:14px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.2px;text-align:center;color:#181f33}@media only screen and (max-width:900px){.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .daterangepicker-container__day span{font-size:3.4vw}}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .daterangepicker-container__day span.current-day{font-weight:700;letter-spacing:.25px}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .daterangepicker-container__day span.selected-day{color:#fff}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .daterangepicker-container__day span.disabled-day{color:#6a737d}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .selected-same-day{background-color:#0937b2;border-radius:50%!important}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .selected-same-day>span{color:#fff}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .selected-start-day{background-color:#0937b2;border-radius:20px 4px 4px 20px}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .selected-start-day>span{color:#fff}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .selected-end-day{background-color:#0937b2;border-radius:0 20px 20px 0}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .selected-end-day>span{color:#fff}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .in-range-day:not(.disabled-day){background-color:#cbddfb}.daterangepicker-container .daterangepicker__footer{display:flex;justify-content:flex-end;border-top:1px solid #e0e0e0;padding:16px 24px;gap:24px}@media only screen and (max-width:900px){.daterangepicker-container .daterangepicker__footer{justify-content:space-evenly;padding:16px 0;background-color:#fff;position:fixed;bottom:0;width:100%;height:7vh;border-top:2px solid #c8cdd3}.daterangepicker-container .daterangepicker__footer #mobile-footer-btn{width:36%;font-size:4.4vw}}"]
+                    template: "<div class=\"daterangepicker-container\">\n  <div class=\"daterangepicker-container__view\">\n    <div class=\"datepicker__left\">\n      <div class=\"daterangepicker-container__header__prabu\">\n        <div\n          class=\"daterangepicker-container__arrow__icon\"\n          (click)=\"!isPreviousMonthDisabled && navigateMonth('PREVIOUS')\"\n          [ngClass]=\"{\n            'disabled-month': isPreviousMonthDisabled\n          }\"\n        >\n          <svg width=\"20\" height=\"16\" viewBox=\"0 0 20 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <path\n              d=\"M19.7071 8.70711C20.0976 8.31658 20.0976 7.68342 19.7071 7.29289L13.3431 0.928933C12.9526 0.538409 12.3195 0.538409 11.9289 0.928933C11.5384 1.31946 11.5384 1.95262 11.9289 2.34315L17.5858 8L11.9289 13.6569C11.5384 14.0474 11.5384 14.6805 11.9289 15.0711C12.3195 15.4616 12.9526 15.4616 13.3431 15.0711L19.7071 8.70711ZM-8.74228e-08 9L19 9L19 7L8.74228e-08 7L-8.74228e-08 9Z\"\n              fill=\"#181F33\"\n            ></path>\n          </svg>\n        </div>\n        <span> {{ currentMonth }} {{ currentYearNumber }} </span>\n        <div></div>\n        <!-- Button visible in mobile view -->\n        <div\n          class=\"daterangepicker-container__arrow__icon mobile_view\"\n          (click)=\"!isNextMonthDisabled && navigateMonth('NEXT')\"\n          [ngClass]=\"{\n            'disabled-month': isNextMonthDisabled\n          }\"\n        >\n          <svg width=\"20\" height=\"16\" viewBox=\"0 0 20 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <path\n              d=\"M19.7071 8.70711C20.0976 8.31658 20.0976 7.68342 19.7071 7.29289L13.3431 0.928933C12.9526 0.538409 12.3195 0.538409 11.9289 0.928933C11.5384 1.31946 11.5384 1.95262 11.9289 2.34315L17.5858 8L11.9289 13.6569C11.5384 14.0474 11.5384 14.6805 11.9289 15.0711C12.3195 15.4616 12.9526 15.4616 13.3431 15.0711L19.7071 8.70711ZM-8.74228e-08 9L19 9L19 7L8.74228e-08 7L-8.74228e-08 9Z\"\n              fill=\"#181F33\"\n            ></path>\n          </svg>\n        </div>\n      </div>\n      <div class=\"daterangepicker-container__body\">\n        <div class=\"daterangepicker-container__weekdays\">\n          <div class=\"daterangepicker-container__weekday\" *ngFor=\"let weekDay of weekDays\">\n            <span>{{ weekDay.label }}</span>\n          </div>\n        </div>\n        <div class=\"daterangepicker-container__days\">\n          <div\n            class=\"daterangepicker-container__day\"\n            [ngClass]=\"{\n              'selected-same-day': day.isSelectedStartDay && day.isSelectedEndDay,\n              'selected-start-day': day.isSelectedStartDay,\n              'selected-end-day': day.isSelectedEndDay,\n              'disabled-day': day.isDisabledDay,\n              'in-range-day': day.inRangeDay,\n              'is-valid-date': day.date > 0 && !(day.isSelectedStartDay && day.isSelectedEndDay)\n            }\"\n            *ngFor=\"let day of currentMonthDates\"\n            (click)=\"selectDay('LEFT', day)\"\n          >\n            <span *ngIf=\"day.date > 0\">\n              {{ day.date }}\n            </span>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"datepicker__right\">\n      <div class=\"daterangepicker-container__header__prabu\">\n        <div></div>\n        <span> {{ nextMonth }} {{ nextYearNumber }} </span>\n        <div\n          class=\"daterangepicker-container__arrow__icon pc_view\"\n          (click)=\"!isNextMonthDisabled && navigateMonth('NEXT')\"\n          [ngClass]=\"{\n            'disabled-month': isNextMonthDisabled\n          }\"\n        >\n          <svg width=\"20\" height=\"16\" viewBox=\"0 0 20 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <path\n              d=\"M19.7071 8.70711C20.0976 8.31658 20.0976 7.68342 19.7071 7.29289L13.3431 0.928933C12.9526 0.538409 12.3195 0.538409 11.9289 0.928933C11.5384 1.31946 11.5384 1.95262 11.9289 2.34315L17.5858 8L11.9289 13.6569C11.5384 14.0474 11.5384 14.6805 11.9289 15.0711C12.3195 15.4616 12.9526 15.4616 13.3431 15.0711L19.7071 8.70711ZM-8.74228e-08 9L19 9L19 7L8.74228e-08 7L-8.74228e-08 9Z\"\n              fill=\"#181F33\"\n            ></path>\n          </svg>\n        </div>\n      </div>\n      <div class=\"daterangepicker-container__body\">\n        <div class=\"daterangepicker-container__weekdays\">\n          <div class=\"daterangepicker-container__weekday\" *ngFor=\"let weekDay of weekDays\">\n            <span>{{ weekDay.label }}</span>\n          </div>\n        </div>\n        <div class=\"daterangepicker-container__days\">\n          <div\n            class=\"daterangepicker-container__day\"\n            [ngClass]=\"{\n              'selected-same-day': day.isSelectedStartDay && day.isSelectedEndDay,\n              'selected-start-day': day.isSelectedStartDay,\n              'selected-end-day': day.isSelectedEndDay,\n              'disabled-day': day.isDisabledDay,\n              'in-range-day': day.inRangeDay,\n              'is-valid-date': day.date > 0 && !(day.isSelectedStartDay && day.isSelectedEndDay)\n            }\"\n            *ngFor=\"let day of nextMonthDates\"\n            (click)=\"selectDay('RIGHT', day)\"\n          >\n            <span *ngIf=\"day.date > 0\">\n              {{ day.date }}\n            </span>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"daterangepicker__footer\">\n    <button mis-button type=\"none\" id='mobile-footer-btn' (click)=\"cancelDatePicker()\">Cancel</button>\n    <button mis-button type=\"primary\" id=\"mobile-footer-btn\" (click)=\"applyDates()\" [disabled]=\"!isDatesValid\">Apply</button>\n  </div>\n</div>",
+                    styles: [":root{--pmry-200:#99baf7;--pmry-100:#cbddfb;--pmry-500:#0937b2;--pmry-400:#3c68d0;--pmry-600:#062a99;--pmry-700:#041f80;--pmry-300:#638fe7;--pmry-800:#021567;--pmry-900:#010f55;--sec-d-purple:#40447f;--sec-maroon:#6b034e;--sec-mud-red:#b23600;--sec-orange:#ed711c;--sec-purple:#815fd5;--sec-teal:#10adae;--sec-yellow:#d4900c;--sec-green:#547f40;--sec-bright-green:#27d22e;--sec-dark-teal:#035f6b;--sec-chocolate:#7c2f33;--sec-rube-pink:#c13d6d;--sec-cerulean:#0087b2;--sem-error:#b00020;--sem-info:#0091ff;--sem-warning:#ff9d00;--sem-success:#38af49;--grey-bg-1:#fafafa;--grey-bg:#f5f5f5;--grey-seperators:#e0e0e0;--grey-disabled:#c8cdd3;--grey-hover:#f5f7fc;--grey-pressed:#e6ebf7;--grey-row:#f5f7fc;--dec-light-yellow:#f4e7c3;--dec-light-purple:#dacff9;--dec-light-green:#e4f5e9;--dec-light-green2:#f1fff3;--dec-light-pink:#fae1ea;--dec-:#f4cbc1;--dec-lt-orange:#faefed;--dec-light-blue:#cfecf9;--dec-row-selection:#f1fdf8;--dec-row-selection2:#f2fbff;--dec-row-lines:#d3e1e9;--text-white:#fff;--text-disabled:#929dab;--text-muted:#6a737d;--text-black:#181f33;--MR-solid-blue2:#c8d5f6;--MR-solid-purple:#c9c3fb;--MR-solid-orange:#eeac9f;--MR-solid-green:#acdada;--MR-solid-brown:#e8c8af;--MR-solid-yellow:#ffefc7;--MR-solid-blue:#bbe6ff;--MR-solid-pink:#ffc6f2;--tr-hover:#f0f3fa;--tr-pressed:#dae1f3}.daterangepicker-container{background:#fff;border:1px solid #e0e0e0;box-shadow:0 12px 24px rgba(0,0,0,.12),0 4px 8px rgba(0,0,0,.12);border-radius:12px;display:flex;flex-direction:column;font-family:Lato;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media only screen and (max-width:900px){.daterangepicker-container{max-width:100vw;border:none}}.daterangepicker-container .daterangepicker-container__view{display:flex;gap:24px;padding:16px}@media only screen and (max-width:900px){.daterangepicker-container .daterangepicker-container__view{flex-direction:column;align-items:center;position:fixed;bottom:0;left:0;background-color:#fff;width:100%;max-height:68vh;overflow-y:auto;border-radius:30px;gap:24px;padding:10% 0 30%;box-shadow:0 -4px 8px 10000px rgba(0,0,0,.12);scrollbar-width:none;-ms-overflow-style:none}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__view::-webkit-scrollbar{display:none}}.daterangepicker-container .daterangepicker-container__view .datepicker__left,.daterangepicker-container .daterangepicker-container__view .datepicker__right{display:flex;flex-direction:column}@media only screen and (max-width:900px){.daterangepicker-container .daterangepicker-container__view .datepicker__left,.daterangepicker-container .daterangepicker-container__view .datepicker__right{width:90%}}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__header__prabu{display:flex;height:32px;justify-content:space-between;align-items:center;width:100%;padding-bottom:10%}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__header__prabu span{font-size:16px;font-style:normal;font-weight:700;line-height:24px;letter-spacing:.2px;text-align:center}@media only screen and (max-width:900px){.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__header__prabu span{margin:0 auto;font-size:4vw}}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__header__prabu .daterangepicker-container__arrow__icon{height:20px;width:20px;display:flex;align-items:center;justify-content:center;border-radius:4px;padding:4px}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__header__prabu .daterangepicker-container__arrow__icon.disabled-month{opacity:.5;cursor:not-allowed}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__header__prabu .daterangepicker-container__arrow__icon:not(.disabled-month):hover{cursor:pointer;background-color:#cbddfb}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__header__prabu .daterangepicker-container__arrow__icon:first-child{transform:rotate(180deg)}@media only screen and (max-width:900px){.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__header__prabu .daterangepicker-container__arrow__icon{width:7%}}@media only screen and (min-width:900px){.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__header__prabu .mobile_view{display:none}}@media only screen and (max-width:900px){.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__header__prabu .pc_view{display:none}}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body{height:100%;width:252px}@media only screen and (max-width:900px){.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body{width:100%}}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__weekdays{width:100%;display:flex;padding-bottom:10px}@media only screen and (max-width:900px){.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__weekdays{display:flex;flex-direction:row;flex-wrap:wrap;flex:0 0 calc(100% / 7)}}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__weekdays .daterangepicker-container__weekday{width:36px;height:18px;text-align:center}@media only screen and (max-width:900px){.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__weekdays .daterangepicker-container__weekday{margin:0 auto}}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__weekdays .daterangepicker-container__weekday span{font-size:12px;font-style:normal;font-weight:400;line-height:18px;letter-spacing:.2px;text-align:center;color:#6a737d}@media only screen and (max-width:900px){.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__weekdays .daterangepicker-container__weekday span{font-size:3vw}}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__weekdays .daterangepicker-container__weekday span.current-day{font-weight:700;letter-spacing:.25px;color:#181f33}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days{display:flex;flex-wrap:wrap}@media only screen and (max-width:900px){.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days{display:flex;flex-direction:row;flex-wrap:wrap;flex:0 0 calc(100% / 7)}}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .daterangepicker-container__day{width:36px;height:36px;display:flex;align-items:center;justify-content:center}@media only screen and (max-width:900px){.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .daterangepicker-container__day{flex:0 0 calc(100% / 7);width:calc(100% / 7);height:calc(100% / 7);aspect-ratio:1}}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .daterangepicker-container__day:not(.in-range-day):not(.selected-start-day):not(.selected-end-day){border-radius:4px}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .daterangepicker-container__day.disabled-day{cursor:default}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .daterangepicker-container__day.disabled-day:hover{background-color:transparent}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .daterangepicker-container__day.disabled-day>span{color:#6a737d}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .daterangepicker-container__day.is-valid-date:not(.disabled-day):not(.selected-start-day):not(.selected-end-day)>span{color:#181f33}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .daterangepicker-container__day.is-valid-date:not(.disabled-day):not(.selected-start-day):not(.selected-end-day):hover{background-color:#cbddfb;cursor:pointer}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .daterangepicker-container__day span{font-size:14px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.2px;text-align:center;color:#181f33}@media only screen and (max-width:900px){.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .daterangepicker-container__day span{font-size:3.4vw}}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .daterangepicker-container__day span.current-day{font-weight:700;letter-spacing:.25px}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .daterangepicker-container__day span.selected-day{color:#fff}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .daterangepicker-container__day span.disabled-day{color:#6a737d}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .selected-same-day{background-color:#0937b2;border-radius:50%!important}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .selected-same-day>span{color:#fff}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .selected-start-day{background-color:#0937b2;border-radius:20px 4px 4px 20px}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .selected-start-day>span{color:#fff}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .selected-end-day{background-color:#0937b2;border-radius:0 20px 20px 0}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .selected-end-day>span{color:#fff}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .in-range-day:not(.disabled-day){background-color:#cbddfb}.daterangepicker-container .daterangepicker__footer{display:flex;justify-content:flex-end;border-top:1px solid #e0e0e0;padding:16px 24px;gap:24px}@media only screen and (max-width:900px){.daterangepicker-container .daterangepicker__footer{justify-content:space-evenly;padding:2% 0;background-color:#fff;position:fixed;bottom:0;left:0;width:100%;height:8vh;border-top:2px solid #c8cdd3}.daterangepicker-container .daterangepicker__footer #mobile-footer-btn{width:36%;font-size:4.4vw}}"]
                 },] }
     ];
     TzDrpContainerComponent.ctorParameters = function () { return [

package/bundles/mis-crystal-design-system-daterangepicker_v2.umd.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"mis-crystal-design-system-daterangepicker_v2.umd.js","sources":["../../../projects/mis-components/daterangepicker_v2/daterangepicker-constants.ts","../../../projects/mis-components/daterangepicker_v2/utils/index.ts","../../../projects/mis-components/daterangepicker_v2/tz-drp-container/tz-drp-container.component.ts","../../../projects/mis-components/daterangepicker_v2/tz-daterangepicker.directive.ts","../../../projects/mis-components/daterangepicker_v2/daterangepicker.module.ts","../../../projects/mis-components/daterangepicker_v2/mis-crystal-design-system-daterangepicker_v2.ts"],"sourcesContent":["/** @format /\n\nimport { InjectionToken } from \"@angular/core\";\n\nexport const CONTAINER_DATA = new InjectionToken<{}>(\"CONTAINER_DATA\");\nexport const DATE_FORMAT = \"DD-MM-YYYY\";\n","import { ICurrentMonth } from \"../models/drp-config.model\";\n\nexport const getMonth = (index: number): ICurrentMonth => {\n let month;\n switch (index) {\n case 0:\n month = \"January\";\n break;\n case 1:\n month = \"February\";\n break;\n case 2:\n month = \"March\";\n break;\n case 3:\n month = \"April\";\n break;\n case 4:\n month = \"May\";\n break;\n case 5:\n month = \"June\";\n break;\n case 6:\n month = \"July\";\n break;\n case 7:\n month = \"August\";\n break;\n case 8:\n month = \"September\";\n break;\n case 9:\n month = \"October\";\n break;\n case 10:\n month = \"November\";\n break;\n case 11:\n month = \"December\";\n break;\n default:\n break;\n }\n return month;\n};\n","import { Component, Inject, OnInit } from \"@angular/core\";\nimport { CONTAINER_DATA, DATE_FORMAT } from \"../daterangepicker-constants\";\nimport { ICurrentMonth, ICurrentMonthDates, IDatePickerData, IWeekDay, ISelectedDatesConfig } from \"../models/drp-config.model\";\nimport { parseZone, Moment, tz } from \"moment-timezone\";\nimport { getMonth } from \"../utils\";\nimport { ToastService } from \"mis-crystal-design-system/toast\";\nimport as moment from \"moment\";\n\n@Component({\n selector: \"mis-tz-drp\",\n templateUrl: \"./tz-drp-container.component.html\",\n styleUrls: [\"./tz-drp-container.component.scss\"]\n})\nexport class TzDrpContainerComponent implements OnInit {\n data: IDatePickerData;\n private parseZoneInstance = (...args) => {\n return tz(args[0], args[1], this.data.dpConfig.timezone);\n };\n private rawWeekDays: string[] = [\"SUN\", \"MON\", \"TUE\", \"WED\", \"THU\", \"FRI\", \"SAT\"];\n weekDays: IWeekDay[] = [];\n currentMonthNumber: number;\n currentMonth: ICurrentMonth;\n currentYearNumber: number;\n currentMonthDates: ICurrentMonthDates[] = [];\n nextMonthNumber: number;\n nextMonth: ICurrentMonth;\n nextYearNumber: number;\n nextMonthDates: ICurrentMonthDates[] = [];\n isPreviousMonthDisabled: boolean = false;\n isNextMonthDisabled: boolean = false;\n selectionStarted = false;\n localSelectedDates: ISelectedDatesConfig;\n isDatesValid = false;\n arrowUrl: string;\n constructor(@Inject(CONTAINER_DATA) data: IDatePickerData, private toast: ToastService) {\n this.data = data;\n this.localSelectedDates = this.data.dates;\n this.isDatesValid = false;\n if (this.localSelectedDates.startDate && this.localSelectedDates.endDate) {\n this.isDatesValid = true;\n }\n if (this.data?.dpConfig?.timezone) {\n this.parseZoneInstance = (...args) => {\n return tz(args[0], args[1], this.data.dpConfig.timezone);\n };\n }\n this.currentMonthNumber = this.parseZoneInstance().month();\n this.nextMonthNumber = this.parseZoneInstance().add(1, \"month\").month();\n this.currentMonth = getMonth(this.currentMonthNumber);\n this.nextMonth = getMonth(this.nextMonthNumber);\n this.currentYearNumber = this.parseZoneInstance().year();\n this.nextYearNumber = this.parseZoneInstance().add(1, \"month\").year();\n this.weekDays = this.rawWeekDays.map((day, index) => ({\n label: `${day[0]}${day.slice(1).toLowerCase()}`,\n isCurrentDay: this.parseZoneInstance().day() === index\n }));\n if (!this.data?.dpConfig?.format) {\n this.data.dpConfig = {\n ...this.data.dpConfig,\n format: DATE_FORMAT\n };\n }\n this.arrowUrl = 'assets/arrow__icon.svg';\n }\n\n ngOnInit(): void {\n this.currentDateInstance();\n this.calculateMinMaxDays();\n }\n\n private currentDateInstance(): void {\n if (!this.localSelectedDates?.startDate) {\n this.currentMonthDates = this.generateDates(this.currentMonthNumber, this.currentYearNumber);\n this.nextMonthDates = this.generateDates(this.nextMonthNumber, this.nextYearNumber);\n return;\n }\n const selectedStartDate = this.parseZoneInstance(this.localSelectedDates?.startDate, this.data.dpConfig.format);\n if (selectedStartDate.isValid()) {\n this.currentYearNumber = selectedStartDate.year();\n this.nextYearNumber = selectedStartDate.add(1, \"month\").year();\n this.currentMonthNumber = selectedStartDate.get(\"month\") - 1;\n this.nextMonthNumber = selectedStartDate.add(1, \"month\").month() - 1;\n if(this.currentMonthNumber === -1){\n this.currentMonthNumber = 11\n }\n if(this.nextMonthNumber === -1){\n this.nextMonthNumber = 11\n }\n this.currentMonth = getMonth(this.currentMonthNumber);\n this.nextMonth = getMonth(this.nextMonthNumber);\n }\n this.currentMonthDates = this.generateDates(this.currentMonthNumber, this.currentYearNumber);\n this.nextMonthDates = this.generateDates(this.nextMonthNumber, this.nextYearNumber);\n }\n\n private calculateMinMaxDays() {\n const currentInstance = this.parseZoneInstance().year(this.currentYearNumber).month(this.currentMonthNumber);\n const minDate = this.parseZoneInstance(this.data.dpConfig.minDate, this.data.dpConfig.format);\n if (minDate.isValid()) {\n this.isPreviousMonthDisabled = minDate.isSameOrAfter(currentInstance, \"month\");\n }\n const maxDate = this.parseZoneInstance(this.data.dpConfig.maxDate, this.data.dpConfig.format);\n if (maxDate.isValid()) {\n this.isNextMonthDisabled = maxDate.isSameOrBefore(currentInstance, \"month\");\n }\n }\n\n navigateMonth(direction: \"NEXT\" \| \"PREVIOUS\"): void {\n let thisMonth: Moment = parseZone().year(this.currentYearNumber).month(this.currentMonthNumber);\n if (direction === \"NEXT\") {\n thisMonth = thisMonth.add(1, \"month\");\n } else if (direction === \"PREVIOUS\") {\n thisMonth = thisMonth.subtract(1, \"month\");\n }\n this.currentMonthNumber = thisMonth.month();\n this.nextMonthNumber = thisMonth.clone().add(1, \"month\").month();\n this.currentMonth = getMonth(this.currentMonthNumber);\n this.nextMonth = getMonth(this.nextMonthNumber);\n if (this.nextMonthNumber === 0 && direction === \"PREVIOUS\") {\n this.currentYearNumber--;\n } else if (this.currentMonthNumber === 11 && direction === \"NEXT\") {\n this.nextYearNumber++;\n }else if (this.currentMonthNumber === 0 && direction === \"NEXT\") {\n this.currentYearNumber++;\n } else if (this.nextMonthNumber === 11 && direction === \"PREVIOUS\") {\n this.nextYearNumber--;\n }else{\n this.nextYearNumber = this.currentYearNumber;\n }\n this.currentMonthDates = this.generateDates(this.currentMonthNumber, this.currentYearNumber);\n this.nextMonthDates = this.generateDates(this.nextMonthNumber, this.nextYearNumber);\n this.calculateMinMaxDays();\n }\n\n private generateDates(month: number, currentYearNumber: number): ICurrentMonthDates[] {\n let dates: ICurrentMonthDates[] = [];\n const daysInMonth = parseZone().year(currentYearNumber).month(month).daysInMonth();\n for (let currentDate = 1; currentDate <= daysInMonth; currentDate++) {\n const date = moment().year(currentYearNumber).month(month).date(currentDate);\n const dateString = date.format(this.data.dpConfig.format);\n let isDisabledDay = this.data.datesDisabled.some(d => d === dateString);\n const minDate = this.parseZoneInstance(this.data.dpConfig.minDate, this.data.dpConfig.format);\n if (!isDisabledDay && minDate.isValid()) {\n let Date = this.parseZoneInstance().year(currentYearNumber).month(month).date(currentDate);\n isDisabledDay = minDate.isAfter(Date, \"day\");\n }\n const maxDate = this.parseZoneInstance(this.data.dpConfig.maxDate, this.data.dpConfig.format);\n if (!isDisabledDay && maxDate.isValid()) {\n isDisabledDay = maxDate.isBefore(date, \"day\");\n }\n const isCurrentDay =\n this.parseZoneInstance().year(currentYearNumber).month(month).date(currentDate).format(this.data.dpConfig.format) ===\n this.parseZoneInstance().format(this.data.dpConfig.format);\n const isSelectedStartDay =\n !isDisabledDay &&\n (this.localSelectedDates?.startDate ?? false) &&\n date.format(this.data.dpConfig.format) === this.localSelectedDates?.startDate;\n const isAfterSelectedStartDate = moment(date,this.data?.dpConfig?.format).startOf('day').isAfter(moment(this.localSelectedDates.startDate,this.data?.dpConfig?.format).startOf('day'), 'day');\n\n const isBeforeSelectedEndDate = moment(date,this.data?.dpConfig?.format).startOf('day').isBefore(moment(this.localSelectedDates.endDate,this.data?.dpConfig?.format).startOf('day'), 'day');\n const inRangeDay =\n (this.localSelectedDates.startDate ?? false) &&\n (this.localSelectedDates.endDate ?? false) &&\n isAfterSelectedStartDate &&\n isBeforeSelectedEndDate;\n const isSelectedEndDay =\n !isDisabledDay &&\n ((this.localSelectedDates?.startDate && this.localSelectedDates?.endDate) ?? false) &&\n date.format(this.data.dpConfig.format) === this.localSelectedDates?.endDate;\n dates.push({\n date: currentDate,\n weekDay: date.day(),\n isCurrentDay,\n isSelectedStartDay,\n isSelectedEndDay,\n inRangeDay,\n toastMessage: this.data.messages.find(q => date.format(this.data.dpConfig.format) === q.date)?.message \|\| \"\",\n isDisabledDay\n });\n }\n for (let i = dates[0].weekDay; i > 0; i--) {\n dates.unshift({ date: 0, weekDay: i - 1 });\n }\n return dates;\n }\n\n selectDay(from: \"LEFT\" \| \"RIGHT\", day: ICurrentMonthDates) {\n if (day.date <= 0) return;\n if (!day.isDisabledDay) {\n if (this.selectionStarted) {\n \n const momentDay = parseZone()\n .year(from === \"LEFT\" ? this.currentYearNumber : this.nextYearNumber)\n .month(from === \"LEFT\" ? this.currentMonthNumber : this.nextMonthNumber)\n .date(day.date);\n if (momentDay.isBefore(this.localSelectedDates.startDate, \"day\")) {\n this.localSelectedDates = {\n startDate: momentDay.format(this.data.dpConfig.format),\n endDate: null\n };\n\n this.currentMonthDates = this.generateDates(this.currentMonthNumber, this.currentYearNumber);\n this.nextMonthDates = this.generateDates(this.nextMonthNumber, this.nextYearNumber);\n return;\n }\n this.selectionStarted = false;\n this.localSelectedDates = {\n ...this.localSelectedDates,\n endDate: momentDay.format(this.data.dpConfig.format)\n };\n } else {\n this.selectionStarted = true;\n this.localSelectedDates = {\n startDate: parseZone()\n .year(from === \"LEFT\" ? this.currentYearNumber : this.nextYearNumber)\n .month(from === \"LEFT\" ? this.currentMonthNumber : this.nextMonthNumber)\n .date(day.date)\n .format(this.data.dpConfig.format),\n endDate: null\n };\n }\n this.currentMonthDates = this.generateDates(this.currentMonthNumber, this.currentYearNumber);\n this.nextMonthDates = this.generateDates(this.nextMonthNumber, this.nextYearNumber);\n this.isDatesValid = false;\n if (this.localSelectedDates.startDate && this.localSelectedDates.endDate) {\n this.isDatesValid = true;\n }\n }\n if (day.toastMessage) {\n this.toast.displayMsg(day.toastMessage, 4000);\n }\n }\n applyDates() {\n this.data.dateChange(this.localSelectedDates);\n }\n cancelDatePicker() {\n this.data.close();\n }\n}\n","import { Overlay, OverlayConfig, OverlayRef } from \"@angular/cdk/overlay\";\nimport { ComponentPortal } from \"@angular/cdk/portal\";\nimport { Directive, ElementRef, EventEmitter, HostListener, Injector, Input, Optional, Output, Self, ViewContainerRef } from \"@angular/core\";\nimport { NgControl } from \"@angular/forms\";\nimport { take } from \"rxjs/operators\";\nimport { genPositionPairs } from \"mis-crystal-design-system/utils\";\nimport { CONTAINER_DATA, DATE_FORMAT } from \"./daterangepicker-constants\";\nimport { IDatePickerConfig, IDatePickerToastText, ISelectedDatesConfig } from \"./models/drp-config.model\";\nimport { TzDrpContainerComponent } from \"./tz-drp-container/tz-drp-container.component\";\n\n@Directive({\n selector: \"input[misTzDrp]\"\n})\nexport class TzDaterangepickerDirective {\n @Input() dpConfig: Partial<IDatePickerConfig> = {\n format: DATE_FORMAT,\n minDate: \"\",\n maxDate: \"\"\n };\n // dd-mm-yyyy 01-12-2022\n @Input() set selectedDates(dates: ISelectedDatesConfig) {\n this.dates = { startDate: null, endDate: null, ...dates };\n }\n @Input() set datesDisabled(dates: string[]) {\n this.dpDisabledDates = dates;\n }\n @Input() dateMessages: IDatePickerToastText[] = [];\n @Input() positionX: \"start\" \| \"center\" \| \"end\" = \"center\";\n @Input() positionY: \"top\" \| \"center\" \| \"bottom\" = \"bottom\";\n @Input() offsetX: number = 0;\n @Input() offsetY: number = 0;\n private overlayRef: OverlayRef;\n @Output() dateChange = new EventEmitter<ISelectedDatesConfig>(true);\n private isOpen = false;\n dates: ISelectedDatesConfig;\n\n private dpDisabledDates: string[] = [];\n\n constructor(\n @Self() @Optional() private control: NgControl,\n private element: ElementRef,\n private overlay: Overlay,\n private viewContainerRef: ViewContainerRef\n ) {}\n\n @HostListener(\"click\")\n toggleDatePicker() {\n if (this.isOpen) {\n this.close();\n } else {\n this.open();\n }\n }\n\n private open() {\n this.isOpen = true;\n const positionStrategy = this.overlay\n .position()\n .flexibleConnectedTo(this.element)\n .withPositions(\n genPositionPairs(\n {\n positionX: this.positionX,\n positionY: this.positionY,\n offsetX: this.offsetX,\n offsetY: this.offsetY\n },\n true\n )\n )\n .withPush(true);\n const config = new OverlayConfig({\n hasBackdrop: true,\n positionStrategy,\n scrollStrategy: this.overlay.scrollStrategies.reposition(),\n backdropClass: \"cdk-overlay-transparent-backdrop\"\n });\n this.overlayRef = this.overlay.create(config);\n const tempRef = new ComponentPortal(\n TzDrpContainerComponent,\n this.viewContainerRef,\n Injector.create({\n providers: [\n {\n provide: CONTAINER_DATA,\n useValue: {\n messages: this.dateMessages,\n dates: this.control?.control.value \|\| this.dates,\n dpConfig: this.dpConfig,\n datesDisabled: this.dpDisabledDates,\n dateChange: this.applyDate.bind(this),\n close: this.close.bind(this)\n }\n }\n ]\n })\n );\n this.overlayRef.attach(tempRef);\n this.overlayRef\n .backdropClick()\n .pipe(take(1))\n .subscribe(() => {\n this.close();\n });\n }\n\n applyDate(dates: ISelectedDatesConfig) {\n this.dateChange.emit(dates);\n this.control?.control.patchValue(dates);\n this.dates = dates;\n this.close();\n }\n\n close() {\n this.isOpen = false;\n this.overlayRef.detach();\n this.overlayRef.dispose();\n }\n}\n","import { NgModule } from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\nimport { TzDrpContainerComponent } from \"./tz-drp-container/tz-drp-container.component\";\nimport { TzDaterangepickerDirective } from \"./tz-daterangepicker.directive\";\nimport { ToastModule } from \"mis-crystal-design-system/toast\";\nimport { ButtonModule } from \"mis-crystal-design-system/button\";\nimport { OverlayModule } from \"@angular/cdk/overlay\";\n\n@NgModule({\n declarations: [TzDrpContainerComponent, TzDaterangepickerDirective],\n imports: [CommonModule, OverlayModule, ToastModule.forRoot(), ButtonModule.forRoot()],\n exports: [TzDrpContainerComponent, TzDaterangepickerDirective],\n entryComponents: [TzDrpContainerComponent]\n})\nexport class DateRangepickerModuleV2 {}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n\nexport {CONTAINER_DATA as ɵc} from './daterangepicker-constants';\nexport {IDatePickerData as ɵa} from './models/drp-config.model';\nexport {TzDrpContainerComponent as ɵb} from './tz-drp-container/tz-drp-container.component';"],"names":["InjectionToken","tz","parseZone","moment","Component","Inject","ToastService","EventEmitter","genPositionPairs","OverlayConfig","ComponentPortal","Injector","take","Directive","NgControl","Self","Optional","ElementRef","Overlay","ViewContainerRef","Input","Output","HostListener","NgModule","CommonModule","OverlayModule","ToastModule","ButtonModule"],"mappings":"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"}
1	+ {"version":3,"file":"mis-crystal-design-system-daterangepicker_v2.umd.js","sources":["../../../projects/mis-components/daterangepicker_v2/daterangepicker-constants.ts","../../../projects/mis-components/daterangepicker_v2/utils/index.ts","../../../projects/mis-components/daterangepicker_v2/tz-drp-container/tz-drp-container.component.ts","../../../projects/mis-components/daterangepicker_v2/tz-daterangepicker.directive.ts","../../../projects/mis-components/daterangepicker_v2/daterangepicker.module.ts","../../../projects/mis-components/daterangepicker_v2/mis-crystal-design-system-daterangepicker_v2.ts"],"sourcesContent":["/** @format /\n\nimport { InjectionToken } from \"@angular/core\";\n\nexport const CONTAINER_DATA = new InjectionToken<{}>(\"CONTAINER_DATA\");\nexport const DATE_FORMAT = \"DD-MM-YYYY\";\n","import { ICurrentMonth } from \"../models/drp-config.model\";\n\nexport const getMonth = (index: number): ICurrentMonth => {\n let month;\n switch (index) {\n case 0:\n month = \"January\";\n break;\n case 1:\n month = \"February\";\n break;\n case 2:\n month = \"March\";\n break;\n case 3:\n month = \"April\";\n break;\n case 4:\n month = \"May\";\n break;\n case 5:\n month = \"June\";\n break;\n case 6:\n month = \"July\";\n break;\n case 7:\n month = \"August\";\n break;\n case 8:\n month = \"September\";\n break;\n case 9:\n month = \"October\";\n break;\n case 10:\n month = \"November\";\n break;\n case 11:\n month = \"December\";\n break;\n default:\n break;\n }\n return month;\n};\n","import { Component, Inject, OnInit } from \"@angular/core\";\nimport { CONTAINER_DATA, DATE_FORMAT } from \"../daterangepicker-constants\";\nimport { ICurrentMonth, ICurrentMonthDates, IDatePickerData, IWeekDay, ISelectedDatesConfig } from \"../models/drp-config.model\";\nimport { parseZone, Moment, tz } from \"moment-timezone\";\nimport { getMonth } from \"../utils\";\nimport { ToastService } from \"mis-crystal-design-system/toast\";\nimport as moment from \"moment\";\n\n@Component({\n selector: \"mis-tz-drp\",\n templateUrl: \"./tz-drp-container.component.html\",\n styleUrls: [\"./tz-drp-container.component.scss\"]\n})\nexport class TzDrpContainerComponent implements OnInit {\n data: IDatePickerData;\n private parseZoneInstance = (...args) => {\n return tz(args[0], args[1], this.data.dpConfig.timezone);\n };\n private rawWeekDays: string[] = [\"SUN\", \"MON\", \"TUE\", \"WED\", \"THU\", \"FRI\", \"SAT\"];\n weekDays: IWeekDay[] = [];\n currentMonthNumber: number;\n currentMonth: ICurrentMonth;\n currentYearNumber: number;\n currentMonthDates: ICurrentMonthDates[] = [];\n nextMonthNumber: number;\n nextMonth: ICurrentMonth;\n nextYearNumber: number;\n nextMonthDates: ICurrentMonthDates[] = [];\n isPreviousMonthDisabled: boolean = false;\n isNextMonthDisabled: boolean = false;\n selectionStarted = false;\n localSelectedDates: ISelectedDatesConfig;\n isDatesValid = false;\n constructor(@Inject(CONTAINER_DATA) data: IDatePickerData, private toast: ToastService) {\n this.data = data;\n this.localSelectedDates = this.data.dates;\n this.isDatesValid = false;\n if (this.localSelectedDates.startDate && this.localSelectedDates.endDate) {\n this.isDatesValid = true;\n }\n if (this.data?.dpConfig?.timezone) {\n this.parseZoneInstance = (...args) => {\n return tz(args[0], args[1], this.data.dpConfig.timezone);\n };\n }\n this.currentMonthNumber = this.parseZoneInstance().month();\n this.nextMonthNumber = this.parseZoneInstance().add(1, \"month\").month();\n this.currentMonth = getMonth(this.currentMonthNumber);\n this.nextMonth = getMonth(this.nextMonthNumber);\n this.currentYearNumber = this.parseZoneInstance().year();\n this.nextYearNumber = this.parseZoneInstance().add(1, \"month\").year();\n this.weekDays = this.rawWeekDays.map((day, index) => ({\n label: `${day[0]}${day.slice(1).toLowerCase()}`,\n isCurrentDay: this.parseZoneInstance().day() === index\n }));\n if (!this.data?.dpConfig?.format) {\n this.data.dpConfig = {\n ...this.data.dpConfig,\n format: DATE_FORMAT\n };\n }\n }\n\n ngOnInit(): void {\n this.currentDateInstance();\n this.calculateMinMaxDays();\n }\n\n private currentDateInstance(): void {\n if (!this.localSelectedDates?.startDate) {\n this.currentMonthDates = this.generateDates(this.currentMonthNumber, this.currentYearNumber);\n this.nextMonthDates = this.generateDates(this.nextMonthNumber, this.nextYearNumber);\n return;\n }\n const selectedStartDate = this.parseZoneInstance(this.localSelectedDates?.startDate, this.data.dpConfig.format);\n if (selectedStartDate.isValid()) {\n this.currentYearNumber = selectedStartDate.year();\n this.nextYearNumber = selectedStartDate.add(1, \"month\").year();\n this.currentMonthNumber = selectedStartDate.get(\"month\") - 1;\n this.nextMonthNumber = selectedStartDate.add(1, \"month\").month() - 1;\n if(this.currentMonthNumber === -1){\n this.currentMonthNumber = 11\n }\n if(this.nextMonthNumber === -1){\n this.nextMonthNumber = 11\n }\n this.currentMonth = getMonth(this.currentMonthNumber);\n this.nextMonth = getMonth(this.nextMonthNumber);\n }\n this.currentMonthDates = this.generateDates(this.currentMonthNumber, this.currentYearNumber);\n this.nextMonthDates = this.generateDates(this.nextMonthNumber, this.nextYearNumber);\n }\n\n private calculateMinMaxDays() {\n const currentInstance = this.parseZoneInstance().year(this.currentYearNumber).month(this.currentMonthNumber);\n const minDate = this.parseZoneInstance(this.data.dpConfig.minDate, this.data.dpConfig.format);\n if (minDate.isValid()) {\n this.isPreviousMonthDisabled = minDate.isSameOrAfter(currentInstance, \"month\");\n }\n const maxDate = this.parseZoneInstance(this.data.dpConfig.maxDate, this.data.dpConfig.format);\n if (maxDate.isValid()) {\n this.isNextMonthDisabled = maxDate.isSameOrBefore(currentInstance, \"month\");\n }\n }\n\n navigateMonth(direction: \"NEXT\" \| \"PREVIOUS\"): void {\n let thisMonth: Moment = parseZone().year(this.currentYearNumber).month(this.currentMonthNumber);\n if (direction === \"NEXT\") {\n thisMonth = thisMonth.add(1, \"month\");\n } else if (direction === \"PREVIOUS\") {\n thisMonth = thisMonth.subtract(1, \"month\");\n }\n this.currentMonthNumber = thisMonth.month();\n this.nextMonthNumber = thisMonth.clone().add(1, \"month\").month();\n this.currentMonth = getMonth(this.currentMonthNumber);\n this.nextMonth = getMonth(this.nextMonthNumber);\n if (this.nextMonthNumber === 0 && direction === \"PREVIOUS\") {\n this.currentYearNumber--;\n } else if (this.currentMonthNumber === 11 && direction === \"NEXT\") {\n this.nextYearNumber++;\n }else if (this.currentMonthNumber === 0 && direction === \"NEXT\") {\n this.currentYearNumber++;\n } else if (this.nextMonthNumber === 11 && direction === \"PREVIOUS\") {\n this.nextYearNumber--;\n }else{\n this.nextYearNumber = this.currentYearNumber;\n }\n this.currentMonthDates = this.generateDates(this.currentMonthNumber, this.currentYearNumber);\n this.nextMonthDates = this.generateDates(this.nextMonthNumber, this.nextYearNumber);\n this.calculateMinMaxDays();\n }\n\n private generateDates(month: number, currentYearNumber: number): ICurrentMonthDates[] {\n let dates: ICurrentMonthDates[] = [];\n const daysInMonth = parseZone().year(currentYearNumber).month(month).daysInMonth();\n for (let currentDate = 1; currentDate <= daysInMonth; currentDate++) {\n const date = moment().year(currentYearNumber).month(month).date(currentDate);\n const dateString = date.format(this.data.dpConfig.format);\n let isDisabledDay = this.data.datesDisabled.some(d => d === dateString);\n const minDate = this.parseZoneInstance(this.data.dpConfig.minDate, this.data.dpConfig.format);\n if (!isDisabledDay && minDate.isValid()) {\n let Date = this.parseZoneInstance().year(currentYearNumber).month(month).date(currentDate);\n isDisabledDay = minDate.isAfter(Date, \"day\");\n }\n const maxDate = this.parseZoneInstance(this.data.dpConfig.maxDate, this.data.dpConfig.format);\n if (!isDisabledDay && maxDate.isValid()) {\n isDisabledDay = maxDate.isBefore(date, \"day\");\n }\n const isCurrentDay =\n this.parseZoneInstance().year(currentYearNumber).month(month).date(currentDate).format(this.data.dpConfig.format) ===\n this.parseZoneInstance().format(this.data.dpConfig.format);\n const isSelectedStartDay =\n !isDisabledDay &&\n (this.localSelectedDates?.startDate ?? false) &&\n date.format(this.data.dpConfig.format) === this.localSelectedDates?.startDate;\n const isAfterSelectedStartDate = moment(date,this.data?.dpConfig?.format).startOf('day').isAfter(moment(this.localSelectedDates.startDate,this.data?.dpConfig?.format).startOf('day'), 'day');\n\n const isBeforeSelectedEndDate = moment(date,this.data?.dpConfig?.format).startOf('day').isBefore(moment(this.localSelectedDates.endDate,this.data?.dpConfig?.format).startOf('day'), 'day');\n const inRangeDay =\n (this.localSelectedDates.startDate ?? false) &&\n (this.localSelectedDates.endDate ?? false) &&\n isAfterSelectedStartDate &&\n isBeforeSelectedEndDate;\n const isSelectedEndDay =\n !isDisabledDay &&\n ((this.localSelectedDates?.startDate && this.localSelectedDates?.endDate) ?? false) &&\n date.format(this.data.dpConfig.format) === this.localSelectedDates?.endDate;\n dates.push({\n date: currentDate,\n weekDay: date.day(),\n isCurrentDay,\n isSelectedStartDay,\n isSelectedEndDay,\n inRangeDay,\n toastMessage: this.data.messages.find(q => date.format(this.data.dpConfig.format) === q.date)?.message \|\| \"\",\n isDisabledDay\n });\n }\n for (let i = dates[0].weekDay; i > 0; i--) {\n dates.unshift({ date: 0, weekDay: i - 1 });\n }\n return dates;\n }\n\n selectDay(from: \"LEFT\" \| \"RIGHT\", day: ICurrentMonthDates) {\n if (day.date <= 0) return;\n if (!day.isDisabledDay) {\n if (this.selectionStarted) {\n \n const momentDay = parseZone()\n .year(from === \"LEFT\" ? this.currentYearNumber : this.nextYearNumber)\n .month(from === \"LEFT\" ? this.currentMonthNumber : this.nextMonthNumber)\n .date(day.date);\n if (momentDay.isBefore(this.localSelectedDates.startDate, \"day\")) {\n this.localSelectedDates = {\n startDate: momentDay.format(this.data.dpConfig.format),\n endDate: null\n };\n\n this.currentMonthDates = this.generateDates(this.currentMonthNumber, this.currentYearNumber);\n this.nextMonthDates = this.generateDates(this.nextMonthNumber, this.nextYearNumber);\n return;\n }\n this.selectionStarted = false;\n this.localSelectedDates = {\n ...this.localSelectedDates,\n endDate: momentDay.format(this.data.dpConfig.format)\n };\n } else {\n this.selectionStarted = true;\n this.localSelectedDates = {\n startDate: parseZone()\n .year(from === \"LEFT\" ? this.currentYearNumber : this.nextYearNumber)\n .month(from === \"LEFT\" ? this.currentMonthNumber : this.nextMonthNumber)\n .date(day.date)\n .format(this.data.dpConfig.format),\n endDate: null\n };\n }\n this.currentMonthDates = this.generateDates(this.currentMonthNumber, this.currentYearNumber);\n this.nextMonthDates = this.generateDates(this.nextMonthNumber, this.nextYearNumber);\n this.isDatesValid = false;\n if (this.localSelectedDates.startDate && this.localSelectedDates.endDate) {\n this.isDatesValid = true;\n }\n }\n if (day.toastMessage) {\n this.toast.displayMsg(day.toastMessage, 4000);\n }\n }\n applyDates() {\n this.data.dateChange(this.localSelectedDates);\n }\n cancelDatePicker() {\n this.data.close();\n }\n}\n","import { Overlay, OverlayConfig, OverlayRef } from \"@angular/cdk/overlay\";\nimport { ComponentPortal } from \"@angular/cdk/portal\";\nimport { Directive, ElementRef, EventEmitter, HostListener, Injector, Input, Optional, Output, Self, ViewContainerRef } from \"@angular/core\";\nimport { NgControl } from \"@angular/forms\";\nimport { take } from \"rxjs/operators\";\nimport { genPositionPairs } from \"mis-crystal-design-system/utils\";\nimport { CONTAINER_DATA, DATE_FORMAT } from \"./daterangepicker-constants\";\nimport { IDatePickerConfig, IDatePickerToastText, ISelectedDatesConfig } from \"./models/drp-config.model\";\nimport { TzDrpContainerComponent } from \"./tz-drp-container/tz-drp-container.component\";\n\n@Directive({\n selector: \"input[misTzDrp]\"\n})\nexport class TzDaterangepickerDirective {\n @Input() dpConfig: Partial<IDatePickerConfig> = {\n format: DATE_FORMAT,\n minDate: \"\",\n maxDate: \"\"\n };\n // dd-mm-yyyy 01-12-2022\n @Input() set selectedDates(dates: ISelectedDatesConfig) {\n this.dates = { startDate: null, endDate: null, ...dates };\n }\n @Input() set datesDisabled(dates: string[]) {\n this.dpDisabledDates = dates;\n }\n @Input() dateMessages: IDatePickerToastText[] = [];\n @Input() positionX: \"start\" \| \"center\" \| \"end\" = \"center\";\n @Input() positionY: \"top\" \| \"center\" \| \"bottom\" = \"bottom\";\n @Input() offsetX: number = 0;\n @Input() offsetY: number = 0;\n private overlayRef: OverlayRef;\n @Output() dateChange = new EventEmitter<ISelectedDatesConfig>(true);\n private isOpen = false;\n dates: ISelectedDatesConfig;\n\n private dpDisabledDates: string[] = [];\n\n constructor(\n @Self() @Optional() private control: NgControl,\n private element: ElementRef,\n private overlay: Overlay,\n private viewContainerRef: ViewContainerRef\n ) {}\n\n @HostListener(\"click\")\n toggleDatePicker() {\n if (this.isOpen) {\n this.close();\n } else {\n this.open();\n }\n }\n\n private open() {\n this.isOpen = true;\n const positionStrategy = this.overlay\n .position()\n .flexibleConnectedTo(this.element)\n .withPositions(\n genPositionPairs(\n {\n positionX: this.positionX,\n positionY: this.positionY,\n offsetX: this.offsetX,\n offsetY: this.offsetY\n },\n true\n )\n )\n .withPush(true);\n const config = new OverlayConfig({\n hasBackdrop: true,\n positionStrategy,\n scrollStrategy: this.overlay.scrollStrategies.reposition(),\n backdropClass: \"cdk-overlay-transparent-backdrop\"\n });\n this.overlayRef = this.overlay.create(config);\n const tempRef = new ComponentPortal(\n TzDrpContainerComponent,\n this.viewContainerRef,\n Injector.create({\n providers: [\n {\n provide: CONTAINER_DATA,\n useValue: {\n messages: this.dateMessages,\n dates: this.control?.control.value \|\| this.dates,\n dpConfig: this.dpConfig,\n datesDisabled: this.dpDisabledDates,\n dateChange: this.applyDate.bind(this),\n close: this.close.bind(this)\n }\n }\n ]\n })\n );\n this.overlayRef.attach(tempRef);\n this.overlayRef\n .backdropClick()\n .pipe(take(1))\n .subscribe(() => {\n this.close();\n });\n }\n\n applyDate(dates: ISelectedDatesConfig) {\n this.dateChange.emit(dates);\n this.control?.control.patchValue(dates);\n this.dates = dates;\n this.close();\n }\n\n close() {\n this.isOpen = false;\n this.overlayRef.detach();\n this.overlayRef.dispose();\n }\n}\n","import { NgModule } from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\nimport { TzDrpContainerComponent } from \"./tz-drp-container/tz-drp-container.component\";\nimport { TzDaterangepickerDirective } from \"./tz-daterangepicker.directive\";\nimport { ToastModule } from \"mis-crystal-design-system/toast\";\nimport { ButtonModule } from \"mis-crystal-design-system/button\";\nimport { OverlayModule } from \"@angular/cdk/overlay\";\n\n@NgModule({\n declarations: [TzDrpContainerComponent, TzDaterangepickerDirective],\n imports: [CommonModule, OverlayModule, ToastModule.forRoot(), ButtonModule.forRoot()],\n exports: [TzDrpContainerComponent, TzDaterangepickerDirective],\n entryComponents: [TzDrpContainerComponent]\n})\nexport class DateRangepickerModuleV2 {}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n\nexport {CONTAINER_DATA as ɵc} from './daterangepicker-constants';\nexport {IDatePickerData as ɵa} from './models/drp-config.model';\nexport {TzDrpContainerComponent as ɵb} from './tz-drp-container/tz-drp-container.component';"],"names":["InjectionToken","tz","parseZone","moment","Component","Inject","ToastService","EventEmitter","genPositionPairs","OverlayConfig","ComponentPortal","Injector","take","Directive","NgControl","Self","Optional","ElementRef","Overlay","ViewContainerRef","Input","Output","HostListener","NgModule","CommonModule","OverlayModule","ToastModule","ButtonModule"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;IAAA;QAIa,cAAc,GAAG,IAAIA,mBAAc,CAAK,gBAAgB,EAAE;IAChE,IAAM,WAAW,GAAG,YAAY;;ICHhC,IAAM,QAAQ,GAAG,UAAC,KAAa;QACpC,IAAI,KAAK,CAAC;QACV,QAAQ,KAAK;YACX,KAAK,CAAC;gBACJ,KAAK,GAAG,SAAS,CAAC;gBAClB,MAAM;YACR,KAAK,CAAC;gBACJ,KAAK,GAAG,UAAU,CAAC;gBACnB,MAAM;YACR,KAAK,CAAC;gBACJ,KAAK,GAAG,OAAO,CAAC;gBAChB,MAAM;YACR,KAAK,CAAC;gBACJ,KAAK,GAAG,OAAO,CAAC;gBAChB,MAAM;YACR,KAAK,CAAC;gBACJ,KAAK,GAAG,KAAK,CAAC;gBACd,MAAM;YACR,KAAK,CAAC;gBACJ,KAAK,GAAG,MAAM,CAAC;gBACf,MAAM;YACR,KAAK,CAAC;gBACJ,KAAK,GAAG,MAAM,CAAC;gBACf,MAAM;YACR,KAAK,CAAC;gBACJ,KAAK,GAAG,QAAQ,CAAC;gBACjB,MAAM;YACR,KAAK,CAAC;gBACJ,KAAK,GAAG,WAAW,CAAC;gBACpB,MAAM;YACR,KAAK,CAAC;gBACJ,KAAK,GAAG,SAAS,CAAC;gBAClB,MAAM;YACR,KAAK,EAAE;gBACL,KAAK,GAAG,UAAU,CAAC;gBACnB,MAAM;YACR,KAAK,EAAE;gBACL,KAAK,GAAG,UAAU,CAAC;gBACnB,MAAM;YACR;gBACE,MAAM;SACT;QACD,OAAO,KAAK,CAAC;IACf,CAAC;;;QCZC,iCAAoC,IAAqB,EAAU,KAAmB;YAAtF,iBA4BC;;YA5BkE,UAAK,GAAL,KAAK,CAAc;YAlB9E,sBAAiB,GAAG;gBAAC,cAAO;qBAAP,UAAO,EAAP,qBAAO,EAAP,IAAO;oBAAP,yBAAO;;gBAClC,OAAOC,iBAAE,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,KAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;aAC1D,CAAC;YACM,gBAAW,GAAa,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;YAClF,aAAQ,GAAe,EAAE,CAAC;YAI1B,sBAAiB,GAAyB,EAAE,CAAC;YAI7C,mBAAc,GAAyB,EAAE,CAAC;YAC1C,4BAAuB,GAAY,KAAK,CAAC;YACzC,wBAAmB,GAAY,KAAK,CAAC;YACrC,qBAAgB,GAAG,KAAK,CAAC;YAEzB,iBAAY,GAAG,KAAK,CAAC;YAEnB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;YACjB,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC;YAC1C,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;YAC1B,IAAI,IAAI,CAAC,kBAAkB,CAAC,SAAS,IAAI,IAAI,CAAC,kBAAkB,CAAC,OAAO,EAAE;gBACxE,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;aAC1B;YACD,gBAAI,IAAI,CAAC,IAAI,0CAAE,QAAQ,0CAAE,QAAQ,EAAE;gBACjC,IAAI,CAAC,iBAAiB,GAAG;oBAAC,cAAO;yBAAP,UAAO,EAAP,qBAAO,EAAP,IAAO;wBAAP,yBAAO;;oBAC/B,OAAOA,iBAAE,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,KAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;iBAC1D,CAAC;aACH;YACD,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,iBAAiB,EAAE,CAAC,KAAK,EAAE,CAAC;YAC3D,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,iBAAiB,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,KAAK,EAAE,CAAC;YACxE,IAAI,CAAC,YAAY,GAAG,QAAQ,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;YACtD,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;YAChD,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,iBAAiB,EAAE,CAAC,IAAI,EAAE,CAAC;YACzD,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,iBAAiB,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,IAAI,EAAE,CAAC;YACtE,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,UAAC,GAAG,EAAE,KAAK,IAAK,QAAC;gBACpD,KAAK,EAAE,KAAG,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,WAAW,EAAI;gBAC/C,YAAY,EAAE,KAAI,CAAC,iBAAiB,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK;aACvD,IAAC,CAAC,CAAC;YACJ,IAAI,cAAC,IAAI,CAAC,IAAI,0CAAE,QAAQ,0CAAE,MAAM,CAAA,EAAE;gBAChC,IAAI,CAAC,IAAI,CAAC,QAAQ,mCACb,IAAI,CAAC,IAAI,CAAC,QAAQ,KACrB,MAAM,EAAE,WAAW,GACpB,CAAC;aACH;SACF;QAED,0CAAQ,GAAR;YACE,IAAI,CAAC,mBAAmB,EAAE,CAAC;YAC3B,IAAI,CAAC,mBAAmB,EAAE,CAAC;SAC5B;QAEO,qDAAmB,GAAnB;;YACN,IAAI,QAAC,IAAI,CAAC,kBAAkB,0CAAE,SAAS,CAAA,EAAE;gBACvC,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,kBAAkB,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;gBAC7F,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;gBACpF,OAAO;aACR;YACD,IAAM,iBAAiB,GAAG,IAAI,CAAC,iBAAiB,OAAC,IAAI,CAAC,kBAAkB,0CAAE,SAAS,EAAE,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;YAChH,IAAI,iBAAiB,CAAC,OAAO,EAAE,EAAE;gBAC/B,IAAI,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,IAAI,EAAE,CAAC;gBAClD,IAAI,CAAC,cAAc,GAAG,iBAAiB,CAAC,GAAG,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,IAAI,EAAE,CAAC;gBAC/D,IAAI,CAAC,kBAAkB,GAAG,iBAAiB,CAAC,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;gBAC7D,IAAI,CAAC,eAAe,GAAG,iBAAiB,CAAC,GAAG,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;gBACrE,IAAG,IAAI,CAAC,kBAAkB,KAAK,CAAC,CAAC,EAAC;oBAChC,IAAI,CAAC,kBAAkB,GAAG,EAAE,CAAA;iBAC7B;gBACD,IAAG,IAAI,CAAC,eAAe,KAAK,CAAC,CAAC,EAAC;oBAC7B,IAAI,CAAC,eAAe,GAAG,EAAE,CAAA;iBAC1B;gBACD,IAAI,CAAC,YAAY,GAAG,QAAQ,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;gBACtD,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;aACjD;YACD,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,kBAAkB,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;YAC7F,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;SACrF;QAEO,qDAAmB,GAAnB;YACN,IAAM,eAAe,GAAG,IAAI,CAAC,iBAAiB,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;YAC7G,IAAM,OAAO,GAAG,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;YAC9F,IAAI,OAAO,CAAC,OAAO,EAAE,EAAE;gBACrB,IAAI,CAAC,uBAAuB,GAAG,OAAO,CAAC,aAAa,CAAC,eAAe,EAAE,OAAO,CAAC,CAAC;aAChF;YACD,IAAM,OAAO,GAAG,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;YAC9F,IAAI,OAAO,CAAC,OAAO,EAAE,EAAE;gBACrB,IAAI,CAAC,mBAAmB,GAAG,OAAO,CAAC,cAAc,CAAC,eAAe,EAAE,OAAO,CAAC,CAAC;aAC7E;SACF;QAED,+CAAa,GAAb,UAAc,SAA8B;YAC1C,IAAI,SAAS,GAAWC,wBAAS,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;YAChG,IAAI,SAAS,KAAK,MAAM,EAAE;gBACzB,SAAS,GAAG,SAAS,CAAC,GAAG,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;aACtC;iBAAM,IAAI,SAAS,KAAK,UAAU,EAAE;gBACpC,SAAS,GAAG,SAAS,CAAC,QAAQ,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;aAC3C;YACD,IAAI,CAAC,kBAAkB,GAAG,SAAS,CAAC,KAAK,EAAE,CAAC;YAC5C,IAAI,CAAC,eAAe,GAAG,SAAS,CAAC,KAAK,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,KAAK,EAAE,CAAC;YACjE,IAAI,CAAC,YAAY,GAAG,QAAQ,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;YACtD,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;YAChD,IAAI,IAAI,CAAC,eAAe,KAAK,CAAC,IAAI,SAAS,KAAK,UAAU,EAAE;gBAC3D,IAAI,CAAC,iBAAiB,EAAE,CAAC;aACzB;iBAAM,IAAI,IAAI,CAAC,kBAAkB,KAAK,EAAE,IAAI,SAAS,KAAK,MAAM,EAAE;gBAClE,IAAI,CAAC,cAAc,EAAE,CAAC;aACtB;iBAAK,IAAI,IAAI,CAAC,kBAAkB,KAAK,CAAC,IAAI,SAAS,KAAK,MAAM,EAAE;gBAChE,IAAI,CAAC,iBAAiB,EAAE,CAAC;aACzB;iBAAM,IAAI,IAAI,CAAC,eAAe,KAAK,EAAE,IAAI,SAAS,KAAK,UAAU,EAAE;gBACnE,IAAI,CAAC,cAAc,EAAE,CAAC;aACtB;iBAAI;gBACJ,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,iBAAiB,CAAC;aAC7C;YACD,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,kBAAkB,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;YAC7F,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;YACpF,IAAI,CAAC,mBAAmB,EAAE,CAAC;SAC5B;QAEO,+CAAa,GAAb,UAAc,KAAa,EAAE,iBAAyB;YAAtD,iBAkDP;;YAjDC,IAAI,KAAK,GAAyB,EAAE,CAAC;YACrC,IAAM,WAAW,GAAGA,wBAAS,EAAE,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,WAAW,EAAE,CAAC;oCAC1E,WAAW;gBAClB,IAAM,IAAI,GAAGC,iBAAM,EAAE,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;gBAC7E,IAAM,UAAU,GAAG,IAAI,CAAC,MAAM,CAAC,OAAK,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;gBAC1D,IAAI,aAAa,GAAG,OAAK,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,KAAK,UAAU,GAAA,CAAC,CAAC;gBACxE,IAAM,OAAO,GAAG,OAAK,iBAAiB,CAAC,OAAK,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,OAAK,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;gBAC9F,IAAI,CAAC,aAAa,IAAI,OAAO,CAAC,OAAO,EAAE,EAAE;oBACvC,IAAI,IAAI,GAAG,OAAK,iBAAiB,EAAE,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;oBAC3F,aAAa,GAAG,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;iBAC9C;gBACD,IAAM,OAAO,GAAG,OAAK,iBAAiB,CAAC,OAAK,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,OAAK,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;gBAC9F,IAAI,CAAC,aAAa,IAAI,OAAO,CAAC,OAAO,EAAE,EAAE;oBACvC,aAAa,GAAG,OAAO,CAAC,QAAQ,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;iBAC/C;gBACD,IAAM,YAAY,GAChB,OAAK,iBAAiB,EAAE,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,OAAK,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC;oBACjH,OAAK,iBAAiB,EAAE,CAAC,MAAM,CAAC,OAAK,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;gBAC7D,IAAM,kBAAkB,GACtB,CAAC,aAAa;iCACb,OAAK,kBAAkB,0CAAE,SAAS,mCAAI,KAAK,CAAC;oBAC7C,IAAI,CAAC,MAAM,CAAC,OAAK,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,YAAK,OAAK,kBAAkB,0CAAE,SAAS,CAAA,CAAC;gBAChF,IAAM,wBAAwB,GAAIA,iBAAM,CAAC,IAAI,cAAC,OAAK,IAAI,0CAAE,QAAQ,0CAAE,MAAM,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,OAAO,CAACA,iBAAM,CAAC,OAAK,kBAAkB,CAAC,SAAS,cAAC,OAAK,IAAI,0CAAE,QAAQ,0CAAE,MAAM,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,CAAC;gBAE/L,IAAM,uBAAuB,GAAGA,iBAAM,CAAC,IAAI,cAAC,OAAK,IAAI,0CAAE,QAAQ,0CAAE,MAAM,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,QAAQ,CAACA,iBAAM,CAAC,OAAK,kBAAkB,CAAC,OAAO,cAAC,OAAK,IAAI,0CAAE,QAAQ,0CAAE,MAAM,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,CAAC;gBAC5L,IAAM,UAAU,GACd,OAAC,OAAK,kBAAkB,CAAC,SAAS,mCAAI,KAAK;2BAC1C,OAAK,kBAAkB,CAAC,OAAO,mCAAI,KAAK,CAAC;oBAC1C,wBAAwB;oBACxB,uBAAuB,CAAC;gBAC1B,IAAM,gBAAgB,GACpB,CAAC,aAAa;4BACZ,OAAA,OAAK,kBAAkB,0CAAE,SAAS,YAAI,OAAK,kBAAkB,0CAAE,OAAO,CAAA,CAAC,mCAAI,KAAK,CAAC;oBACnF,IAAI,CAAC,MAAM,CAAC,OAAK,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,YAAK,OAAK,kBAAkB,0CAAE,OAAO,CAAA,CAAC;gBAC9E,KAAK,CAAC,IAAI,CAAC;oBACT,IAAI,EAAE,WAAW;oBACjB,OAAO,EAAE,IAAI,CAAC,GAAG,EAAE;oBACnB,YAAY,cAAA;oBACZ,kBAAkB,oBAAA;oBAClB,gBAAgB,kBAAA;oBAChB,UAAU,YAAA;oBACV,YAAY,EAAE,OAAA,OAAK,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAA,CAAC,IAAI,OAAA,IAAI,CAAC,MAAM,CAAC,KAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,IAAI,GAAA,CAAC,0CAAE,OAAO,KAAI,EAAE;oBAC5G,aAAa,eAAA;iBACd,CAAC,CAAC;;;YAzCL,KAAK,IAAI,WAAW,GAAG,CAAC,EAAE,WAAW,IAAI,WAAW,EAAE,WAAW,EAAE;wBAA1D,WAAW;aA0CnB;YACD,KAAK,IAAI,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE;gBACzC,KAAK,CAAC,OAAO,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;aAC5C;YACD,OAAO,KAAK,CAAC;SACd;QAED,2CAAS,GAAT,UAAU,IAAsB,EAAE,GAAuB;YACvD,IAAI,GAAG,CAAC,IAAI,IAAI,CAAC;gBAAE,OAAO;YAC1B,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE;gBACtB,IAAI,IAAI,CAAC,gBAAgB,EAAE;oBAEzB,IAAM,SAAS,GAAGD,wBAAS,EAAE;yBAC1B,IAAI,CAAC,IAAI,KAAK,MAAM,GAAG,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,cAAc,CAAC;yBACpE,KAAK,CAAC,IAAI,KAAK,MAAM,GAAG,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,eAAe,CAAC;yBACvE,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;oBAClB,IAAI,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,kBAAkB,CAAC,SAAS,EAAE,KAAK,CAAC,EAAE;wBAChE,IAAI,CAAC,kBAAkB,GAAG;4BACxB,SAAS,EAAE,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC;4BACtD,OAAO,EAAE,IAAI;yBACd,CAAC;wBAEF,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,kBAAkB,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;wBAC7F,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;wBACpF,OAAO;qBACR;oBACD,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;oBAC9B,IAAI,CAAC,kBAAkB,mCAClB,IAAI,CAAC,kBAAkB,KAC1B,OAAO,EAAE,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,GACrD,CAAC;iBACH;qBAAM;oBACL,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;oBAC7B,IAAI,CAAC,kBAAkB,GAAG;wBACxB,SAAS,EAAEA,wBAAS,EAAE;6BACnB,IAAI,CAAC,IAAI,KAAK,MAAM,GAAG,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,cAAc,CAAC;6BACpE,KAAK,CAAC,IAAI,KAAK,MAAM,GAAG,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,eAAe,CAAC;6BACvE,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC;6BACd,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC;wBACpC,OAAO,EAAE,IAAI;qBACd,CAAC;iBACH;gBACD,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,kBAAkB,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;gBAC7F,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;gBACpF,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;gBAC1B,IAAI,IAAI,CAAC,kBAAkB,CAAC,SAAS,IAAI,IAAI,CAAC,kBAAkB,CAAC,OAAO,EAAE;oBACxE,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;iBAC1B;aACF;YACD,IAAI,GAAG,CAAC,YAAY,EAAE;gBACpB,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC;aAC/C;SACF;QACD,4CAAU,GAAV;YACE,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;SAC/C;QACD,kDAAgB,GAAhB;YACE,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;SACnB;;;;gBAnOFE,cAAS,SAAC;oBACT,QAAQ,EAAE,YAAY;oBACtB,wnLAAgD;;iBAEjD;;;gDAqBcC,WAAM,SAAC,cAAc;gBA5B3BC,kBAAY;;;;QCiCnB,oCAC8B,OAAkB,EACtC,OAAmB,EACnB,OAAgB,EAChB,gBAAkC;YAHd,YAAO,GAAP,OAAO,CAAW;YACtC,YAAO,GAAP,OAAO,CAAY;YACnB,YAAO,GAAP,OAAO,CAAS;YAChB,qBAAgB,GAAhB,gBAAgB,CAAkB;YA5BnC,aAAQ,GAA+B;gBAC9C,MAAM,EAAE,WAAW;gBACnB,OAAO,EAAE,EAAE;gBACX,OAAO,EAAE,EAAE;aACZ,CAAC;YAQO,iBAAY,GAA2B,EAAE,CAAC;YAC1C,cAAS,GAA+B,QAAQ,CAAC;YACjD,cAAS,GAAgC,QAAQ,CAAC;YAClD,YAAO,GAAW,CAAC,CAAC;YACpB,YAAO,GAAW,CAAC,CAAC;YAEnB,eAAU,GAAG,IAAIC,iBAAY,CAAuB,IAAI,CAAC,CAAC;YAC5D,WAAM,GAAG,KAAK,CAAC;YAGf,oBAAe,GAAa,EAAE,CAAC;SAOnC;QAvBJ,sBAAa,qDAAa;;iBAA1B,UAA2B,KAA2B;gBACpD,IAAI,CAAC,KAAK,mBAAK,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,IAAK,KAAK,CAAE,CAAC;aAC3D;;;WAAA;QACD,sBAAa,qDAAa;iBAA1B,UAA2B,KAAe;gBACxC,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;aAC9B;;;WAAA;QAqBD,qDAAgB,GAAhB;YACE,IAAI,IAAI,CAAC,MAAM,EAAE;gBACf,IAAI,CAAC,KAAK,EAAE,CAAC;aACd;iBAAM;gBACL,IAAI,CAAC,IAAI,EAAE,CAAC;aACb;SACF;QAEO,yCAAI,GAAJ;YAAA,iBAkDP;;YAjDC,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;YACnB,IAAM,gBAAgB,GAAG,IAAI,CAAC,OAAO;iBAClC,QAAQ,EAAE;iBACV,mBAAmB,CAAC,IAAI,CAAC,OAAO,CAAC;iBACjC,aAAa,CACZC,sBAAgB,CACd;gBACE,SAAS,EAAE,IAAI,CAAC,SAAS;gBACzB,SAAS,EAAE,IAAI,CAAC,SAAS;gBACzB,OAAO,EAAE,IAAI,CAAC,OAAO;gBACrB,OAAO,EAAE,IAAI,CAAC,OAAO;aACtB,EACD,IAAI,CACL,CACF;iBACA,QAAQ,CAAC,IAAI,CAAC,CAAC;YAClB,IAAM,MAAM,GAAG,IAAIC,qBAAa,CAAC;gBAC/B,WAAW,EAAE,IAAI;gBACjB,gBAAgB,kBAAA;gBAChB,cAAc,EAAE,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,UAAU,EAAE;gBAC1D,aAAa,EAAE,kCAAkC;aAClD,CAAC,CAAC;YACH,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;YAC9C,IAAM,OAAO,GAAG,IAAIC,sBAAe,CACjC,uBAAuB,EACvB,IAAI,CAAC,gBAAgB,EACrBC,aAAQ,CAAC,MAAM,CAAC;gBACd,SAAS,EAAE;oBACT;wBACE,OAAO,EAAE,cAAc;wBACvB,QAAQ,EAAE;4BACR,QAAQ,EAAE,IAAI,CAAC,YAAY;4BAC3B,KAAK,EAAE,OAAA,IAAI,CAAC,OAAO,0CAAE,OAAO,CAAC,KAAK,KAAI,IAAI,CAAC,KAAK;4BAChD,QAAQ,EAAE,IAAI,CAAC,QAAQ;4BACvB,aAAa,EAAE,IAAI,CAAC,eAAe;4BACnC,UAAU,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC;4BACrC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC;yBAC7B;qBACF;iBACF;aACF,CAAC,CACH,CAAC;YACF,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;YAChC,IAAI,CAAC,UAAU;iBACZ,aAAa,EAAE;iBACf,IAAI,CAACC,cAAI,CAAC,CAAC,CAAC,CAAC;iBACb,SAAS,CAAC;gBACT,KAAI,CAAC,KAAK,EAAE,CAAC;aACd,CAAC,CAAC;SACN;QAED,8CAAS,GAAT,UAAU,KAA2B;;YACnC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YAC5B,MAAA,IAAI,CAAC,OAAO,0CAAE,OAAO,CAAC,UAAU,CAAC,KAAK,EAAE;YACxC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;YACnB,IAAI,CAAC,KAAK,EAAE,CAAC;SACd;QAED,0CAAK,GAAL;YACE,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;YACpB,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC;YACzB,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC;SAC3B;;;;gBA3GFC,cAAS,SAAC;oBACT,QAAQ,EAAE,iBAAiB;iBAC5B;;;gBATQC,eAAS,uBAoCbC,SAAI,YAAIC,aAAQ;gBArCDC,eAAU;gBAFrBC,eAAO;gBAEqFC,qBAAgB;;;2BAYlHC,UAAK;gCAMLA,UAAK;gCAGLA,UAAK;+BAGLA,UAAK;4BACLA,UAAK;4BACLA,UAAK;0BACLA,UAAK;0BACLA,UAAK;6BAELC,WAAM;mCAaNC,iBAAY,SAAC,OAAO;;;;QC/BvB;;;;;gBANCC,aAAQ,SAAC;oBACR,YAAY,EAAE,CAAC,uBAAuB,EAAE,0BAA0B,CAAC;oBACnE,OAAO,EAAE,CAACC,mBAAY,EAAEC,qBAAa,EAAEC,iBAAW,CAAC,OAAO,EAAE,EAAEC,mBAAY,CAAC,OAAO,EAAE,CAAC;oBACrF,OAAO,EAAE,CAAC,uBAAuB,EAAE,0BAA0B,CAAC;oBAC9D,eAAe,EAAE,CAAC,uBAAuB,CAAC;iBAC3C;;;ICbD;;;;;;;;;;;;;;;"}

package/bundles/mis-crystal-design-system-daterangepicker_v2.umd.min.js CHANGED Viewed

@@ -1,2 +1,2 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/common"),require("moment-timezone"),require("mis-crystal-design-system/toast"),require("moment"),require("@angular/cdk/overlay"),require("@angular/cdk/portal"),require("@angular/forms"),require("rxjs/operators"),require("mis-crystal-design-system/utils"),require("mis-crystal-design-system/button")):"function"==typeof define&&define.amd?define("mis-crystal-design-system/daterangepicker_v2",["exports","@angular/core","@angular/common","moment-timezone","mis-crystal-design-system/toast","moment","@angular/cdk/overlay","@angular/cdk/portal","@angular/forms","rxjs/operators","mis-crystal-design-system/utils","mis-crystal-design-system/button"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self)["mis-crystal-design-system"]=e["mis-crystal-design-system"]||{},e["mis-crystal-design-system"].daterangepicker_v2={}),e.ng.core,e.ng.common,e.momentTimezone,e["mis-crystal-design-system"].toast,e.moment,e.ng.cdk.overlay,e.ng.cdk.portal,e.ng.forms,e.rxjs.operators,e["mis-crystal-design-system"].utils,e["mis-crystal-design-system"].button)}(this,(function(e,t,a,n,r,i,o,d,c,s,p,l){"use strict";function g(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var n=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,n.get?n:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}var h=g(i),_=new t.InjectionToken("CONTAINER_DATA"),y="DD-MM-YYYY",u=function(e){var t;switch(e){case 0:t="January";break;case 1:t="February";break;case 2:t="March";break;case 3:t="April";break;case 4:t="May";break;case 5:t="June";break;case 6:t="July";break;case 7:t="August";break;case 8:t="September";break;case 9:t="October";break;case 10:t="November";break;case 11:t="December"}return t},f=function(){function e(e,t){var a,r,i,o,d=this;this.toast=t,this.parseZoneInstance=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return n.tz(e[0],e[1],d.data.dpConfig.timezone)},this.rawWeekDays=["SUN","MON","TUE","WED","THU","FRI","SAT"],this.weekDays=[],this.currentMonthDates=[],this.nextMonthDates=[],this.isPreviousMonthDisabled=!1,this.isNextMonthDisabled=!1,this.selectionStarted=!1,this.isDatesValid=!1,this.data=e,this.localSelectedDates=this.data.dates,this.isDatesValid=!1,this.localSelectedDates.startDate&&this.localSelectedDates.endDate&&(this.isDatesValid=!0),(null===(r=null===(a=this.data)||void 0===a?void 0:a.dpConfig)||void 0===r?void 0:r.timezone)&&(this.parseZoneInstance=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return n.tz(e[0],e[1],d.data.dpConfig.timezone)}),this.currentMonthNumber=this.parseZoneInstance().month(),this.nextMonthNumber=this.parseZoneInstance().add(1,"month").month(),this.currentMonth=u(this.currentMonthNumber),this.nextMonth=u(this.nextMonthNumber),this.currentYearNumber=this.parseZoneInstance().year(),this.nextYearNumber=this.parseZoneInstance().add(1,"month").year(),this.weekDays=this.rawWeekDays.map((function(e,t){return{label:""+e[0]+e.slice(1).toLowerCase(),isCurrentDay:d.parseZoneInstance().day()===t}})),(null===(o=null===(i=this.data)||void 0===i?void 0:i.dpConfig)||void 0===o?void 0:o.format)||(this.data.dpConfig=Object.assign(Object.assign({},this.data.dpConfig),{format:y})),this.arrowUrl="assets/arrow__icon.svg"}return e.prototype.ngOnInit=function(){this.currentDateInstance(),this.calculateMinMaxDays()},e.prototype.currentDateInstance=function(){var e,t;if(!(null===(e=this.localSelectedDates)||void 0===e?void 0:e.startDate))return this.currentMonthDates=this.generateDates(this.currentMonthNumber,this.currentYearNumber),void(this.nextMonthDates=this.generateDates(this.nextMonthNumber,this.nextYearNumber));var a=this.parseZoneInstance(null===(t=this.localSelectedDates)||void 0===t?void 0:t.startDate,this.data.dpConfig.format);a.isValid()&&(this.currentYearNumber=a.year(),this.nextYearNumber=a.add(1,"month").year(),this.currentMonthNumber=a.get("month")-1,this.nextMonthNumber=a.add(1,"month").month()-1,-1===this.currentMonthNumber&&(this.currentMonthNumber=11),-1===this.nextMonthNumber&&(this.nextMonthNumber=11),this.currentMonth=u(this.currentMonthNumber),this.nextMonth=u(this.nextMonthNumber)),this.currentMonthDates=this.generateDates(this.currentMonthNumber,this.currentYearNumber),this.nextMonthDates=this.generateDates(this.nextMonthNumber,this.nextYearNumber)},e.prototype.calculateMinMaxDays=function(){var e=this.parseZoneInstance().year(this.currentYearNumber).month(this.currentMonthNumber),t=this.parseZoneInstance(this.data.dpConfig.minDate,this.data.dpConfig.format);t.isValid()&&(this.isPreviousMonthDisabled=t.isSameOrAfter(e,"month"));var a=this.parseZoneInstance(this.data.dpConfig.maxDate,this.data.dpConfig.format);a.isValid()&&(this.isNextMonthDisabled=a.isSameOrBefore(e,"month"))},e.prototype.navigateMonth=function(e){var t=n.parseZone().year(this.currentYearNumber).month(this.currentMonthNumber);"NEXT"===e?t=t.add(1,"month"):"PREVIOUS"===e&&(t=t.subtract(1,"month")),this.currentMonthNumber=t.month(),this.nextMonthNumber=t.clone().add(1,"month").month(),this.currentMonth=u(this.currentMonthNumber),this.nextMonth=u(this.nextMonthNumber),0===this.nextMonthNumber&&"PREVIOUS"===e?this.currentYearNumber--:11===this.currentMonthNumber&&"NEXT"===e?this.nextYearNumber++:0===this.currentMonthNumber&&"NEXT"===e?this.currentYearNumber++:11===this.nextMonthNumber&&"PREVIOUS"===e?this.nextYearNumber--:this.nextYearNumber=this.currentYearNumber,this.currentMonthDates=this.generateDates(this.currentMonthNumber,this.currentYearNumber),this.nextMonthDates=this.generateDates(this.nextMonthNumber,this.nextYearNumber),this.calculateMinMaxDays()},e.prototype.generateDates=function(e,t){for(var a,r,i,o,d,c,s,p,l,g,_,y,u,f,k,m,b,v,w=this,x=[],D=n.parseZone().year(t).month(e).daysInMonth(),M=function(n){var D=h().year(t).month(e).date(n),M=D.format(N.data.dpConfig.format),C=N.data.datesDisabled.some((function(e){return e===M})),S=N.parseZoneInstance(N.data.dpConfig.minDate,N.data.dpConfig.format);if(!C&&S.isValid()){var I=N.parseZoneInstance().year(t).month(e).date(n);C=S.isAfter(I,"day")}var Y=N.parseZoneInstance(N.data.dpConfig.maxDate,N.data.dpConfig.format);!C&&Y.isValid()&&(C=Y.isBefore(D,"day"));var O=N.parseZoneInstance().year(t).month(e).date(n).format(N.data.dpConfig.format)===N.parseZoneInstance().format(N.data.dpConfig.format),R=!C&&null!==(r=null===(a=N.localSelectedDates)||void 0===a?void 0:a.startDate)&&void 0!==r&&r&&D.format(N.data.dpConfig.format)===(null===(i=N.localSelectedDates)||void 0===i?void 0:i.startDate),E=h(D,null===(d=null===(o=N.data)||void 0===o?void 0:o.dpConfig)||void 0===d?void 0:d.format).startOf("day").isAfter(h(N.localSelectedDates.startDate,null===(s=null===(c=N.data)||void 0===c?void 0:c.dpConfig)||void 0===s?void 0:s.format).startOf("day"),"day"),j=h(D,null===(l=null===(p=N.data)||void 0===p?void 0:p.dpConfig)||void 0===l?void 0:l.format).startOf("day").isBefore(h(N.localSelectedDates.endDate,null===(_=null===(g=N.data)||void 0===g?void 0:g.dpConfig)||void 0===_?void 0:_.format).startOf("day"),"day"),T=null!==(y=N.localSelectedDates.startDate)&&void 0!==y&&y&&null!==(u=N.localSelectedDates.endDate)&&void 0!==u&&u&&E&&j,L=!C&&null!==(m=(null===(f=N.localSelectedDates)||void 0===f?void 0:f.startDate)&&(null===(k=N.localSelectedDates)||void 0===k?void 0:k.endDate))&&void 0!==m&&m&&D.format(N.data.dpConfig.format)===(null===(b=N.localSelectedDates)||void 0===b?void 0:b.endDate);x.push({date:n,weekDay:D.day(),isCurrentDay:O,isSelectedStartDay:R,isSelectedEndDay:L,inRangeDay:T,toastMessage:(null===(v=N.data.messages.find((function(e){return D.format(w.data.dpConfig.format)===e.date})))||void 0===v?void 0:v.message)||"",isDisabledDay:C})},N=this,C=1;C<=D;C++)M(C);for(var S=x[0].weekDay;S>0;S--)x.unshift({date:0,weekDay:S-1});return x},e.prototype.selectDay=function(e,t){if(!(t.date<=0)){if(!t.isDisabledDay){if(this.selectionStarted){var a=n.parseZone().year("LEFT"===e?this.currentYearNumber:this.nextYearNumber).month("LEFT"===e?this.currentMonthNumber:this.nextMonthNumber).date(t.date);if(a.isBefore(this.localSelectedDates.startDate,"day"))return this.localSelectedDates={startDate:a.format(this.data.dpConfig.format),endDate:null},this.currentMonthDates=this.generateDates(this.currentMonthNumber,this.currentYearNumber),void(this.nextMonthDates=this.generateDates(this.nextMonthNumber,this.nextYearNumber));this.selectionStarted=!1,this.localSelectedDates=Object.assign(Object.assign({},this.localSelectedDates),{endDate:a.format(this.data.dpConfig.format)})}else this.selectionStarted=!0,this.localSelectedDates={startDate:n.parseZone().year("LEFT"===e?this.currentYearNumber:this.nextYearNumber).month("LEFT"===e?this.currentMonthNumber:this.nextMonthNumber).date(t.date).format(this.data.dpConfig.format),endDate:null};this.currentMonthDates=this.generateDates(this.currentMonthNumber,this.currentYearNumber),this.nextMonthDates=this.generateDates(this.nextMonthNumber,this.nextYearNumber),this.isDatesValid=!1,this.localSelectedDates.startDate&&this.localSelectedDates.endDate&&(this.isDatesValid=!0)}t.toastMessage&&this.toast.displayMsg(t.toastMessage,4e3)}},e.prototype.applyDates=function(){this.data.dateChange(this.localSelectedDates)},e.prototype.cancelDatePicker=function(){this.data.close()},e}();f.decorators=[{type:t.Component,args:[{selector:"mis-tz-drp",template:'<div class="daterangepicker-container">\n  <div class="daterangepicker-container__view">\n    <div class="datepicker__left">\n      <div class="daterangepicker-container__header__prabu">\n        <div\n          class="daterangepicker-container__arrow__icon"\n          (click)="!isPreviousMonthDisabled && navigateMonth(\'PREVIOUS\')"\n          [ngClass]="{\n            \'disabled-month\': isPreviousMonthDisabled\n          }"\n        >\n          <svg width="20" height="16" viewBox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n            <path\n              d="M19.7071 8.70711C20.0976 8.31658 20.0976 7.68342 19.7071 7.29289L13.3431 0.928933C12.9526 0.538409 12.3195 0.538409 11.9289 0.928933C11.5384 1.31946 11.5384 1.95262 11.9289 2.34315L17.5858 8L11.9289 13.6569C11.5384 14.0474 11.5384 14.6805 11.9289 15.0711C12.3195 15.4616 12.9526 15.4616 13.3431 15.0711L19.7071 8.70711ZM-8.74228e-08 9L19 9L19 7L8.74228e-08 7L-8.74228e-08 9Z"\n              fill="#181F33"\n            ></path>\n          </svg>\n        </div>\n        <span> {{ currentMonth }} {{ currentYearNumber }} </span>\n        <div></div>\n        \x3c!-- Button visible in mobile view --\x3e\n        <div\n          class="daterangepicker-container__arrow__icon mobile_view"\n          (click)="!isNextMonthDisabled && navigateMonth(\'NEXT\')"\n          [ngClass]="{\n            \'disabled-month\': isNextMonthDisabled\n          }"\n        >\n          <img [src]=\'arrowUrl\' alt="arrow-icon-mobile" />\n        </div>\n      </div>\n      <div class="daterangepicker-container__body">\n        <div class="daterangepicker-container__weekdays">\n          <div class="daterangepicker-container__weekday" *ngFor="let weekDay of weekDays">\n            <span>{{ weekDay.label }}</span>\n          </div>\n        </div>\n        <div class="daterangepicker-container__days">\n          <div\n            class="daterangepicker-container__day"\n            [ngClass]="{\n              \'selected-same-day\': day.isSelectedStartDay && day.isSelectedEndDay,\n              \'selected-start-day\': day.isSelectedStartDay,\n              \'selected-end-day\': day.isSelectedEndDay,\n              \'disabled-day\': day.isDisabledDay,\n              \'in-range-day\': day.inRangeDay,\n              \'is-valid-date\': day.date > 0 && !(day.isSelectedStartDay && day.isSelectedEndDay)\n            }"\n            *ngFor="let day of currentMonthDates"\n            (click)="selectDay(\'LEFT\', day)"\n          >\n            <span *ngIf="day.date > 0">\n              {{ day.date }}\n            </span>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class="datepicker__right">\n      <div class="daterangepicker-container__header__prabu">\n        <div></div>\n        <span> {{ nextMonth }} {{ nextYearNumber }} </span>\n        <div\n          class="daterangepicker-container__arrow__icon pc_view"\n          (click)="!isNextMonthDisabled && navigateMonth(\'NEXT\')"\n          [ngClass]="{\n            \'disabled-month\': isNextMonthDisabled\n          }"\n        >\n          <svg width="20" height="16" viewBox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n            <path\n              d="M19.7071 8.70711C20.0976 8.31658 20.0976 7.68342 19.7071 7.29289L13.3431 0.928933C12.9526 0.538409 12.3195 0.538409 11.9289 0.928933C11.5384 1.31946 11.5384 1.95262 11.9289 2.34315L17.5858 8L11.9289 13.6569C11.5384 14.0474 11.5384 14.6805 11.9289 15.0711C12.3195 15.4616 12.9526 15.4616 13.3431 15.0711L19.7071 8.70711ZM-8.74228e-08 9L19 9L19 7L8.74228e-08 7L-8.74228e-08 9Z"\n              fill="#181F33"\n            ></path>\n          </svg>\n        </div>\n      </div>\n      <div class="daterangepicker-container__body">\n        <div class="daterangepicker-container__weekdays">\n          <div class="daterangepicker-container__weekday" *ngFor="let weekDay of weekDays">\n            <span>{{ weekDay.label }}</span>\n          </div>\n        </div>\n        <div class="daterangepicker-container__days">\n          <div\n            class="daterangepicker-container__day"\n            [ngClass]="{\n              \'selected-same-day\': day.isSelectedStartDay && day.isSelectedEndDay,\n              \'selected-start-day\': day.isSelectedStartDay,\n              \'selected-end-day\': day.isSelectedEndDay,\n              \'disabled-day\': day.isDisabledDay,\n              \'in-range-day\': day.inRangeDay,\n              \'is-valid-date\': day.date > 0 && !(day.isSelectedStartDay && day.isSelectedEndDay)\n            }"\n            *ngFor="let day of nextMonthDates"\n            (click)="selectDay(\'RIGHT\', day)"\n          >\n            <span *ngIf="day.date > 0">\n              {{ day.date }}\n            </span>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class="daterangepicker__footer">\n    <button mis-button type="none" id=\'mobile-footer-btn\' (click)="cancelDatePicker()">Cancel</button>\n    <button mis-button type="primary" id="mobile-footer-btn" (click)="applyDates()" [disabled]="!isDatesValid">Apply</button>\n  </div>\n</div>',styles:[":root{--pmry-200:#99baf7;--pmry-100:#cbddfb;--pmry-500:#0937b2;--pmry-400:#3c68d0;--pmry-600:#062a99;--pmry-700:#041f80;--pmry-300:#638fe7;--pmry-800:#021567;--pmry-900:#010f55;--sec-d-purple:#40447f;--sec-maroon:#6b034e;--sec-mud-red:#b23600;--sec-orange:#ed711c;--sec-purple:#815fd5;--sec-teal:#10adae;--sec-yellow:#d4900c;--sec-green:#547f40;--sec-bright-green:#27d22e;--sec-dark-teal:#035f6b;--sec-chocolate:#7c2f33;--sec-rube-pink:#c13d6d;--sec-cerulean:#0087b2;--sem-error:#b00020;--sem-info:#0091ff;--sem-warning:#ff9d00;--sem-success:#38af49;--grey-bg-1:#fafafa;--grey-bg:#f5f5f5;--grey-seperators:#e0e0e0;--grey-disabled:#c8cdd3;--grey-hover:#f5f7fc;--grey-pressed:#e6ebf7;--grey-row:#f5f7fc;--dec-light-yellow:#f4e7c3;--dec-light-purple:#dacff9;--dec-light-green:#e4f5e9;--dec-light-green2:#f1fff3;--dec-light-pink:#fae1ea;--dec-:#f4cbc1;--dec-lt-orange:#faefed;--dec-light-blue:#cfecf9;--dec-row-selection:#f1fdf8;--dec-row-selection2:#f2fbff;--dec-row-lines:#d3e1e9;--text-white:#fff;--text-disabled:#929dab;--text-muted:#6a737d;--text-black:#181f33;--MR-solid-blue2:#c8d5f6;--MR-solid-purple:#c9c3fb;--MR-solid-orange:#eeac9f;--MR-solid-green:#acdada;--MR-solid-brown:#e8c8af;--MR-solid-yellow:#ffefc7;--MR-solid-blue:#bbe6ff;--MR-solid-pink:#ffc6f2;--tr-hover:#f0f3fa;--tr-pressed:#dae1f3}.daterangepicker-container{background:#fff;border:1px solid #e0e0e0;box-shadow:0 12px 24px rgba(0,0,0,.12),0 4px 8px rgba(0,0,0,.12);border-radius:12px;display:flex;flex-direction:column;font-family:Lato;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media only screen and (max-width:900px){.daterangepicker-container{max-width:100vw;border:none}}.daterangepicker-container .daterangepicker-container__view{display:flex;gap:24px;padding:16px}@media only screen and (max-width:900px){.daterangepicker-container .daterangepicker-container__view{flex-direction:column;align-items:center;position:fixed;bottom:0;width:100%;max-height:52vh;overflow-y:auto;border-radius:30px;gap:24px;padding:35px 0 30%;box-shadow:0 -4px 8px 10000px rgba(0,0,0,.12);scrollbar-width:none;-ms-overflow-style:none}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__view::-webkit-scrollbar{display:none}}.daterangepicker-container .daterangepicker-container__view .datepicker__left,.daterangepicker-container .daterangepicker-container__view .datepicker__right{display:flex;flex-direction:column}@media only screen and (max-width:900px){.daterangepicker-container .daterangepicker-container__view .datepicker__left,.daterangepicker-container .daterangepicker-container__view .datepicker__right{width:90%}}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__header__prabu{display:flex;height:32px;justify-content:space-between;align-items:center;width:100%;padding-bottom:16px}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__header__prabu span{font-size:16px;font-style:normal;font-weight:700;line-height:24px;letter-spacing:.2px;text-align:center}@media only screen and (max-width:900px){.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__header__prabu span{margin:0 auto;font-size:4vw}}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__header__prabu .daterangepicker-container__arrow__icon{height:20px;width:20px;display:flex;align-items:center;justify-content:center;border-radius:4px;padding:4px}@media only screen and (max-width:900px){.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__header__prabu .daterangepicker-container__arrow__icon{padding-right:14px}}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__header__prabu .daterangepicker-container__arrow__icon.disabled-month{opacity:.5;cursor:not-allowed}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__header__prabu .daterangepicker-container__arrow__icon:not(.disabled-month):hover{cursor:pointer;background-color:#cbddfb}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__header__prabu .daterangepicker-container__arrow__icon:first-child{transform:rotate(180deg)}@media only screen and (min-width:900px){.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__header__prabu .mobile_view{display:none}}@media only screen and (max-width:900px){.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__header__prabu .pc_view{display:none}}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body{height:100%;width:252px}@media only screen and (max-width:900px){.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body{width:100%}}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__weekdays{width:100%;display:flex;padding-bottom:10px}@media only screen and (max-width:900px){.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__weekdays{display:flex;flex-direction:row;flex-wrap:wrap;flex:0 0 calc(100% / 7)}}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__weekdays .daterangepicker-container__weekday{width:36px;height:18px;text-align:center}@media only screen and (max-width:900px){.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__weekdays .daterangepicker-container__weekday{margin:0 auto}}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__weekdays .daterangepicker-container__weekday span{font-size:12px;font-style:normal;font-weight:400;line-height:18px;letter-spacing:.2px;text-align:center;color:#6a737d}@media only screen and (max-width:900px){.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__weekdays .daterangepicker-container__weekday span{font-size:3vw}}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__weekdays .daterangepicker-container__weekday span.current-day{font-weight:700;letter-spacing:.25px;color:#181f33}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days{display:flex;flex-wrap:wrap}@media only screen and (max-width:900px){.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days{display:flex;flex-direction:row;flex-wrap:wrap;flex:0 0 calc(100% / 7)}}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .daterangepicker-container__day{width:36px;height:36px;display:flex;align-items:center;justify-content:center}@media only screen and (max-width:900px){.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .daterangepicker-container__day{flex:0 0 calc(100% / 7);width:calc(100% / 7);height:calc(100% / 7);aspect-ratio:1}}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .daterangepicker-container__day:not(.in-range-day):not(.selected-start-day):not(.selected-end-day){border-radius:4px}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .daterangepicker-container__day.disabled-day{cursor:default}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .daterangepicker-container__day.disabled-day:hover{background-color:transparent}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .daterangepicker-container__day.disabled-day>span{color:#6a737d}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .daterangepicker-container__day.is-valid-date:not(.disabled-day):not(.selected-start-day):not(.selected-end-day)>span{color:#181f33}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .daterangepicker-container__day.is-valid-date:not(.disabled-day):not(.selected-start-day):not(.selected-end-day):hover{background-color:#cbddfb;cursor:pointer}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .daterangepicker-container__day span{font-size:14px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.2px;text-align:center;color:#181f33}@media only screen and (max-width:900px){.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .daterangepicker-container__day span{font-size:3.4vw}}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .daterangepicker-container__day span.current-day{font-weight:700;letter-spacing:.25px}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .daterangepicker-container__day span.selected-day{color:#fff}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .daterangepicker-container__day span.disabled-day{color:#6a737d}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .selected-same-day{background-color:#0937b2;border-radius:50%!important}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .selected-same-day>span{color:#fff}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .selected-start-day{background-color:#0937b2;border-radius:20px 4px 4px 20px}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .selected-start-day>span{color:#fff}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .selected-end-day{background-color:#0937b2;border-radius:0 20px 20px 0}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .selected-end-day>span{color:#fff}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .in-range-day:not(.disabled-day){background-color:#cbddfb}.daterangepicker-container .daterangepicker__footer{display:flex;justify-content:flex-end;border-top:1px solid #e0e0e0;padding:16px 24px;gap:24px}@media only screen and (max-width:900px){.daterangepicker-container .daterangepicker__footer{justify-content:space-evenly;padding:16px 0;background-color:#fff;position:fixed;bottom:0;width:100%;height:7vh;border-top:2px solid #c8cdd3}.daterangepicker-container .daterangepicker__footer #mobile-footer-btn{width:36%;font-size:4.4vw}}"]}]}],f.ctorParameters=function(){return[{type:void 0,decorators:[{type:t.Inject,args:[_]}]},{type:r.ToastService}]};var k=function(){function e(e,a,n,r){this.control=e,this.element=a,this.overlay=n,this.viewContainerRef=r,this.dpConfig={format:y,minDate:"",maxDate:""},this.dateMessages=[],this.positionX="center",this.positionY="bottom",this.offsetX=0,this.offsetY=0,this.dateChange=new t.EventEmitter(!0),this.isOpen=!1,this.dpDisabledDates=[]}return Object.defineProperty(e.prototype,"selectedDates",{set:function(e){this.dates=Object.assign({startDate:null,endDate:null},e)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"datesDisabled",{set:function(e){this.dpDisabledDates=e},enumerable:!1,configurable:!0}),e.prototype.toggleDatePicker=function(){this.isOpen?this.close():this.open()},e.prototype.open=function(){var e,a=this;this.isOpen=!0;var n=this.overlay.position().flexibleConnectedTo(this.element).withPositions(p.genPositionPairs({positionX:this.positionX,positionY:this.positionY,offsetX:this.offsetX,offsetY:this.offsetY},!0)).withPush(!0),r=new o.OverlayConfig({hasBackdrop:!0,positionStrategy:n,scrollStrategy:this.overlay.scrollStrategies.reposition(),backdropClass:"cdk-overlay-transparent-backdrop"});this.overlayRef=this.overlay.create(r);var i=new d.ComponentPortal(f,this.viewContainerRef,t.Injector.create({providers:[{provide:_,useValue:{messages:this.dateMessages,dates:(null===(e=this.control)||void 0===e?void 0:e.control.value)||this.dates,dpConfig:this.dpConfig,datesDisabled:this.dpDisabledDates,dateChange:this.applyDate.bind(this),close:this.close.bind(this)}}]}));this.overlayRef.attach(i),this.overlayRef.backdropClick().pipe(s.take(1)).subscribe((function(){a.close()}))},e.prototype.applyDate=function(e){var t;this.dateChange.emit(e),null===(t=this.control)||void 0===t||t.control.patchValue(e),this.dates=e,this.close()},e.prototype.close=function(){this.isOpen=!1,this.overlayRef.detach(),this.overlayRef.dispose()},e}();k.decorators=[{type:t.Directive,args:[{selector:"input[misTzDrp]"}]}],k.ctorParameters=function(){return[{type:c.NgControl,decorators:[{type:t.Self},{type:t.Optional}]},{type:t.ElementRef},{type:o.Overlay},{type:t.ViewContainerRef}]},k.propDecorators={dpConfig:[{type:t.Input}],selectedDates:[{type:t.Input}],datesDisabled:[{type:t.Input}],dateMessages:[{type:t.Input}],positionX:[{type:t.Input}],positionY:[{type:t.Input}],offsetX:[{type:t.Input}],offsetY:[{type:t.Input}],dateChange:[{type:t.Output}],toggleDatePicker:[{type:t.HostListener,args:["click"]}]};var m=function(){};m.decorators=[{type:t.NgModule,args:[{declarations:[f,k],imports:[a.CommonModule,o.OverlayModule,r.ToastModule.forRoot(),l.ButtonModule.forRoot()],exports:[f,k],entryComponents:[f]}]}],e.DateRangepickerModuleV2=m,e.TzDaterangepickerDirective=k,e.ɵb=f,e.ɵc=_,Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/common"),require("moment-timezone"),require("mis-crystal-design-system/toast"),require("moment"),require("@angular/cdk/overlay"),require("@angular/cdk/portal"),require("@angular/forms"),require("rxjs/operators"),require("mis-crystal-design-system/utils"),require("mis-crystal-design-system/button")):"function"==typeof define&&define.amd?define("mis-crystal-design-system/daterangepicker_v2",["exports","@angular/core","@angular/common","moment-timezone","mis-crystal-design-system/toast","moment","@angular/cdk/overlay","@angular/cdk/portal","@angular/forms","rxjs/operators","mis-crystal-design-system/utils","mis-crystal-design-system/button"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self)["mis-crystal-design-system"]=e["mis-crystal-design-system"]||{},e["mis-crystal-design-system"].daterangepicker_v2={}),e.ng.core,e.ng.common,e.momentTimezone,e["mis-crystal-design-system"].toast,e.moment,e.ng.cdk.overlay,e.ng.cdk.portal,e.ng.forms,e.rxjs.operators,e["mis-crystal-design-system"].utils,e["mis-crystal-design-system"].button)}(this,(function(e,t,a,n,r,i,o,d,c,s,p,l){"use strict";function g(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var n=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,n.get?n:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}var h=g(i),_=new t.InjectionToken("CONTAINER_DATA"),y="DD-MM-YYYY",f=function(e){var t;switch(e){case 0:t="January";break;case 1:t="February";break;case 2:t="March";break;case 3:t="April";break;case 4:t="May";break;case 5:t="June";break;case 6:t="July";break;case 7:t="August";break;case 8:t="September";break;case 9:t="October";break;case 10:t="November";break;case 11:t="December"}return t},u=function(){function e(e,t){var a,r,i,o,d=this;this.toast=t,this.parseZoneInstance=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return n.tz(e[0],e[1],d.data.dpConfig.timezone)},this.rawWeekDays=["SUN","MON","TUE","WED","THU","FRI","SAT"],this.weekDays=[],this.currentMonthDates=[],this.nextMonthDates=[],this.isPreviousMonthDisabled=!1,this.isNextMonthDisabled=!1,this.selectionStarted=!1,this.isDatesValid=!1,this.data=e,this.localSelectedDates=this.data.dates,this.isDatesValid=!1,this.localSelectedDates.startDate&&this.localSelectedDates.endDate&&(this.isDatesValid=!0),(null===(r=null===(a=this.data)||void 0===a?void 0:a.dpConfig)||void 0===r?void 0:r.timezone)&&(this.parseZoneInstance=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return n.tz(e[0],e[1],d.data.dpConfig.timezone)}),this.currentMonthNumber=this.parseZoneInstance().month(),this.nextMonthNumber=this.parseZoneInstance().add(1,"month").month(),this.currentMonth=f(this.currentMonthNumber),this.nextMonth=f(this.nextMonthNumber),this.currentYearNumber=this.parseZoneInstance().year(),this.nextYearNumber=this.parseZoneInstance().add(1,"month").year(),this.weekDays=this.rawWeekDays.map((function(e,t){return{label:""+e[0]+e.slice(1).toLowerCase(),isCurrentDay:d.parseZoneInstance().day()===t}})),(null===(o=null===(i=this.data)||void 0===i?void 0:i.dpConfig)||void 0===o?void 0:o.format)||(this.data.dpConfig=Object.assign(Object.assign({},this.data.dpConfig),{format:y}))}return e.prototype.ngOnInit=function(){this.currentDateInstance(),this.calculateMinMaxDays()},e.prototype.currentDateInstance=function(){var e,t;if(!(null===(e=this.localSelectedDates)||void 0===e?void 0:e.startDate))return this.currentMonthDates=this.generateDates(this.currentMonthNumber,this.currentYearNumber),void(this.nextMonthDates=this.generateDates(this.nextMonthNumber,this.nextYearNumber));var a=this.parseZoneInstance(null===(t=this.localSelectedDates)||void 0===t?void 0:t.startDate,this.data.dpConfig.format);a.isValid()&&(this.currentYearNumber=a.year(),this.nextYearNumber=a.add(1,"month").year(),this.currentMonthNumber=a.get("month")-1,this.nextMonthNumber=a.add(1,"month").month()-1,-1===this.currentMonthNumber&&(this.currentMonthNumber=11),-1===this.nextMonthNumber&&(this.nextMonthNumber=11),this.currentMonth=f(this.currentMonthNumber),this.nextMonth=f(this.nextMonthNumber)),this.currentMonthDates=this.generateDates(this.currentMonthNumber,this.currentYearNumber),this.nextMonthDates=this.generateDates(this.nextMonthNumber,this.nextYearNumber)},e.prototype.calculateMinMaxDays=function(){var e=this.parseZoneInstance().year(this.currentYearNumber).month(this.currentMonthNumber),t=this.parseZoneInstance(this.data.dpConfig.minDate,this.data.dpConfig.format);t.isValid()&&(this.isPreviousMonthDisabled=t.isSameOrAfter(e,"month"));var a=this.parseZoneInstance(this.data.dpConfig.maxDate,this.data.dpConfig.format);a.isValid()&&(this.isNextMonthDisabled=a.isSameOrBefore(e,"month"))},e.prototype.navigateMonth=function(e){var t=n.parseZone().year(this.currentYearNumber).month(this.currentMonthNumber);"NEXT"===e?t=t.add(1,"month"):"PREVIOUS"===e&&(t=t.subtract(1,"month")),this.currentMonthNumber=t.month(),this.nextMonthNumber=t.clone().add(1,"month").month(),this.currentMonth=f(this.currentMonthNumber),this.nextMonth=f(this.nextMonthNumber),0===this.nextMonthNumber&&"PREVIOUS"===e?this.currentYearNumber--:11===this.currentMonthNumber&&"NEXT"===e?this.nextYearNumber++:0===this.currentMonthNumber&&"NEXT"===e?this.currentYearNumber++:11===this.nextMonthNumber&&"PREVIOUS"===e?this.nextYearNumber--:this.nextYearNumber=this.currentYearNumber,this.currentMonthDates=this.generateDates(this.currentMonthNumber,this.currentYearNumber),this.nextMonthDates=this.generateDates(this.nextMonthNumber,this.nextYearNumber),this.calculateMinMaxDays()},e.prototype.generateDates=function(e,t){for(var a,r,i,o,d,c,s,p,l,g,_,y,f,u,k,m,b,v,w=this,x=[],D=n.parseZone().year(t).month(e).daysInMonth(),M=function(n){var D=h().year(t).month(e).date(n),M=D.format(N.data.dpConfig.format),C=N.data.datesDisabled.some((function(e){return e===M})),S=N.parseZoneInstance(N.data.dpConfig.minDate,N.data.dpConfig.format);if(!C&&S.isValid()){var I=N.parseZoneInstance().year(t).month(e).date(n);C=S.isAfter(I,"day")}var Y=N.parseZoneInstance(N.data.dpConfig.maxDate,N.data.dpConfig.format);!C&&Y.isValid()&&(C=Y.isBefore(D,"day"));var O=N.parseZoneInstance().year(t).month(e).date(n).format(N.data.dpConfig.format)===N.parseZoneInstance().format(N.data.dpConfig.format),L=!C&&null!==(r=null===(a=N.localSelectedDates)||void 0===a?void 0:a.startDate)&&void 0!==r&&r&&D.format(N.data.dpConfig.format)===(null===(i=N.localSelectedDates)||void 0===i?void 0:i.startDate),R=h(D,null===(d=null===(o=N.data)||void 0===o?void 0:o.dpConfig)||void 0===d?void 0:d.format).startOf("day").isAfter(h(N.localSelectedDates.startDate,null===(s=null===(c=N.data)||void 0===c?void 0:c.dpConfig)||void 0===s?void 0:s.format).startOf("day"),"day"),E=h(D,null===(l=null===(p=N.data)||void 0===p?void 0:p.dpConfig)||void 0===l?void 0:l.format).startOf("day").isBefore(h(N.localSelectedDates.endDate,null===(_=null===(g=N.data)||void 0===g?void 0:g.dpConfig)||void 0===_?void 0:_.format).startOf("day"),"day"),Z=null!==(y=N.localSelectedDates.startDate)&&void 0!==y&&y&&null!==(f=N.localSelectedDates.endDate)&&void 0!==f&&f&&R&&E,j=!C&&null!==(m=(null===(u=N.localSelectedDates)||void 0===u?void 0:u.startDate)&&(null===(k=N.localSelectedDates)||void 0===k?void 0:k.endDate))&&void 0!==m&&m&&D.format(N.data.dpConfig.format)===(null===(b=N.localSelectedDates)||void 0===b?void 0:b.endDate);x.push({date:n,weekDay:D.day(),isCurrentDay:O,isSelectedStartDay:L,isSelectedEndDay:j,inRangeDay:Z,toastMessage:(null===(v=N.data.messages.find((function(e){return D.format(w.data.dpConfig.format)===e.date})))||void 0===v?void 0:v.message)||"",isDisabledDay:C})},N=this,C=1;C<=D;C++)M(C);for(var S=x[0].weekDay;S>0;S--)x.unshift({date:0,weekDay:S-1});return x},e.prototype.selectDay=function(e,t){if(!(t.date<=0)){if(!t.isDisabledDay){if(this.selectionStarted){var a=n.parseZone().year("LEFT"===e?this.currentYearNumber:this.nextYearNumber).month("LEFT"===e?this.currentMonthNumber:this.nextMonthNumber).date(t.date);if(a.isBefore(this.localSelectedDates.startDate,"day"))return this.localSelectedDates={startDate:a.format(this.data.dpConfig.format),endDate:null},this.currentMonthDates=this.generateDates(this.currentMonthNumber,this.currentYearNumber),void(this.nextMonthDates=this.generateDates(this.nextMonthNumber,this.nextYearNumber));this.selectionStarted=!1,this.localSelectedDates=Object.assign(Object.assign({},this.localSelectedDates),{endDate:a.format(this.data.dpConfig.format)})}else this.selectionStarted=!0,this.localSelectedDates={startDate:n.parseZone().year("LEFT"===e?this.currentYearNumber:this.nextYearNumber).month("LEFT"===e?this.currentMonthNumber:this.nextMonthNumber).date(t.date).format(this.data.dpConfig.format),endDate:null};this.currentMonthDates=this.generateDates(this.currentMonthNumber,this.currentYearNumber),this.nextMonthDates=this.generateDates(this.nextMonthNumber,this.nextYearNumber),this.isDatesValid=!1,this.localSelectedDates.startDate&&this.localSelectedDates.endDate&&(this.isDatesValid=!0)}t.toastMessage&&this.toast.displayMsg(t.toastMessage,4e3)}},e.prototype.applyDates=function(){this.data.dateChange(this.localSelectedDates)},e.prototype.cancelDatePicker=function(){this.data.close()},e}();u.decorators=[{type:t.Component,args:[{selector:"mis-tz-drp",template:'<div class="daterangepicker-container">\n  <div class="daterangepicker-container__view">\n    <div class="datepicker__left">\n      <div class="daterangepicker-container__header__prabu">\n        <div\n          class="daterangepicker-container__arrow__icon"\n          (click)="!isPreviousMonthDisabled && navigateMonth(\'PREVIOUS\')"\n          [ngClass]="{\n            \'disabled-month\': isPreviousMonthDisabled\n          }"\n        >\n          <svg width="20" height="16" viewBox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n            <path\n              d="M19.7071 8.70711C20.0976 8.31658 20.0976 7.68342 19.7071 7.29289L13.3431 0.928933C12.9526 0.538409 12.3195 0.538409 11.9289 0.928933C11.5384 1.31946 11.5384 1.95262 11.9289 2.34315L17.5858 8L11.9289 13.6569C11.5384 14.0474 11.5384 14.6805 11.9289 15.0711C12.3195 15.4616 12.9526 15.4616 13.3431 15.0711L19.7071 8.70711ZM-8.74228e-08 9L19 9L19 7L8.74228e-08 7L-8.74228e-08 9Z"\n              fill="#181F33"\n            ></path>\n          </svg>\n        </div>\n        <span> {{ currentMonth }} {{ currentYearNumber }} </span>\n        <div></div>\n        \x3c!-- Button visible in mobile view --\x3e\n        <div\n          class="daterangepicker-container__arrow__icon mobile_view"\n          (click)="!isNextMonthDisabled && navigateMonth(\'NEXT\')"\n          [ngClass]="{\n            \'disabled-month\': isNextMonthDisabled\n          }"\n        >\n          <svg width="20" height="16" viewBox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n            <path\n              d="M19.7071 8.70711C20.0976 8.31658 20.0976 7.68342 19.7071 7.29289L13.3431 0.928933C12.9526 0.538409 12.3195 0.538409 11.9289 0.928933C11.5384 1.31946 11.5384 1.95262 11.9289 2.34315L17.5858 8L11.9289 13.6569C11.5384 14.0474 11.5384 14.6805 11.9289 15.0711C12.3195 15.4616 12.9526 15.4616 13.3431 15.0711L19.7071 8.70711ZM-8.74228e-08 9L19 9L19 7L8.74228e-08 7L-8.74228e-08 9Z"\n              fill="#181F33"\n            ></path>\n          </svg>\n        </div>\n      </div>\n      <div class="daterangepicker-container__body">\n        <div class="daterangepicker-container__weekdays">\n          <div class="daterangepicker-container__weekday" *ngFor="let weekDay of weekDays">\n            <span>{{ weekDay.label }}</span>\n          </div>\n        </div>\n        <div class="daterangepicker-container__days">\n          <div\n            class="daterangepicker-container__day"\n            [ngClass]="{\n              \'selected-same-day\': day.isSelectedStartDay && day.isSelectedEndDay,\n              \'selected-start-day\': day.isSelectedStartDay,\n              \'selected-end-day\': day.isSelectedEndDay,\n              \'disabled-day\': day.isDisabledDay,\n              \'in-range-day\': day.inRangeDay,\n              \'is-valid-date\': day.date > 0 && !(day.isSelectedStartDay && day.isSelectedEndDay)\n            }"\n            *ngFor="let day of currentMonthDates"\n            (click)="selectDay(\'LEFT\', day)"\n          >\n            <span *ngIf="day.date > 0">\n              {{ day.date }}\n            </span>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class="datepicker__right">\n      <div class="daterangepicker-container__header__prabu">\n        <div></div>\n        <span> {{ nextMonth }} {{ nextYearNumber }} </span>\n        <div\n          class="daterangepicker-container__arrow__icon pc_view"\n          (click)="!isNextMonthDisabled && navigateMonth(\'NEXT\')"\n          [ngClass]="{\n            \'disabled-month\': isNextMonthDisabled\n          }"\n        >\n          <svg width="20" height="16" viewBox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n            <path\n              d="M19.7071 8.70711C20.0976 8.31658 20.0976 7.68342 19.7071 7.29289L13.3431 0.928933C12.9526 0.538409 12.3195 0.538409 11.9289 0.928933C11.5384 1.31946 11.5384 1.95262 11.9289 2.34315L17.5858 8L11.9289 13.6569C11.5384 14.0474 11.5384 14.6805 11.9289 15.0711C12.3195 15.4616 12.9526 15.4616 13.3431 15.0711L19.7071 8.70711ZM-8.74228e-08 9L19 9L19 7L8.74228e-08 7L-8.74228e-08 9Z"\n              fill="#181F33"\n            ></path>\n          </svg>\n        </div>\n      </div>\n      <div class="daterangepicker-container__body">\n        <div class="daterangepicker-container__weekdays">\n          <div class="daterangepicker-container__weekday" *ngFor="let weekDay of weekDays">\n            <span>{{ weekDay.label }}</span>\n          </div>\n        </div>\n        <div class="daterangepicker-container__days">\n          <div\n            class="daterangepicker-container__day"\n            [ngClass]="{\n              \'selected-same-day\': day.isSelectedStartDay && day.isSelectedEndDay,\n              \'selected-start-day\': day.isSelectedStartDay,\n              \'selected-end-day\': day.isSelectedEndDay,\n              \'disabled-day\': day.isDisabledDay,\n              \'in-range-day\': day.inRangeDay,\n              \'is-valid-date\': day.date > 0 && !(day.isSelectedStartDay && day.isSelectedEndDay)\n            }"\n            *ngFor="let day of nextMonthDates"\n            (click)="selectDay(\'RIGHT\', day)"\n          >\n            <span *ngIf="day.date > 0">\n              {{ day.date }}\n            </span>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class="daterangepicker__footer">\n    <button mis-button type="none" id=\'mobile-footer-btn\' (click)="cancelDatePicker()">Cancel</button>\n    <button mis-button type="primary" id="mobile-footer-btn" (click)="applyDates()" [disabled]="!isDatesValid">Apply</button>\n  </div>\n</div>',styles:[":root{--pmry-200:#99baf7;--pmry-100:#cbddfb;--pmry-500:#0937b2;--pmry-400:#3c68d0;--pmry-600:#062a99;--pmry-700:#041f80;--pmry-300:#638fe7;--pmry-800:#021567;--pmry-900:#010f55;--sec-d-purple:#40447f;--sec-maroon:#6b034e;--sec-mud-red:#b23600;--sec-orange:#ed711c;--sec-purple:#815fd5;--sec-teal:#10adae;--sec-yellow:#d4900c;--sec-green:#547f40;--sec-bright-green:#27d22e;--sec-dark-teal:#035f6b;--sec-chocolate:#7c2f33;--sec-rube-pink:#c13d6d;--sec-cerulean:#0087b2;--sem-error:#b00020;--sem-info:#0091ff;--sem-warning:#ff9d00;--sem-success:#38af49;--grey-bg-1:#fafafa;--grey-bg:#f5f5f5;--grey-seperators:#e0e0e0;--grey-disabled:#c8cdd3;--grey-hover:#f5f7fc;--grey-pressed:#e6ebf7;--grey-row:#f5f7fc;--dec-light-yellow:#f4e7c3;--dec-light-purple:#dacff9;--dec-light-green:#e4f5e9;--dec-light-green2:#f1fff3;--dec-light-pink:#fae1ea;--dec-:#f4cbc1;--dec-lt-orange:#faefed;--dec-light-blue:#cfecf9;--dec-row-selection:#f1fdf8;--dec-row-selection2:#f2fbff;--dec-row-lines:#d3e1e9;--text-white:#fff;--text-disabled:#929dab;--text-muted:#6a737d;--text-black:#181f33;--MR-solid-blue2:#c8d5f6;--MR-solid-purple:#c9c3fb;--MR-solid-orange:#eeac9f;--MR-solid-green:#acdada;--MR-solid-brown:#e8c8af;--MR-solid-yellow:#ffefc7;--MR-solid-blue:#bbe6ff;--MR-solid-pink:#ffc6f2;--tr-hover:#f0f3fa;--tr-pressed:#dae1f3}.daterangepicker-container{background:#fff;border:1px solid #e0e0e0;box-shadow:0 12px 24px rgba(0,0,0,.12),0 4px 8px rgba(0,0,0,.12);border-radius:12px;display:flex;flex-direction:column;font-family:Lato;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media only screen and (max-width:900px){.daterangepicker-container{max-width:100vw;border:none}}.daterangepicker-container .daterangepicker-container__view{display:flex;gap:24px;padding:16px}@media only screen and (max-width:900px){.daterangepicker-container .daterangepicker-container__view{flex-direction:column;align-items:center;position:fixed;bottom:0;left:0;background-color:#fff;width:100%;max-height:68vh;overflow-y:auto;border-radius:30px;gap:24px;padding:10% 0 30%;box-shadow:0 -4px 8px 10000px rgba(0,0,0,.12);scrollbar-width:none;-ms-overflow-style:none}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__view::-webkit-scrollbar{display:none}}.daterangepicker-container .daterangepicker-container__view .datepicker__left,.daterangepicker-container .daterangepicker-container__view .datepicker__right{display:flex;flex-direction:column}@media only screen and (max-width:900px){.daterangepicker-container .daterangepicker-container__view .datepicker__left,.daterangepicker-container .daterangepicker-container__view .datepicker__right{width:90%}}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__header__prabu{display:flex;height:32px;justify-content:space-between;align-items:center;width:100%;padding-bottom:10%}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__header__prabu span{font-size:16px;font-style:normal;font-weight:700;line-height:24px;letter-spacing:.2px;text-align:center}@media only screen and (max-width:900px){.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__header__prabu span{margin:0 auto;font-size:4vw}}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__header__prabu .daterangepicker-container__arrow__icon{height:20px;width:20px;display:flex;align-items:center;justify-content:center;border-radius:4px;padding:4px}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__header__prabu .daterangepicker-container__arrow__icon.disabled-month{opacity:.5;cursor:not-allowed}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__header__prabu .daterangepicker-container__arrow__icon:not(.disabled-month):hover{cursor:pointer;background-color:#cbddfb}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__header__prabu .daterangepicker-container__arrow__icon:first-child{transform:rotate(180deg)}@media only screen and (max-width:900px){.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__header__prabu .daterangepicker-container__arrow__icon{width:7%}}@media only screen and (min-width:900px){.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__header__prabu .mobile_view{display:none}}@media only screen and (max-width:900px){.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__header__prabu .pc_view{display:none}}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body{height:100%;width:252px}@media only screen and (max-width:900px){.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body{width:100%}}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__weekdays{width:100%;display:flex;padding-bottom:10px}@media only screen and (max-width:900px){.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__weekdays{display:flex;flex-direction:row;flex-wrap:wrap;flex:0 0 calc(100% / 7)}}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__weekdays .daterangepicker-container__weekday{width:36px;height:18px;text-align:center}@media only screen and (max-width:900px){.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__weekdays .daterangepicker-container__weekday{margin:0 auto}}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__weekdays .daterangepicker-container__weekday span{font-size:12px;font-style:normal;font-weight:400;line-height:18px;letter-spacing:.2px;text-align:center;color:#6a737d}@media only screen and (max-width:900px){.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__weekdays .daterangepicker-container__weekday span{font-size:3vw}}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__weekdays .daterangepicker-container__weekday span.current-day{font-weight:700;letter-spacing:.25px;color:#181f33}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days{display:flex;flex-wrap:wrap}@media only screen and (max-width:900px){.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days{display:flex;flex-direction:row;flex-wrap:wrap;flex:0 0 calc(100% / 7)}}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .daterangepicker-container__day{width:36px;height:36px;display:flex;align-items:center;justify-content:center}@media only screen and (max-width:900px){.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .daterangepicker-container__day{flex:0 0 calc(100% / 7);width:calc(100% / 7);height:calc(100% / 7);aspect-ratio:1}}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .daterangepicker-container__day:not(.in-range-day):not(.selected-start-day):not(.selected-end-day){border-radius:4px}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .daterangepicker-container__day.disabled-day{cursor:default}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .daterangepicker-container__day.disabled-day:hover{background-color:transparent}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .daterangepicker-container__day.disabled-day>span{color:#6a737d}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .daterangepicker-container__day.is-valid-date:not(.disabled-day):not(.selected-start-day):not(.selected-end-day)>span{color:#181f33}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .daterangepicker-container__day.is-valid-date:not(.disabled-day):not(.selected-start-day):not(.selected-end-day):hover{background-color:#cbddfb;cursor:pointer}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .daterangepicker-container__day span{font-size:14px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.2px;text-align:center;color:#181f33}@media only screen and (max-width:900px){.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .daterangepicker-container__day span{font-size:3.4vw}}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .daterangepicker-container__day span.current-day{font-weight:700;letter-spacing:.25px}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .daterangepicker-container__day span.selected-day{color:#fff}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .daterangepicker-container__day span.disabled-day{color:#6a737d}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .selected-same-day{background-color:#0937b2;border-radius:50%!important}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .selected-same-day>span{color:#fff}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .selected-start-day{background-color:#0937b2;border-radius:20px 4px 4px 20px}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .selected-start-day>span{color:#fff}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .selected-end-day{background-color:#0937b2;border-radius:0 20px 20px 0}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .selected-end-day>span{color:#fff}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .in-range-day:not(.disabled-day){background-color:#cbddfb}.daterangepicker-container .daterangepicker__footer{display:flex;justify-content:flex-end;border-top:1px solid #e0e0e0;padding:16px 24px;gap:24px}@media only screen and (max-width:900px){.daterangepicker-container .daterangepicker__footer{justify-content:space-evenly;padding:2% 0;background-color:#fff;position:fixed;bottom:0;left:0;width:100%;height:8vh;border-top:2px solid #c8cdd3}.daterangepicker-container .daterangepicker__footer #mobile-footer-btn{width:36%;font-size:4.4vw}}"]}]}],u.ctorParameters=function(){return[{type:void 0,decorators:[{type:t.Inject,args:[_]}]},{type:r.ToastService}]};var k=function(){function e(e,a,n,r){this.control=e,this.element=a,this.overlay=n,this.viewContainerRef=r,this.dpConfig={format:y,minDate:"",maxDate:""},this.dateMessages=[],this.positionX="center",this.positionY="bottom",this.offsetX=0,this.offsetY=0,this.dateChange=new t.EventEmitter(!0),this.isOpen=!1,this.dpDisabledDates=[]}return Object.defineProperty(e.prototype,"selectedDates",{set:function(e){this.dates=Object.assign({startDate:null,endDate:null},e)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"datesDisabled",{set:function(e){this.dpDisabledDates=e},enumerable:!1,configurable:!0}),e.prototype.toggleDatePicker=function(){this.isOpen?this.close():this.open()},e.prototype.open=function(){var e,a=this;this.isOpen=!0;var n=this.overlay.position().flexibleConnectedTo(this.element).withPositions(p.genPositionPairs({positionX:this.positionX,positionY:this.positionY,offsetX:this.offsetX,offsetY:this.offsetY},!0)).withPush(!0),r=new o.OverlayConfig({hasBackdrop:!0,positionStrategy:n,scrollStrategy:this.overlay.scrollStrategies.reposition(),backdropClass:"cdk-overlay-transparent-backdrop"});this.overlayRef=this.overlay.create(r);var i=new d.ComponentPortal(u,this.viewContainerRef,t.Injector.create({providers:[{provide:_,useValue:{messages:this.dateMessages,dates:(null===(e=this.control)||void 0===e?void 0:e.control.value)||this.dates,dpConfig:this.dpConfig,datesDisabled:this.dpDisabledDates,dateChange:this.applyDate.bind(this),close:this.close.bind(this)}}]}));this.overlayRef.attach(i),this.overlayRef.backdropClick().pipe(s.take(1)).subscribe((function(){a.close()}))},e.prototype.applyDate=function(e){var t;this.dateChange.emit(e),null===(t=this.control)||void 0===t||t.control.patchValue(e),this.dates=e,this.close()},e.prototype.close=function(){this.isOpen=!1,this.overlayRef.detach(),this.overlayRef.dispose()},e}();k.decorators=[{type:t.Directive,args:[{selector:"input[misTzDrp]"}]}],k.ctorParameters=function(){return[{type:c.NgControl,decorators:[{type:t.Self},{type:t.Optional}]},{type:t.ElementRef},{type:o.Overlay},{type:t.ViewContainerRef}]},k.propDecorators={dpConfig:[{type:t.Input}],selectedDates:[{type:t.Input}],datesDisabled:[{type:t.Input}],dateMessages:[{type:t.Input}],positionX:[{type:t.Input}],positionY:[{type:t.Input}],offsetX:[{type:t.Input}],offsetY:[{type:t.Input}],dateChange:[{type:t.Output}],toggleDatePicker:[{type:t.HostListener,args:["click"]}]};var m=function(){};m.decorators=[{type:t.NgModule,args:[{declarations:[u,k],imports:[a.CommonModule,o.OverlayModule,r.ToastModule.forRoot(),l.ButtonModule.forRoot()],exports:[u,k],entryComponents:[u]}]}],e.DateRangepickerModuleV2=m,e.TzDaterangepickerDirective=k,e.ɵb=u,e.ɵc=_,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=mis-crystal-design-system-daterangepicker_v2.umd.min.js.map