mis-crystal-design-system 18.0.4 → 18.0.5

package/fesm2015/mis-crystal-design-system-timepicker.mjs

@@ -0,0 +1,484 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Directive, Input, Output, Component, ViewChild, ViewChildren, NgModule } from '@angular/core';
+import * as i1 from '@angular/cdk/overlay';
+import { ConnectionPositionPair, OverlayConfig, OverlayModule } from '@angular/cdk/overlay';
+import { TemplatePortal } from '@angular/cdk/portal';
+import * as i3 from 'mis-crystal-design-system/tooltip';
+import { ToolTipDirective, ToolTipModule } from 'mis-crystal-design-system/tooltip';
+import dayjs from 'dayjs';
+import timezone from 'dayjs/plugin/timezone';
+import utc from 'dayjs/plugin/utc';
+import customParseFormat from 'dayjs/plugin/customParseFormat';
+import * as i1$1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+
+class TimepickerDirective {
+    constructor(templateRef, overlay, viewContainerRef) {
+        this.templateRef = templateRef;
+        this.overlay = overlay;
+        this.viewContainerRef = viewContainerRef;
+        this.openStatus = false;
+        this.statusEmitter = new EventEmitter();
+    }
+    set createOverlayOnInput(openStatus) {
+        this.openStatus = openStatus;
+        if (this.originEl && this.openStatus)
+            this.createOverlay(this.originEl);
+    }
+    ;
+    createOverlay(origin) {
+        const positions = [
+            new ConnectionPositionPair({ originX: "start", originY: "bottom" }, { overlayX: "start", overlayY: "top" }, 0, 4),
+            new ConnectionPositionPair({ originX: "end", originY: "bottom" }, { overlayX: "end", overlayY: "top" }, 0, 4)
+        ];
+        const overlayConfig = new OverlayConfig({
+            hasBackdrop: true,
+            backdropClass: "cdk-overlay-transparent-backdrop",
+            positionStrategy: this.overlay
+                .position()
+                //connecting the dropdown overlay to the input element
+                .flexibleConnectedTo(origin)
+                .withPositions([...positions])
+                .withPush(true)
+        });
+        this.overlayRef = this.overlay.create(overlayConfig);
+        const dropdownPortal = new TemplatePortal(this.templateRef, this.viewContainerRef);
+        this.overlayRef.attach(dropdownPortal);
+        this.overlayRef.backdropClick().subscribe(resp => {
+            this.openStatus = false;
+            this.statusEmitter.emit(false);
+            if (this.overlay) {
+                this.overlayRef.detach();
+            }
+        });
+    }
+    destroyOverlay() {
+        if (this.overlay) {
+            this.overlayRef.detach();
+        }
+    }
+}
+TimepickerDirective.ɵfac = function TimepickerDirective_Factory(t) { return new (t || TimepickerDirective)(i0.ɵɵdirectiveInject(i0.TemplateRef), i0.ɵɵdirectiveInject(i1.Overlay), i0.ɵɵdirectiveInject(i0.ViewContainerRef)); };
+TimepickerDirective.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: TimepickerDirective, selectors: [["", "libTimepicker", ""]], inputs: { originEl: "originEl", createOverlayOnInput: ["openStatus", "createOverlayOnInput"] }, outputs: { statusEmitter: "statusEmitter" } });
+(function () {
+    (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TimepickerDirective, [{
+            type: Directive,
+            args: [{
+                    selector: '[libTimepicker]'
+                }]
+        }], function () { return [{ type: i0.TemplateRef }, { type: i1.Overlay }, { type: i0.ViewContainerRef }]; }, { originEl: [{
+                type: Input,
+                args: ['originEl']
+            }], statusEmitter: [{
+                type: Output
+            }], createOverlayOnInput: [{
+                type: Input,
+                args: ['openStatus']
+            }] });
+})();
+
+const _c0 = ["input"];
+const _c1 = ["timeInterval"];
+function TimePickerComponent_ng_template_3_div_0_li_3_div_3_Template(rf, ctx) {
+    if (rf & 1) {
+        i0.ɵɵelement(0, "div", 12);
+    }
+}
+const _c2 = function (a0) { return { highlight: a0 }; };
+function TimePickerComponent_ng_template_3_div_0_li_3_Template(rf, ctx) {
+    if (rf & 1) {
+        const _r11 = i0.ɵɵgetCurrentView();
+        i0.ɵɵelementStart(0, "li", 9, 10);
+        i0.ɵɵlistener("click", function TimePickerComponent_ng_template_3_div_0_li_3_Template_li_click_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r11); const interval_r6 = restoredCtx.$implicit; const ctx_r10 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r10.onTimeSelect(interval_r6)); });
+        i0.ɵɵtext(2);
+        i0.ɵɵtemplate(3, TimePickerComponent_ng_template_3_div_0_li_3_div_3_Template, 1, 0, "div", 11);
+        i0.ɵɵelementEnd();
+    }
+    if (rf & 2) {
+        const interval_r6 = ctx.$implicit;
+        const i_r7 = ctx.index;
+        const ctx_r5 = i0.ɵɵnextContext(3);
+        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(3, _c2, i_r7 === ctx_r5.isHighlighted));
+        i0.ɵɵadvance(2);
+        i0.ɵɵtextInterpolate1(" ", interval_r6, " ");
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", interval_r6 === ctx_r5.chosenTime);
+    }
+}
+const _c3 = function (a0) { return { width: a0 }; };
+function TimePickerComponent_ng_template_3_div_0_Template(rf, ctx) {
+    if (rf & 1) {
+        i0.ɵɵelementStart(0, "div", 6)(1, "ul", null, 7);
+        i0.ɵɵtemplate(3, TimePickerComponent_ng_template_3_div_0_li_3_Template, 4, 5, "li", 8);
+        i0.ɵɵelementEnd()();
+    }
+    if (rf & 2) {
+        const ctx_r3 = i0.ɵɵnextContext(2);
+        i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(2, _c3, ctx_r3.dropdownWidth || ctx_r3.inputWidth));
+        i0.ɵɵadvance(3);
+        i0.ɵɵproperty("ngForOf", ctx_r3.timeIntervals);
+    }
+}
+function TimePickerComponent_ng_template_3_Template(rf, ctx) {
+    if (rf & 1) {
+        i0.ɵɵtemplate(0, TimePickerComponent_ng_template_3_div_0_Template, 4, 4, "div", 5);
+    }
+    if (rf & 2) {
+        const ctx_r2 = i0.ɵɵnextContext();
+        i0.ɵɵproperty("ngIf", ctx_r2.openStatus);
+    }
+}
+const _c4 = function (a0) { return { height: a0 }; };
+const _c5 = function (a0) { return { "disable": a0 }; };
+const _c6 = function (a0) { return { invalid: a0 }; };
+dayjs.extend(utc);
+dayjs.extend(timezone);
+dayjs.extend(customParseFormat);
+class TimePickerComponent {
+    constructor() {
+        this.openStatus = false;
+        this.isHighlighted = 0;
+        this.isInvalid = false;
+        this.timeIntervals = [];
+        this.shouldScroll = false;
+        this.userInputFlag = false;
+        this.givenTimeFlag = true;
+        this.clockFormat = 12;
+        this.timezone = "Asia/Kolkata";
+        this.height = "max-content";
+        this.inputWidth = "100px";
+        this.interval = 15;
+        this.dateAsEpoch = dayjs.tz(dayjs(), this.timezone).valueOf();
+        this.rangeValidity = true;
+        this.showTooltip = true;
+        this.dispayToolTip = this.showTooltip;
+        this.triggerChange = true;
+        this.disable = false;
+        this.timeEmitter = new EventEmitter();
+    }
+    // gets all the li elements from the dropdown and scrolls to the highlighted element
+    set timeIntervalRefs(intervals) {
+        intervals.forEach(interval => {
+            if (interval.nativeElement.classList[0] === "highlight") {
+                const highlighted = interval.nativeElement;
+                setTimeout(() => highlighted.scrollIntoView({ block: "center" }));
+            }
+        });
+    }
+    ngOnInit() {
+        if (!this.givenTime && !this.minTime) {
+            this.chosenTime = dayjs.tz(this.firstInterval, this.timezone).format(this.timeFormat);
+            let chosenTimedayjs = this.getdayjs(this.chosenTime);
+            this.emitTime({
+                valid: !this.isInvalid,
+                time: this.chosenTime,
+                epoch: chosenTimedayjs.valueOf()
+            });
+        }
+    }
+    ngOnChanges() {
+        this.timeFormat = this.clockFormat === 12 ? "hh:mm a" : "HH:mm";
+        if (this.timeFormat) {
+            let chosenTimedayjs = this.getdayjs(this.chosenTime);
+            // if the first interval is >= the chosen time
+            // then only update the value of chosen time
+            // else it remains the same
+            if (this.firstInterval >= chosenTimedayjs.valueOf() && this.rangeValidity && !this.userInputFlag) {
+                this.chosenTime = dayjs.tz(this.firstInterval, this.timezone).format(this.timeFormat);
+                chosenTimedayjs = this.getdayjs(this.chosenTime);
+            }
+            if ((this.givenTimeFlag && this.givenTime) || this.minTime) {
+                this.chosenTime = dayjs.tz(this.minTime || this.givenTime, this.timezone).format(this.timeFormat);
+            }
+            chosenTimedayjs = this.getdayjs(this.chosenTime);
+            if (!this.userInputFlag)
+                this.populateDropdown();
+            this.userInputFlag = false;
+            if (this.chosenTime) {
+                this.isInvalid = !this.checkTimeValidity(this.chosenTime.trim());
+                this.emitTime({
+                    valid: !this.isInvalid,
+                    time: this.chosenTime,
+                    epoch: chosenTimedayjs.valueOf()
+                });
+                this.calculateClosestInterval(this.chosenTime);
+            }
+        }
+    }
+    emitTime(data) {
+        this.timeEmitter.emit(data);
+    }
+    // function to get dayjs object when time is given in string
+    getdayjs(time = '00:00') {
+        var _a, _b, _c, _d;
+        ;
+        if (!time || typeof time !== 'string') {
+            throw new Error('Time must be a string');
+        }
+        let hours;
+        let minutes;
+        if (this.clockFormat === 24) {
+            hours = parseInt(time.split(':')[0]);
+            minutes = parseInt(time.split(':')[1]);
+        }
+        else {
+            const timeParts = time.split(' ');
+            const AM_PM = timeParts === null || timeParts === void 0 ? void 0 : timeParts[1];
+            hours = parseInt((_b = (_a = timeParts === null || timeParts === void 0 ? void 0 : timeParts[0]) === null || _a === void 0 ? void 0 : _a.split(':')) === null || _b === void 0 ? void 0 : _b[0]);
+            minutes = parseInt((_d = (_c = timeParts === null || timeParts === void 0 ? void 0 : timeParts[0]) === null || _c === void 0 ? void 0 : _c.split(':')) === null || _d === void 0 ? void 0 : _d[1]);
+            if ((AM_PM === null || AM_PM === void 0 ? void 0 : AM_PM.toUpperCase()) === 'PM' && hours !== 12) {
+                hours += 12;
+            }
+            else if ((AM_PM === null || AM_PM === void 0 ? void 0 : AM_PM.toUpperCase()) === 'AM' && hours === 12) {
+                hours = 0;
+            }
+        }
+        return dayjs.tz(this.dateAsEpoch, this.timezone).add(hours, 'h').add(minutes, 'm');
+    }
+    closeDropdown() {
+        this.dispayToolTip = false;
+        this.userInputFlag = false;
+        this.openStatus = false;
+        if (this.timepickerDirective)
+            this.timepickerDirective.destroyOverlay();
+    }
+    // toggle timepicker dropdown
+    openDropdown() {
+        this.dispayToolTip = true;
+        this.openStatus = true;
+    }
+    checkTimeValidity(time) {
+        const RE12 = /^(([0][1-9]|1[0-2]):([0-5][0-9])( )?(am|pm|AM|PM))$/i;
+        const RE24 = /^([01][0-9]|2[0-3]):[0-5][0-9]$/;
+        const RE = this.clockFormat === 12 ? RE12 : RE24;
+        const timedayjs = this.getdayjs(time);
+        let flag = false;
+        // if the first interval is set to the start of the day
+        // or a time is already provided to the component to show
+        // then we don't check its validity against the current time
+        if (this.minTime ||
+            this.givenTime ||
+            (this.firstInterval &&
+                dayjs.tz(this.firstInterval, this.timezone).format(this.timeFormat).valueOf() === dayjs.tz(dayjs(), this.timezone).startOf("day").format(this.timeFormat).valueOf())) {
+            flag = time.match(RE) ? true : false;
+        }
+        else {
+            flag = time.match(RE) && timedayjs.diff(dayjs.tz(dayjs(), this.timezone), "m") >= 0 ? true : false;
+        }
+        return flag;
+    }
+    // update chosen time as soon as the user clicks on an interval
+    onTimeSelect(time) {
+        this.isInvalid = !this.checkTimeValidity(time.trim());
+        if (!this.isInvalid) {
+            this.chosenTime = time;
+            this.calculateClosestInterval(this.chosenTime);
+        }
+        const timedayjs = this.getdayjs(time);
+        this.emitTime({
+            valid: !this.isInvalid,
+            time: time,
+            epoch: timedayjs.valueOf()
+        });
+        this.openStatus = false;
+        if (this.timepickerDirective)
+            this.timepickerDirective.destroyOverlay();
+    }
+    // checks validity of time on input change and calculates the closest interval
+    onTimeChange(time) {
+        this.isInvalid = !this.checkTimeValidity(time.trim());
+        if (!this.isInvalid) {
+            this.userInputFlag = true;
+            this.openStatus = false;
+            if (this.timepickerDirective)
+                this.timepickerDirective.destroyOverlay();
+            this.calculateClosestInterval(time);
+        }
+        const timedayjs = this.getdayjs(time);
+        this.emitTime({
+            valid: !this.isInvalid,
+            time: time,
+            epoch: timedayjs.valueOf()
+        });
+    }
+    calculateClosestInterval(time) {
+        let roundedEpoch;
+        // Converting time and date to a dayjs object 
+        const chosenDate = dayjs.tz(this.dateAsEpoch, this.timezone).format("DD-MM-YYYY"); // 05-01-2024
+        const parsedTimeWithDate = dayjs.tz(`${chosenDate} ${time}`, `DD-MM-YYYY ${this.timeFormat}`, this.timezone);
+        // Converting dayjs object to epoch
+        const chosenTimeEpoch = parsedTimeWithDate.valueOf();
+        const offset = this.interval - (dayjs.tz(chosenTimeEpoch, this.timezone).minute() % this.interval);
+        if (this.minTime && !this.givenTime) {
+            this.isHighlighted = 0;
+            return;
+        }
+        roundedEpoch = offset >= this.interval / 2 ? (dayjs.tz(chosenTimeEpoch, this.timezone).subtract(this.interval - offset, "m")).valueOf() : (dayjs.tz(chosenTimeEpoch, this.timezone).add(offset, "m")).valueOf();
+        // finding the index of element that needs to be highlighted
+        if (chosenTimeEpoch > dayjs.tz(this.dateAsEpoch, this.timezone).endOf("day").subtract(this.interval, "m").valueOf()) {
+            this.isHighlighted = this.timeIntervals.length - 1;
+        }
+        else {
+            const roundedEpochdayjs = dayjs.tz(roundedEpoch, this.timezone);
+            this.isHighlighted = this.timeIntervals.findIndex(interval => {
+                const intervalObj = dayjs.tz(`${chosenDate} ${interval}`, `DD-MM-YYYY ${this.timeFormat}`, this.timezone);
+                return intervalObj.isSame(roundedEpochdayjs);
+            });
+        }
+    }
+    // populates the dropdown according to the first interval received
+    populateDropdown() {
+        this.timeIntervals = [];
+        // if picker is used as an individual component
+        if (!this.firstInterval) {
+            // firstInterval is initialised according to the current time
+            // if the date is same as the current date
+            if (dayjs.tz(this.dateAsEpoch, this.timezone).format("DD-MM-YYYY") === dayjs.tz(dayjs(), this.timezone).format("DD-MM-YYYY") && !this.minTime) {
+                const offset = this.interval - (dayjs.tz(dayjs(), this.timezone).minute() % this.interval);
+                this.firstInterval = dayjs.tz(dayjs(), this.timezone).add(offset, "m").valueOf();
+            }
+            // if minimum time to show is provided
+            else if (this.minTime) {
+                const offset = this.interval - (dayjs.tz(this.minTime, this.timezone).minute() % this.interval);
+                this.firstInterval = dayjs.tz(this.minTime, this.timezone).add(offset, "m").valueOf();
+            }
+            // else the firstInterval is initialised as start of day
+            else {
+                this.firstInterval = dayjs.tz(dayjs(), this.timezone).startOf("day").valueOf();
+            }
+        }
+        if (this.givenTime && this.givenTimeFlag) {
+            this.firstInterval = dayjs.tz(this.givenTime, this.timezone).startOf('d').valueOf();
+            this.givenTimeFlag = false;
+        }
+        const dateAsString = dayjs.tz(this.dateAsEpoch, this.timezone).format('DD-MM-YYYY');
+        const intervalAsString = dayjs.tz(this.firstInterval, this.timezone).format(this.timeFormat);
+        let start = dayjs.tz(`${dateAsString} ${intervalAsString}`, `DD-MM-YYYY ${this.timeFormat}`, this.timezone);
+        const end = dayjs.tz(this.dateAsEpoch, this.timezone).endOf('d');
+        while (start.valueOf() < end.valueOf()) {
+            this.timeIntervals.push(start.format(this.timeFormat));
+            start = start.add(this.interval, "m");
+        }
+        // if the start time is equal to the interval just before midnight
+        // and the start date = end date
+        // push 11:59pm only
+        if (this.timeIntervals.length === 0) {
+            this.chosenTime = dayjs.tz(dayjs(), this.timezone).endOf("d").format(this.timeFormat);
+            this.timeIntervals.push(dayjs.tz(dayjs(), this.timezone).endOf("d").format(this.timeFormat));
+        }
+    }
+    ngOnDestroy() {
+        if (this.tooltipDirective)
+            this.tooltipDirective.hideToolTip();
+    }
+}
+TimePickerComponent.ɵfac = function TimePickerComponent_Factory(t) { return new (t || TimePickerComponent)(); };
+TimePickerComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TimePickerComponent, selectors: [["mis-timepicker"]], viewQuery: function TimePickerComponent_Query(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵviewQuery(_c0, 7);
+            i0.ɵɵviewQuery(TimepickerDirective, 5);
+            i0.ɵɵviewQuery(ToolTipDirective, 5);
+            i0.ɵɵviewQuery(_c1, 5);
+        }
+        if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.input = _t.first);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.timepickerDirective = _t.first);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.tooltipDirective = _t.first);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.timeIntervalRefs = _t);
+        }
+    }, inputs: { clockFormat: "clockFormat", timezone: "timezone", height: "height", inputWidth: "inputWidth", dropdownWidth: "dropdownWidth", interval: "interval", dateAsEpoch: "dateAsEpoch", firstInterval: "firstInterval", rangeValidity: "rangeValidity", showTooltip: "showTooltip", givenTime: "givenTime", minTime: "minTime", triggerChange: "triggerChange", disable: "disable" }, outputs: { timeEmitter: "timeEmitter" }, features: [i0.ɵɵNgOnChangesFeature], decls: 5, vars: 19, consts: [[1, "timepicker-container", 3, "ngStyle", "ngClass"], ["type", "text", "misToolTip", "", "cdkOverlayOrigin", "", 1, "h7", 3, "ngModel", "ngClass", "ngStyle", "showToolTip", "text", "position", "showOnHover", "ngModelChange", "click"], ["input", ""], ["libDropdownScroll", "", "libTimepicker", "", 3, "originEl", "openStatus", "statusEmitter"], ["dropdownContainer", ""], ["class", "timepicker-dropdown", 3, "ngStyle", 4, "ngIf"], [1, "timepicker-dropdown", 3, "ngStyle"], ["dropdown", ""], [3, "ngClass", "click", 4, "ngFor", "ngForOf"], [3, "ngClass", "click"], ["timeInterval", ""], ["class", "ic-ui-check-24 selected-icon", 4, "ngIf"], [1, "ic-ui-check-24", "selected-icon"]], template: function TimePickerComponent_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "input", 1, 2);
+            i0.ɵɵlistener("ngModelChange", function TimePickerComponent_Template_input_ngModelChange_1_listener($event) { return ctx.chosenTime = $event; })("ngModelChange", function TimePickerComponent_Template_input_ngModelChange_1_listener() { return ctx.onTimeChange(ctx.chosenTime); })("click", function TimePickerComponent_Template_input_click_1_listener() { return ctx.openDropdown(); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵtemplate(3, TimePickerComponent_ng_template_3_Template, 1, 1, "ng-template", 3, 4, i0.ɵɵtemplateRefExtractor);
+            i0.ɵɵlistener("statusEmitter", function TimePickerComponent_Template_ng_template_statusEmitter_3_listener() { return ctx.closeDropdown(); });
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            const _r0 = i0.ɵɵreference(2);
+            i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(11, _c4, ctx.height))("ngClass", i0.ɵɵpureFunction1(13, _c5, ctx.disable));
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngModel", ctx.chosenTime)("ngClass", i0.ɵɵpureFunction1(15, _c6, ctx.isInvalid || !ctx.rangeValidity))("ngStyle", i0.ɵɵpureFunction1(17, _c3, ctx.inputWidth))("showToolTip", ctx.showTooltip && (ctx.isInvalid || !ctx.rangeValidity) && ctx.dispayToolTip)("text", "Invalid Time")("position", "top")("showOnHover", false);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("originEl", _r0)("openStatus", ctx.openStatus);
+        }
+    }, dependencies: [i1$1.NgClass, i1$1.NgForOf, i1$1.NgIf, i1$1.NgStyle, i2.DefaultValueAccessor, i2.NgControlStatus, i2.NgModel, i3.ToolTipDirective, i1.CdkOverlayOrigin, TimepickerDirective], styles: [".h1[_ngcontent-%COMP%]{font-size:40px;font-weight:400;letter-spacing:0px;line-height:48px}.h2[_ngcontent-%COMP%]{font-size:32px;font-weight:400;letter-spacing:0px;line-height:40px}.h3[_ngcontent-%COMP%]{font-size:28px;font-weight:400;letter-spacing:0px;line-height:36px}.h4[_ngcontent-%COMP%]{font-size:24px;font-weight:400;letter-spacing:0px;line-height:32px}.h5-b[_ngcontent-%COMP%]{font-size:20px;font-weight:700;letter-spacing:.25px;line-height:28px}.h5[_ngcontent-%COMP%]{font-size:20px;font-weight:400;letter-spacing:.15px;line-height:28px}.h6-b[_ngcontent-%COMP%]{font-size:16px;font-weight:700;letter-spacing:0px;line-height:24px}.h6[_ngcontent-%COMP%]{font-size:16px;font-weight:400;letter-spacing:0px;line-height:24px}.p[_ngcontent-%COMP%]{font-size:16px;font-weight:400;letter-spacing:0px;line-height:180%}.h7-b[_ngcontent-%COMP%]{font-size:14px;font-weight:700;letter-spacing:.25px;line-height:20px}.h7[_ngcontent-%COMP%]{font-size:14px;font-weight:400;letter-spacing:.2px;line-height:20px}.h8-b[_ngcontent-%COMP%]{font-size:12px;font-weight:700;letter-spacing:.25px;line-height:18px}.h8[_ngcontent-%COMP%]{font-size:12px;font-weight:400;letter-spacing:.2px;line-height:18px}.h9[_ngcontent-%COMP%]{font-size:10px;font-weight:400;letter-spacing:0px;line-height:15px}.btn-lg-b[_ngcontent-%COMP%]{font-size:16px;font-weight:700;letter-spacing:.5px;line-height:24px}.btn-lg[_ngcontent-%COMP%]{font-size:16px;font-weight:400;letter-spacing:.2px;line-height:24px}.btn-sm[_ngcontent-%COMP%]{font-size:14px;font-weight:400;letter-spacing:.25px;line-height:20px}.btn-link[_ngcontent-%COMP%]{font-size:16px;font-weight:400;letter-spacing:0px;line-height:24px}.display-1[_ngcontent-%COMP%]{font-size:48px;font-weight:400;letter-spacing:0px;line-height:56px}.display-2[_ngcontent-%COMP%]{font-size:14px;font-weight:400;letter-spacing:.5px;line-height:20px}*[_ngcontent-%COMP%]{box-sizing:border-box;font-family:Lato}.timepicker-container[_ngcontent-%COMP%]{display:inline-block;position:relative}input[_ngcontent-%COMP%]{text-align:center;border:none;border-bottom:1px solid #e0e0e0;outline:none;height:100%;width:100px;padding:4px 16px}input[_ngcontent-%COMP%]:hover{background:#f5f7fc}input[_ngcontent-%COMP%]:focus, input[_ngcontent-%COMP%]:active{background:#e6ebf7;border-bottom:1px solid #0937b2}.timepicker-dropdown[_ngcontent-%COMP%]{position:absolute;top:calc(100% + 4px);left:0;max-height:200px;overflow-y:auto;border:1px solid #e0e0e0;box-shadow:0 12px 24px #0000001f,0 4px 8px #0000001f;border-radius:4px;padding:8px;background:#FFFFFF}.timepicker-dropdown[_ngcontent-%COMP%]::-webkit-scrollbar{display:none}.timepicker-dropdown[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]{margin:0;padding:0}.timepicker-dropdown[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]{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[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]:hover{background:#f5f7fc;border-radius:6px}.timepicker-dropdown[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   .selected-icon[_ngcontent-%COMP%]{font-weight:900}.highlight[_ngcontent-%COMP%]{background-color:#f5f7fc;border-radius:6px}.invalid[_ngcontent-%COMP%]{background:#fae1ea!important;border-bottom:1px solid #b00020!important}.disable[_ngcontent-%COMP%]{pointer-events:none!important;opacity:.5!important}"] });
+(function () {
+    (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TimePickerComponent, [{
+            type: 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;font-weight:400;letter-spacing:0px;line-height:48px}.h2{font-size:32px;font-weight:400;letter-spacing:0px;line-height:40px}.h3{font-size:28px;font-weight:400;letter-spacing:0px;line-height:36px}.h4{font-size:24px;font-weight:400;letter-spacing:0px;line-height:32px}.h5-b{font-size:20px;font-weight:700;letter-spacing:.25px;line-height:28px}.h5{font-size:20px;font-weight:400;letter-spacing:.15px;line-height:28px}.h6-b{font-size:16px;font-weight:700;letter-spacing:0px;line-height:24px}.h6{font-size:16px;font-weight:400;letter-spacing:0px;line-height:24px}.p{font-size:16px;font-weight:400;letter-spacing:0px;line-height:180%}.h7-b{font-size:14px;font-weight:700;letter-spacing:.25px;line-height:20px}.h7{font-size:14px;font-weight:400;letter-spacing:.2px;line-height:20px}.h8-b{font-size:12px;font-weight:700;letter-spacing:.25px;line-height:18px}.h8{font-size:12px;font-weight:400;letter-spacing:.2px;line-height:18px}.h9{font-size:10px;font-weight:400;letter-spacing:0px;line-height:15px}.btn-lg-b{font-size:16px;font-weight:700;letter-spacing:.5px;line-height:24px}.btn-lg{font-size:16px;font-weight:400;letter-spacing:.2px;line-height:24px}.btn-sm{font-size:14px;font-weight:400;letter-spacing:.25px;line-height:20px}.btn-link{font-size:16px;font-weight:400;letter-spacing:0px;line-height:24px}.display-1{font-size:48px;font-weight:400;letter-spacing:0px;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:focus,input:active{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 #0000001f,0 4px 8px #0000001f;border-radius:4px;padding:8px;background:#FFFFFF}.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}\n"] }]
+        }], function () { return []; }, { clockFormat: [{
+                type: Input
+            }], timezone: [{
+                type: Input
+            }], height: [{
+                type: Input
+            }], inputWidth: [{
+                type: Input
+            }], dropdownWidth: [{
+                type: Input
+            }], interval: [{
+                type: Input
+            }], dateAsEpoch: [{
+                type: Input
+            }], firstInterval: [{
+                type: Input
+            }], rangeValidity: [{
+                type: Input
+            }], showTooltip: [{
+                type: Input
+            }], givenTime: [{
+                type: Input
+            }], minTime: [{
+                type: Input
+            }], triggerChange: [{
+                type: Input
+            }], disable: [{
+                type: Input
+            }], timeEmitter: [{
+                type: Output
+            }], input: [{
+                type: ViewChild,
+                args: ["input", { static: true }]
+            }], timepickerDirective: [{
+                type: ViewChild,
+                args: [TimepickerDirective]
+            }], tooltipDirective: [{
+                type: ViewChild,
+                args: [ToolTipDirective]
+            }], timeIntervalRefs: [{
+                type: ViewChildren,
+                args: ["timeInterval"]
+            }] });
+})();
+
+class TimePickerModule {
+    static forRoot() {
+        return { ngModule: TimePickerModule, providers: [] };
+    }
+}
+TimePickerModule.ɵfac = function TimePickerModule_Factory(t) { return new (t || TimePickerModule)(); };
+TimePickerModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: TimePickerModule });
+TimePickerModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule, FormsModule, ToolTipModule, OverlayModule] });
+(function () {
+    (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TimePickerModule, [{
+            type: NgModule,
+            args: [{
+                    declarations: [TimePickerComponent, TimepickerDirective],
+                    imports: [CommonModule, FormsModule, ToolTipModule, OverlayModule],
+                    exports: [TimePickerComponent]
+                }]
+        }], null, null);
+})();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(TimePickerModule, { declarations: [TimePickerComponent, TimepickerDirective], imports: [CommonModule, FormsModule, ToolTipModule, OverlayModule], exports: [TimePickerComponent] }); })();
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TimePickerComponent, TimePickerModule };
+//# sourceMappingURL=mis-crystal-design-system-timepicker.mjs.map

package/fesm2015/mis-crystal-design-system-timepicker.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"mis-crystal-design-system-timepicker.mjs","sources":["../../../projects/mis-components/timepicker/timepicker.directive.ts","../../../projects/mis-components/timepicker/timepicker.component.html","../../../projects/mis-components/timepicker/timepicker.component.ts","../../../projects/mis-components/timepicker/timepicker.module.ts","../../../projects/mis-components/timepicker/mis-crystal-design-system-timepicker.ts"],"sourcesContent":["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      if(this.overlay){\n        this.overlayRef.detach();\n      }\n    });\n  }\n\n  destroyOverlay(){\n    if(this.overlay){\n      this.overlayRef.detach();\n    }\n  }\n  \n}\n","<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","import { Component, ElementRef, EventEmitter, Input, OnChanges, OnDestroy, OnInit, Output, ViewChild, ViewChildren } from \"@angular/core\";\nimport { ITime } from \"./time.namespace\";\nimport { TimepickerDirective } from \"./timepicker.directive\";\nimport { ToolTipDirective } from \"mis-crystal-design-system/tooltip\";\n\nimport dayjs from 'dayjs';\nimport timezone from 'dayjs/plugin/timezone';\nimport utc from 'dayjs/plugin/utc';\nimport customParseFormat from 'dayjs/plugin/customParseFormat'\n\ndayjs.extend(utc);\ndayjs.extend(timezone);\ndayjs.extend(customParseFormat);\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 = dayjs.tz(dayjs(), this.timezone).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 = dayjs.tz(this.firstInterval, this.timezone).format(this.timeFormat);\n      let chosenTimedayjs = this.getdayjs(this.chosenTime);\n      this.emitTime({\n        valid: !this.isInvalid,\n        time: this.chosenTime,\n        epoch: chosenTimedayjs.valueOf()\n      });\n    }\n  }\n\n  ngOnChanges(): void {\n    this.timeFormat = this.clockFormat === 12 ? \"hh:mm a\" : \"HH:mm\";\n\n    if (this.timeFormat) {\n      let chosenTimedayjs = this.getdayjs(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 >= chosenTimedayjs.valueOf() && this.rangeValidity && !this.userInputFlag) {\n        this.chosenTime = dayjs.tz(this.firstInterval, this.timezone).format(this.timeFormat);\n        chosenTimedayjs = this.getdayjs(this.chosenTime)\n      }\n\n      if((this.givenTimeFlag && this.givenTime) || this.minTime ) {\n        this.chosenTime = dayjs.tz(this.minTime || this.givenTime, this.timezone).format(this.timeFormat);\n      }\n      chosenTimedayjs = this.getdayjs(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: chosenTimedayjs.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 dayjs object when time is given in string\n  getdayjs(time: string = '00:00'){;\n    if(!time || typeof time !== 'string') {\n      throw new Error('Time must be a string');\n    }\n\n    let hours: number;\n    let minutes: number;\n\n    if(this.clockFormat === 24) {\n      hours = parseInt(time.split(':')[0]);\n      minutes = parseInt(time.split(':')[1]);\n    } else {\n      const timeParts = time.split(' ');\n      const AM_PM = timeParts?.[1];\n      hours =  parseInt(timeParts?.[0]?.split(':')?.[0]);\n      minutes = parseInt(timeParts?.[0]?.split(':')?.[1]);\n\n      if(AM_PM?.toUpperCase() === 'PM' && hours !== 12) {\n        hours += 12;\n      } else if(AM_PM?.toUpperCase() === 'AM' && hours === 12) {\n        hours = 0;\n      }\n    }\n\n    return dayjs.tz(this.dateAsEpoch, this.timezone).add(hours, 'h').add(minutes, 'm');\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 timedayjs = this.getdayjs(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      dayjs.tz(this.firstInterval, this.timezone).format(this.timeFormat).valueOf() === dayjs.tz(dayjs(), this.timezone).startOf(\"day\").format(this.timeFormat).valueOf())\n    ) {\n      flag = time.match(RE) ? true : false;\n    } else {\n      flag = time.match(RE) && timedayjs.diff(dayjs.tz(dayjs(), this.timezone), \"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 timedayjs = this.getdayjs(time);\n    this.emitTime({\n      valid: !this.isInvalid,\n      time: time,\n      epoch: timedayjs.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 timedayjs = this.getdayjs(time);\n    this.emitTime({\n      valid: !this.isInvalid,\n      time: time,\n      epoch: timedayjs.valueOf() \n    });\n  }\n\n  calculateClosestInterval(time: string): void {\n    let roundedEpoch: number;\n    // Converting time and date to a dayjs object \n    const chosenDate = dayjs.tz(this.dateAsEpoch, this.timezone).format(\"DD-MM-YYYY\"); // 05-01-2024\n    const parsedTimeWithDate = dayjs.tz(`${chosenDate} ${time}`, `DD-MM-YYYY ${this.timeFormat}`, this.timezone);\n    // Converting dayjs object to epoch\n    const chosenTimeEpoch = parsedTimeWithDate.valueOf();\n    const offset = this.interval - (dayjs.tz(chosenTimeEpoch, this.timezone).minute() % this.interval);\n\n    if (this.minTime && !this.givenTime) {\n      this.isHighlighted = 0;\n      return;\n    }\n    roundedEpoch = offset >= this.interval / 2 ? (dayjs.tz(chosenTimeEpoch, this.timezone).subtract(this.interval - offset, \"m\")).valueOf() : (dayjs.tz(chosenTimeEpoch, this.timezone).add( offset, \"m\")).valueOf();\n\n    // finding the index of element that needs to be highlighted\n    if ( chosenTimeEpoch > dayjs.tz(this.dateAsEpoch, this.timezone).endOf(\"day\").subtract(this.interval, \"m\").valueOf()) {\n      this.isHighlighted = this.timeIntervals.length - 1;\n    } else {\n      const roundedEpochdayjs = dayjs.tz(roundedEpoch, this.timezone);\n      this.isHighlighted = this.timeIntervals.findIndex(interval => {\n        const intervalObj = dayjs.tz(`${chosenDate} ${interval}`, `DD-MM-YYYY ${this.timeFormat}`, this.timezone);\n        return intervalObj.isSame(roundedEpochdayjs);\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 (dayjs.tz(this.dateAsEpoch, this.timezone).format(\"DD-MM-YYYY\") === dayjs.tz(dayjs(), this.timezone).format(\"DD-MM-YYYY\") && !this.minTime) {\n        const offset = this.interval - (dayjs.tz(dayjs(), this.timezone).minute() % this.interval);\n        this.firstInterval = dayjs.tz(dayjs(), this.timezone).add(offset, \"m\").valueOf();\n      }\n      // if minimum time to show is provided\n      else if(this.minTime){\n        const offset = this.interval - (dayjs.tz(this.minTime, this.timezone).minute() % this.interval);\n        this.firstInterval = dayjs.tz(this.minTime, this.timezone).add(offset, \"m\").valueOf();\n      }\n      // else the firstInterval is initialised as start of day\n      else {\n        this.firstInterval = dayjs.tz(dayjs(), this.timezone).startOf(\"day\").valueOf();\n      }\n    }\n\n    if(this.givenTime && this.givenTimeFlag){\n      this.firstInterval = dayjs.tz(this.givenTime, this.timezone).startOf('d').valueOf();\n      this.givenTimeFlag = false;\n    }\n\n    const dateAsString = dayjs.tz(this.dateAsEpoch, this.timezone).format('DD-MM-YYYY');\n    const intervalAsString = dayjs.tz(this.firstInterval, this.timezone).format(this.timeFormat);\n    let start = dayjs.tz(`${dateAsString} ${intervalAsString}`, `DD-MM-YYYY ${this.timeFormat}`, this.timezone);\n    const end = dayjs.tz(this.dateAsEpoch, this.timezone).endOf('d');\n    while (start.valueOf() < end.valueOf()) {\n      this.timeIntervals.push(start.format(this.timeFormat));\n      start = 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 = dayjs.tz(dayjs(), this.timezone).endOf(\"d\").format(this.timeFormat);\n      this.timeIntervals.push(dayjs.tz(dayjs(), this.timezone).endOf(\"d\").format(this.timeFormat));\n    }\n  }\n\n  ngOnDestroy() {\n    if (this.tooltipDirective) this.tooltipDirective.hideToolTip();\n  }\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}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}