mis-crystal-design-system 4.0.51 → 4.0.55-test

package/bundles/mis-crystal-design-system-timepicker.umd.min.js

@@ -12,5 +12,5 @@
     LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
     OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
     PERFORMANCE OF THIS SOFTWARE.
-    ***************************************************************************** */Object.create;function p(t,e){var i="function"==typeof Symbol&&t[Symbol.iterator];if(!i)return t;var n,o,r=i.call(t),s=[];try{for(;(void 0===e||e-- >0)&&!(n=r.next()).done;)s.push(n.value)}catch(t){o={error:t}}finally{try{n&&!n.done&&(i=r.return)&&i.call(r)}finally{if(o)throw o.error}}return s}function m(){for(var t=[],e=0;e<arguments.length;e++)t=t.concat(p(arguments[e]));return t}Object.create;var c=function(){function t(t,i,n){this.templateRef=t,this.overlay=i,this.viewContainerRef=n,this.openStatus=!1,this.statusEmitter=new e.EventEmitter}return Object.defineProperty(t.prototype,"createOverlayOnInput",{set:function(t){this.openStatus=t,this.originEl&&this.openStatus&&this.createOverlay(this.originEl)},enumerable:!1,configurable:!0}),t.prototype.createOverlay=function(t){var e=this,i=[new n.ConnectionPositionPair({originX:"start",originY:"bottom"},{overlayX:"start",overlayY:"top"},0,4),new n.ConnectionPositionPair({originX:"end",originY:"bottom"},{overlayX:"end",overlayY:"top"},0,4)],r=new n.OverlayConfig({hasBackdrop:!0,backdropClass:"cdk-overlay-transparent-backdrop",positionStrategy:this.overlay.position().flexibleConnectedTo(t).withPositions(m(i)).withPush(!0)});this.overlayRef=this.overlay.create(r);var s=new o.TemplatePortal(this.templateRef,this.viewContainerRef);this.overlayRef.attach(s),this.overlayRef.backdropClick().subscribe((function(t){e.openStatus=!1,e.statusEmitter.emit(!1),e.overlayRef.detach()}))},t.prototype.destroyOverlay=function(){this.overlayRef.detach()},t}();c.decorators=[{type:e.Directive,args:[{selector:"[libTimepicker]"}]}],c.ctorParameters=function(){return[{type:e.TemplateRef},{type:n.Overlay},{type:e.ViewContainerRef}]},c.propDecorators={originEl:[{type:e.Input,args:["originEl"]}],statusEmitter:[{type:e.Output}],createOverlayOnInput:[{type:e.Input,args:["openStatus"]}]};var d=function(){function t(){this.openStatus=!1,this.isHighlighted=0,this.isInvalid=!1,this.timeIntervals=[],this.shouldScroll=!1,this.userInputFlag=!1,this.givenTimeFlag=!0,this.clockFormat=12,this.timezone="Asia/Kolkata",this.height="max-content",this.inputWidth="100px",this.interval=15,this.dateAsEpoch=h().valueOf(),this.rangeValidity=!0,this.showTooltip=!0,this.dispayToolTip=this.showTooltip,this.triggerChange=!0,this.timeEmitter=new e.EventEmitter}return Object.defineProperty(t.prototype,"timeIntervalRefs",{set:function(t){t.forEach((function(t){if("highlight"===t.nativeElement.classList[0]){var e=t.nativeElement;setTimeout((function(){return e.scrollIntoView({block:"center"})}))}}))},enumerable:!1,configurable:!0}),t.prototype.ngOnInit=function(){if(!this.givenTime&&!this.minTime){this.chosenTime=h(this.firstInterval).format(this.timeFormat);var t=this.getMoment(this.chosenTime);this.emitTime({valid:!this.isInvalid,time:this.chosenTime,epoch:t.valueOf()})}},t.prototype.ngOnChanges=function(){if(this.timeFormat=12===this.clockFormat?"hh:mm a":"HH:mm",i.tz.setDefault(this.timezone),this.timeFormat){var t=this.getMoment(this.chosenTime);this.firstInterval>=t.valueOf()&&this.rangeValidity&&!this.userInputFlag&&(this.chosenTime=h(this.firstInterval).format(this.timeFormat),t=this.getMoment(this.chosenTime)),(this.givenTimeFlag&&this.givenTime||this.minTime)&&(this.chosenTime=h(this.minTime||this.givenTime).format(this.timeFormat)),t=this.getMoment(this.chosenTime),this.userInputFlag||this.populateDropdown(),this.userInputFlag=!1,this.chosenTime&&(this.isInvalid=!this.checkTimeValidity(this.chosenTime.trim()),this.emitTime({valid:!this.isInvalid,time:this.chosenTime,epoch:t.valueOf()}),this.calculateClosestInterval(this.chosenTime))}},t.prototype.emitTime=function(t){this.timeEmitter.emit(t)},t.prototype.getMoment=function(t){return h(h(this.dateAsEpoch).format("DD-MM-YYYY")+" "+t,"'DD-MM-YYYY' "+this.timeFormat)},t.prototype.closeDropdown=function(){this.dispayToolTip=!1,this.userInputFlag=!1,this.openStatus=!1,this.timepickerDirective&&this.timepickerDirective.destroyOverlay()},t.prototype.openDropdown=function(){this.dispayToolTip=!0,this.openStatus=!0},t.prototype.checkTimeValidity=function(t){var e=12===this.clockFormat?/^(([0][1-9]|1[0-2]):([0-5][0-9])( )?(am|pm|AM|PM))$/i:/^([01][0-9]|2[0-3]):[0-5][0-9]$/,i=this.getMoment(t);return this.minTime||this.givenTime||this.firstInterval&&h(this.firstInterval).format(this.timeFormat).valueOf()===h().startOf("d").format(this.timeFormat).valueOf()?!!t.match(e):!!(t.match(e)&&i.diff(h(),"m")>=0)},t.prototype.onTimeSelect=function(t){this.isInvalid=!this.checkTimeValidity(t.trim()),this.isInvalid||(this.chosenTime=t,this.calculateClosestInterval(this.chosenTime));var e=this.getMoment(t);this.emitTime({valid:!this.isInvalid,time:t,epoch:e.valueOf()}),this.openStatus=!1,this.timepickerDirective&&this.timepickerDirective.destroyOverlay()},t.prototype.onTimeChange=function(t){this.isInvalid=!this.checkTimeValidity(t.trim()),this.isInvalid||(this.userInputFlag=!0,this.openStatus=!1,this.timepickerDirective&&this.timepickerDirective.destroyOverlay(),this.calculateClosestInterval(t));var e=this.getMoment(t);this.emitTime({valid:!this.isInvalid,time:t,epoch:e.valueOf()})},t.prototype.calculateClosestInterval=function(t){var e,i=this,n=h(this.dateAsEpoch).format("DD-MM-YYYY"),o=h(n+" "+t,"DD-MM-YYYY "+this.timeFormat).valueOf(),r=this.interval-h(o).minutes()%this.interval;if(!this.minTime||this.givenTime)if(e=r>=this.interval/2?h(o).subtract(this.interval-r,"m").valueOf():h(o).add(r,"m").valueOf(),o>h(this.dateAsEpoch).endOf("d").subtract(this.interval,"m").valueOf())this.isHighlighted=this.timeIntervals.length-1;else{var s=h(e);this.isHighlighted=this.timeIntervals.findIndex((function(t){return h(n+" "+t,"DD-MM-YYYY "+i.timeFormat).isSame(s)}))}else this.isHighlighted=0},t.prototype.populateDropdown=function(){if(this.timeIntervals=[],!this.firstInterval)if(h(this.dateAsEpoch).format("DD-MM-YYYY")!==h().format("DD-MM-YYYY")||this.minTime)if(this.minTime){t=this.interval-h(this.minTime).minutes()%this.interval;this.firstInterval=h(this.minTime).add(t,"m").valueOf()}else this.firstInterval=h().startOf("d").valueOf();else{var t=this.interval-h().minutes()%this.interval;this.firstInterval=h().add(t,"m").valueOf()}this.givenTime&&this.givenTimeFlag&&(this.firstInterval=h(this.givenTime).startOf("d").valueOf(),this.givenTimeFlag=!1);for(var e=h(this.dateAsEpoch).format("DD-MM-YYYY"),i=h(this.firstInterval).format(this.timeFormat),n=h(e+" "+i,"DD-MM-YYYY "+this.timeFormat),o=h(""+e,"DD-MM-YYYY").endOf("d");n.valueOf()<o.valueOf();)this.timeIntervals.push(n.format(this.timeFormat)),n.add(this.interval,"m");0===this.timeIntervals.length&&(this.chosenTime=h().endOf("d").format(this.timeFormat),this.timeIntervals.push(h().endOf("d").format(this.timeFormat)))},t.prototype.ngOnDestroy=function(){this.tooltipDirective&&this.tooltipDirective.hideToolTip()},t}();d.decorators=[{type:e.Component,args:[{selector:"mis-timepicker",template:'<div class="timepicker-container" [ngStyle]="{ height: height }">\n  <input\n    type="text"\n    [(ngModel)]="chosenTime"\n    (ngModelChange)="onTimeChange(chosenTime)"\n    [ngClass]="{ invalid: isInvalid || !rangeValidity }"\n    [ngStyle]="{ width: inputWidth }"\n    (click)="openDropdown()"\n    misToolTip\n    [showToolTip]="showTooltip && (isInvalid || !rangeValidity) && dispayToolTip"\n    [text]="\'Invalid Time\'"\n    [position]="\'top\'"\n    [showOnHover]="false"\n    #input\n    cdkOverlayOrigin\n    class="h7"\n  />\n\n  <ng-template #dropdownContainer libDropdownScroll libTimepicker [originEl]="input" [openStatus]="openStatus" (statusEmitter)="closeDropdown()">\n    <div *ngIf="openStatus" class="timepicker-dropdown" [ngStyle]="{ width: dropdownWidth || inputWidth }">\n      <ul #dropdown>\n        <li #timeInterval (click)="onTimeSelect(interval)" *ngFor="let interval of timeIntervals; index as i" [ngClass]="{ highlight: i === isHighlighted }">\n          {{ interval }}\n          <div class="ic-ui-check-24 selected-icon" *ngIf="interval === chosenTime"></div>\n        </li>\n      </ul>\n    </div>\n  </ng-template>\n</div>\n',styles:[".h1{font-size:40px;line-height:48px}.h1,.h2{font-weight:400;letter-spacing:0}.h2{font-size:32px;line-height:40px}.h3{font-size:28px;line-height:36px}.h3,.h4{font-weight:400;letter-spacing:0}.h4{font-size:24px;line-height:32px}.h5-b{font-weight:700;letter-spacing:.25px}.h5,.h5-b{font-size:20px;line-height:28px}.h5{font-weight:400;letter-spacing:.15px}.h6-b{font-weight:700}.h6,.h6-b{font-size:16px;letter-spacing:0;line-height:24px}.h6,.p{font-weight:400}.p{font-size:16px;letter-spacing:0;line-height:180%}.h7-b{font-weight:700;letter-spacing:.25px}.h7,.h7-b{font-size:14px;line-height:20px}.h7{font-weight:400;letter-spacing:.2px}.h8-b{font-weight:700;letter-spacing:.25px}.h8,.h8-b{font-size:12px;line-height:18px}.h8{letter-spacing:.2px}.h8,.h9{font-weight:400}.h9{font-size:10px;letter-spacing:0;line-height:15px}.btn-lg-b{font-weight:700;letter-spacing:.5px}.btn-lg,.btn-lg-b{font-size:16px;line-height:24px}.btn-lg{font-weight:400;letter-spacing:.2px}.btn-sm{font-size:14px;font-weight:400;letter-spacing:.25px;line-height:20px}.btn-link{font-size:16px;line-height:24px}.btn-link,.display-1{font-weight:400;letter-spacing:0}.display-1{font-size:48px;line-height:56px}.display-2{font-size:14px;font-weight:400;letter-spacing:.5px;line-height:20px}*{box-sizing:border-box;font-family:Lato}.timepicker-container{display:inline-block;position:relative}input{text-align:center;border:none;border-bottom:1px solid #e0e0e0;outline:none;height:100%;width:100px;padding:4px 16px}input:hover{background:#f5f7fc}input:active,input:focus{background:#e6ebf7;border-bottom:1px solid #0937b2}.timepicker-dropdown{position:absolute;top:calc(100% + 4px);left:0;max-height:200px;overflow-y:auto;border:1px solid #e0e0e0;box-shadow:0 12px 24px rgba(0,0,0,.12),0 4px 8px rgba(0,0,0,.12);border-radius:4px;padding:8px;background:#fff}.timepicker-dropdown::-webkit-scrollbar{display:none}.timepicker-dropdown ul{margin:0;padding:0}.timepicker-dropdown li{text-align:start;list-style:none;padding:6px 12px;cursor:pointer;font-size:14px;color:#181f33;display:flex;justify-content:space-between;align-items:center}.timepicker-dropdown li:hover{background:#f5f7fc;border-radius:6px}.timepicker-dropdown li .selected-icon{font-weight:900}.highlight{background-color:#f5f7fc;border-radius:6px}.invalid{background:#fae1ea!important;border-bottom:1px solid #b00020!important}"]}]}],d.ctorParameters=function(){return[]},d.propDecorators={clockFormat:[{type:e.Input}],timezone:[{type:e.Input}],height:[{type:e.Input}],inputWidth:[{type:e.Input}],dropdownWidth:[{type:e.Input}],interval:[{type:e.Input}],dateAsEpoch:[{type:e.Input}],firstInterval:[{type:e.Input}],rangeValidity:[{type:e.Input}],showTooltip:[{type:e.Input}],givenTime:[{type:e.Input}],minTime:[{type:e.Input}],triggerChange:[{type:e.Input}],timeEmitter:[{type:e.Output}],input:[{type:e.ViewChild,args:["input",{static:!0}]}],timepickerDirective:[{type:e.ViewChild,args:[c]}],tooltipDirective:[{type:e.ViewChild,args:[r.ToolTipDirective]}],timeIntervalRefs:[{type:e.ViewChildren,args:["timeInterval"]}]};var u=function(){function t(){}return t.forRoot=function(){return{ngModule:t,providers:[]}},t}();u.decorators=[{type:e.NgModule,args:[{declarations:[d,c],imports:[s.CommonModule,a.FormsModule,r.ToolTipModule,n.OverlayModule],exports:[d]}]}],t.TimePickerComponent=d,t.TimePickerModule=u,t.ɵa=c,Object.defineProperty(t,"__esModule",{value:!0})}));
+    ***************************************************************************** */Object.create;function p(t,e){var i="function"==typeof Symbol&&t[Symbol.iterator];if(!i)return t;var n,o,r=i.call(t),s=[];try{for(;(void 0===e||e-- >0)&&!(n=r.next()).done;)s.push(n.value)}catch(t){o={error:t}}finally{try{n&&!n.done&&(i=r.return)&&i.call(r)}finally{if(o)throw o.error}}return s}function m(){for(var t=[],e=0;e<arguments.length;e++)t=t.concat(p(arguments[e]));return t}Object.create;var c=function(){function t(t,i,n){this.templateRef=t,this.overlay=i,this.viewContainerRef=n,this.openStatus=!1,this.statusEmitter=new e.EventEmitter}return Object.defineProperty(t.prototype,"createOverlayOnInput",{set:function(t){this.openStatus=t,this.originEl&&this.openStatus&&this.createOverlay(this.originEl)},enumerable:!1,configurable:!0}),t.prototype.createOverlay=function(t){var e=this,i=[new n.ConnectionPositionPair({originX:"start",originY:"bottom"},{overlayX:"start",overlayY:"top"},0,4),new n.ConnectionPositionPair({originX:"end",originY:"bottom"},{overlayX:"end",overlayY:"top"},0,4)],r=new n.OverlayConfig({hasBackdrop:!0,backdropClass:"cdk-overlay-transparent-backdrop",positionStrategy:this.overlay.position().flexibleConnectedTo(t).withPositions(m(i)).withPush(!0)});this.overlayRef=this.overlay.create(r);var s=new o.TemplatePortal(this.templateRef,this.viewContainerRef);this.overlayRef.attach(s),this.overlayRef.backdropClick().subscribe((function(t){e.openStatus=!1,e.statusEmitter.emit(!1),e.overlayRef.detach()}))},t.prototype.destroyOverlay=function(){this.overlayRef.detach()},t}();c.decorators=[{type:e.Directive,args:[{selector:"[libTimepicker]"}]}],c.ctorParameters=function(){return[{type:e.TemplateRef},{type:n.Overlay},{type:e.ViewContainerRef}]},c.propDecorators={originEl:[{type:e.Input,args:["originEl"]}],statusEmitter:[{type:e.Output}],createOverlayOnInput:[{type:e.Input,args:["openStatus"]}]};var d=function(){function t(){this.openStatus=!1,this.isHighlighted=0,this.isInvalid=!1,this.timeIntervals=[],this.shouldScroll=!1,this.userInputFlag=!1,this.givenTimeFlag=!0,this.clockFormat=12,this.timezone="Asia/Kolkata",this.height="max-content",this.inputWidth="100px",this.interval=15,this.dateAsEpoch=h().valueOf(),this.rangeValidity=!0,this.showTooltip=!0,this.dispayToolTip=this.showTooltip,this.triggerChange=!0,this.disable=!1,this.timeEmitter=new e.EventEmitter}return Object.defineProperty(t.prototype,"timeIntervalRefs",{set:function(t){t.forEach((function(t){if("highlight"===t.nativeElement.classList[0]){var e=t.nativeElement;setTimeout((function(){return e.scrollIntoView({block:"center"})}))}}))},enumerable:!1,configurable:!0}),t.prototype.ngOnInit=function(){if(!this.givenTime&&!this.minTime){this.chosenTime=h(this.firstInterval).format(this.timeFormat);var t=this.getMoment(this.chosenTime);this.emitTime({valid:!this.isInvalid,time:this.chosenTime,epoch:t.valueOf()})}},t.prototype.ngOnChanges=function(){if(this.timeFormat=12===this.clockFormat?"hh:mm a":"HH:mm",i.tz.setDefault(this.timezone),this.timeFormat){var t=this.getMoment(this.chosenTime);this.firstInterval>=t.valueOf()&&this.rangeValidity&&!this.userInputFlag&&(this.chosenTime=h(this.firstInterval).format(this.timeFormat),t=this.getMoment(this.chosenTime)),(this.givenTimeFlag&&this.givenTime||this.minTime)&&(this.chosenTime=h(this.minTime||this.givenTime).format(this.timeFormat)),t=this.getMoment(this.chosenTime),this.userInputFlag||this.populateDropdown(),this.userInputFlag=!1,this.chosenTime&&(this.isInvalid=!this.checkTimeValidity(this.chosenTime.trim()),this.emitTime({valid:!this.isInvalid,time:this.chosenTime,epoch:t.valueOf()}),this.calculateClosestInterval(this.chosenTime))}},t.prototype.emitTime=function(t){this.timeEmitter.emit(t)},t.prototype.getMoment=function(t){return h(h(this.dateAsEpoch).format("DD-MM-YYYY")+" "+t,"'DD-MM-YYYY' "+this.timeFormat)},t.prototype.closeDropdown=function(){this.dispayToolTip=!1,this.userInputFlag=!1,this.openStatus=!1,this.timepickerDirective&&this.timepickerDirective.destroyOverlay()},t.prototype.openDropdown=function(){this.dispayToolTip=!0,this.openStatus=!0},t.prototype.checkTimeValidity=function(t){var e=12===this.clockFormat?/^(([0][1-9]|1[0-2]):([0-5][0-9])( )?(am|pm|AM|PM))$/i:/^([01][0-9]|2[0-3]):[0-5][0-9]$/,i=this.getMoment(t);return this.minTime||this.givenTime||this.firstInterval&&h(this.firstInterval).format(this.timeFormat).valueOf()===h().startOf("d").format(this.timeFormat).valueOf()?!!t.match(e):!!(t.match(e)&&i.diff(h(),"m")>=0)},t.prototype.onTimeSelect=function(t){this.isInvalid=!this.checkTimeValidity(t.trim()),this.isInvalid||(this.chosenTime=t,this.calculateClosestInterval(this.chosenTime));var e=this.getMoment(t);this.emitTime({valid:!this.isInvalid,time:t,epoch:e.valueOf()}),this.openStatus=!1,this.timepickerDirective&&this.timepickerDirective.destroyOverlay()},t.prototype.onTimeChange=function(t){this.isInvalid=!this.checkTimeValidity(t.trim()),this.isInvalid||(this.userInputFlag=!0,this.openStatus=!1,this.timepickerDirective&&this.timepickerDirective.destroyOverlay(),this.calculateClosestInterval(t));var e=this.getMoment(t);this.emitTime({valid:!this.isInvalid,time:t,epoch:e.valueOf()})},t.prototype.calculateClosestInterval=function(t){var e,i=this,n=h(this.dateAsEpoch).format("DD-MM-YYYY"),o=h(n+" "+t,"DD-MM-YYYY "+this.timeFormat).valueOf(),r=this.interval-h(o).minutes()%this.interval;if(!this.minTime||this.givenTime)if(e=r>=this.interval/2?h(o).subtract(this.interval-r,"m").valueOf():h(o).add(r,"m").valueOf(),o>h(this.dateAsEpoch).endOf("d").subtract(this.interval,"m").valueOf())this.isHighlighted=this.timeIntervals.length-1;else{var s=h(e);this.isHighlighted=this.timeIntervals.findIndex((function(t){return h(n+" "+t,"DD-MM-YYYY "+i.timeFormat).isSame(s)}))}else this.isHighlighted=0},t.prototype.populateDropdown=function(){if(this.timeIntervals=[],!this.firstInterval)if(h(this.dateAsEpoch).format("DD-MM-YYYY")!==h().format("DD-MM-YYYY")||this.minTime)if(this.minTime){t=this.interval-h(this.minTime).minutes()%this.interval;this.firstInterval=h(this.minTime).add(t,"m").valueOf()}else this.firstInterval=h().startOf("d").valueOf();else{var t=this.interval-h().minutes()%this.interval;this.firstInterval=h().add(t,"m").valueOf()}this.givenTime&&this.givenTimeFlag&&(this.firstInterval=h(this.givenTime).startOf("d").valueOf(),this.givenTimeFlag=!1);for(var e=h(this.dateAsEpoch).format("DD-MM-YYYY"),i=h(this.firstInterval).format(this.timeFormat),n=h(e+" "+i,"DD-MM-YYYY "+this.timeFormat),o=h(""+e,"DD-MM-YYYY").endOf("d");n.valueOf()<o.valueOf();)this.timeIntervals.push(n.format(this.timeFormat)),n.add(this.interval,"m");0===this.timeIntervals.length&&(this.chosenTime=h().endOf("d").format(this.timeFormat),this.timeIntervals.push(h().endOf("d").format(this.timeFormat)))},t.prototype.ngOnDestroy=function(){this.tooltipDirective&&this.tooltipDirective.hideToolTip()},t}();d.decorators=[{type:e.Component,args:[{selector:"mis-timepicker",template:'<div class="timepicker-container" [ngStyle]="{ height: height }" [ngClass]="{\'disable\': disable}">\n  <input\n    type="text"\n    [(ngModel)]="chosenTime"\n    (ngModelChange)="onTimeChange(chosenTime)"\n    [ngClass]="{ invalid: isInvalid || !rangeValidity }"\n    [ngStyle]="{ width: inputWidth }"\n    (click)="openDropdown()"\n    misToolTip\n    [showToolTip]="showTooltip && (isInvalid || !rangeValidity) && dispayToolTip"\n    [text]="\'Invalid Time\'"\n    [position]="\'top\'"\n    [showOnHover]="false"\n    #input\n    cdkOverlayOrigin\n    class="h7"\n  />\n\n  <ng-template #dropdownContainer libDropdownScroll libTimepicker [originEl]="input" [openStatus]="openStatus" (statusEmitter)="closeDropdown()">\n    <div *ngIf="openStatus" class="timepicker-dropdown" [ngStyle]="{ width: dropdownWidth || inputWidth }">\n      <ul #dropdown>\n        <li #timeInterval (click)="onTimeSelect(interval)" *ngFor="let interval of timeIntervals; index as i" [ngClass]="{ highlight: i === isHighlighted }">\n          {{ interval }}\n          <div class="ic-ui-check-24 selected-icon" *ngIf="interval === chosenTime"></div>\n        </li>\n      </ul>\n    </div>\n  </ng-template>\n</div>\n',styles:[".h1{font-size:40px;line-height:48px}.h1,.h2{font-weight:400;letter-spacing:0}.h2{font-size:32px;line-height:40px}.h3{font-size:28px;line-height:36px}.h3,.h4{font-weight:400;letter-spacing:0}.h4{font-size:24px;line-height:32px}.h5-b{font-weight:700;letter-spacing:.25px}.h5,.h5-b{font-size:20px;line-height:28px}.h5{font-weight:400;letter-spacing:.15px}.h6-b{font-weight:700}.h6,.h6-b{font-size:16px;letter-spacing:0;line-height:24px}.h6,.p{font-weight:400}.p{font-size:16px;letter-spacing:0;line-height:180%}.h7-b{font-weight:700;letter-spacing:.25px}.h7,.h7-b{font-size:14px;line-height:20px}.h7{font-weight:400;letter-spacing:.2px}.h8-b{font-weight:700;letter-spacing:.25px}.h8,.h8-b{font-size:12px;line-height:18px}.h8{letter-spacing:.2px}.h8,.h9{font-weight:400}.h9{font-size:10px;letter-spacing:0;line-height:15px}.btn-lg-b{font-weight:700;letter-spacing:.5px}.btn-lg,.btn-lg-b{font-size:16px;line-height:24px}.btn-lg{font-weight:400;letter-spacing:.2px}.btn-sm{font-size:14px;font-weight:400;letter-spacing:.25px;line-height:20px}.btn-link{font-size:16px;line-height:24px}.btn-link,.display-1{font-weight:400;letter-spacing:0}.display-1{font-size:48px;line-height:56px}.display-2{font-size:14px;font-weight:400;letter-spacing:.5px;line-height:20px}*{box-sizing:border-box;font-family:Lato}.timepicker-container{display:inline-block;position:relative}input{text-align:center;border:none;border-bottom:1px solid #e0e0e0;outline:none;height:100%;width:100px;padding:4px 16px}input:hover{background:#f5f7fc}input:active,input:focus{background:#e6ebf7;border-bottom:1px solid #0937b2}.timepicker-dropdown{position:absolute;top:calc(100% + 4px);left:0;max-height:200px;overflow-y:auto;border:1px solid #e0e0e0;box-shadow:0 12px 24px rgba(0,0,0,.12),0 4px 8px rgba(0,0,0,.12);border-radius:4px;padding:8px;background:#fff}.timepicker-dropdown::-webkit-scrollbar{display:none}.timepicker-dropdown ul{margin:0;padding:0}.timepicker-dropdown li{text-align:start;list-style:none;padding:6px 12px;cursor:pointer;font-size:14px;color:#181f33;display:flex;justify-content:space-between;align-items:center}.timepicker-dropdown li:hover{background:#f5f7fc;border-radius:6px}.timepicker-dropdown li .selected-icon{font-weight:900}.highlight{background-color:#f5f7fc;border-radius:6px}.invalid{background:#fae1ea!important;border-bottom:1px solid #b00020!important}.disable{pointer-events:none!important;opacity:.5!important}"]}]}],d.ctorParameters=function(){return[]},d.propDecorators={clockFormat:[{type:e.Input}],timezone:[{type:e.Input}],height:[{type:e.Input}],inputWidth:[{type:e.Input}],dropdownWidth:[{type:e.Input}],interval:[{type:e.Input}],dateAsEpoch:[{type:e.Input}],firstInterval:[{type:e.Input}],rangeValidity:[{type:e.Input}],showTooltip:[{type:e.Input}],givenTime:[{type:e.Input}],minTime:[{type:e.Input}],triggerChange:[{type:e.Input}],disable:[{type:e.Input}],timeEmitter:[{type:e.Output}],input:[{type:e.ViewChild,args:["input",{static:!0}]}],timepickerDirective:[{type:e.ViewChild,args:[c]}],tooltipDirective:[{type:e.ViewChild,args:[r.ToolTipDirective]}],timeIntervalRefs:[{type:e.ViewChildren,args:["timeInterval"]}]};var u=function(){function t(){}return t.forRoot=function(){return{ngModule:t,providers:[]}},t}();u.decorators=[{type:e.NgModule,args:[{declarations:[d,c],imports:[s.CommonModule,a.FormsModule,r.ToolTipModule,n.OverlayModule],exports:[d]}]}],t.TimePickerComponent=d,t.TimePickerModule=u,t.ɵa=c,Object.defineProperty(t,"__esModule",{value:!0})}));
 //# sourceMappingURL=mis-crystal-design-system-timepicker.umd.min.js.map

package/bundles/mis-crystal-design-system-timepicker.umd.min.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../node_modules/tslib/tslib.es6.js","../../../projects/mis-components/timepicker/timepicker.directive.ts","../../../projects/mis-components/timepicker/timepicker.component.ts","../../../projects/mis-components/timepicker/timepicker.module.ts"],"names":["Object","create","__read","o","n","m","Symbol","iterator","r","e","i","call","ar","next","done","push","value","error","__spread","arguments","length","concat","TimepickerDirective","templateRef","overlay","viewContainerRef","this","openStatus","statusEmitter","EventEmitter","defineProperty","prototype","originEl","createOverlay","origin","_this","positions","ConnectionPositionPair","originX","originY","overlayX","overlayY","overlayConfig","OverlayConfig","hasBackdrop","backdropClass","positionStrategy","position","flexibleConnectedTo","withPositions","withPush","overlayRef","dropdownPortal","TemplatePortal","attach","backdropClick","subscribe","resp","emit","detach","destroyOverlay","Directive","args","selector","TemplateRef","Overlay","ViewContainerRef","Input","Output","TimePickerComponent","isHighlighted","isInvalid","timeIntervals","shouldScroll","userInputFlag","givenTimeFlag","clockFormat","timezone","height","inputWidth","interval","dateAsEpoch","moment","valueOf","rangeValidity","showTooltip","dispayToolTip","triggerChange","timeEmitter","intervals","forEach","nativeElement","classList","highlighted_1","setTimeout","scrollIntoView","block","ngOnInit","givenTime","minTime","chosenTime","firstInterval","format","timeFormat","chosenTimeMoment","getMoment","emitTime","valid","time","epoch","ngOnChanges","moment.tz","setDefault","populateDropdown","checkTimeValidity","trim","calculateClosestInterval","data","closeDropdown","timepickerDirective","openDropdown","RE","timeMoment","startOf","match","diff","onTimeSelect","onTimeChange","roundedEpoch","chosenDate","chosenTimeEpoch","offset","minutes","subtract","add","endOf","roundedEpochMoment_1","findIndex","isSame","dateAsString","intervalAsString","start","end","ngOnDestroy","tooltipDirective","hideToolTip","Component","template","ViewChild","static","ToolTipDirective","ViewChildren","TimePickerModule","forRoot","ngModule","providers","NgModule","declarations","imports","CommonModule","FormsModule","ToolTipModule","OverlayModule","exports"],"mappings":"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","sourcesContent":["/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\r\n\r\nvar extendStatics = function(d, b) {\r\n    extendStatics = Object.setPrototypeOf ||\r\n        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n        function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n    return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n    if (typeof b !== \"function\" && b !== null)\r\n        throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n    extendStatics(d, b);\r\n    function __() { this.constructor = d; }\r\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n    __assign = Object.assign || function __assign(t) {\r\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n            s = arguments[i];\r\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n        }\r\n        return t;\r\n    }\r\n    return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n    var t = {};\r\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n        t[p] = s[p];\r\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n                t[p[i]] = s[p[i]];\r\n        }\r\n    return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n    return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n    if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n    return new (P || (P = Promise))(function (resolve, reject) {\r\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n    });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n    function verb(n) { return function (v) { return step([n, v]); }; }\r\n    function step(op) {\r\n        if (f) throw new TypeError(\"Generator is already executing.\");\r\n        while (_) try {\r\n            if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n            if (y = 0, t) op = [op[0] & 2, t.value];\r\n            switch (op[0]) {\r\n                case 0: case 1: t = op; break;\r\n                case 4: _.label++; return { value: op[1], done: false };\r\n                case 5: _.label++; y = op[1]; op = [0]; continue;\r\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n                default:\r\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n                    if (t[2]) _.ops.pop();\r\n                    _.trys.pop(); continue;\r\n            }\r\n            op = body.call(thisArg, _);\r\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n    }\r\n}\r\n\r\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });\r\n}) : (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    o[k2] = m[k];\r\n});\r\n\r\nexport function __exportStar(m, o) {\r\n    for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nexport function __values(o) {\r\n    var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n    if (m) return m.call(o);\r\n    if (o && typeof o.length === \"number\") return {\r\n        next: function () {\r\n            if (o && i >= o.length) o = void 0;\r\n            return { value: o && o[i++], done: !o };\r\n        }\r\n    };\r\n    throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n    var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n    if (!m) return o;\r\n    var i = m.call(o), r, ar = [], e;\r\n    try {\r\n        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n    }\r\n    catch (error) { e = { error: error }; }\r\n    finally {\r\n        try {\r\n            if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n        }\r\n        finally { if (e) throw e.error; }\r\n    }\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spread() {\r\n    for (var ar = [], i = 0; i < arguments.length; i++)\r\n        ar = ar.concat(__read(arguments[i]));\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spreadArrays() {\r\n    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n    for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n            r[k] = a[j];\r\n    return r;\r\n}\r\n\r\nexport function __spreadArray(to, from, pack) {\r\n    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n        if (ar || !(i in from)) {\r\n            if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n            ar[i] = from[i];\r\n        }\r\n    }\r\n    return to.concat(ar || Array.prototype.slice.call(from));\r\n}\r\n\r\nexport function __await(v) {\r\n    return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n    return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n    function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }\r\n    function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n    function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n    function fulfill(value) { resume(\"next\", value); }\r\n    function reject(value) { resume(\"throw\", value); }\r\n    function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n    var i, p;\r\n    return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n    function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === \"return\" } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var m = o[Symbol.asyncIterator], i;\r\n    return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n    function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n    function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n    if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n    return cooked;\r\n};\r\n\r\nvar __setModuleDefault = Object.create ? (function(o, v) {\r\n    Object.defineProperty(o, \"default\", { enumerable: true, value: v });\r\n}) : function(o, v) {\r\n    o[\"default\"] = v;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n    if (mod && mod.__esModule) return mod;\r\n    var result = {};\r\n    if (mod != null) for (var k in mod) if (k !== \"default\" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\r\n    __setModuleDefault(result, mod);\r\n    return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n    return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\r\n    if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\r\n    if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\r\n    return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\r\n    if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\r\n    if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\r\n    if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\r\n    return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\r\n}\r\n","import { Directive, Output, TemplateRef } from '@angular/core';\nimport { EventEmitter, Input, ViewContainerRef } from \"@angular/core\";\nimport { ConnectionPositionPair, Overlay, OverlayConfig, OverlayRef } from \"@angular/cdk/overlay\";\nimport { TemplatePortal } from \"@angular/cdk/portal\";\n\n@Directive({\n  selector: '[libTimepicker]'\n})\nexport class TimepickerDirective {\n  private openStatus: boolean = false;\n  @Input('originEl') originEl : any;\n  @Output() statusEmitter = new EventEmitter<boolean>(); \n\n  @Input('openStatus')  set createOverlayOnInput(openStatus){\n    this.openStatus = openStatus;\n    if(this.originEl && this.openStatus) this.createOverlay(this.originEl);\n  }; \n  private overlayRef!: OverlayRef;\n  constructor(private templateRef: TemplateRef<Element>, private overlay: Overlay, private viewContainerRef: ViewContainerRef) {}\n\n  createOverlay(origin: any): void {\n    const positions = [\n      new ConnectionPositionPair({ originX: \"start\", originY: \"bottom\" }, { overlayX: \"start\", overlayY: \"top\" }, 0, 4),\n      new ConnectionPositionPair({ originX: \"end\", originY: \"bottom\" }, { overlayX: \"end\", overlayY: \"top\" }, 0, 4)\n    ];\n\n    const overlayConfig = new OverlayConfig({\n      hasBackdrop: true,\n      backdropClass: \"cdk-overlay-transparent-backdrop\",\n      positionStrategy: this.overlay\n        .position()\n        //connecting the dropdown overlay to the input element\n        .flexibleConnectedTo(origin)\n        .withPositions([...positions])\n        .withPush(true)\n    });\n\n    this.overlayRef = this.overlay.create(overlayConfig);\n    const dropdownPortal = new TemplatePortal(this.templateRef, this.viewContainerRef);\n    this.overlayRef.attach(dropdownPortal);\n    this.overlayRef.backdropClick().subscribe(resp => {\n      this.openStatus = false;\n      this.statusEmitter.emit(false);\n      this.overlayRef.detach();\n    });\n  }\n\n  destroyOverlay(){\n    this.overlayRef.detach();\n  }\n  \n}\n","import { Component, ElementRef, EventEmitter, Input, OnChanges, OnDestroy, OnInit, Output, ViewChild, ViewChildren } from \"@angular/core\";\nimport * as moment from \"moment-timezone\";\nimport { ITime } from \"./time.namespace\";\nimport { TimepickerDirective } from \"./timepicker.directive\";\nimport { ToolTipDirective } from \"mis-crystal-design-system/tooltip\";\n\n\n@Component({\n  selector: \"mis-timepicker\",\n  templateUrl: \"./timepicker.component.html\",\n  styleUrls: [\"./timepicker.component.scss\"]\n})\nexport class TimePickerComponent implements OnInit, OnChanges, OnDestroy {\n  currTime!: string;\n  chosenTime: string;\n  openStatus: boolean = false;\n  isHighlighted: number = 0;\n  isInvalid: boolean = false;\n  timeIntervals: string[] = [];\n  shouldScroll: boolean = false;\n  userInputFlag: boolean = false;\n  givenTimeFlag: boolean = true;\n  @Input() clockFormat: number = 12;\n  timeFormat!: string;\n  \n  @Input() timezone: string = \"Asia/Kolkata\";\n  @Input() height: string = \"max-content\";\n  @Input() inputWidth: string = \"100px\";\n  @Input() dropdownWidth?: string;\n  @Input() interval: number = 15;\n  @Input() dateAsEpoch: number = moment().valueOf();\n  @Input() firstInterval!: number;\n  @Input() rangeValidity: boolean = true;\n  @Input() showTooltip: boolean = true;\n  dispayToolTip: boolean = this.showTooltip;\n  @Input() givenTime: number;\n  @Input() minTime?: number;\n  @Input() triggerChange: boolean = true;\n\n  @Output() timeEmitter = new EventEmitter<ITime>();\n  @ViewChild(\"input\", { static: true }) input: ElementRef;\n  @ViewChild(TimepickerDirective) timepickerDirective: TimepickerDirective;\n  @ViewChild(ToolTipDirective) tooltipDirective: ToolTipDirective;\n\n  // gets all the li elements from the dropdown and scrolls to the highlighted element\n  @ViewChildren(\"timeInterval\") set timeIntervalRefs(intervals) {\n    intervals.forEach(interval => {\n      if (interval.nativeElement.classList[0] === \"highlight\") {\n        const highlighted = interval.nativeElement;\n        setTimeout(() => highlighted.scrollIntoView({ block: \"center\" }));\n      }\n    });\n  }\n\n  constructor(){}\n  ngOnInit(): void {\n    if(!this.givenTime && !this.minTime) {\n      this.chosenTime = moment(this.firstInterval).format(this.timeFormat);\n      let chosenTimeMoment = this.getMoment(this.chosenTime);\n      this.emitTime({\n        valid: !this.isInvalid,\n        time: this.chosenTime,\n        epoch: chosenTimeMoment.valueOf()\n      });\n    }\n  }\n\n  ngOnChanges(): void {\n    this.timeFormat = this.clockFormat === 12 ? \"hh:mm a\" : \"HH:mm\";\n    moment.tz.setDefault(this.timezone);\n\n    if (this.timeFormat) {\n      let chosenTimeMoment = this.getMoment(this.chosenTime);\n    \n      // if the first interval is >= the chosen time\n      // then only update the value of chosen time\n      // else it remains the same\n      if (this.firstInterval >= chosenTimeMoment.valueOf() && this.rangeValidity && !this.userInputFlag) {\n        this.chosenTime = moment(this.firstInterval).format(this.timeFormat);\n        chosenTimeMoment = this.getMoment(this.chosenTime)\n      }\n\n      if((this.givenTimeFlag && this.givenTime) || this.minTime ) {\n        this.chosenTime = moment(this.minTime || this.givenTime).format(this.timeFormat);\n      }\n      chosenTimeMoment = this.getMoment(this.chosenTime)\n\n      if (!this.userInputFlag) this.populateDropdown();\n      this.userInputFlag = false;\n      \n      if(this.chosenTime) {\n        this.isInvalid = !this.checkTimeValidity(this.chosenTime.trim());\n        this.emitTime({\n          valid: !this.isInvalid,\n          time: this.chosenTime,\n          epoch: chosenTimeMoment.valueOf()\n        });\n        this.calculateClosestInterval(this.chosenTime);\n      }\n    }\n  }\n\n  emitTime(data: ITime): void {\n    this.timeEmitter.emit(data);\n  }\n\n  // function to get moment object when time is given in string\n  getMoment(time: string){\n    return moment(`${moment(this.dateAsEpoch).format(\"DD-MM-YYYY\")} ${time}`, `'DD-MM-YYYY' ${this.timeFormat}`)\n  }\n\n  closeDropdown() {\n    this.dispayToolTip = false;\n    this.userInputFlag = false;\n    this.openStatus = false;\n    if (this.timepickerDirective) this.timepickerDirective.destroyOverlay();\n  }\n\n  // toggle timepicker dropdown\n  openDropdown(): void {\n    this.dispayToolTip = true;\n    this.openStatus = true;\n  }\n\n  checkTimeValidity(time: string): boolean {\n    const RE12 = /^(([0][1-9]|1[0-2]):([0-5][0-9])( )?(am|pm|AM|PM))$/i;\n    const RE24 = /^([01][0-9]|2[0-3]):[0-5][0-9]$/;\n    const RE = this.clockFormat === 12 ? RE12 : RE24;\n\n    const timeMoment = this.getMoment(time);\n    let flag: boolean = false;\n\n    // if the first interval is set to the start of the day\n    // or a time is already provided to the component to show\n    // then we don't check its validity against the current time\n    if (\n      this.minTime || \n      this.givenTime ||\n      (this.firstInterval &&\n      moment(this.firstInterval).format(this.timeFormat).valueOf() === moment().startOf(\"d\").format(this.timeFormat).valueOf())\n    ) {\n      flag = time.match(RE) ? true : false;\n    } else {\n      flag = time.match(RE) && timeMoment.diff(moment(), \"m\") >= 0 ? true: false;\n    }\n\n    return flag;\n  }\n\n  // update chosen time as soon as the user clicks on an interval\n  onTimeSelect(time: string): void {\n    this.isInvalid = !this.checkTimeValidity(time.trim());\n    if (!this.isInvalid) {\n      this.chosenTime = time;\n      this.calculateClosestInterval(this.chosenTime);\n    }\n\n    const timeMoment = this.getMoment(time);\n    this.emitTime({\n      valid: !this.isInvalid,\n      time: time,\n      epoch: timeMoment.valueOf() \n    });\n    this.openStatus = false;\n    if (this.timepickerDirective) this.timepickerDirective.destroyOverlay();\n  }\n\n  // checks validity of time on input change and calculates the closest interval\n  onTimeChange(time: string): void {\n    this.isInvalid = !this.checkTimeValidity(time.trim());\n\n    if (!this.isInvalid) {\n      this.userInputFlag = true;\n      this.openStatus = false;\n      if (this.timepickerDirective) this.timepickerDirective.destroyOverlay();\n      this.calculateClosestInterval(time);\n    }\n    const timeMoment = this.getMoment(time);\n    this.emitTime({\n      valid: !this.isInvalid,\n      time: time,\n      epoch: timeMoment.valueOf() \n    });\n  }\n\n  calculateClosestInterval(time: string): void {\n    let roundedEpoch: number;\n    // Converting time and date to a moment object \n    const chosenDate = moment(this.dateAsEpoch).format(\"DD-MM-YYYY\"); // 05-01-2024\n    const parsedTimeWithDate = moment(`${chosenDate} ${time}`, `DD-MM-YYYY ${this.timeFormat}`);\n    // Converting moment object to epoch\n    const chosenTimeEpoch = parsedTimeWithDate.valueOf();\n    const offset = this.interval - (moment(chosenTimeEpoch).minutes() % this.interval);\n\n    if (this.minTime && !this.givenTime) {\n      this.isHighlighted = 0;\n      return;\n    }\n    roundedEpoch = offset >= this.interval / 2 ? (moment(chosenTimeEpoch).subtract(this.interval - offset, \"m\")).valueOf() : (moment(chosenTimeEpoch).add( offset, \"m\")).valueOf();\n\n    // finding the index of element that needs to be highlighted\n    if ( chosenTimeEpoch > moment(this.dateAsEpoch).endOf(\"d\").subtract(this.interval, \"m\").valueOf()) {\n      this.isHighlighted = this.timeIntervals.length - 1;\n    } else {\n      const roundedEpochMoment = moment(roundedEpoch);\n      this.isHighlighted = this.timeIntervals.findIndex(interval => {\n        const intervalObj = moment(`${chosenDate} ${interval}`, `DD-MM-YYYY ${this.timeFormat}`);\n        return intervalObj.isSame(roundedEpochMoment);\n      });\n    }\n  }\n\n\n  // populates the dropdown according to the first interval received\n  populateDropdown(): void {\n    this.timeIntervals = [];\n\n    // if picker is used as an individual component\n    if (!this.firstInterval) {\n      // firstInterval is initialised according to the current time\n      // if the date is same as the current date\n      if (moment(this.dateAsEpoch).format(\"DD-MM-YYYY\") === moment().format(\"DD-MM-YYYY\") && !this.minTime) {\n        const offset = this.interval - (moment().minutes() % this.interval);\n        this.firstInterval = moment().add(offset, \"m\").valueOf();\n      }\n      // if minimum time to show is provided\n      else if(this.minTime){\n        const offset = this.interval - (moment(this.minTime).minutes() % this.interval);\n        this.firstInterval = moment(this.minTime).add(offset, \"m\").valueOf();\n      }\n      // else the firstInterval is initialised as start of day\n      else {\n        this.firstInterval = moment().startOf(\"d\").valueOf();\n      }\n    }\n\n    if(this.givenTime && this.givenTimeFlag){\n      this.firstInterval = moment(this.givenTime).startOf('d').valueOf();\n      this.givenTimeFlag = false;\n    }\n\n    const dateAsString = moment(this.dateAsEpoch).format('DD-MM-YYYY');\n    const intervalAsString = moment(this.firstInterval).format(this.timeFormat);\n    const start = moment(`${dateAsString} ${intervalAsString}`, `DD-MM-YYYY ${this.timeFormat}`);\n    const end = moment(`${dateAsString}`, 'DD-MM-YYYY').endOf('d');\n\n    \n    while (start.valueOf() < end.valueOf()) {\n      this.timeIntervals.push(start.format(this.timeFormat));\n      start.add(this.interval, \"m\");\n    }\n\n    // if the start time is equal to the interval just before midnight\n    // and the start date = end date\n    // push 11:59pm only\n    if (this.timeIntervals.length === 0) {\n      this.chosenTime = moment().endOf(\"d\").format(this.timeFormat);\n      this.timeIntervals.push(moment().endOf(\"d\").format(this.timeFormat));\n    }\n  }\n\n  ngOnDestroy() {\n    if (this.tooltipDirective) this.tooltipDirective.hideToolTip();\n  }\n}\n","import { NgModule, ModuleWithProviders } from \"@angular/core\";\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport { TimePickerComponent } from \"./timepicker.component\";\nimport { ToolTipModule } from \"mis-crystal-design-system/tooltip\";\nimport { OverlayModule } from '@angular/cdk/overlay';\nimport { TimepickerDirective } from './timepicker.directive';\n\n@NgModule({\n  declarations: [TimePickerComponent, TimepickerDirective],\n  imports: [CommonModule, FormsModule, ToolTipModule, OverlayModule],\n  exports: [TimePickerComponent]\n})\nexport class TimePickerModule {\n  static forRoot(): ModuleWithProviders<TimePickerModule> {\n    return { ngModule: TimePickerModule, providers: [] };\n  }\n}"]}
+{"version":3,"sources":["../../../node_modules/tslib/tslib.es6.js","../../../projects/mis-components/timepicker/timepicker.directive.ts","../../../projects/mis-components/timepicker/timepicker.component.ts","../../../projects/mis-components/timepicker/timepicker.module.ts"],"names":["Object","create","__read","o","n","m","Symbol","iterator","r","e","i","call","ar","next","done","push","value","error","__spread","arguments","length","concat","TimepickerDirective","templateRef","overlay","viewContainerRef","this","openStatus","statusEmitter","EventEmitter","defineProperty","prototype","originEl","createOverlay","origin","_this","positions","ConnectionPositionPair","originX","originY","overlayX","overlayY","overlayConfig","OverlayConfig","hasBackdrop","backdropClass","positionStrategy","position","flexibleConnectedTo","withPositions","withPush","overlayRef","dropdownPortal","TemplatePortal","attach","backdropClick","subscribe","resp","emit","detach","destroyOverlay","Directive","args","selector","TemplateRef","Overlay","ViewContainerRef","Input","Output","TimePickerComponent","isHighlighted","isInvalid","timeIntervals","shouldScroll","userInputFlag","givenTimeFlag","clockFormat","timezone","height","inputWidth","interval","dateAsEpoch","moment","valueOf","rangeValidity","showTooltip","dispayToolTip","triggerChange","disable","timeEmitter","intervals","forEach","nativeElement","classList","highlighted_1","setTimeout","scrollIntoView","block","ngOnInit","givenTime","minTime","chosenTime","firstInterval","format","timeFormat","chosenTimeMoment","getMoment","emitTime","valid","time","epoch","ngOnChanges","moment.tz","setDefault","populateDropdown","checkTimeValidity","trim","calculateClosestInterval","data","closeDropdown","timepickerDirective","openDropdown","RE","timeMoment","startOf","match","diff","onTimeSelect","onTimeChange","roundedEpoch","chosenDate","chosenTimeEpoch","offset","minutes","subtract","add","endOf","roundedEpochMoment_1","findIndex","isSame","dateAsString","intervalAsString","start","end","ngOnDestroy","tooltipDirective","hideToolTip","Component","template","ViewChild","static","ToolTipDirective","ViewChildren","TimePickerModule","forRoot","ngModule","providers","NgModule","declarations","imports","CommonModule","FormsModule","ToolTipModule","OverlayModule","exports"],"mappings":"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","sourcesContent":["/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\r\n\r\nvar extendStatics = function(d, b) {\r\n    extendStatics = Object.setPrototypeOf ||\r\n        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n        function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n    return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n    if (typeof b !== \"function\" && b !== null)\r\n        throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n    extendStatics(d, b);\r\n    function __() { this.constructor = d; }\r\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n    __assign = Object.assign || function __assign(t) {\r\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n            s = arguments[i];\r\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n        }\r\n        return t;\r\n    }\r\n    return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n    var t = {};\r\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n        t[p] = s[p];\r\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n                t[p[i]] = s[p[i]];\r\n        }\r\n    return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n    return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n    if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n    return new (P || (P = Promise))(function (resolve, reject) {\r\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n    });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n    function verb(n) { return function (v) { return step([n, v]); }; }\r\n    function step(op) {\r\n        if (f) throw new TypeError(\"Generator is already executing.\");\r\n        while (_) try {\r\n            if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n            if (y = 0, t) op = [op[0] & 2, t.value];\r\n            switch (op[0]) {\r\n                case 0: case 1: t = op; break;\r\n                case 4: _.label++; return { value: op[1], done: false };\r\n                case 5: _.label++; y = op[1]; op = [0]; continue;\r\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n                default:\r\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n                    if (t[2]) _.ops.pop();\r\n                    _.trys.pop(); continue;\r\n            }\r\n            op = body.call(thisArg, _);\r\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n    }\r\n}\r\n\r\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });\r\n}) : (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    o[k2] = m[k];\r\n});\r\n\r\nexport function __exportStar(m, o) {\r\n    for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nexport function __values(o) {\r\n    var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n    if (m) return m.call(o);\r\n    if (o && typeof o.length === \"number\") return {\r\n        next: function () {\r\n            if (o && i >= o.length) o = void 0;\r\n            return { value: o && o[i++], done: !o };\r\n        }\r\n    };\r\n    throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n    var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n    if (!m) return o;\r\n    var i = m.call(o), r, ar = [], e;\r\n    try {\r\n        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n    }\r\n    catch (error) { e = { error: error }; }\r\n    finally {\r\n        try {\r\n            if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n        }\r\n        finally { if (e) throw e.error; }\r\n    }\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spread() {\r\n    for (var ar = [], i = 0; i < arguments.length; i++)\r\n        ar = ar.concat(__read(arguments[i]));\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spreadArrays() {\r\n    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n    for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n            r[k] = a[j];\r\n    return r;\r\n}\r\n\r\nexport function __spreadArray(to, from, pack) {\r\n    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n        if (ar || !(i in from)) {\r\n            if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n            ar[i] = from[i];\r\n        }\r\n    }\r\n    return to.concat(ar || Array.prototype.slice.call(from));\r\n}\r\n\r\nexport function __await(v) {\r\n    return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n    return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n    function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }\r\n    function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n    function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n    function fulfill(value) { resume(\"next\", value); }\r\n    function reject(value) { resume(\"throw\", value); }\r\n    function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n    var i, p;\r\n    return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n    function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === \"return\" } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var m = o[Symbol.asyncIterator], i;\r\n    return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n    function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n    function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n    if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n    return cooked;\r\n};\r\n\r\nvar __setModuleDefault = Object.create ? (function(o, v) {\r\n    Object.defineProperty(o, \"default\", { enumerable: true, value: v });\r\n}) : function(o, v) {\r\n    o[\"default\"] = v;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n    if (mod && mod.__esModule) return mod;\r\n    var result = {};\r\n    if (mod != null) for (var k in mod) if (k !== \"default\" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\r\n    __setModuleDefault(result, mod);\r\n    return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n    return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\r\n    if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\r\n    if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\r\n    return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\r\n    if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\r\n    if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\r\n    if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\r\n    return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\r\n}\r\n","import { Directive, Output, TemplateRef } from '@angular/core';\nimport { EventEmitter, Input, ViewContainerRef } from \"@angular/core\";\nimport { ConnectionPositionPair, Overlay, OverlayConfig, OverlayRef } from \"@angular/cdk/overlay\";\nimport { TemplatePortal } from \"@angular/cdk/portal\";\n\n@Directive({\n  selector: '[libTimepicker]'\n})\nexport class TimepickerDirective {\n  private openStatus: boolean = false;\n  @Input('originEl') originEl : any;\n  @Output() statusEmitter = new EventEmitter<boolean>(); \n\n  @Input('openStatus')  set createOverlayOnInput(openStatus){\n    this.openStatus = openStatus;\n    if(this.originEl && this.openStatus) this.createOverlay(this.originEl);\n  }; \n  private overlayRef!: OverlayRef;\n  constructor(private templateRef: TemplateRef<Element>, private overlay: Overlay, private viewContainerRef: ViewContainerRef) {}\n\n  createOverlay(origin: any): void {\n    const positions = [\n      new ConnectionPositionPair({ originX: \"start\", originY: \"bottom\" }, { overlayX: \"start\", overlayY: \"top\" }, 0, 4),\n      new ConnectionPositionPair({ originX: \"end\", originY: \"bottom\" }, { overlayX: \"end\", overlayY: \"top\" }, 0, 4)\n    ];\n\n    const overlayConfig = new OverlayConfig({\n      hasBackdrop: true,\n      backdropClass: \"cdk-overlay-transparent-backdrop\",\n      positionStrategy: this.overlay\n        .position()\n        //connecting the dropdown overlay to the input element\n        .flexibleConnectedTo(origin)\n        .withPositions([...positions])\n        .withPush(true)\n    });\n\n    this.overlayRef = this.overlay.create(overlayConfig);\n    const dropdownPortal = new TemplatePortal(this.templateRef, this.viewContainerRef);\n    this.overlayRef.attach(dropdownPortal);\n    this.overlayRef.backdropClick().subscribe(resp => {\n      this.openStatus = false;\n      this.statusEmitter.emit(false);\n      this.overlayRef.detach();\n    });\n  }\n\n  destroyOverlay(){\n    this.overlayRef.detach();\n  }\n  \n}\n","import { Component, ElementRef, EventEmitter, Input, OnChanges, OnDestroy, OnInit, Output, ViewChild, ViewChildren } from \"@angular/core\";\nimport * as moment from \"moment-timezone\";\nimport { ITime } from \"./time.namespace\";\nimport { TimepickerDirective } from \"./timepicker.directive\";\nimport { ToolTipDirective } from \"mis-crystal-design-system/tooltip\";\n\n\n@Component({\n  selector: \"mis-timepicker\",\n  templateUrl: \"./timepicker.component.html\",\n  styleUrls: [\"./timepicker.component.scss\"]\n})\nexport class TimePickerComponent implements OnInit, OnChanges, OnDestroy {\n  currTime!: string;\n  chosenTime: string;\n  openStatus: boolean = false;\n  isHighlighted: number = 0;\n  isInvalid: boolean = false;\n  timeIntervals: string[] = [];\n  shouldScroll: boolean = false;\n  userInputFlag: boolean = false;\n  givenTimeFlag: boolean = true;\n  @Input() clockFormat: number = 12;\n  timeFormat!: string;\n  \n  @Input() timezone: string = \"Asia/Kolkata\";\n  @Input() height: string = \"max-content\";\n  @Input() inputWidth: string = \"100px\";\n  @Input() dropdownWidth?: string;\n  @Input() interval: number = 15;\n  @Input() dateAsEpoch: number = moment().valueOf();\n  @Input() firstInterval!: number;\n  @Input() rangeValidity: boolean = true;\n  @Input() showTooltip: boolean = true;\n  dispayToolTip: boolean = this.showTooltip;\n  @Input() givenTime: number;\n  @Input() minTime?: number;\n  @Input() triggerChange: boolean = true;\n  @Input() disable: boolean = false;\n  @Output() timeEmitter = new EventEmitter<ITime>();\n  @ViewChild(\"input\", { static: true }) input: ElementRef;\n  @ViewChild(TimepickerDirective) timepickerDirective: TimepickerDirective;\n  @ViewChild(ToolTipDirective) tooltipDirective: ToolTipDirective;\n\n  // gets all the li elements from the dropdown and scrolls to the highlighted element\n  @ViewChildren(\"timeInterval\") set timeIntervalRefs(intervals) {\n    intervals.forEach(interval => {\n      if (interval.nativeElement.classList[0] === \"highlight\") {\n        const highlighted = interval.nativeElement;\n        setTimeout(() => highlighted.scrollIntoView({ block: \"center\" }));\n      }\n    });\n  }\n\n  constructor(){}\n  ngOnInit(): void {\n    if(!this.givenTime && !this.minTime) {\n      this.chosenTime = moment(this.firstInterval).format(this.timeFormat);\n      let chosenTimeMoment = this.getMoment(this.chosenTime);\n      this.emitTime({\n        valid: !this.isInvalid,\n        time: this.chosenTime,\n        epoch: chosenTimeMoment.valueOf()\n      });\n    }\n  }\n\n  ngOnChanges(): void {\n    this.timeFormat = this.clockFormat === 12 ? \"hh:mm a\" : \"HH:mm\";\n    moment.tz.setDefault(this.timezone);\n\n    if (this.timeFormat) {\n      let chosenTimeMoment = this.getMoment(this.chosenTime);\n    \n      // if the first interval is >= the chosen time\n      // then only update the value of chosen time\n      // else it remains the same\n      if (this.firstInterval >= chosenTimeMoment.valueOf() && this.rangeValidity && !this.userInputFlag) {\n        this.chosenTime = moment(this.firstInterval).format(this.timeFormat);\n        chosenTimeMoment = this.getMoment(this.chosenTime)\n      }\n\n      if((this.givenTimeFlag && this.givenTime) || this.minTime ) {\n        this.chosenTime = moment(this.minTime || this.givenTime).format(this.timeFormat);\n      }\n      chosenTimeMoment = this.getMoment(this.chosenTime)\n\n      if (!this.userInputFlag) this.populateDropdown();\n      this.userInputFlag = false;\n      \n      if(this.chosenTime) {\n        this.isInvalid = !this.checkTimeValidity(this.chosenTime.trim());\n        this.emitTime({\n          valid: !this.isInvalid,\n          time: this.chosenTime,\n          epoch: chosenTimeMoment.valueOf()\n        });\n        this.calculateClosestInterval(this.chosenTime);\n      }\n    }\n  }\n\n  emitTime(data: ITime): void {\n    this.timeEmitter.emit(data);\n  }\n\n  // function to get moment object when time is given in string\n  getMoment(time: string){\n    return moment(`${moment(this.dateAsEpoch).format(\"DD-MM-YYYY\")} ${time}`, `'DD-MM-YYYY' ${this.timeFormat}`)\n  }\n\n  closeDropdown() {\n    this.dispayToolTip = false;\n    this.userInputFlag = false;\n    this.openStatus = false;\n    if (this.timepickerDirective) this.timepickerDirective.destroyOverlay();\n  }\n\n  // toggle timepicker dropdown\n  openDropdown(): void {\n    this.dispayToolTip = true;\n    this.openStatus = true;\n  }\n\n  checkTimeValidity(time: string): boolean {\n    const RE12 = /^(([0][1-9]|1[0-2]):([0-5][0-9])( )?(am|pm|AM|PM))$/i;\n    const RE24 = /^([01][0-9]|2[0-3]):[0-5][0-9]$/;\n    const RE = this.clockFormat === 12 ? RE12 : RE24;\n\n    const timeMoment = this.getMoment(time);\n    let flag: boolean = false;\n\n    // if the first interval is set to the start of the day\n    // or a time is already provided to the component to show\n    // then we don't check its validity against the current time\n    if (\n      this.minTime || \n      this.givenTime ||\n      (this.firstInterval &&\n      moment(this.firstInterval).format(this.timeFormat).valueOf() === moment().startOf(\"d\").format(this.timeFormat).valueOf())\n    ) {\n      flag = time.match(RE) ? true : false;\n    } else {\n      flag = time.match(RE) && timeMoment.diff(moment(), \"m\") >= 0 ? true: false;\n    }\n\n    return flag;\n  }\n\n  // update chosen time as soon as the user clicks on an interval\n  onTimeSelect(time: string): void {\n    this.isInvalid = !this.checkTimeValidity(time.trim());\n    if (!this.isInvalid) {\n      this.chosenTime = time;\n      this.calculateClosestInterval(this.chosenTime);\n    }\n\n    const timeMoment = this.getMoment(time);\n    this.emitTime({\n      valid: !this.isInvalid,\n      time: time,\n      epoch: timeMoment.valueOf() \n    });\n    this.openStatus = false;\n    if (this.timepickerDirective) this.timepickerDirective.destroyOverlay();\n  }\n\n  // checks validity of time on input change and calculates the closest interval\n  onTimeChange(time: string): void {\n    this.isInvalid = !this.checkTimeValidity(time.trim());\n\n    if (!this.isInvalid) {\n      this.userInputFlag = true;\n      this.openStatus = false;\n      if (this.timepickerDirective) this.timepickerDirective.destroyOverlay();\n      this.calculateClosestInterval(time);\n    }\n    const timeMoment = this.getMoment(time);\n    this.emitTime({\n      valid: !this.isInvalid,\n      time: time,\n      epoch: timeMoment.valueOf() \n    });\n  }\n\n  calculateClosestInterval(time: string): void {\n    let roundedEpoch: number;\n    // Converting time and date to a moment object \n    const chosenDate = moment(this.dateAsEpoch).format(\"DD-MM-YYYY\"); // 05-01-2024\n    const parsedTimeWithDate = moment(`${chosenDate} ${time}`, `DD-MM-YYYY ${this.timeFormat}`);\n    // Converting moment object to epoch\n    const chosenTimeEpoch = parsedTimeWithDate.valueOf();\n    const offset = this.interval - (moment(chosenTimeEpoch).minutes() % this.interval);\n\n    if (this.minTime && !this.givenTime) {\n      this.isHighlighted = 0;\n      return;\n    }\n    roundedEpoch = offset >= this.interval / 2 ? (moment(chosenTimeEpoch).subtract(this.interval - offset, \"m\")).valueOf() : (moment(chosenTimeEpoch).add( offset, \"m\")).valueOf();\n\n    // finding the index of element that needs to be highlighted\n    if ( chosenTimeEpoch > moment(this.dateAsEpoch).endOf(\"d\").subtract(this.interval, \"m\").valueOf()) {\n      this.isHighlighted = this.timeIntervals.length - 1;\n    } else {\n      const roundedEpochMoment = moment(roundedEpoch);\n      this.isHighlighted = this.timeIntervals.findIndex(interval => {\n        const intervalObj = moment(`${chosenDate} ${interval}`, `DD-MM-YYYY ${this.timeFormat}`);\n        return intervalObj.isSame(roundedEpochMoment);\n      });\n    }\n  }\n\n\n  // populates the dropdown according to the first interval received\n  populateDropdown(): void {\n    this.timeIntervals = [];\n\n    // if picker is used as an individual component\n    if (!this.firstInterval) {\n      // firstInterval is initialised according to the current time\n      // if the date is same as the current date\n      if (moment(this.dateAsEpoch).format(\"DD-MM-YYYY\") === moment().format(\"DD-MM-YYYY\") && !this.minTime) {\n        const offset = this.interval - (moment().minutes() % this.interval);\n        this.firstInterval = moment().add(offset, \"m\").valueOf();\n      }\n      // if minimum time to show is provided\n      else if(this.minTime){\n        const offset = this.interval - (moment(this.minTime).minutes() % this.interval);\n        this.firstInterval = moment(this.minTime).add(offset, \"m\").valueOf();\n      }\n      // else the firstInterval is initialised as start of day\n      else {\n        this.firstInterval = moment().startOf(\"d\").valueOf();\n      }\n    }\n\n    if(this.givenTime && this.givenTimeFlag){\n      this.firstInterval = moment(this.givenTime).startOf('d').valueOf();\n      this.givenTimeFlag = false;\n    }\n\n    const dateAsString = moment(this.dateAsEpoch).format('DD-MM-YYYY');\n    const intervalAsString = moment(this.firstInterval).format(this.timeFormat);\n    const start = moment(`${dateAsString} ${intervalAsString}`, `DD-MM-YYYY ${this.timeFormat}`);\n    const end = moment(`${dateAsString}`, 'DD-MM-YYYY').endOf('d');\n\n    \n    while (start.valueOf() < end.valueOf()) {\n      this.timeIntervals.push(start.format(this.timeFormat));\n      start.add(this.interval, \"m\");\n    }\n\n    // if the start time is equal to the interval just before midnight\n    // and the start date = end date\n    // push 11:59pm only\n    if (this.timeIntervals.length === 0) {\n      this.chosenTime = moment().endOf(\"d\").format(this.timeFormat);\n      this.timeIntervals.push(moment().endOf(\"d\").format(this.timeFormat));\n    }\n  }\n\n  ngOnDestroy() {\n    if (this.tooltipDirective) this.tooltipDirective.hideToolTip();\n  }\n}\n","import { NgModule, ModuleWithProviders } from \"@angular/core\";\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport { TimePickerComponent } from \"./timepicker.component\";\nimport { ToolTipModule } from \"mis-crystal-design-system/tooltip\";\nimport { OverlayModule } from '@angular/cdk/overlay';\nimport { TimepickerDirective } from './timepicker.directive';\n\n@NgModule({\n  declarations: [TimePickerComponent, TimepickerDirective],\n  imports: [CommonModule, FormsModule, ToolTipModule, OverlayModule],\n  exports: [TimePickerComponent]\n})\nexport class TimePickerModule {\n  static forRoot(): ModuleWithProviders<TimePickerModule> {\n    return { ngModule: TimePickerModule, providers: [] };\n  }\n}"]}

package/bundles/mis-crystal-design-system-timerangepicker.umd.js

@@ -39,6 +39,8 @@
             this.showTooltip = true;
             this.direction = 'row';
             this.gap = '1rem';
+            this.disableStartTime = false;
+            this.disableEndTime = false;
             this.timeRangeEmitter = new core.EventEmitter();
             this.firstIntervalForStartPicker = moment__namespace().valueOf();
             this.firstIntervalForEndPicker = moment__namespace().valueOf();
@@ -195,7 +197,7 @@
     TimeRangePickerComponent.decorators = [
         { type: core.Component, args: [{
                     selector: "mis-timerangepicker",
-                    template: "<div class=\"rangepicker-container\" [ngStyle]=\"{'flexDirection': direction, 'gap': gap}\">\n  <mis-timepicker\n    [clockFormat]=\"clockFormat\"\n    [interval]=\"interval\"\n    [dateAsEpoch]=\"startDateEpoch\"\n    [firstInterval]=\"firstIntervalForStartPicker\"\n    (timeEmitter)=\"startPickerHandler($event)\"\n    [timezone]=\"timezone\"\n    [height]=\"height\"\n    [inputWidth]=\"inputWidth\"\n    [dropdownWidth]=\"dropdownWidth\"\n    [showTooltip]=\"showTooltip\"\n    [givenTime]=\"givenStartTime\"\n  ></mis-timepicker>\n  <p *ngIf=\"direction === 'row'\">-</p>\n  <mis-timepicker\n    [clockFormat]=\"clockFormat\"\n    [interval]=\"interval\"\n    [dateAsEpoch]=\"endDateEpoch\"\n    [firstInterval]=\"firstIntervalForEndPicker\"\n    (timeEmitter)=\"endPickerHandler($event)\"\n    [rangeValidity]=\"rangeValidity\"\n    [timezone]=\"timezone\"\n    [height]=\"height\"\n    [inputWidth]=\"inputWidth\"\n    [dropdownWidth]=\"dropdownWidth\"\n    [showTooltip]=\"showTooltip\"\n    [givenTime]=\"givenEndTime\"\n    [triggerChange]=\"triggerChange\"\n  ></mis-timepicker>\n</div>\n",
+                    template: "<div class=\"rangepicker-container\" [ngStyle]=\"{'flexDirection': direction, 'gap': gap}\">\n  <mis-timepicker\n    [clockFormat]=\"clockFormat\"\n    [interval]=\"interval\"\n    [dateAsEpoch]=\"startDateEpoch\"\n    [firstInterval]=\"firstIntervalForStartPicker\"\n    (timeEmitter)=\"startPickerHandler($event)\"\n    [timezone]=\"timezone\"\n    [height]=\"height\"\n    [inputWidth]=\"inputWidth\"\n    [dropdownWidth]=\"dropdownWidth\"\n    [showTooltip]=\"showTooltip\"\n    [givenTime]=\"givenStartTime\"\n    [disable]=\"disableStartTime\"\n  ></mis-timepicker>\n  <p *ngIf=\"direction === 'row'\">-</p>\n  <mis-timepicker\n    [clockFormat]=\"clockFormat\"\n    [interval]=\"interval\"\n    [dateAsEpoch]=\"endDateEpoch\"\n    [firstInterval]=\"firstIntervalForEndPicker\"\n    (timeEmitter)=\"endPickerHandler($event)\"\n    [rangeValidity]=\"rangeValidity\"\n    [timezone]=\"timezone\"\n    [height]=\"height\"\n    [inputWidth]=\"inputWidth\"\n    [dropdownWidth]=\"dropdownWidth\"\n    [showTooltip]=\"showTooltip\"\n    [givenTime]=\"givenEndTime\"\n    [triggerChange]=\"triggerChange\"\n    [disable]=\"disableEndTime\"\n  ></mis-timepicker>\n</div>\n",
                     styles: [".rangepicker-container{display:flex;gap:1rem;align-items:center}p{margin:0;display:inline-flex;align-items:center}"]
                 },] }
     ];
@@ -216,6 +218,8 @@
         showTooltip: [{ type: core.Input }],
         direction: [{ type: core.Input }],
         gap: [{ type: core.Input }],
+        disableStartTime: [{ type: core.Input }],
+        disableEndTime: [{ type: core.Input }],
         timeRangeEmitter: [{ type: core.Output }]
     };
 

package/bundles/mis-crystal-design-system-timerangepicker.umd.js.map

@@ -1 +1 @@
-{"version":3,"file":"mis-crystal-design-system-timerangepicker.umd.js","sources":["../../../projects/mis-components/timerangepicker/timerangepicker.component.ts","../../../projects/mis-components/timerangepicker/timerangepicker.module.ts","../../../projects/mis-components/timerangepicker/mis-crystal-design-system-timerangepicker.ts"],"sourcesContent":["import { Component, Input, ChangeDetectorRef, Output, EventEmitter } from \"@angular/core\";\nimport * as moment from \"moment-timezone\";\nimport { ITimeRange, ITime, TDirection } from \"./timerange.namespace\";\n\n@Component({\n  selector: \"mis-timerangepicker\",\n  templateUrl: \"./timerangepicker.component.html\",\n  styleUrls: [\"./timerangepicker.component.scss\"]\n})\nexport class TimeRangePickerComponent {\n  @Input() inputWidth: string = \"100px\";\n  @Input() dropdownWidth?: string;\n  @Input() height: string = \"46px\";\n  @Input() timezone: string = \"Asia/Kolkata\";\n  @Input() startDateEpoch: number = moment().tz(this.timezone).valueOf();\n  @Input() endDateEpoch: number = moment().tz(this.timezone).valueOf();\n  @Input() givenStartTime: number;\n  @Input() givenEndTime: number;\n  @Input() clockFormat: number = 12;\n  @Input() interval: number = 15;\n  @Input() showTooltip: boolean = true;\n  @Input() direction: TDirection = 'row';\n  @Input() gap: string = '1rem';\n\n  @Output() timeRangeEmitter = new EventEmitter<ITimeRange>();\n\n  startDate!: string;\n  endDate!: string;\n  currDate!: string;\n  timeFormat!: string;\n  firstIntervalForStartPicker: number = moment().valueOf();\n  firstIntervalForEndPicker: number = moment().valueOf();\n  startTime!: ITime;\n  endTime!: ITime;\n  rangeValidity: boolean = true;\n  triggerChange: boolean = true;\n\n  constructor(private cdr: ChangeDetectorRef) {}\n\n  ngOnInit() {}\n\n  ngOnChanges() {\n    this.timeFormat = this.clockFormat === 12 ? \"hh:mm a\" : \"HH:mm\";\n    moment.tz.setDefault(this.timezone);\n    this.startDate = moment(this.startDateEpoch).format(\"DD-MM-YYYY\");\n    this.endDate = moment(this.endDateEpoch).format(\"DD-MM-YYYY\");\n    this.currDate = moment().format(\"DD-MM-YYYY\");\n    this.setFirstIntervals();\n  }\n\n  // calculate the first interval of the picker\n  setFirstIntervals(): void {\n    const minutes = moment().minutes();\n    const offset = this.interval - (minutes % this.interval);\n\n    // start date, 22 MAY ===  current date, 22 MAY\n    if( this.startDate === this.currDate ){\n      const currentTime = moment().valueOf();\n\n      // start date, 22 MAY  === current date, 22 MAY === end date, 22 MAY\n      if(this.startDate === this.endDate){\n\n        // current time is in last interval\n        if( currentTime >= moment(this.startDateEpoch).endOf(\"d\").subtract(this.interval,\"m\").valueOf()){\n          this.firstIntervalForStartPicker = currentTime;\n          this.firstIntervalForEndPicker =  moment(this.endDateEpoch).endOf(\"d\").valueOf();\n        }\n        // current time isn't in last interval\n        else {\n          this.firstIntervalForStartPicker = moment().add(offset, \"m\").valueOf();\n          this.firstIntervalForEndPicker =  moment().add(offset, \"m\").add(this.interval, \"m\").valueOf();\n        }\n      } \n      // start date, 22 MAY === current date, 22 MAY !== end date, 30 MAY\n      else {\n        // current time is in last interval\n        if( currentTime >= moment(this.startDateEpoch).endOf(\"d\").subtract(this.interval,\"m\").valueOf()){\n          this.firstIntervalForStartPicker = currentTime;\n          this.firstIntervalForEndPicker =  moment(this.endDateEpoch).endOf(\"d\").valueOf();\n        }\n        // current time isn't in last interval\n        else {\n          this.firstIntervalForStartPicker = moment().add(offset, \"m\").valueOf();\n          this.firstIntervalForEndPicker =  moment(this.endDateEpoch).valueOf();\n        }\n      }\n    }\n    // start date, 30 MAY !== current date, 22 MAY\n    else {\n      // start date === end Date\n      if( this.startDate === this.endDate){\n        this.firstIntervalForStartPicker = moment(this.startDateEpoch).startOf(\"d\").valueOf();\n        this.firstIntervalForEndPicker =  moment(this.endDateEpoch).add(this.interval, \"m\").valueOf();\n      } \n      // start date !== end date\n      else {\n        this.firstIntervalForStartPicker = moment(this.startDateEpoch).startOf(\"d\").valueOf();\n        this.firstIntervalForEndPicker =  moment(this.startDateEpoch).startOf(\"d\").valueOf();\n      }\n\n    }\n\n    if(this.givenStartTime)\n      this.firstIntervalForStartPicker = this.givenStartTime;\n   \n    if(this.givenEndTime)\n      this.firstIntervalForEndPicker = this.givenEndTime;\n      \n    this.startTime = {\n      valid: true,\n      time: moment(this.firstIntervalForStartPicker).format(this.timeFormat),\n      epoch: moment(this.firstIntervalForStartPicker).valueOf()\n    };\n\n    this.endTime = {\n      valid: true,\n      time: moment(this.firstIntervalForEndPicker).format(this.timeFormat),\n      epoch: moment(this.firstIntervalForEndPicker).valueOf()\n    };\n  }\n\n  emitTimeRange(data: ITimeRange): void {\n    this.timeRangeEmitter.emit(data);\n  }\n\n  //handlers catch the emitted values and run validation\n  startPickerHandler(time: ITime): void {\n    this.startTime = time;\n    this.rangeValidity = true;\n    // if the start time changes and the start date is the same as the end date\n    // and the start time >=  end time\n    // update the first interval of end picker according to the time set in start picker\n    if (this.startDate === this.endDate) {\n      let minutes = moment(this.startTime.time, this.timeFormat).minutes();\n      let offset = this.interval - (minutes % this.interval);\n      this.firstIntervalForEndPicker = moment(`${this.startDate} ${this.startTime.time}`, `'DD-MM-YYYY' ${this.timeFormat}`)\n        .add(offset, \"m\")\n        .valueOf();\n\n      // if the first interval == 12:00am, set it as 11:59pm\n      const intervalAsString = moment(this.firstIntervalForEndPicker).format(this.timeFormat);\n      const endOfDayAsString = moment(moment(`${this.startDate}`, `DD-MM-YYYY ${this.timeFormat}`).endOf(\"d\").add(1, \"m\")).format(this.timeFormat);\n      if (intervalAsString === endOfDayAsString) {\n        this.firstIntervalForEndPicker = moment(`${this.startDate} ${this.startTime.time}`, `'DD-MM-YYYY' ${this.timeFormat}`).endOf(\"d\").valueOf();\n      }\n\n    } else {\n        const validity =\n        this.checkTimeValidity(this.startTime.time.trim(), this.startDateEpoch) &&\n        this.checkTimeValidity(this.endTime.time.trim(), this.endDateEpoch);\n\n        this.rangeValidation(validity);\n        this.emitTimeRange({\n          valid: validity && this.rangeValidity,\n          startTime: this.startTime.time,\n          endTime: this.endTime.time,\n          startEpoch: moment(`${this.startDate} ${this.startTime.time}`, `DD-MM-YYYY ${this.timeFormat}`).valueOf(),\n          endEpoch: moment(`${this.endDate} ${this.endTime.time}`, `DD-MM-YYYY ${this.timeFormat}`).valueOf()\n        });\n    }\n\n    this.triggerChange = !this.triggerChange;\n  }\n\n  endPickerHandler(time: ITime): void {\n    this.endTime = time;\n\n    const validity =\n      this.checkTimeValidity(this.startTime.time.trim(), this.startDateEpoch) && this.checkTimeValidity(this.endTime.time.trim(), this.endDateEpoch);\n\n    this.rangeValidation(validity);\n    this.emitTimeRange({\n      valid: validity && this.rangeValidity,\n      startTime: this.startTime.time,\n      endTime: this.endTime.time,\n      startEpoch: moment(`${this.startDate} ${this.startTime.time}`, `DD-MM-YYYY ${this.timeFormat}`).valueOf(),\n      endEpoch: moment(`${this.endDate} ${this.endTime.time}`, `DD-MM-YYYY ${this.timeFormat}`).valueOf()\n    });\n  }\n\n  checkTimeValidity(time: string, date: number): boolean {\n    const RE12 = /^(([0][1-9]|1[0-2]):([0-5][0-9])( )?(am|pm|AM|PM))$/i;\n    const RE24 = /^([01][0-9]|2[0-3]):[0-5][0-9]$/;\n    const RE = this.clockFormat === 12 ? RE12 : RE24;\n\n    const timeMoment = moment(`${moment(date).format(\"DD-MM-YYYY\")} ${time}`, `'DD-MM-YYYY' ${this.timeFormat}`);\n    let flag: boolean = false;\n\n    // if the first interval is set to the start of the day\n    // then we don't check its validity against the current time\n    if ((this.givenStartTime && this.givenEndTime) || (this.startDate !== this.endDate && this.startDate !== this.currDate)) {\n      flag = time.match(RE) ? true : false;\n    } else {\n      flag = time.match(RE) && timeMoment.diff(moment(), \"m\") >= 0 ? true : false;\n    }\n\n    return flag;\n  }\n\n  // validates end picker's input according to the start picker's input\n  rangeValidation(validity: boolean) {\n    if (validity && this.startDate === this.endDate) {\n      const startMoment = moment(this.startTime.time, this.timeFormat);\n      const endMoment = moment(this.endTime.time, this.timeFormat);\n      this.rangeValidity = endMoment.diff(startMoment, \"m\") >= 1 ? true : false;\n      this.cdr.detectChanges();\n    }\n  }\n}\n","import { NgModule, ModuleWithProviders } from \"@angular/core\";\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport { TimeRangePickerComponent } from \"./timerangepicker.component\";\nimport { TimePickerModule } from \"mis-crystal-design-system/timepicker\";\n\n@NgModule({\n  declarations: [TimeRangePickerComponent],\n  imports: [CommonModule, FormsModule, TimePickerModule],\n  exports: [TimeRangePickerComponent]\n})\nexport class TimeRangePickerModule {\n  static forRoot(): ModuleWithProviders<TimeRangePickerModule> {\n    return { ngModule: TimeRangePickerModule, providers: [] };\n  }\n}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["moment","EventEmitter","moment.tz","Component","ChangeDetectorRef","Input","Output","NgModule","CommonModule","FormsModule","TimePickerModule"],"mappings":"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"}
+{"version":3,"file":"mis-crystal-design-system-timerangepicker.umd.js","sources":["../../../projects/mis-components/timerangepicker/timerangepicker.component.ts","../../../projects/mis-components/timerangepicker/timerangepicker.module.ts","../../../projects/mis-components/timerangepicker/mis-crystal-design-system-timerangepicker.ts"],"sourcesContent":["import { Component, Input, ChangeDetectorRef, Output, EventEmitter } from \"@angular/core\";\nimport * as moment from \"moment-timezone\";\nimport { ITimeRange, ITime, TDirection } from \"./timerange.namespace\";\n\n@Component({\n  selector: \"mis-timerangepicker\",\n  templateUrl: \"./timerangepicker.component.html\",\n  styleUrls: [\"./timerangepicker.component.scss\"]\n})\nexport class TimeRangePickerComponent {\n  @Input() inputWidth: string = \"100px\";\n  @Input() dropdownWidth?: string;\n  @Input() height: string = \"46px\";\n  @Input() timezone: string = \"Asia/Kolkata\";\n  @Input() startDateEpoch: number = moment().tz(this.timezone).valueOf();\n  @Input() endDateEpoch: number = moment().tz(this.timezone).valueOf();\n  @Input() givenStartTime: number;\n  @Input() givenEndTime: number;\n  @Input() clockFormat: number = 12;\n  @Input() interval: number = 15;\n  @Input() showTooltip: boolean = true;\n  @Input() direction: TDirection = 'row';\n  @Input() gap: string = '1rem';\n  @Input() disableStartTime: boolean = false;\n  @Input() disableEndTime: boolean = false;\n  @Output() timeRangeEmitter = new EventEmitter<ITimeRange>();\n\n  startDate!: string;\n  endDate!: string;\n  currDate!: string;\n  timeFormat!: string;\n  firstIntervalForStartPicker: number = moment().valueOf();\n  firstIntervalForEndPicker: number = moment().valueOf();\n  startTime!: ITime;\n  endTime!: ITime;\n  rangeValidity: boolean = true;\n  triggerChange: boolean = true;\n\n  constructor(private cdr: ChangeDetectorRef) {}\n\n  ngOnInit() {}\n\n  ngOnChanges() {\n    this.timeFormat = this.clockFormat === 12 ? \"hh:mm a\" : \"HH:mm\";\n    moment.tz.setDefault(this.timezone);\n    this.startDate = moment(this.startDateEpoch).format(\"DD-MM-YYYY\");\n    this.endDate = moment(this.endDateEpoch).format(\"DD-MM-YYYY\");\n    this.currDate = moment().format(\"DD-MM-YYYY\");\n    this.setFirstIntervals();\n  }\n\n  // calculate the first interval of the picker\n  setFirstIntervals(): void {\n    const minutes = moment().minutes();\n    const offset = this.interval - (minutes % this.interval);\n\n    // start date, 22 MAY ===  current date, 22 MAY\n    if( this.startDate === this.currDate ){\n      const currentTime = moment().valueOf();\n\n      // start date, 22 MAY  === current date, 22 MAY === end date, 22 MAY\n      if(this.startDate === this.endDate){\n\n        // current time is in last interval\n        if( currentTime >= moment(this.startDateEpoch).endOf(\"d\").subtract(this.interval,\"m\").valueOf()){\n          this.firstIntervalForStartPicker = currentTime;\n          this.firstIntervalForEndPicker =  moment(this.endDateEpoch).endOf(\"d\").valueOf();\n        }\n        // current time isn't in last interval\n        else {\n          this.firstIntervalForStartPicker = moment().add(offset, \"m\").valueOf();\n          this.firstIntervalForEndPicker =  moment().add(offset, \"m\").add(this.interval, \"m\").valueOf();\n        }\n      } \n      // start date, 22 MAY === current date, 22 MAY !== end date, 30 MAY\n      else {\n        // current time is in last interval\n        if( currentTime >= moment(this.startDateEpoch).endOf(\"d\").subtract(this.interval,\"m\").valueOf()){\n          this.firstIntervalForStartPicker = currentTime;\n          this.firstIntervalForEndPicker =  moment(this.endDateEpoch).endOf(\"d\").valueOf();\n        }\n        // current time isn't in last interval\n        else {\n          this.firstIntervalForStartPicker = moment().add(offset, \"m\").valueOf();\n          this.firstIntervalForEndPicker =  moment(this.endDateEpoch).valueOf();\n        }\n      }\n    }\n    // start date, 30 MAY !== current date, 22 MAY\n    else {\n      // start date === end Date\n      if( this.startDate === this.endDate){\n        this.firstIntervalForStartPicker = moment(this.startDateEpoch).startOf(\"d\").valueOf();\n        this.firstIntervalForEndPicker =  moment(this.endDateEpoch).add(this.interval, \"m\").valueOf();\n      } \n      // start date !== end date\n      else {\n        this.firstIntervalForStartPicker = moment(this.startDateEpoch).startOf(\"d\").valueOf();\n        this.firstIntervalForEndPicker =  moment(this.startDateEpoch).startOf(\"d\").valueOf();\n      }\n\n    }\n\n    if(this.givenStartTime)\n      this.firstIntervalForStartPicker = this.givenStartTime;\n   \n    if(this.givenEndTime)\n      this.firstIntervalForEndPicker = this.givenEndTime;\n      \n    this.startTime = {\n      valid: true,\n      time: moment(this.firstIntervalForStartPicker).format(this.timeFormat),\n      epoch: moment(this.firstIntervalForStartPicker).valueOf()\n    };\n\n    this.endTime = {\n      valid: true,\n      time: moment(this.firstIntervalForEndPicker).format(this.timeFormat),\n      epoch: moment(this.firstIntervalForEndPicker).valueOf()\n    };\n  }\n\n  emitTimeRange(data: ITimeRange): void {\n    this.timeRangeEmitter.emit(data);\n  }\n\n  //handlers catch the emitted values and run validation\n  startPickerHandler(time: ITime): void {\n    this.startTime = time;\n    this.rangeValidity = true;\n    // if the start time changes and the start date is the same as the end date\n    // and the start time >=  end time\n    // update the first interval of end picker according to the time set in start picker\n    if (this.startDate === this.endDate) {\n      let minutes = moment(this.startTime.time, this.timeFormat).minutes();\n      let offset = this.interval - (minutes % this.interval);\n      this.firstIntervalForEndPicker = moment(`${this.startDate} ${this.startTime.time}`, `'DD-MM-YYYY' ${this.timeFormat}`)\n        .add(offset, \"m\")\n        .valueOf();\n\n      // if the first interval == 12:00am, set it as 11:59pm\n      const intervalAsString = moment(this.firstIntervalForEndPicker).format(this.timeFormat);\n      const endOfDayAsString = moment(moment(`${this.startDate}`, `DD-MM-YYYY ${this.timeFormat}`).endOf(\"d\").add(1, \"m\")).format(this.timeFormat);\n      if (intervalAsString === endOfDayAsString) {\n        this.firstIntervalForEndPicker = moment(`${this.startDate} ${this.startTime.time}`, `'DD-MM-YYYY' ${this.timeFormat}`).endOf(\"d\").valueOf();\n      }\n\n    } else {\n        const validity =\n        this.checkTimeValidity(this.startTime.time.trim(), this.startDateEpoch) &&\n        this.checkTimeValidity(this.endTime.time.trim(), this.endDateEpoch);\n\n        this.rangeValidation(validity);\n        this.emitTimeRange({\n          valid: validity && this.rangeValidity,\n          startTime: this.startTime.time,\n          endTime: this.endTime.time,\n          startEpoch: moment(`${this.startDate} ${this.startTime.time}`, `DD-MM-YYYY ${this.timeFormat}`).valueOf(),\n          endEpoch: moment(`${this.endDate} ${this.endTime.time}`, `DD-MM-YYYY ${this.timeFormat}`).valueOf()\n        });\n    }\n\n    this.triggerChange = !this.triggerChange;\n  }\n\n  endPickerHandler(time: ITime): void {\n    this.endTime = time;\n\n    const validity =\n      this.checkTimeValidity(this.startTime.time.trim(), this.startDateEpoch) && this.checkTimeValidity(this.endTime.time.trim(), this.endDateEpoch);\n\n    this.rangeValidation(validity);\n    this.emitTimeRange({\n      valid: validity && this.rangeValidity,\n      startTime: this.startTime.time,\n      endTime: this.endTime.time,\n      startEpoch: moment(`${this.startDate} ${this.startTime.time}`, `DD-MM-YYYY ${this.timeFormat}`).valueOf(),\n      endEpoch: moment(`${this.endDate} ${this.endTime.time}`, `DD-MM-YYYY ${this.timeFormat}`).valueOf()\n    });\n  }\n\n  checkTimeValidity(time: string, date: number): boolean {\n    const RE12 = /^(([0][1-9]|1[0-2]):([0-5][0-9])( )?(am|pm|AM|PM))$/i;\n    const RE24 = /^([01][0-9]|2[0-3]):[0-5][0-9]$/;\n    const RE = this.clockFormat === 12 ? RE12 : RE24;\n\n    const timeMoment = moment(`${moment(date).format(\"DD-MM-YYYY\")} ${time}`, `'DD-MM-YYYY' ${this.timeFormat}`);\n    let flag: boolean = false;\n\n    // if the first interval is set to the start of the day\n    // then we don't check its validity against the current time\n    if ((this.givenStartTime && this.givenEndTime) || (this.startDate !== this.endDate && this.startDate !== this.currDate)) {\n      flag = time.match(RE) ? true : false;\n    } else {\n      flag = time.match(RE) && timeMoment.diff(moment(), \"m\") >= 0 ? true : false;\n    }\n\n    return flag;\n  }\n\n  // validates end picker's input according to the start picker's input\n  rangeValidation(validity: boolean) {\n    if (validity && this.startDate === this.endDate) {\n      const startMoment = moment(this.startTime.time, this.timeFormat);\n      const endMoment = moment(this.endTime.time, this.timeFormat);\n      this.rangeValidity = endMoment.diff(startMoment, \"m\") >= 1 ? true : false;\n      this.cdr.detectChanges();\n    }\n  }\n}\n","import { NgModule, ModuleWithProviders } from \"@angular/core\";\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport { TimeRangePickerComponent } from \"./timerangepicker.component\";\nimport { TimePickerModule } from \"mis-crystal-design-system/timepicker\";\n\n@NgModule({\n  declarations: [TimeRangePickerComponent],\n  imports: [CommonModule, FormsModule, TimePickerModule],\n  exports: [TimeRangePickerComponent]\n})\nexport class TimeRangePickerModule {\n  static forRoot(): ModuleWithProviders<TimeRangePickerModule> {\n    return { ngModule: TimeRangePickerModule, providers: [] };\n  }\n}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["moment","EventEmitter","moment.tz","Component","ChangeDetectorRef","Input","Output","NgModule","CommonModule","FormsModule","TimePickerModule"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAsCE,kCAAoB,GAAsB;YAAtB,QAAG,GAAH,GAAG,CAAmB;YA5BjC,eAAU,GAAW,OAAO,CAAC;YAE7B,WAAM,GAAW,MAAM,CAAC;YACxB,aAAQ,GAAW,cAAc,CAAC;YAClC,mBAAc,GAAWA,iBAAM,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,OAAO,EAAE,CAAC;YAC9D,iBAAY,GAAWA,iBAAM,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,OAAO,EAAE,CAAC;YAG5D,gBAAW,GAAW,EAAE,CAAC;YACzB,aAAQ,GAAW,EAAE,CAAC;YACtB,gBAAW,GAAY,IAAI,CAAC;YAC5B,cAAS,GAAe,KAAK,CAAC;YAC9B,QAAG,GAAW,MAAM,CAAC;YACrB,qBAAgB,GAAY,KAAK,CAAC;YAClC,mBAAc,GAAY,KAAK,CAAC;YAC/B,qBAAgB,GAAG,IAAIC,iBAAY,EAAc,CAAC;YAM5D,gCAA2B,GAAWD,iBAAM,EAAE,CAAC,OAAO,EAAE,CAAC;YACzD,8BAAyB,GAAWA,iBAAM,EAAE,CAAC,OAAO,EAAE,CAAC;YAGvD,kBAAa,GAAY,IAAI,CAAC;YAC9B,kBAAa,GAAY,IAAI,CAAC;SAEgB;QAE9C,2CAAQ,GAAR,eAAa;QAEb,8CAAW,GAAX;YACE,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,WAAW,KAAK,EAAE,GAAG,SAAS,GAAG,OAAO,CAAC;YAChEE,SAAS,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;YACpC,IAAI,CAAC,SAAS,GAAGF,iBAAM,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;YAClE,IAAI,CAAC,OAAO,GAAGA,iBAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;YAC9D,IAAI,CAAC,QAAQ,GAAGA,iBAAM,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;YAC9C,IAAI,CAAC,iBAAiB,EAAE,CAAC;SAC1B;;QAGD,oDAAiB,GAAjB;YACE,IAAM,OAAO,GAAGA,iBAAM,EAAE,CAAC,OAAO,EAAE,CAAC;YACnC,IAAM,MAAM,GAAG,IAAI,CAAC,QAAQ,IAAI,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC;;YAGzD,IAAI,IAAI,CAAC,SAAS,KAAK,IAAI,CAAC,QAAQ,EAAE;gBACpC,IAAM,WAAW,GAAGA,iBAAM,EAAE,CAAC,OAAO,EAAE,CAAC;;gBAGvC,IAAG,IAAI,CAAC,SAAS,KAAK,IAAI,CAAC,OAAO,EAAC;;oBAGjC,IAAI,WAAW,IAAIA,iBAAM,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,EAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAC;wBAC9F,IAAI,CAAC,2BAA2B,GAAG,WAAW,CAAC;wBAC/C,IAAI,CAAC,yBAAyB,GAAIA,iBAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC;qBAClF;;yBAEI;wBACH,IAAI,CAAC,2BAA2B,GAAGA,iBAAM,EAAE,CAAC,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC;wBACvE,IAAI,CAAC,yBAAyB,GAAIA,iBAAM,EAAE,CAAC,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC;qBAC/F;iBACF;;qBAEI;;oBAEH,IAAI,WAAW,IAAIA,iBAAM,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,EAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAC;wBAC9F,IAAI,CAAC,2BAA2B,GAAG,WAAW,CAAC;wBAC/C,IAAI,CAAC,yBAAyB,GAAIA,iBAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC;qBAClF;;yBAEI;wBACH,IAAI,CAAC,2BAA2B,GAAGA,iBAAM,EAAE,CAAC,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC;wBACvE,IAAI,CAAC,yBAAyB,GAAIA,iBAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,OAAO,EAAE,CAAC;qBACvE;iBACF;aACF;;iBAEI;;gBAEH,IAAI,IAAI,CAAC,SAAS,KAAK,IAAI,CAAC,OAAO,EAAC;oBAClC,IAAI,CAAC,2BAA2B,GAAGA,iBAAM,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC;oBACtF,IAAI,CAAC,yBAAyB,GAAIA,iBAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC;iBAC/F;;qBAEI;oBACH,IAAI,CAAC,2BAA2B,GAAGA,iBAAM,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC;oBACtF,IAAI,CAAC,yBAAyB,GAAIA,iBAAM,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC;iBACtF;aAEF;YAED,IAAG,IAAI,CAAC,cAAc;gBACpB,IAAI,CAAC,2BAA2B,GAAG,IAAI,CAAC,cAAc,CAAC;YAEzD,IAAG,IAAI,CAAC,YAAY;gBAClB,IAAI,CAAC,yBAAyB,GAAG,IAAI,CAAC,YAAY,CAAC;YAErD,IAAI,CAAC,SAAS,GAAG;gBACf,KAAK,EAAE,IAAI;gBACX,IAAI,EAAEA,iBAAM,CAAC,IAAI,CAAC,2BAA2B,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC;gBACtE,KAAK,EAAEA,iBAAM,CAAC,IAAI,CAAC,2BAA2B,CAAC,CAAC,OAAO,EAAE;aAC1D,CAAC;YAEF,IAAI,CAAC,OAAO,GAAG;gBACb,KAAK,EAAE,IAAI;gBACX,IAAI,EAAEA,iBAAM,CAAC,IAAI,CAAC,yBAAyB,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC;gBACpE,KAAK,EAAEA,iBAAM,CAAC,IAAI,CAAC,yBAAyB,CAAC,CAAC,OAAO,EAAE;aACxD,CAAC;SACH;QAED,gDAAa,GAAb,UAAc,IAAgB;YAC5B,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;SAClC;;QAGD,qDAAkB,GAAlB,UAAmB,IAAW;YAC5B,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;YACtB,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;;;;YAI1B,IAAI,IAAI,CAAC,SAAS,KAAK,IAAI,CAAC,OAAO,EAAE;gBACnC,IAAI,OAAO,GAAGA,iBAAM,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC,OAAO,EAAE,CAAC;gBACrE,IAAI,MAAM,GAAG,IAAI,CAAC,QAAQ,IAAI,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC;gBACvD,IAAI,CAAC,yBAAyB,GAAGA,iBAAM,CAAI,IAAI,CAAC,SAAS,SAAI,IAAI,CAAC,SAAS,CAAC,IAAM,EAAE,kBAAgB,IAAI,CAAC,UAAY,CAAC;qBACnH,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC;qBAChB,OAAO,EAAE,CAAC;;gBAGb,IAAM,gBAAgB,GAAGA,iBAAM,CAAC,IAAI,CAAC,yBAAyB,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;gBACxF,IAAM,gBAAgB,GAAGA,iBAAM,CAACA,iBAAM,CAAC,KAAG,IAAI,CAAC,SAAW,EAAE,gBAAc,IAAI,CAAC,UAAY,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;gBAC7I,IAAI,gBAAgB,KAAK,gBAAgB,EAAE;oBACzC,IAAI,CAAC,yBAAyB,GAAGA,iBAAM,CAAI,IAAI,CAAC,SAAS,SAAI,IAAI,CAAC,SAAS,CAAC,IAAM,EAAE,kBAAgB,IAAI,CAAC,UAAY,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC;iBAC7I;aAEF;iBAAM;gBACH,IAAM,QAAQ,GACd,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE,IAAI,CAAC,cAAc,CAAC;oBACvE,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;gBAEpE,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC;gBAC/B,IAAI,CAAC,aAAa,CAAC;oBACjB,KAAK,EAAE,QAAQ,IAAI,IAAI,CAAC,aAAa;oBACrC,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI;oBAC9B,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,IAAI;oBAC1B,UAAU,EAAEA,iBAAM,CAAI,IAAI,CAAC,SAAS,SAAI,IAAI,CAAC,SAAS,CAAC,IAAM,EAAE,gBAAc,IAAI,CAAC,UAAY,CAAC,CAAC,OAAO,EAAE;oBACzG,QAAQ,EAAEA,iBAAM,CAAI,IAAI,CAAC,OAAO,SAAI,IAAI,CAAC,OAAO,CAAC,IAAM,EAAE,gBAAc,IAAI,CAAC,UAAY,CAAC,CAAC,OAAO,EAAE;iBACpG,CAAC,CAAC;aACN;YAED,IAAI,CAAC,aAAa,GAAG,CAAC,IAAI,CAAC,aAAa,CAAC;SAC1C;QAED,mDAAgB,GAAhB,UAAiB,IAAW;YAC1B,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;YAEpB,IAAM,QAAQ,GACZ,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;YAEjJ,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC;YAC/B,IAAI,CAAC,aAAa,CAAC;gBACjB,KAAK,EAAE,QAAQ,IAAI,IAAI,CAAC,aAAa;gBACrC,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI;gBAC9B,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,IAAI;gBAC1B,UAAU,EAAEA,iBAAM,CAAI,IAAI,CAAC,SAAS,SAAI,IAAI,CAAC,SAAS,CAAC,IAAM,EAAE,gBAAc,IAAI,CAAC,UAAY,CAAC,CAAC,OAAO,EAAE;gBACzG,QAAQ,EAAEA,iBAAM,CAAI,IAAI,CAAC,OAAO,SAAI,IAAI,CAAC,OAAO,CAAC,IAAM,EAAE,gBAAc,IAAI,CAAC,UAAY,CAAC,CAAC,OAAO,EAAE;aACpG,CAAC,CAAC;SACJ;QAED,oDAAiB,GAAjB,UAAkB,IAAY,EAAE,IAAY;YAC1C,IAAM,IAAI,GAAG,sDAAsD,CAAC;YACpE,IAAM,IAAI,GAAG,iCAAiC,CAAC;YAC/C,IAAM,EAAE,GAAG,IAAI,CAAC,WAAW,KAAK,EAAE,GAAG,IAAI,GAAG,IAAI,CAAC;YAEjD,IAAM,UAAU,GAAGA,iBAAM,CAAIA,iBAAM,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,SAAI,IAAM,EAAE,kBAAgB,IAAI,CAAC,UAAY,CAAC,CAAC;YAC7G,IAAI,IAAI,GAAY,KAAK,CAAC;;;YAI1B,IAAI,CAAC,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,YAAY,MAAM,IAAI,CAAC,SAAS,KAAK,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,SAAS,KAAK,IAAI,CAAC,QAAQ,CAAC,EAAE;gBACvH,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,GAAG,IAAI,GAAG,KAAK,CAAC;aACtC;iBAAM;gBACL,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,IAAI,UAAU,CAAC,IAAI,CAACA,iBAAM,EAAE,EAAE,GAAG,CAAC,IAAI,CAAC,GAAG,IAAI,GAAG,KAAK,CAAC;aAC7E;YAED,OAAO,IAAI,CAAC;SACb;;QAGD,kDAAe,GAAf,UAAgB,QAAiB;YAC/B,IAAI,QAAQ,IAAI,IAAI,CAAC,SAAS,KAAK,IAAI,CAAC,OAAO,EAAE;gBAC/C,IAAM,WAAW,GAAGA,iBAAM,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;gBACjE,IAAM,SAAS,GAAGA,iBAAM,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;gBAC7D,IAAI,CAAC,aAAa,GAAG,SAAS,CAAC,IAAI,CAAC,WAAW,EAAE,GAAG,CAAC,IAAI,CAAC,GAAG,IAAI,GAAG,KAAK,CAAC;gBAC1E,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC;aAC1B;SACF;;;;gBA5MFG,cAAS,SAAC;oBACT,QAAQ,EAAE,qBAAqB;oBAC/B,8pCAA+C;;iBAEhD;;;gBAR0BC,sBAAiB;;;6BAUzCC,UAAK;gCACLA,UAAK;yBACLA,UAAK;2BACLA,UAAK;iCACLA,UAAK;+BACLA,UAAK;iCACLA,UAAK;+BACLA,UAAK;8BACLA,UAAK;2BACLA,UAAK;8BACLA,UAAK;4BACLA,UAAK;sBACLA,UAAK;mCACLA,UAAK;iCACLA,UAAK;mCACLC,WAAM;;;;QCdT;;QACS,6BAAO,GAAd;YACE,OAAO,EAAE,QAAQ,EAAE,qBAAqB,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC;SAC3D;;;;gBARFC,aAAQ,SAAC;oBACR,YAAY,EAAE,CAAC,wBAAwB,CAAC;oBACxC,OAAO,EAAE,CAACC,mBAAY,EAAEC,iBAAW,EAAEC,2BAAgB,CAAC;oBACtD,OAAO,EAAE,CAAC,wBAAwB,CAAC;iBACpC;;;ICVD;;;;;;;;;;;;;"}

package/bundles/mis-crystal-design-system-timerangepicker.umd.min.js

@@ -1,2 +1,2 @@
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@angular/core"),require("moment-timezone"),require("@angular/common"),require("@angular/forms"),require("mis-crystal-design-system/timepicker")):"function"==typeof define&&define.amd?define("mis-crystal-design-system/timerangepicker",["exports","@angular/core","moment-timezone","@angular/common","@angular/forms","mis-crystal-design-system/timepicker"],e):e(((t="undefined"!=typeof globalThis?globalThis:t||self)["mis-crystal-design-system"]=t["mis-crystal-design-system"]||{},t["mis-crystal-design-system"].timerangepicker={}),t.ng.core,t.moment,t.ng.common,t.ng.forms,t["mis-crystal-design-system"].timepicker)}(this,(function(t,e,i,r,a,n){"use strict";function s(t){if(t&&t.__esModule)return t;var e=Object.create(null);return t&&Object.keys(t).forEach((function(i){if("default"!==i){var r=Object.getOwnPropertyDescriptor(t,i);Object.defineProperty(e,i,r.get?r:{enumerable:!0,get:function(){return t[i]}})}})),e.default=t,Object.freeze(e)}var o=s(i),h=function(){function t(t){this.cdr=t,this.inputWidth="100px",this.height="46px",this.timezone="Asia/Kolkata",this.startDateEpoch=o().tz(this.timezone).valueOf(),this.endDateEpoch=o().tz(this.timezone).valueOf(),this.clockFormat=12,this.interval=15,this.showTooltip=!0,this.direction="row",this.gap="1rem",this.timeRangeEmitter=new e.EventEmitter,this.firstIntervalForStartPicker=o().valueOf(),this.firstIntervalForEndPicker=o().valueOf(),this.rangeValidity=!0,this.triggerChange=!0}return t.prototype.ngOnInit=function(){},t.prototype.ngOnChanges=function(){this.timeFormat=12===this.clockFormat?"hh:mm a":"HH:mm",i.tz.setDefault(this.timezone),this.startDate=o(this.startDateEpoch).format("DD-MM-YYYY"),this.endDate=o(this.endDateEpoch).format("DD-MM-YYYY"),this.currDate=o().format("DD-MM-YYYY"),this.setFirstIntervals()},t.prototype.setFirstIntervals=function(){var t=o().minutes(),e=this.interval-t%this.interval;if(this.startDate===this.currDate){var i=o().valueOf();this.startDate===this.endDate?i>=o(this.startDateEpoch).endOf("d").subtract(this.interval,"m").valueOf()?(this.firstIntervalForStartPicker=i,this.firstIntervalForEndPicker=o(this.endDateEpoch).endOf("d").valueOf()):(this.firstIntervalForStartPicker=o().add(e,"m").valueOf(),this.firstIntervalForEndPicker=o().add(e,"m").add(this.interval,"m").valueOf()):i>=o(this.startDateEpoch).endOf("d").subtract(this.interval,"m").valueOf()?(this.firstIntervalForStartPicker=i,this.firstIntervalForEndPicker=o(this.endDateEpoch).endOf("d").valueOf()):(this.firstIntervalForStartPicker=o().add(e,"m").valueOf(),this.firstIntervalForEndPicker=o(this.endDateEpoch).valueOf())}else this.startDate===this.endDate?(this.firstIntervalForStartPicker=o(this.startDateEpoch).startOf("d").valueOf(),this.firstIntervalForEndPicker=o(this.endDateEpoch).add(this.interval,"m").valueOf()):(this.firstIntervalForStartPicker=o(this.startDateEpoch).startOf("d").valueOf(),this.firstIntervalForEndPicker=o(this.startDateEpoch).startOf("d").valueOf());this.givenStartTime&&(this.firstIntervalForStartPicker=this.givenStartTime),this.givenEndTime&&(this.firstIntervalForEndPicker=this.givenEndTime),this.startTime={valid:!0,time:o(this.firstIntervalForStartPicker).format(this.timeFormat),epoch:o(this.firstIntervalForStartPicker).valueOf()},this.endTime={valid:!0,time:o(this.firstIntervalForEndPicker).format(this.timeFormat),epoch:o(this.firstIntervalForEndPicker).valueOf()}},t.prototype.emitTimeRange=function(t){this.timeRangeEmitter.emit(t)},t.prototype.startPickerHandler=function(t){if(this.startTime=t,this.rangeValidity=!0,this.startDate===this.endDate){var e=o(this.startTime.time,this.timeFormat).minutes(),i=this.interval-e%this.interval;this.firstIntervalForEndPicker=o(this.startDate+" "+this.startTime.time,"'DD-MM-YYYY' "+this.timeFormat).add(i,"m").valueOf(),o(this.firstIntervalForEndPicker).format(this.timeFormat)===o(o(""+this.startDate,"DD-MM-YYYY "+this.timeFormat).endOf("d").add(1,"m")).format(this.timeFormat)&&(this.firstIntervalForEndPicker=o(this.startDate+" "+this.startTime.time,"'DD-MM-YYYY' "+this.timeFormat).endOf("d").valueOf())}else{var r=this.checkTimeValidity(this.startTime.time.trim(),this.startDateEpoch)&&this.checkTimeValidity(this.endTime.time.trim(),this.endDateEpoch);this.rangeValidation(r),this.emitTimeRange({valid:r&&this.rangeValidity,startTime:this.startTime.time,endTime:this.endTime.time,startEpoch:o(this.startDate+" "+this.startTime.time,"DD-MM-YYYY "+this.timeFormat).valueOf(),endEpoch:o(this.endDate+" "+this.endTime.time,"DD-MM-YYYY "+this.timeFormat).valueOf()})}this.triggerChange=!this.triggerChange},t.prototype.endPickerHandler=function(t){this.endTime=t;var e=this.checkTimeValidity(this.startTime.time.trim(),this.startDateEpoch)&&this.checkTimeValidity(this.endTime.time.trim(),this.endDateEpoch);this.rangeValidation(e),this.emitTimeRange({valid:e&&this.rangeValidity,startTime:this.startTime.time,endTime:this.endTime.time,startEpoch:o(this.startDate+" "+this.startTime.time,"DD-MM-YYYY "+this.timeFormat).valueOf(),endEpoch:o(this.endDate+" "+this.endTime.time,"DD-MM-YYYY "+this.timeFormat).valueOf()})},t.prototype.checkTimeValidity=function(t,e){var i=12===this.clockFormat?/^(([0][1-9]|1[0-2]):([0-5][0-9])( )?(am|pm|AM|PM))$/i:/^([01][0-9]|2[0-3]):[0-5][0-9]$/,r=o(o(e).format("DD-MM-YYYY")+" "+t,"'DD-MM-YYYY' "+this.timeFormat);return this.givenStartTime&&this.givenEndTime||this.startDate!==this.endDate&&this.startDate!==this.currDate?!!t.match(i):!!(t.match(i)&&r.diff(o(),"m")>=0)},t.prototype.rangeValidation=function(t){if(t&&this.startDate===this.endDate){var e=o(this.startTime.time,this.timeFormat),i=o(this.endTime.time,this.timeFormat);this.rangeValidity=i.diff(e,"m")>=1,this.cdr.detectChanges()}},t}();h.decorators=[{type:e.Component,args:[{selector:"mis-timerangepicker",template:'<div class="rangepicker-container" [ngStyle]="{\'flexDirection\': direction, \'gap\': gap}">\n  <mis-timepicker\n    [clockFormat]="clockFormat"\n    [interval]="interval"\n    [dateAsEpoch]="startDateEpoch"\n    [firstInterval]="firstIntervalForStartPicker"\n    (timeEmitter)="startPickerHandler($event)"\n    [timezone]="timezone"\n    [height]="height"\n    [inputWidth]="inputWidth"\n    [dropdownWidth]="dropdownWidth"\n    [showTooltip]="showTooltip"\n    [givenTime]="givenStartTime"\n  ></mis-timepicker>\n  <p *ngIf="direction === \'row\'">-</p>\n  <mis-timepicker\n    [clockFormat]="clockFormat"\n    [interval]="interval"\n    [dateAsEpoch]="endDateEpoch"\n    [firstInterval]="firstIntervalForEndPicker"\n    (timeEmitter)="endPickerHandler($event)"\n    [rangeValidity]="rangeValidity"\n    [timezone]="timezone"\n    [height]="height"\n    [inputWidth]="inputWidth"\n    [dropdownWidth]="dropdownWidth"\n    [showTooltip]="showTooltip"\n    [givenTime]="givenEndTime"\n    [triggerChange]="triggerChange"\n  ></mis-timepicker>\n</div>\n',styles:[".rangepicker-container{display:flex;gap:1rem;align-items:center}p{margin:0;display:inline-flex;align-items:center}"]}]}],h.ctorParameters=function(){return[{type:e.ChangeDetectorRef}]},h.propDecorators={inputWidth:[{type:e.Input}],dropdownWidth:[{type:e.Input}],height:[{type:e.Input}],timezone:[{type:e.Input}],startDateEpoch:[{type:e.Input}],endDateEpoch:[{type:e.Input}],givenStartTime:[{type:e.Input}],givenEndTime:[{type:e.Input}],clockFormat:[{type:e.Input}],interval:[{type:e.Input}],showTooltip:[{type:e.Input}],direction:[{type:e.Input}],gap:[{type:e.Input}],timeRangeEmitter:[{type:e.Output}]};var m=function(){function t(){}return t.forRoot=function(){return{ngModule:t,providers:[]}},t}();m.decorators=[{type:e.NgModule,args:[{declarations:[h],imports:[r.CommonModule,a.FormsModule,n.TimePickerModule],exports:[h]}]}],t.TimeRangePickerComponent=h,t.TimeRangePickerModule=m,Object.defineProperty(t,"__esModule",{value:!0})}));
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@angular/core"),require("moment-timezone"),require("@angular/common"),require("@angular/forms"),require("mis-crystal-design-system/timepicker")):"function"==typeof define&&define.amd?define("mis-crystal-design-system/timerangepicker",["exports","@angular/core","moment-timezone","@angular/common","@angular/forms","mis-crystal-design-system/timepicker"],e):e(((t="undefined"!=typeof globalThis?globalThis:t||self)["mis-crystal-design-system"]=t["mis-crystal-design-system"]||{},t["mis-crystal-design-system"].timerangepicker={}),t.ng.core,t.moment,t.ng.common,t.ng.forms,t["mis-crystal-design-system"].timepicker)}(this,(function(t,e,i,r,a,n){"use strict";function s(t){if(t&&t.__esModule)return t;var e=Object.create(null);return t&&Object.keys(t).forEach((function(i){if("default"!==i){var r=Object.getOwnPropertyDescriptor(t,i);Object.defineProperty(e,i,r.get?r:{enumerable:!0,get:function(){return t[i]}})}})),e.default=t,Object.freeze(e)}var o=s(i),m=function(){function t(t){this.cdr=t,this.inputWidth="100px",this.height="46px",this.timezone="Asia/Kolkata",this.startDateEpoch=o().tz(this.timezone).valueOf(),this.endDateEpoch=o().tz(this.timezone).valueOf(),this.clockFormat=12,this.interval=15,this.showTooltip=!0,this.direction="row",this.gap="1rem",this.disableStartTime=!1,this.disableEndTime=!1,this.timeRangeEmitter=new e.EventEmitter,this.firstIntervalForStartPicker=o().valueOf(),this.firstIntervalForEndPicker=o().valueOf(),this.rangeValidity=!0,this.triggerChange=!0}return t.prototype.ngOnInit=function(){},t.prototype.ngOnChanges=function(){this.timeFormat=12===this.clockFormat?"hh:mm a":"HH:mm",i.tz.setDefault(this.timezone),this.startDate=o(this.startDateEpoch).format("DD-MM-YYYY"),this.endDate=o(this.endDateEpoch).format("DD-MM-YYYY"),this.currDate=o().format("DD-MM-YYYY"),this.setFirstIntervals()},t.prototype.setFirstIntervals=function(){var t=o().minutes(),e=this.interval-t%this.interval;if(this.startDate===this.currDate){var i=o().valueOf();this.startDate===this.endDate?i>=o(this.startDateEpoch).endOf("d").subtract(this.interval,"m").valueOf()?(this.firstIntervalForStartPicker=i,this.firstIntervalForEndPicker=o(this.endDateEpoch).endOf("d").valueOf()):(this.firstIntervalForStartPicker=o().add(e,"m").valueOf(),this.firstIntervalForEndPicker=o().add(e,"m").add(this.interval,"m").valueOf()):i>=o(this.startDateEpoch).endOf("d").subtract(this.interval,"m").valueOf()?(this.firstIntervalForStartPicker=i,this.firstIntervalForEndPicker=o(this.endDateEpoch).endOf("d").valueOf()):(this.firstIntervalForStartPicker=o().add(e,"m").valueOf(),this.firstIntervalForEndPicker=o(this.endDateEpoch).valueOf())}else this.startDate===this.endDate?(this.firstIntervalForStartPicker=o(this.startDateEpoch).startOf("d").valueOf(),this.firstIntervalForEndPicker=o(this.endDateEpoch).add(this.interval,"m").valueOf()):(this.firstIntervalForStartPicker=o(this.startDateEpoch).startOf("d").valueOf(),this.firstIntervalForEndPicker=o(this.startDateEpoch).startOf("d").valueOf());this.givenStartTime&&(this.firstIntervalForStartPicker=this.givenStartTime),this.givenEndTime&&(this.firstIntervalForEndPicker=this.givenEndTime),this.startTime={valid:!0,time:o(this.firstIntervalForStartPicker).format(this.timeFormat),epoch:o(this.firstIntervalForStartPicker).valueOf()},this.endTime={valid:!0,time:o(this.firstIntervalForEndPicker).format(this.timeFormat),epoch:o(this.firstIntervalForEndPicker).valueOf()}},t.prototype.emitTimeRange=function(t){this.timeRangeEmitter.emit(t)},t.prototype.startPickerHandler=function(t){if(this.startTime=t,this.rangeValidity=!0,this.startDate===this.endDate){var e=o(this.startTime.time,this.timeFormat).minutes(),i=this.interval-e%this.interval;this.firstIntervalForEndPicker=o(this.startDate+" "+this.startTime.time,"'DD-MM-YYYY' "+this.timeFormat).add(i,"m").valueOf(),o(this.firstIntervalForEndPicker).format(this.timeFormat)===o(o(""+this.startDate,"DD-MM-YYYY "+this.timeFormat).endOf("d").add(1,"m")).format(this.timeFormat)&&(this.firstIntervalForEndPicker=o(this.startDate+" "+this.startTime.time,"'DD-MM-YYYY' "+this.timeFormat).endOf("d").valueOf())}else{var r=this.checkTimeValidity(this.startTime.time.trim(),this.startDateEpoch)&&this.checkTimeValidity(this.endTime.time.trim(),this.endDateEpoch);this.rangeValidation(r),this.emitTimeRange({valid:r&&this.rangeValidity,startTime:this.startTime.time,endTime:this.endTime.time,startEpoch:o(this.startDate+" "+this.startTime.time,"DD-MM-YYYY "+this.timeFormat).valueOf(),endEpoch:o(this.endDate+" "+this.endTime.time,"DD-MM-YYYY "+this.timeFormat).valueOf()})}this.triggerChange=!this.triggerChange},t.prototype.endPickerHandler=function(t){this.endTime=t;var e=this.checkTimeValidity(this.startTime.time.trim(),this.startDateEpoch)&&this.checkTimeValidity(this.endTime.time.trim(),this.endDateEpoch);this.rangeValidation(e),this.emitTimeRange({valid:e&&this.rangeValidity,startTime:this.startTime.time,endTime:this.endTime.time,startEpoch:o(this.startDate+" "+this.startTime.time,"DD-MM-YYYY "+this.timeFormat).valueOf(),endEpoch:o(this.endDate+" "+this.endTime.time,"DD-MM-YYYY "+this.timeFormat).valueOf()})},t.prototype.checkTimeValidity=function(t,e){var i=12===this.clockFormat?/^(([0][1-9]|1[0-2]):([0-5][0-9])( )?(am|pm|AM|PM))$/i:/^([01][0-9]|2[0-3]):[0-5][0-9]$/,r=o(o(e).format("DD-MM-YYYY")+" "+t,"'DD-MM-YYYY' "+this.timeFormat);return this.givenStartTime&&this.givenEndTime||this.startDate!==this.endDate&&this.startDate!==this.currDate?!!t.match(i):!!(t.match(i)&&r.diff(o(),"m")>=0)},t.prototype.rangeValidation=function(t){if(t&&this.startDate===this.endDate){var e=o(this.startTime.time,this.timeFormat),i=o(this.endTime.time,this.timeFormat);this.rangeValidity=i.diff(e,"m")>=1,this.cdr.detectChanges()}},t}();m.decorators=[{type:e.Component,args:[{selector:"mis-timerangepicker",template:'<div class="rangepicker-container" [ngStyle]="{\'flexDirection\': direction, \'gap\': gap}">\n  <mis-timepicker\n    [clockFormat]="clockFormat"\n    [interval]="interval"\n    [dateAsEpoch]="startDateEpoch"\n    [firstInterval]="firstIntervalForStartPicker"\n    (timeEmitter)="startPickerHandler($event)"\n    [timezone]="timezone"\n    [height]="height"\n    [inputWidth]="inputWidth"\n    [dropdownWidth]="dropdownWidth"\n    [showTooltip]="showTooltip"\n    [givenTime]="givenStartTime"\n    [disable]="disableStartTime"\n  ></mis-timepicker>\n  <p *ngIf="direction === \'row\'">-</p>\n  <mis-timepicker\n    [clockFormat]="clockFormat"\n    [interval]="interval"\n    [dateAsEpoch]="endDateEpoch"\n    [firstInterval]="firstIntervalForEndPicker"\n    (timeEmitter)="endPickerHandler($event)"\n    [rangeValidity]="rangeValidity"\n    [timezone]="timezone"\n    [height]="height"\n    [inputWidth]="inputWidth"\n    [dropdownWidth]="dropdownWidth"\n    [showTooltip]="showTooltip"\n    [givenTime]="givenEndTime"\n    [triggerChange]="triggerChange"\n    [disable]="disableEndTime"\n  ></mis-timepicker>\n</div>\n',styles:[".rangepicker-container{display:flex;gap:1rem;align-items:center}p{margin:0;display:inline-flex;align-items:center}"]}]}],m.ctorParameters=function(){return[{type:e.ChangeDetectorRef}]},m.propDecorators={inputWidth:[{type:e.Input}],dropdownWidth:[{type:e.Input}],height:[{type:e.Input}],timezone:[{type:e.Input}],startDateEpoch:[{type:e.Input}],endDateEpoch:[{type:e.Input}],givenStartTime:[{type:e.Input}],givenEndTime:[{type:e.Input}],clockFormat:[{type:e.Input}],interval:[{type:e.Input}],showTooltip:[{type:e.Input}],direction:[{type:e.Input}],gap:[{type:e.Input}],disableStartTime:[{type:e.Input}],disableEndTime:[{type:e.Input}],timeRangeEmitter:[{type:e.Output}]};var h=function(){function t(){}return t.forRoot=function(){return{ngModule:t,providers:[]}},t}();h.decorators=[{type:e.NgModule,args:[{declarations:[m],imports:[r.CommonModule,a.FormsModule,n.TimePickerModule],exports:[m]}]}],t.TimeRangePickerComponent=m,t.TimeRangePickerModule=h,Object.defineProperty(t,"__esModule",{value:!0})}));
 //# sourceMappingURL=mis-crystal-design-system-timerangepicker.umd.min.js.map

package/bundles/mis-crystal-design-system-timerangepicker.umd.min.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../projects/mis-components/timerangepicker/timerangepicker.component.ts","../../../projects/mis-components/timerangepicker/timerangepicker.module.ts"],"names":["TimeRangePickerComponent","cdr","this","inputWidth","height","timezone","startDateEpoch","moment","tz","valueOf","endDateEpoch","clockFormat","interval","showTooltip","direction","gap","timeRangeEmitter","EventEmitter","firstIntervalForStartPicker","firstIntervalForEndPicker","rangeValidity","triggerChange","prototype","ngOnInit","ngOnChanges","timeFormat","moment.tz","setDefault","startDate","format","endDate","currDate","setFirstIntervals","minutes","offset","currentTime","endOf","subtract","add","startOf","givenStartTime","givenEndTime","startTime","valid","time","epoch","endTime","emitTimeRange","data","emit","startPickerHandler","validity","checkTimeValidity","trim","rangeValidation","startEpoch","endEpoch","endPickerHandler","date","RE","timeMoment","match","diff","startMoment","endMoment","detectChanges","Component","args","selector","template","ChangeDetectorRef","Input","Output","TimeRangePickerModule","forRoot","ngModule","providers","NgModule","declarations","imports","CommonModule","FormsModule","TimePickerModule","exports"],"mappings":"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","sourcesContent":["import { Component, Input, ChangeDetectorRef, Output, EventEmitter } from \"@angular/core\";\nimport * as moment from \"moment-timezone\";\nimport { ITimeRange, ITime, TDirection } from \"./timerange.namespace\";\n\n@Component({\n  selector: \"mis-timerangepicker\",\n  templateUrl: \"./timerangepicker.component.html\",\n  styleUrls: [\"./timerangepicker.component.scss\"]\n})\nexport class TimeRangePickerComponent {\n  @Input() inputWidth: string = \"100px\";\n  @Input() dropdownWidth?: string;\n  @Input() height: string = \"46px\";\n  @Input() timezone: string = \"Asia/Kolkata\";\n  @Input() startDateEpoch: number = moment().tz(this.timezone).valueOf();\n  @Input() endDateEpoch: number = moment().tz(this.timezone).valueOf();\n  @Input() givenStartTime: number;\n  @Input() givenEndTime: number;\n  @Input() clockFormat: number = 12;\n  @Input() interval: number = 15;\n  @Input() showTooltip: boolean = true;\n  @Input() direction: TDirection = 'row';\n  @Input() gap: string = '1rem';\n\n  @Output() timeRangeEmitter = new EventEmitter<ITimeRange>();\n\n  startDate!: string;\n  endDate!: string;\n  currDate!: string;\n  timeFormat!: string;\n  firstIntervalForStartPicker: number = moment().valueOf();\n  firstIntervalForEndPicker: number = moment().valueOf();\n  startTime!: ITime;\n  endTime!: ITime;\n  rangeValidity: boolean = true;\n  triggerChange: boolean = true;\n\n  constructor(private cdr: ChangeDetectorRef) {}\n\n  ngOnInit() {}\n\n  ngOnChanges() {\n    this.timeFormat = this.clockFormat === 12 ? \"hh:mm a\" : \"HH:mm\";\n    moment.tz.setDefault(this.timezone);\n    this.startDate = moment(this.startDateEpoch).format(\"DD-MM-YYYY\");\n    this.endDate = moment(this.endDateEpoch).format(\"DD-MM-YYYY\");\n    this.currDate = moment().format(\"DD-MM-YYYY\");\n    this.setFirstIntervals();\n  }\n\n  // calculate the first interval of the picker\n  setFirstIntervals(): void {\n    const minutes = moment().minutes();\n    const offset = this.interval - (minutes % this.interval);\n\n    // start date, 22 MAY ===  current date, 22 MAY\n    if( this.startDate === this.currDate ){\n      const currentTime = moment().valueOf();\n\n      // start date, 22 MAY  === current date, 22 MAY === end date, 22 MAY\n      if(this.startDate === this.endDate){\n\n        // current time is in last interval\n        if( currentTime >= moment(this.startDateEpoch).endOf(\"d\").subtract(this.interval,\"m\").valueOf()){\n          this.firstIntervalForStartPicker = currentTime;\n          this.firstIntervalForEndPicker =  moment(this.endDateEpoch).endOf(\"d\").valueOf();\n        }\n        // current time isn't in last interval\n        else {\n          this.firstIntervalForStartPicker = moment().add(offset, \"m\").valueOf();\n          this.firstIntervalForEndPicker =  moment().add(offset, \"m\").add(this.interval, \"m\").valueOf();\n        }\n      } \n      // start date, 22 MAY === current date, 22 MAY !== end date, 30 MAY\n      else {\n        // current time is in last interval\n        if( currentTime >= moment(this.startDateEpoch).endOf(\"d\").subtract(this.interval,\"m\").valueOf()){\n          this.firstIntervalForStartPicker = currentTime;\n          this.firstIntervalForEndPicker =  moment(this.endDateEpoch).endOf(\"d\").valueOf();\n        }\n        // current time isn't in last interval\n        else {\n          this.firstIntervalForStartPicker = moment().add(offset, \"m\").valueOf();\n          this.firstIntervalForEndPicker =  moment(this.endDateEpoch).valueOf();\n        }\n      }\n    }\n    // start date, 30 MAY !== current date, 22 MAY\n    else {\n      // start date === end Date\n      if( this.startDate === this.endDate){\n        this.firstIntervalForStartPicker = moment(this.startDateEpoch).startOf(\"d\").valueOf();\n        this.firstIntervalForEndPicker =  moment(this.endDateEpoch).add(this.interval, \"m\").valueOf();\n      } \n      // start date !== end date\n      else {\n        this.firstIntervalForStartPicker = moment(this.startDateEpoch).startOf(\"d\").valueOf();\n        this.firstIntervalForEndPicker =  moment(this.startDateEpoch).startOf(\"d\").valueOf();\n      }\n\n    }\n\n    if(this.givenStartTime)\n      this.firstIntervalForStartPicker = this.givenStartTime;\n   \n    if(this.givenEndTime)\n      this.firstIntervalForEndPicker = this.givenEndTime;\n      \n    this.startTime = {\n      valid: true,\n      time: moment(this.firstIntervalForStartPicker).format(this.timeFormat),\n      epoch: moment(this.firstIntervalForStartPicker).valueOf()\n    };\n\n    this.endTime = {\n      valid: true,\n      time: moment(this.firstIntervalForEndPicker).format(this.timeFormat),\n      epoch: moment(this.firstIntervalForEndPicker).valueOf()\n    };\n  }\n\n  emitTimeRange(data: ITimeRange): void {\n    this.timeRangeEmitter.emit(data);\n  }\n\n  //handlers catch the emitted values and run validation\n  startPickerHandler(time: ITime): void {\n    this.startTime = time;\n    this.rangeValidity = true;\n    // if the start time changes and the start date is the same as the end date\n    // and the start time >=  end time\n    // update the first interval of end picker according to the time set in start picker\n    if (this.startDate === this.endDate) {\n      let minutes = moment(this.startTime.time, this.timeFormat).minutes();\n      let offset = this.interval - (minutes % this.interval);\n      this.firstIntervalForEndPicker = moment(`${this.startDate} ${this.startTime.time}`, `'DD-MM-YYYY' ${this.timeFormat}`)\n        .add(offset, \"m\")\n        .valueOf();\n\n      // if the first interval == 12:00am, set it as 11:59pm\n      const intervalAsString = moment(this.firstIntervalForEndPicker).format(this.timeFormat);\n      const endOfDayAsString = moment(moment(`${this.startDate}`, `DD-MM-YYYY ${this.timeFormat}`).endOf(\"d\").add(1, \"m\")).format(this.timeFormat);\n      if (intervalAsString === endOfDayAsString) {\n        this.firstIntervalForEndPicker = moment(`${this.startDate} ${this.startTime.time}`, `'DD-MM-YYYY' ${this.timeFormat}`).endOf(\"d\").valueOf();\n      }\n\n    } else {\n        const validity =\n        this.checkTimeValidity(this.startTime.time.trim(), this.startDateEpoch) &&\n        this.checkTimeValidity(this.endTime.time.trim(), this.endDateEpoch);\n\n        this.rangeValidation(validity);\n        this.emitTimeRange({\n          valid: validity && this.rangeValidity,\n          startTime: this.startTime.time,\n          endTime: this.endTime.time,\n          startEpoch: moment(`${this.startDate} ${this.startTime.time}`, `DD-MM-YYYY ${this.timeFormat}`).valueOf(),\n          endEpoch: moment(`${this.endDate} ${this.endTime.time}`, `DD-MM-YYYY ${this.timeFormat}`).valueOf()\n        });\n    }\n\n    this.triggerChange = !this.triggerChange;\n  }\n\n  endPickerHandler(time: ITime): void {\n    this.endTime = time;\n\n    const validity =\n      this.checkTimeValidity(this.startTime.time.trim(), this.startDateEpoch) && this.checkTimeValidity(this.endTime.time.trim(), this.endDateEpoch);\n\n    this.rangeValidation(validity);\n    this.emitTimeRange({\n      valid: validity && this.rangeValidity,\n      startTime: this.startTime.time,\n      endTime: this.endTime.time,\n      startEpoch: moment(`${this.startDate} ${this.startTime.time}`, `DD-MM-YYYY ${this.timeFormat}`).valueOf(),\n      endEpoch: moment(`${this.endDate} ${this.endTime.time}`, `DD-MM-YYYY ${this.timeFormat}`).valueOf()\n    });\n  }\n\n  checkTimeValidity(time: string, date: number): boolean {\n    const RE12 = /^(([0][1-9]|1[0-2]):([0-5][0-9])( )?(am|pm|AM|PM))$/i;\n    const RE24 = /^([01][0-9]|2[0-3]):[0-5][0-9]$/;\n    const RE = this.clockFormat === 12 ? RE12 : RE24;\n\n    const timeMoment = moment(`${moment(date).format(\"DD-MM-YYYY\")} ${time}`, `'DD-MM-YYYY' ${this.timeFormat}`);\n    let flag: boolean = false;\n\n    // if the first interval is set to the start of the day\n    // then we don't check its validity against the current time\n    if ((this.givenStartTime && this.givenEndTime) || (this.startDate !== this.endDate && this.startDate !== this.currDate)) {\n      flag = time.match(RE) ? true : false;\n    } else {\n      flag = time.match(RE) && timeMoment.diff(moment(), \"m\") >= 0 ? true : false;\n    }\n\n    return flag;\n  }\n\n  // validates end picker's input according to the start picker's input\n  rangeValidation(validity: boolean) {\n    if (validity && this.startDate === this.endDate) {\n      const startMoment = moment(this.startTime.time, this.timeFormat);\n      const endMoment = moment(this.endTime.time, this.timeFormat);\n      this.rangeValidity = endMoment.diff(startMoment, \"m\") >= 1 ? true : false;\n      this.cdr.detectChanges();\n    }\n  }\n}\n","import { NgModule, ModuleWithProviders } from \"@angular/core\";\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport { TimeRangePickerComponent } from \"./timerangepicker.component\";\nimport { TimePickerModule } from \"mis-crystal-design-system/timepicker\";\n\n@NgModule({\n  declarations: [TimeRangePickerComponent],\n  imports: [CommonModule, FormsModule, TimePickerModule],\n  exports: [TimeRangePickerComponent]\n})\nexport class TimeRangePickerModule {\n  static forRoot(): ModuleWithProviders<TimeRangePickerModule> {\n    return { ngModule: TimeRangePickerModule, providers: [] };\n  }\n}"]}
+{"version":3,"sources":["../../../projects/mis-components/timerangepicker/timerangepicker.component.ts","../../../projects/mis-components/timerangepicker/timerangepicker.module.ts"],"names":["TimeRangePickerComponent","cdr","this","inputWidth","height","timezone","startDateEpoch","moment","tz","valueOf","endDateEpoch","clockFormat","interval","showTooltip","direction","gap","disableStartTime","disableEndTime","timeRangeEmitter","EventEmitter","firstIntervalForStartPicker","firstIntervalForEndPicker","rangeValidity","triggerChange","prototype","ngOnInit","ngOnChanges","timeFormat","moment.tz","setDefault","startDate","format","endDate","currDate","setFirstIntervals","minutes","offset","currentTime","endOf","subtract","add","startOf","givenStartTime","givenEndTime","startTime","valid","time","epoch","endTime","emitTimeRange","data","emit","startPickerHandler","validity","checkTimeValidity","trim","rangeValidation","startEpoch","endEpoch","endPickerHandler","date","RE","timeMoment","match","diff","startMoment","endMoment","detectChanges","Component","args","selector","template","ChangeDetectorRef","Input","Output","TimeRangePickerModule","forRoot","ngModule","providers","NgModule","declarations","imports","CommonModule","FormsModule","TimePickerModule","exports"],"mappings":"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","sourcesContent":["import { Component, Input, ChangeDetectorRef, Output, EventEmitter } from \"@angular/core\";\nimport * as moment from \"moment-timezone\";\nimport { ITimeRange, ITime, TDirection } from \"./timerange.namespace\";\n\n@Component({\n  selector: \"mis-timerangepicker\",\n  templateUrl: \"./timerangepicker.component.html\",\n  styleUrls: [\"./timerangepicker.component.scss\"]\n})\nexport class TimeRangePickerComponent {\n  @Input() inputWidth: string = \"100px\";\n  @Input() dropdownWidth?: string;\n  @Input() height: string = \"46px\";\n  @Input() timezone: string = \"Asia/Kolkata\";\n  @Input() startDateEpoch: number = moment().tz(this.timezone).valueOf();\n  @Input() endDateEpoch: number = moment().tz(this.timezone).valueOf();\n  @Input() givenStartTime: number;\n  @Input() givenEndTime: number;\n  @Input() clockFormat: number = 12;\n  @Input() interval: number = 15;\n  @Input() showTooltip: boolean = true;\n  @Input() direction: TDirection = 'row';\n  @Input() gap: string = '1rem';\n  @Input() disableStartTime: boolean = false;\n  @Input() disableEndTime: boolean = false;\n  @Output() timeRangeEmitter = new EventEmitter<ITimeRange>();\n\n  startDate!: string;\n  endDate!: string;\n  currDate!: string;\n  timeFormat!: string;\n  firstIntervalForStartPicker: number = moment().valueOf();\n  firstIntervalForEndPicker: number = moment().valueOf();\n  startTime!: ITime;\n  endTime!: ITime;\n  rangeValidity: boolean = true;\n  triggerChange: boolean = true;\n\n  constructor(private cdr: ChangeDetectorRef) {}\n\n  ngOnInit() {}\n\n  ngOnChanges() {\n    this.timeFormat = this.clockFormat === 12 ? \"hh:mm a\" : \"HH:mm\";\n    moment.tz.setDefault(this.timezone);\n    this.startDate = moment(this.startDateEpoch).format(\"DD-MM-YYYY\");\n    this.endDate = moment(this.endDateEpoch).format(\"DD-MM-YYYY\");\n    this.currDate = moment().format(\"DD-MM-YYYY\");\n    this.setFirstIntervals();\n  }\n\n  // calculate the first interval of the picker\n  setFirstIntervals(): void {\n    const minutes = moment().minutes();\n    const offset = this.interval - (minutes % this.interval);\n\n    // start date, 22 MAY ===  current date, 22 MAY\n    if( this.startDate === this.currDate ){\n      const currentTime = moment().valueOf();\n\n      // start date, 22 MAY  === current date, 22 MAY === end date, 22 MAY\n      if(this.startDate === this.endDate){\n\n        // current time is in last interval\n        if( currentTime >= moment(this.startDateEpoch).endOf(\"d\").subtract(this.interval,\"m\").valueOf()){\n          this.firstIntervalForStartPicker = currentTime;\n          this.firstIntervalForEndPicker =  moment(this.endDateEpoch).endOf(\"d\").valueOf();\n        }\n        // current time isn't in last interval\n        else {\n          this.firstIntervalForStartPicker = moment().add(offset, \"m\").valueOf();\n          this.firstIntervalForEndPicker =  moment().add(offset, \"m\").add(this.interval, \"m\").valueOf();\n        }\n      } \n      // start date, 22 MAY === current date, 22 MAY !== end date, 30 MAY\n      else {\n        // current time is in last interval\n        if( currentTime >= moment(this.startDateEpoch).endOf(\"d\").subtract(this.interval,\"m\").valueOf()){\n          this.firstIntervalForStartPicker = currentTime;\n          this.firstIntervalForEndPicker =  moment(this.endDateEpoch).endOf(\"d\").valueOf();\n        }\n        // current time isn't in last interval\n        else {\n          this.firstIntervalForStartPicker = moment().add(offset, \"m\").valueOf();\n          this.firstIntervalForEndPicker =  moment(this.endDateEpoch).valueOf();\n        }\n      }\n    }\n    // start date, 30 MAY !== current date, 22 MAY\n    else {\n      // start date === end Date\n      if( this.startDate === this.endDate){\n        this.firstIntervalForStartPicker = moment(this.startDateEpoch).startOf(\"d\").valueOf();\n        this.firstIntervalForEndPicker =  moment(this.endDateEpoch).add(this.interval, \"m\").valueOf();\n      } \n      // start date !== end date\n      else {\n        this.firstIntervalForStartPicker = moment(this.startDateEpoch).startOf(\"d\").valueOf();\n        this.firstIntervalForEndPicker =  moment(this.startDateEpoch).startOf(\"d\").valueOf();\n      }\n\n    }\n\n    if(this.givenStartTime)\n      this.firstIntervalForStartPicker = this.givenStartTime;\n   \n    if(this.givenEndTime)\n      this.firstIntervalForEndPicker = this.givenEndTime;\n      \n    this.startTime = {\n      valid: true,\n      time: moment(this.firstIntervalForStartPicker).format(this.timeFormat),\n      epoch: moment(this.firstIntervalForStartPicker).valueOf()\n    };\n\n    this.endTime = {\n      valid: true,\n      time: moment(this.firstIntervalForEndPicker).format(this.timeFormat),\n      epoch: moment(this.firstIntervalForEndPicker).valueOf()\n    };\n  }\n\n  emitTimeRange(data: ITimeRange): void {\n    this.timeRangeEmitter.emit(data);\n  }\n\n  //handlers catch the emitted values and run validation\n  startPickerHandler(time: ITime): void {\n    this.startTime = time;\n    this.rangeValidity = true;\n    // if the start time changes and the start date is the same as the end date\n    // and the start time >=  end time\n    // update the first interval of end picker according to the time set in start picker\n    if (this.startDate === this.endDate) {\n      let minutes = moment(this.startTime.time, this.timeFormat).minutes();\n      let offset = this.interval - (minutes % this.interval);\n      this.firstIntervalForEndPicker = moment(`${this.startDate} ${this.startTime.time}`, `'DD-MM-YYYY' ${this.timeFormat}`)\n        .add(offset, \"m\")\n        .valueOf();\n\n      // if the first interval == 12:00am, set it as 11:59pm\n      const intervalAsString = moment(this.firstIntervalForEndPicker).format(this.timeFormat);\n      const endOfDayAsString = moment(moment(`${this.startDate}`, `DD-MM-YYYY ${this.timeFormat}`).endOf(\"d\").add(1, \"m\")).format(this.timeFormat);\n      if (intervalAsString === endOfDayAsString) {\n        this.firstIntervalForEndPicker = moment(`${this.startDate} ${this.startTime.time}`, `'DD-MM-YYYY' ${this.timeFormat}`).endOf(\"d\").valueOf();\n      }\n\n    } else {\n        const validity =\n        this.checkTimeValidity(this.startTime.time.trim(), this.startDateEpoch) &&\n        this.checkTimeValidity(this.endTime.time.trim(), this.endDateEpoch);\n\n        this.rangeValidation(validity);\n        this.emitTimeRange({\n          valid: validity && this.rangeValidity,\n          startTime: this.startTime.time,\n          endTime: this.endTime.time,\n          startEpoch: moment(`${this.startDate} ${this.startTime.time}`, `DD-MM-YYYY ${this.timeFormat}`).valueOf(),\n          endEpoch: moment(`${this.endDate} ${this.endTime.time}`, `DD-MM-YYYY ${this.timeFormat}`).valueOf()\n        });\n    }\n\n    this.triggerChange = !this.triggerChange;\n  }\n\n  endPickerHandler(time: ITime): void {\n    this.endTime = time;\n\n    const validity =\n      this.checkTimeValidity(this.startTime.time.trim(), this.startDateEpoch) && this.checkTimeValidity(this.endTime.time.trim(), this.endDateEpoch);\n\n    this.rangeValidation(validity);\n    this.emitTimeRange({\n      valid: validity && this.rangeValidity,\n      startTime: this.startTime.time,\n      endTime: this.endTime.time,\n      startEpoch: moment(`${this.startDate} ${this.startTime.time}`, `DD-MM-YYYY ${this.timeFormat}`).valueOf(),\n      endEpoch: moment(`${this.endDate} ${this.endTime.time}`, `DD-MM-YYYY ${this.timeFormat}`).valueOf()\n    });\n  }\n\n  checkTimeValidity(time: string, date: number): boolean {\n    const RE12 = /^(([0][1-9]|1[0-2]):([0-5][0-9])( )?(am|pm|AM|PM))$/i;\n    const RE24 = /^([01][0-9]|2[0-3]):[0-5][0-9]$/;\n    const RE = this.clockFormat === 12 ? RE12 : RE24;\n\n    const timeMoment = moment(`${moment(date).format(\"DD-MM-YYYY\")} ${time}`, `'DD-MM-YYYY' ${this.timeFormat}`);\n    let flag: boolean = false;\n\n    // if the first interval is set to the start of the day\n    // then we don't check its validity against the current time\n    if ((this.givenStartTime && this.givenEndTime) || (this.startDate !== this.endDate && this.startDate !== this.currDate)) {\n      flag = time.match(RE) ? true : false;\n    } else {\n      flag = time.match(RE) && timeMoment.diff(moment(), \"m\") >= 0 ? true : false;\n    }\n\n    return flag;\n  }\n\n  // validates end picker's input according to the start picker's input\n  rangeValidation(validity: boolean) {\n    if (validity && this.startDate === this.endDate) {\n      const startMoment = moment(this.startTime.time, this.timeFormat);\n      const endMoment = moment(this.endTime.time, this.timeFormat);\n      this.rangeValidity = endMoment.diff(startMoment, \"m\") >= 1 ? true : false;\n      this.cdr.detectChanges();\n    }\n  }\n}\n","import { NgModule, ModuleWithProviders } from \"@angular/core\";\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport { TimeRangePickerComponent } from \"./timerangepicker.component\";\nimport { TimePickerModule } from \"mis-crystal-design-system/timepicker\";\n\n@NgModule({\n  declarations: [TimeRangePickerComponent],\n  imports: [CommonModule, FormsModule, TimePickerModule],\n  exports: [TimeRangePickerComponent]\n})\nexport class TimeRangePickerModule {\n  static forRoot(): ModuleWithProviders<TimeRangePickerModule> {\n    return { ngModule: TimeRangePickerModule, providers: [] };\n  }\n}"]}

package/bundles/mis-crystal-design-system-virtual-scroll.umd.js

@@ -420,7 +420,7 @@
     VirtualScrollComponent.decorators = [
         { type: core.Component, args: [{
                     selector: "mis-virtual-scroll",
-                    template: "<div class=\"state-container\" *ngIf=\"loading\">\n    <mis-loader></mis-loader>\n</div>\n<div class=\"state-container\" *ngIf=\"!loading && error\">\n    <span>Unknown error has occurred.</span>\n</div>\n<ng-container *ngIf=\"data$ | async as data\">\n    <cdk-virtual-scroll-viewport\n        *ngIf=\"!loading && !error\"\n        #viewport\n        [minBufferPx]=\"config.minBufferPx\"\n        [maxBufferPx]=\"config.maxBufferPx\"\n        [itemSize]=\"this.config.rowHeight\"\n        (scrolledIndexChange)=\"nextBatch(data.length)\"\n    >\n        <ng-container *cdkVirtualFor=\"let item of data;  let i = index\">\n            <ng-container\n            [ngTemplateOutlet]=\"customItem\"\n            [ngTemplateOutletContext]=\"{ $implicit: item, index: i }\"\n            ></ng-container>\n        </ng-container>\n        <div id=\"loader-container\" *ngIf=\"rowsLoading\">\n            <mis-loader></mis-loader>\n        </div>\n    </cdk-virtual-scroll-viewport>\n</ng-container>",
+                    template: "<div class=\"state-container\" *ngIf=\"loading\">\n    <mis-loader></mis-loader>\n</div>\n<div class=\"state-container\" *ngIf=\"!loading && error\">\n    <span>Unknown error has occurred.</span>\n</div>\n<ng-container *ngIf=\"data$ | async as data\">\n    <cdk-virtual-scroll-viewport\n        *ngIf=\"!loading && !error\"\n        autosize\n        #viewport\n        [minBufferPx]=\"config.minBufferPx\"\n        [maxBufferPx]=\"config.maxBufferPx\"\n        [itemSize]=\"this.config.rowHeight\"\n        (scrolledIndexChange)=\"nextBatch(data.length)\"\n    >\n        <ng-container *cdkVirtualFor=\"let item of data;  let i = index\">\n            <ng-container\n            [ngTemplateOutlet]=\"customItem\"\n            [ngTemplateOutletContext]=\"{ $implicit: item, index: i }\"\n            ></ng-container>\n        </ng-container>\n        <div id=\"loader-container\" *ngIf=\"rowsLoading\">\n            <mis-loader></mis-loader>\n        </div>\n    </cdk-virtual-scroll-viewport>\n</ng-container>",
                     styles: ["cdk-virtual-scroll-viewport{height:100%}#main-container,.state-container{height:100%;width:100%}#loader-container,.state-container{display:flex;justify-content:center;align-items:center}#loader-container{width:100%;height:56px}::ng-deep #spinner{position:relative!important}"]
                 },] }
     ];