mis-crystal-design-system 4.0.51 → 14.0.0

package/fesm2020/mis-crystal-design-system-timerangepicker.mjs

@@ -0,0 +1,232 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, Input, Output, NgModule } from '@angular/core';
+import * as moment from 'moment-timezone';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2 from 'mis-crystal-design-system/timepicker';
+import { TimePickerModule } from 'mis-crystal-design-system/timepicker';
+import { FormsModule } from '@angular/forms';
+
+class TimeRangePickerComponent {
+    constructor(cdr) {
+        this.cdr = cdr;
+        this.inputWidth = "100px";
+        this.height = "46px";
+        this.timezone = "Asia/Kolkata";
+        this.startDateEpoch = moment().tz(this.timezone).valueOf();
+        this.endDateEpoch = moment().tz(this.timezone).valueOf();
+        this.clockFormat = 12;
+        this.interval = 15;
+        this.showTooltip = true;
+        this.direction = 'row';
+        this.gap = '1rem';
+        this.timeRangeEmitter = new EventEmitter();
+        this.firstIntervalForStartPicker = moment().valueOf();
+        this.firstIntervalForEndPicker = moment().valueOf();
+        this.rangeValidity = true;
+        this.triggerChange = true;
+    }
+    ngOnInit() { }
+    ngOnChanges() {
+        this.timeFormat = this.clockFormat === 12 ? "hh:mm a" : "HH:mm";
+        moment.tz.setDefault(this.timezone);
+        this.startDate = moment(this.startDateEpoch).format("DD-MM-YYYY");
+        this.endDate = moment(this.endDateEpoch).format("DD-MM-YYYY");
+        this.currDate = moment().format("DD-MM-YYYY");
+        this.setFirstIntervals();
+    }
+    // calculate the first interval of the picker
+    setFirstIntervals() {
+        const minutes = moment().minutes();
+        const offset = this.interval - (minutes % this.interval);
+        // start date, 22 MAY ===  current date, 22 MAY
+        if (this.startDate === this.currDate) {
+            const currentTime = moment().valueOf();
+            // start date, 22 MAY  === current date, 22 MAY === end date, 22 MAY
+            if (this.startDate === this.endDate) {
+                // current time is in last interval
+                if (currentTime >= moment(this.startDateEpoch).endOf("d").subtract(this.interval, "m").valueOf()) {
+                    this.firstIntervalForStartPicker = currentTime;
+                    this.firstIntervalForEndPicker = moment(this.endDateEpoch).endOf("d").valueOf();
+                }
+                // current time isn't in last interval
+                else {
+                    this.firstIntervalForStartPicker = moment().add(offset, "m").valueOf();
+                    this.firstIntervalForEndPicker = moment().add(offset, "m").add(this.interval, "m").valueOf();
+                }
+            }
+            // start date, 22 MAY === current date, 22 MAY !== end date, 30 MAY
+            else {
+                // current time is in last interval
+                if (currentTime >= moment(this.startDateEpoch).endOf("d").subtract(this.interval, "m").valueOf()) {
+                    this.firstIntervalForStartPicker = currentTime;
+                    this.firstIntervalForEndPicker = moment(this.endDateEpoch).endOf("d").valueOf();
+                }
+                // current time isn't in last interval
+                else {
+                    this.firstIntervalForStartPicker = moment().add(offset, "m").valueOf();
+                    this.firstIntervalForEndPicker = moment(this.endDateEpoch).valueOf();
+                }
+            }
+        }
+        // start date, 30 MAY !== current date, 22 MAY
+        else {
+            // start date === end Date
+            if (this.startDate === this.endDate) {
+                this.firstIntervalForStartPicker = moment(this.startDateEpoch).startOf("d").valueOf();
+                this.firstIntervalForEndPicker = moment(this.endDateEpoch).add(this.interval, "m").valueOf();
+            }
+            // start date !== end date
+            else {
+                this.firstIntervalForStartPicker = moment(this.startDateEpoch).startOf("d").valueOf();
+                this.firstIntervalForEndPicker = moment(this.startDateEpoch).startOf("d").valueOf();
+            }
+        }
+        if (this.givenStartTime)
+            this.firstIntervalForStartPicker = this.givenStartTime;
+        if (this.givenEndTime)
+            this.firstIntervalForEndPicker = this.givenEndTime;
+        this.startTime = {
+            valid: true,
+            time: moment(this.firstIntervalForStartPicker).format(this.timeFormat),
+            epoch: moment(this.firstIntervalForStartPicker).valueOf()
+        };
+        this.endTime = {
+            valid: true,
+            time: moment(this.firstIntervalForEndPicker).format(this.timeFormat),
+            epoch: moment(this.firstIntervalForEndPicker).valueOf()
+        };
+    }
+    emitTimeRange(data) {
+        this.timeRangeEmitter.emit(data);
+    }
+    //handlers catch the emitted values and run validation
+    startPickerHandler(time) {
+        this.startTime = time;
+        this.rangeValidity = true;
+        // if the start time changes and the start date is the same as the end date
+        // and the start time >=  end time
+        // update the first interval of end picker according to the time set in start picker
+        if (this.startDate === this.endDate) {
+            let minutes = moment(this.startTime.time, this.timeFormat).minutes();
+            let offset = this.interval - (minutes % this.interval);
+            this.firstIntervalForEndPicker = moment(`${this.startDate} ${this.startTime.time}`, `'DD-MM-YYYY' ${this.timeFormat}`)
+                .add(offset, "m")
+                .valueOf();
+            // if the first interval == 12:00am, set it as 11:59pm
+            const intervalAsString = moment(this.firstIntervalForEndPicker).format(this.timeFormat);
+            const endOfDayAsString = moment(moment(`${this.startDate}`, `DD-MM-YYYY ${this.timeFormat}`).endOf("d").add(1, "m")).format(this.timeFormat);
+            if (intervalAsString === endOfDayAsString) {
+                this.firstIntervalForEndPicker = moment(`${this.startDate} ${this.startTime.time}`, `'DD-MM-YYYY' ${this.timeFormat}`).endOf("d").valueOf();
+            }
+        }
+        else {
+            const validity = this.checkTimeValidity(this.startTime.time.trim(), this.startDateEpoch) &&
+                this.checkTimeValidity(this.endTime.time.trim(), this.endDateEpoch);
+            this.rangeValidation(validity);
+            this.emitTimeRange({
+                valid: validity && this.rangeValidity,
+                startTime: this.startTime.time,
+                endTime: this.endTime.time,
+                startEpoch: moment(`${this.startDate} ${this.startTime.time}`, `DD-MM-YYYY ${this.timeFormat}`).valueOf(),
+                endEpoch: moment(`${this.endDate} ${this.endTime.time}`, `DD-MM-YYYY ${this.timeFormat}`).valueOf()
+            });
+        }
+        this.triggerChange = !this.triggerChange;
+    }
+    endPickerHandler(time) {
+        this.endTime = time;
+        const validity = this.checkTimeValidity(this.startTime.time.trim(), this.startDateEpoch) && this.checkTimeValidity(this.endTime.time.trim(), this.endDateEpoch);
+        this.rangeValidation(validity);
+        this.emitTimeRange({
+            valid: validity && this.rangeValidity,
+            startTime: this.startTime.time,
+            endTime: this.endTime.time,
+            startEpoch: moment(`${this.startDate} ${this.startTime.time}`, `DD-MM-YYYY ${this.timeFormat}`).valueOf(),
+            endEpoch: moment(`${this.endDate} ${this.endTime.time}`, `DD-MM-YYYY ${this.timeFormat}`).valueOf()
+        });
+    }
+    checkTimeValidity(time, date) {
+        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 timeMoment = moment(`${moment(date).format("DD-MM-YYYY")} ${time}`, `'DD-MM-YYYY' ${this.timeFormat}`);
+        let flag = false;
+        // if the first interval is set to the start of the day
+        // then we don't check its validity against the current time
+        if ((this.givenStartTime && this.givenEndTime) || (this.startDate !== this.endDate && this.startDate !== this.currDate)) {
+            flag = time.match(RE) ? true : false;
+        }
+        else {
+            flag = time.match(RE) && timeMoment.diff(moment(), "m") >= 0 ? true : false;
+        }
+        return flag;
+    }
+    // validates end picker's input according to the start picker's input
+    rangeValidation(validity) {
+        if (validity && this.startDate === this.endDate) {
+            const startMoment = moment(this.startTime.time, this.timeFormat);
+            const endMoment = moment(this.endTime.time, this.timeFormat);
+            this.rangeValidity = endMoment.diff(startMoment, "m") >= 1 ? true : false;
+            this.cdr.detectChanges();
+        }
+    }
+}
+TimeRangePickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TimeRangePickerComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+TimeRangePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: TimeRangePickerComponent, selector: "mis-timerangepicker", inputs: { inputWidth: "inputWidth", dropdownWidth: "dropdownWidth", height: "height", timezone: "timezone", startDateEpoch: "startDateEpoch", endDateEpoch: "endDateEpoch", givenStartTime: "givenStartTime", givenEndTime: "givenEndTime", clockFormat: "clockFormat", interval: "interval", showTooltip: "showTooltip", direction: "direction", gap: "gap" }, outputs: { timeRangeEmitter: "timeRangeEmitter" }, usesOnChanges: true, ngImport: i0, 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}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.TimePickerComponent, selector: "mis-timepicker", inputs: ["clockFormat", "timezone", "height", "inputWidth", "dropdownWidth", "interval", "dateAsEpoch", "firstInterval", "rangeValidity", "showTooltip", "givenTime", "minTime", "triggerChange"], outputs: ["timeEmitter"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TimeRangePickerComponent, decorators: [{
+            type: 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}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { inputWidth: [{
+                type: Input
+            }], dropdownWidth: [{
+                type: Input
+            }], height: [{
+                type: Input
+            }], timezone: [{
+                type: Input
+            }], startDateEpoch: [{
+                type: Input
+            }], endDateEpoch: [{
+                type: Input
+            }], givenStartTime: [{
+                type: Input
+            }], givenEndTime: [{
+                type: Input
+            }], clockFormat: [{
+                type: Input
+            }], interval: [{
+                type: Input
+            }], showTooltip: [{
+                type: Input
+            }], direction: [{
+                type: Input
+            }], gap: [{
+                type: Input
+            }], timeRangeEmitter: [{
+                type: Output
+            }] } });
+
+class TimeRangePickerModule {
+    static forRoot() {
+        return { ngModule: TimeRangePickerModule, providers: [] };
+    }
+}
+TimeRangePickerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TimeRangePickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TimeRangePickerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: TimeRangePickerModule, declarations: [TimeRangePickerComponent], imports: [CommonModule, FormsModule, TimePickerModule], exports: [TimeRangePickerComponent] });
+TimeRangePickerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TimeRangePickerModule, imports: [CommonModule, FormsModule, TimePickerModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TimeRangePickerModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [TimeRangePickerComponent],
+                    imports: [CommonModule, FormsModule, TimePickerModule],
+                    exports: [TimeRangePickerComponent]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TimeRangePickerComponent, TimeRangePickerModule };
+//# sourceMappingURL=mis-crystal-design-system-timerangepicker.mjs.map

package/fesm2020/mis-crystal-design-system-timerangepicker.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"mis-crystal-design-system-timerangepicker.mjs","sources":["../../../projects/mis-components/timerangepicker/timerangepicker.component.ts","../../../projects/mis-components/timerangepicker/timerangepicker.component.html","../../../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","<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","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":[],"mappings":"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"}

package/fesm2020/mis-crystal-design-system-toast.mjs

@@ -0,0 +1,180 @@
+import * as i1 from '@angular/cdk/overlay';
+import { OverlayConfig, OverlayModule } from '@angular/cdk/overlay';
+import { ComponentPortal } from '@angular/cdk/portal';
+import * as i0 from '@angular/core';
+import { Injectable, Component, NgModule } from '@angular/core';
+import { trigger, transition, style, animate } from '@angular/animations';
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+
+class ToastDataService {
+    constructor() {
+        this.messageMap = new Map();
+    }
+    get messages() {
+        return Array.from(this.messageMap.values()).reverse();
+    }
+    updateMessage(msg) {
+        const id = new Date().getTime();
+        this.messageMap.set(id, msg);
+        return id;
+    }
+    removeMessage(id) {
+        this.messageMap.delete(id);
+    }
+    hasMessage() {
+        return this.messageMap.size > 0;
+    }
+}
+ToastDataService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ToastDataService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+ToastDataService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ToastDataService, providedIn: "root" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ToastDataService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: "root"
+                }]
+        }], ctorParameters: function () { return []; } });
+
+class ToastComponent {
+    constructor(data) {
+        this.data = data;
+    }
+}
+ToastComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ToastComponent, deps: [{ token: ToastDataService }], target: i0.ɵɵFactoryTarget.Component });
+ToastComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: ToastComponent, selector: "mis-teams-toast", ngImport: i0, template: "<div class=\"toast-container\">\n  <div *ngFor=\"let msg of data.messages\" @fadeInOut>\n    <div class=\"toast-wrapper\">\n      <div class=\"msg\">{{ msg }}</div>\n    </div>\n  </div>\n</div>\n", styles: [".toast-container{transition:max-height .3s ease-in}.toast-container>div{position:relative;display:flex;justify-content:center}.toast-wrapper{display:flex;flex-direction:row;align-items:center;gap:20px;padding:14px 12px;background:#181f33;box-shadow:0 12px 17px #00000024,0 5px 22px #0000001f,0 7px 8px #0003;border-radius:4px;transition:all .3s ease-in;min-height:44px;transform-origin:top}.toast-wrapper .msg{color:#fff;max-width:314px;flex:1 1 314px;font-size:14px;line-height:20px;letter-spacing:.2px}@media screen and (max-width: 360px){.toast-wrapper .msg{max-width:90vw;flex:1 1 90vw}}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], animations: [
+        trigger("fadeInOut", [
+            transition(":enter", [
+                style({ opacity: "0", transform: "translateY(-50%)", height: "0" }),
+                animate("300ms ease-in", style({ opacity: "1", transform: "translateY(0)", height: "*" }))
+            ]),
+            transition(":leave", [animate("300ms ease-in", style({ opacity: "0", transform: "translateY(50%)" }))])
+        ])
+    ] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ToastComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "mis-teams-toast", animations: [
+                        trigger("fadeInOut", [
+                            transition(":enter", [
+                                style({ opacity: "0", transform: "translateY(-50%)", height: "0" }),
+                                animate("300ms ease-in", style({ opacity: "1", transform: "translateY(0)", height: "*" }))
+                            ]),
+                            transition(":leave", [animate("300ms ease-in", style({ opacity: "0", transform: "translateY(50%)" }))])
+                        ])
+                    ], template: "<div class=\"toast-container\">\n  <div *ngFor=\"let msg of data.messages\" @fadeInOut>\n    <div class=\"toast-wrapper\">\n      <div class=\"msg\">{{ msg }}</div>\n    </div>\n  </div>\n</div>\n", styles: [".toast-container{transition:max-height .3s ease-in}.toast-container>div{position:relative;display:flex;justify-content:center}.toast-wrapper{display:flex;flex-direction:row;align-items:center;gap:20px;padding:14px 12px;background:#181f33;box-shadow:0 12px 17px #00000024,0 5px 22px #0000001f,0 7px 8px #0003;border-radius:4px;transition:all .3s ease-in;min-height:44px;transform-origin:top}.toast-wrapper .msg{color:#fff;max-width:314px;flex:1 1 314px;font-size:14px;line-height:20px;letter-spacing:.2px}@media screen and (max-width: 360px){.toast-wrapper .msg{max-width:90vw;flex:1 1 90vw}}\n"] }]
+        }], ctorParameters: function () { return [{ type: ToastDataService }]; } });
+
+class ToastService {
+    constructor(overlay, data) {
+        this.overlay = overlay;
+        this.data = data;
+        this.messagePromises = [];
+        this.messageBuilder = {
+            error: {
+                simple: "Something went wrong. Please try again later.",
+                400: "Bad Request! We are working to fix this.",
+                401: "UNAUTHORISED",
+                403: "Sorry for the interruption but seems like your session has expired. Please login again and continue",
+                404: "Unable to find resource. Please try again later"
+            },
+            item: (item) => {
+                return {
+                    action: (act = "updated") => {
+                        const success = `Successfully ${act} ${item}.`;
+                        const failure = `Failed to ${act} ${item}.`;
+                        return {
+                            success,
+                            failure
+                        };
+                    }
+                };
+            },
+            short: (act = "updated") => {
+                const success = `Successfully ${act}.`;
+                const failure = `Failed to ${act}.`;
+                return {
+                    success,
+                    failure
+                };
+            },
+            simple: (...args) => args.join(" "),
+            simplest: "Done!"
+        };
+        this.userProfilePortal = new ComponentPortal(ToastComponent);
+    }
+    displayMsg(msg, timeout = 3000) {
+        const positionStrategy = this.overlay.position().global().centerHorizontally();
+        if (window?.innerWidth < 600) {
+            positionStrategy.bottom("48px");
+        }
+        else {
+            positionStrategy.top("80px");
+        }
+        const config = new OverlayConfig({
+            hasBackdrop: false,
+            positionStrategy
+        });
+        if (!this.toastWrapperRef?.hasAttached()) {
+            this.toastWrapperRef = this.overlay.create(config);
+            this.toastWrapperRef.attach(this.userProfilePortal);
+        }
+        const messageId = this.data.updateMessage(msg);
+        this.messagePromises.push(new Promise((resolve, reject) => {
+            setTimeout(() => {
+                resolve(this.data.removeMessage(messageId));
+                if (!this.data.hasMessage()) {
+                    this.closeToastOverlay();
+                }
+                // adding 300ms for entry animation
+            }, timeout + 300);
+        }));
+        Promise.race(this.messagePromises).then(() => { });
+    }
+    // tslint:disable-next-line
+    closeToastOverlay() {
+        return setTimeout(() => {
+            this.messagePromises = [];
+            this.toastWrapperRef?.detach();
+            // adding 300ms for exit animation
+        }, 300);
+    }
+}
+ToastService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ToastService, deps: [{ token: i1.Overlay }, { token: ToastDataService }], target: i0.ɵɵFactoryTarget.Injectable });
+ToastService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ToastService, providedIn: "root" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ToastService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: "root"
+                }]
+        }], ctorParameters: function () { return [{ type: i1.Overlay }, { type: ToastDataService }]; } });
+
+class ToastModule {
+    static forRoot() {
+        return {
+            ngModule: ToastModule,
+            providers: [ToastDataService, ToastService]
+        };
+    }
+    static forChild() {
+        return {
+            ngModule: ToastModule,
+            providers: [ToastDataService, ToastService]
+        };
+    }
+}
+ToastModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ToastModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ToastModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: ToastModule, declarations: [ToastComponent], imports: [CommonModule, OverlayModule] });
+ToastModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ToastModule, imports: [CommonModule, OverlayModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ToastModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [ToastComponent],
+                    imports: [CommonModule, OverlayModule]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ToastComponent, ToastDataService, ToastModule, ToastService };
+//# sourceMappingURL=mis-crystal-design-system-toast.mjs.map

package/fesm2020/mis-crystal-design-system-toast.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"mis-crystal-design-system-toast.mjs","sources":["../../../projects/mis-components/toast/toast.data.service.ts","../../../projects/mis-components/toast/toast.component.ts","../../../projects/mis-components/toast/toast.component.html","../../../projects/mis-components/toast/toast.service.ts","../../../projects/mis-components/toast/toast.module.ts","../../../projects/mis-components/toast/mis-crystal-design-system-toast.ts"],"sourcesContent":["import { Injectable } from \"@angular/core\";\n\n@Injectable({\n  providedIn: \"root\"\n})\nexport class ToastDataService {\n  private messageMap: Map<number, string> = new Map();\n  get messages(): string[] {\n    return Array.from(this.messageMap.values()).reverse();\n  }\n\n  constructor() {}\n\n  updateMessage(msg: string): number {\n    const id = new Date().getTime();\n    this.messageMap.set(id, msg);\n    return id;\n  }\n\n  removeMessage(id: number): void {\n    this.messageMap.delete(id);\n  }\n\n  hasMessage(): boolean {\n    return this.messageMap.size > 0;\n  }\n}\n","import { animate, style, transition, trigger } from \"@angular/animations\";\nimport { Component } from \"@angular/core\";\nimport { ToastDataService } from \"./toast.data.service\";\n\n@Component({\n  selector: \"mis-teams-toast\",\n  templateUrl: \"./toast.component.html\",\n  styleUrls: [\"./toast.component.scss\"],\n  animations: [\n    trigger(\"fadeInOut\", [\n      transition(\":enter\", [\n        style({ opacity: \"0\", transform: \"translateY(-50%)\", height: \"0\" }),\n        animate(\"300ms ease-in\", style({ opacity: \"1\", transform: \"translateY(0)\", height: \"*\" }))\n      ]),\n      transition(\":leave\", [animate(\"300ms ease-in\", style({ opacity: \"0\", transform: \"translateY(50%)\" }))])\n    ])\n  ]\n})\nexport class ToastComponent {\n  constructor(public data: ToastDataService) {}\n}\n","<div class=\"toast-container\">\n  <div *ngFor=\"let msg of data.messages\" @fadeInOut>\n    <div class=\"toast-wrapper\">\n      <div class=\"msg\">{{ msg }}</div>\n    </div>\n  </div>\n</div>\n","import { Overlay, OverlayConfig, OverlayRef } from \"@angular/cdk/overlay\";\nimport { ComponentPortal } from \"@angular/cdk/portal\";\nimport { Injectable } from \"@angular/core\";\nimport { ToastComponent } from \"./toast.component\";\nimport { ToastDataService } from \"./toast.data.service\";\n\ntype Operations = \"created\" | \"updated\" | \"deleted\" | \"create\" | \"update\" | \"delete\";\n\n@Injectable({\n  providedIn: \"root\"\n})\nexport class ToastService {\n  constructor(private overlay: Overlay, private data: ToastDataService) {\n    this.userProfilePortal = new ComponentPortal(ToastComponent);\n  }\n  private toastWrapperRef: OverlayRef;\n  private messagePromises: Promise<void>[] = [];\n  private userProfilePortal: ComponentPortal<ToastComponent>;\n\n  messageBuilder = {\n    error: {\n      simple: \"Something went wrong. Please try again later.\",\n      400: \"Bad Request! We are working to fix this.\",\n      401: \"UNAUTHORISED\",\n      403: \"Sorry for the interruption but seems like your session has expired. Please login again and continue\",\n      404: \"Unable to find resource. Please try again later\"\n    },\n    item: (item: string) => {\n      return {\n        action: (act: Operations = \"updated\") => {\n          const success = `Successfully ${act} ${item}.`;\n          const failure = `Failed to ${act} ${item}.`;\n          return {\n            success,\n            failure\n          };\n        }\n      };\n    },\n    short: (act: Operations = \"updated\") => {\n      const success = `Successfully ${act}.`;\n      const failure = `Failed to ${act}.`;\n      return {\n        success,\n        failure\n      };\n    },\n    simple: (...args: string[]) => args.join(\" \"),\n    simplest: \"Done!\"\n  };\n\n  displayMsg(msg: string, timeout = 3000): void {\n    const positionStrategy = this.overlay.position().global().centerHorizontally();\n\n    if (window?.innerWidth < 600) {\n      positionStrategy.bottom(\"48px\");\n    } else {\n      positionStrategy.top(\"80px\");\n    }\n    const config = new OverlayConfig({\n      hasBackdrop: false,\n      positionStrategy\n    });\n    if (!this.toastWrapperRef?.hasAttached()) {\n      this.toastWrapperRef = this.overlay.create(config);\n      this.toastWrapperRef.attach(this.userProfilePortal);\n    }\n    const messageId = this.data.updateMessage(msg);\n    this.messagePromises.push(\n      new Promise((resolve, reject) => {\n        setTimeout(() => {\n          resolve(this.data.removeMessage(messageId));\n          if (!this.data.hasMessage()) {\n            this.closeToastOverlay();\n          }\n          // adding 300ms for entry animation\n        }, timeout + 300);\n      })\n    );\n    Promise.race(this.messagePromises).then(() => {});\n  }\n\n  // tslint:disable-next-line\n  private closeToastOverlay(): any {\n    return setTimeout(() => {\n      this.messagePromises = [];\n      this.toastWrapperRef?.detach();\n      // adding 300ms for exit animation\n    }, 300);\n  }\n}\n","import { OverlayModule } from \"@angular/cdk/overlay\";\nimport { CommonModule } from \"@angular/common\";\nimport { ModuleWithProviders, NgModule } from \"@angular/core\";\nimport { ToastComponent } from \"./toast.component\";\nimport { ToastDataService } from \"./toast.data.service\";\nimport { ToastService } from \"./toast.service\";\n\n@NgModule({\n    declarations: [ToastComponent],\n    imports: [CommonModule, OverlayModule]\n})\nexport class ToastModule {\n  static forRoot(): ModuleWithProviders<ToastModule> {\n    return {\n      ngModule: ToastModule,\n      providers: [ToastDataService, ToastService]\n    };\n  }\n\n  static forChild(): ModuleWithProviders<ToastModule> {\n    return {\n      ngModule: ToastModule,\n      providers: [ToastDataService, ToastService]\n    };\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1.ToastDataService","i2.ToastDataService"],"mappings":"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"}