mis-crystal-design-system 4.0.50 → 17.0.0

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

@@ -1 +0,0 @@
-{"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}"]}

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

@@ -1,202 +0,0 @@
-(function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/cdk/overlay'), require('@angular/cdk/portal'), require('@angular/core'), require('@angular/animations'), require('@angular/common')) :
-    typeof define === 'function' && define.amd ? define('mis-crystal-design-system/toast', ['exports', '@angular/cdk/overlay', '@angular/cdk/portal', '@angular/core', '@angular/animations', '@angular/common'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global['mis-crystal-design-system'] = global['mis-crystal-design-system'] || {}, global['mis-crystal-design-system'].toast = {}), global.ng.cdk.overlay, global.ng.cdk.portal, global.ng.core, global.ng.animations, global.ng.common));
-}(this, (function (exports, i1, portal, i0, animations, common) { 'use strict';
-
-    var ToastDataService = /** @class */ (function () {
-        function ToastDataService() {
-            this.messageMap = new Map();
-        }
-        Object.defineProperty(ToastDataService.prototype, "messages", {
-            get: function () {
-                return Array.from(this.messageMap.values()).reverse();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        ToastDataService.prototype.updateMessage = function (msg) {
-            var id = new Date().getTime();
-            this.messageMap.set(id, msg);
-            return id;
-        };
-        ToastDataService.prototype.removeMessage = function (id) {
-            this.messageMap.delete(id);
-        };
-        ToastDataService.prototype.hasMessage = function () {
-            return this.messageMap.size > 0;
-        };
-        return ToastDataService;
-    }());
-    ToastDataService.ɵprov = i0.ɵɵdefineInjectable({ factory: function ToastDataService_Factory() { return new ToastDataService(); }, token: ToastDataService, providedIn: "root" });
-    ToastDataService.decorators = [
-        { type: i0.Injectable, args: [{
-                    providedIn: "root"
-                },] }
-    ];
-    ToastDataService.ctorParameters = function () { return []; };
-
-    var ToastComponent = /** @class */ (function () {
-        function ToastComponent(data) {
-            this.data = data;
-        }
-        return ToastComponent;
-    }());
-    ToastComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: "mis-teams-toast",
-                    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",
-                    animations: [
-                        animations.trigger("fadeInOut", [
-                            animations.transition(":enter", [
-                                animations.style({ opacity: "0", transform: "translateY(-50%)", height: "0" }),
-                                animations.animate("300ms ease-in", animations.style({ opacity: "1", transform: "translateY(0)", height: "*" }))
-                            ]),
-                            animations.transition(":leave", [animations.animate("300ms ease-in", animations.style({ opacity: "0", transform: "translateY(50%)" }))])
-                        ])
-                    ],
-                    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 rgba(0,0,0,.14),0 5px 22px rgba(0,0,0,.12),0 7px 8px rgba(0,0,0,.2);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}}"]
-                },] }
-    ];
-    ToastComponent.ctorParameters = function () { return [
-        { type: ToastDataService }
-    ]; };
-
-    var ToastService = /** @class */ (function () {
-        function ToastService(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: function (item) {
-                    return {
-                        action: function (act) {
-                            if (act === void 0) { act = "updated"; }
-                            var success = "Successfully " + act + " " + item + ".";
-                            var failure = "Failed to " + act + " " + item + ".";
-                            return {
-                                success: success,
-                                failure: failure
-                            };
-                        }
-                    };
-                },
-                short: function (act) {
-                    if (act === void 0) { act = "updated"; }
-                    var success = "Successfully " + act + ".";
-                    var failure = "Failed to " + act + ".";
-                    return {
-                        success: success,
-                        failure: failure
-                    };
-                },
-                simple: function () {
-                    var args = [];
-                    for (var _i = 0; _i < arguments.length; _i++) {
-                        args[_i] = arguments[_i];
-                    }
-                    return args.join(" ");
-                },
-                simplest: "Done!"
-            };
-            this.userProfilePortal = new portal.ComponentPortal(ToastComponent);
-        }
-        ToastService.prototype.displayMsg = function (msg, timeout) {
-            var _this = this;
-            if (timeout === void 0) { timeout = 3000; }
-            var _a;
-            var positionStrategy = this.overlay.position().global().centerHorizontally();
-            if ((window === null || window === void 0 ? void 0 : window.innerWidth) < 600) {
-                positionStrategy.bottom("48px");
-            }
-            else {
-                positionStrategy.top("80px");
-            }
-            var config = new i1.OverlayConfig({
-                hasBackdrop: false,
-                positionStrategy: positionStrategy
-            });
-            if (!((_a = this.toastWrapperRef) === null || _a === void 0 ? void 0 : _a.hasAttached())) {
-                this.toastWrapperRef = this.overlay.create(config);
-                this.toastWrapperRef.attach(this.userProfilePortal);
-            }
-            var messageId = this.data.updateMessage(msg);
-            this.messagePromises.push(new Promise(function (resolve, reject) {
-                setTimeout(function () {
-                    resolve(_this.data.removeMessage(messageId));
-                    if (!_this.data.hasMessage()) {
-                        _this.closeToastOverlay();
-                    }
-                    // adding 300ms for entry animation
-                }, timeout + 300);
-            }));
-            Promise.race(this.messagePromises).then(function () { });
-        };
-        // tslint:disable-next-line
-        ToastService.prototype.closeToastOverlay = function () {
-            var _this = this;
-            return setTimeout(function () {
-                var _a;
-                _this.messagePromises = [];
-                (_a = _this.toastWrapperRef) === null || _a === void 0 ? void 0 : _a.detach();
-                // adding 300ms for exit animation
-            }, 300);
-        };
-        return ToastService;
-    }());
-    ToastService.ɵprov = i0.ɵɵdefineInjectable({ factory: function ToastService_Factory() { return new ToastService(i0.ɵɵinject(i1.Overlay), i0.ɵɵinject(ToastDataService)); }, token: ToastService, providedIn: "root" });
-    ToastService.decorators = [
-        { type: i0.Injectable, args: [{
-                    providedIn: "root"
-                },] }
-    ];
-    ToastService.ctorParameters = function () { return [
-        { type: i1.Overlay },
-        { type: ToastDataService }
-    ]; };
-
-    var ToastModule = /** @class */ (function () {
-        function ToastModule() {
-        }
-        ToastModule.forRoot = function () {
-            return {
-                ngModule: ToastModule,
-                providers: [ToastDataService, ToastService]
-            };
-        };
-        ToastModule.forChild = function () {
-            return {
-                ngModule: ToastModule,
-                providers: [ToastDataService, ToastService]
-            };
-        };
-        return ToastModule;
-    }());
-    ToastModule.decorators = [
-        { type: i0.NgModule, args: [{
-                    declarations: [ToastComponent],
-                    imports: [common.CommonModule, i1.OverlayModule],
-                    entryComponents: [ToastComponent]
-                },] }
-    ];
-
-    /**
-     * Generated bundle index. Do not edit.
-     */
-
-    exports.ToastComponent = ToastComponent;
-    exports.ToastDataService = ToastDataService;
-    exports.ToastModule = ToastModule;
-    exports.ToastService = ToastService;
-
-    Object.defineProperty(exports, '__esModule', { value: true });
-
-})));
-//# sourceMappingURL=mis-crystal-design-system-toast.umd.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"mis-crystal-design-system-toast.umd.js","sources":["../../../projects/mis-components/toast/toast.data.service.ts","../../../projects/mis-components/toast/toast.component.ts","../../../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","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  entryComponents: [ToastComponent]\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":["Injectable","Component","trigger","transition","style","animate","ComponentPortal","OverlayConfig","Overlay","NgModule","CommonModule","OverlayModule"],"mappings":";;;;;;;QAWE;YALQ,eAAU,GAAwB,IAAI,GAAG,EAAE,CAAC;SAKpC;QAJhB,sBAAI,sCAAQ;iBAAZ;gBACE,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC;aACvD;;;WAAA;QAID,wCAAa,GAAb,UAAc,GAAW;YACvB,IAAM,EAAE,GAAG,IAAI,IAAI,EAAE,CAAC,OAAO,EAAE,CAAC;YAChC,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,EAAE,GAAG,CAAC,CAAC;YAC7B,OAAO,EAAE,CAAC;SACX;QAED,wCAAa,GAAb,UAAc,EAAU;YACtB,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;SAC5B;QAED,qCAAU,GAAV;YACE,OAAO,IAAI,CAAC,UAAU,CAAC,IAAI,GAAG,CAAC,CAAC;SACjC;;;;;gBAvBFA,aAAU,SAAC;oBACV,UAAU,EAAE,MAAM;iBACnB;;;;;QCeC,wBAAmB,IAAsB;YAAtB,SAAI,GAAJ,IAAI,CAAkB;SAAI;;;;gBAf9CC,YAAS,SAAC;oBACT,QAAQ,EAAE,iBAAiB;oBAC3B,gNAAqC;oBAErC,UAAU,EAAE;wBACVC,kBAAO,CAAC,WAAW,EAAE;4BACnBC,qBAAU,CAAC,QAAQ,EAAE;gCACnBC,gBAAK,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,kBAAkB,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC;gCACnEC,kBAAO,CAAC,eAAe,EAAED,gBAAK,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC;6BAC3F,CAAC;4BACFD,qBAAU,CAAC,QAAQ,EAAE,CAACE,kBAAO,CAAC,eAAe,EAAED,gBAAK,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAAC,CAAC,CAAC,CAAC;yBACxG,CAAC;qBACH;;iBACF;;;gBAfQ,gBAAgB;;;;QCUvB,sBAAoB,OAAgB,EAAU,IAAsB;YAAhD,YAAO,GAAP,OAAO,CAAS;YAAU,SAAI,GAAJ,IAAI,CAAkB;YAI5D,oBAAe,GAAoB,EAAE,CAAC;YAG9C,mBAAc,GAAG;gBACf,KAAK,EAAE;oBACL,MAAM,EAAE,+CAA+C;oBACvD,GAAG,EAAE,0CAA0C;oBAC/C,GAAG,EAAE,cAAc;oBACnB,GAAG,EAAE,qGAAqG;oBAC1G,GAAG,EAAE,iDAAiD;iBACvD;gBACD,IAAI,EAAE,UAAC,IAAY;oBACjB,OAAO;wBACL,MAAM,EAAE,UAAC,GAA2B;4BAA3B,oBAAA,EAAA,eAA2B;4BAClC,IAAM,OAAO,GAAG,kBAAgB,GAAG,SAAI,IAAI,MAAG,CAAC;4BAC/C,IAAM,OAAO,GAAG,eAAa,GAAG,SAAI,IAAI,MAAG,CAAC;4BAC5C,OAAO;gCACL,OAAO,SAAA;gCACP,OAAO,SAAA;6BACR,CAAC;yBACH;qBACF,CAAC;iBACH;gBACD,KAAK,EAAE,UAAC,GAA2B;oBAA3B,oBAAA,EAAA,eAA2B;oBACjC,IAAM,OAAO,GAAG,kBAAgB,GAAG,MAAG,CAAC;oBACvC,IAAM,OAAO,GAAG,eAAa,GAAG,MAAG,CAAC;oBACpC,OAAO;wBACL,OAAO,SAAA;wBACP,OAAO,SAAA;qBACR,CAAC;iBACH;gBACD,MAAM,EAAE;oBAAC,cAAiB;yBAAjB,UAAiB,EAAjB,qBAAiB,EAAjB,IAAiB;wBAAjB,yBAAiB;;oBAAK,OAAA,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC;iBAAA;gBAC7C,QAAQ,EAAE,OAAO;aAClB,CAAC;YApCA,IAAI,CAAC,iBAAiB,GAAG,IAAIE,sBAAe,CAAC,cAAc,CAAC,CAAC;SAC9D;QAqCD,iCAAU,GAAV,UAAW,GAAW,EAAE,OAAc;YAAtC,iBA6BC;YA7BuB,wBAAA,EAAA,cAAc;;YACpC,IAAM,gBAAgB,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,MAAM,EAAE,CAAC,kBAAkB,EAAE,CAAC;YAE/E,IAAI,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,UAAU,IAAG,GAAG,EAAE;gBAC5B,gBAAgB,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;aACjC;iBAAM;gBACL,gBAAgB,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;aAC9B;YACD,IAAM,MAAM,GAAG,IAAIC,gBAAa,CAAC;gBAC/B,WAAW,EAAE,KAAK;gBAClB,gBAAgB,kBAAA;aACjB,CAAC,CAAC;YACH,IAAI,QAAC,IAAI,CAAC,eAAe,0CAAE,WAAW,GAAE,EAAE;gBACxC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;gBACnD,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;aACrD;YACD,IAAM,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;YAC/C,IAAI,CAAC,eAAe,CAAC,IAAI,CACvB,IAAI,OAAO,CAAC,UAAC,OAAO,EAAE,MAAM;gBAC1B,UAAU,CAAC;oBACT,OAAO,CAAC,KAAI,CAAC,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,CAAC;oBAC5C,IAAI,CAAC,KAAI,CAAC,IAAI,CAAC,UAAU,EAAE,EAAE;wBAC3B,KAAI,CAAC,iBAAiB,EAAE,CAAC;qBAC1B;;iBAEF,EAAE,OAAO,GAAG,GAAG,CAAC,CAAC;aACnB,CAAC,CACH,CAAC;YACF,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,IAAI,CAAC,eAAQ,CAAC,CAAC;SACnD;;QAGO,wCAAiB,GAAjB;YAAA,iBAMP;YALC,OAAO,UAAU,CAAC;;gBAChB,KAAI,CAAC,eAAe,GAAG,EAAE,CAAC;gBAC1B,MAAA,KAAI,CAAC,eAAe,0CAAE,MAAM,GAAG;;aAEhC,EAAE,GAAG,CAAC,CAAC;SACT;;;;;gBAjFFP,aAAU,SAAC;oBACV,UAAU,EAAE,MAAM;iBACnB;;;gBAVQQ,UAAO;gBAIP,gBAAgB;;;;QCQzB;;QACS,mBAAO,GAAd;YACE,OAAO;gBACL,QAAQ,EAAE,WAAW;gBACrB,SAAS,EAAE,CAAC,gBAAgB,EAAE,YAAY,CAAC;aAC5C,CAAC;SACH;QAEM,oBAAQ,GAAf;YACE,OAAO;gBACL,QAAQ,EAAE,WAAW;gBACrB,SAAS,EAAE,CAAC,gBAAgB,EAAE,YAAY,CAAC;aAC5C,CAAC;SACH;;;;gBAlBFC,WAAQ,SAAC;oBACR,YAAY,EAAE,CAAC,cAAc,CAAC;oBAC9B,OAAO,EAAE,CAACC,mBAAY,EAAEC,gBAAa,CAAC;oBACtC,eAAe,EAAE,CAAC,cAAc,CAAC;iBAClC;;;ICXD;;;;;;;;;;;;;;;"}

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

@@ -1,2 +0,0 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/cdk/overlay"),require("@angular/cdk/portal"),require("@angular/core"),require("@angular/animations"),require("@angular/common")):"function"==typeof define&&define.amd?define("mis-crystal-design-system/toast",["exports","@angular/cdk/overlay","@angular/cdk/portal","@angular/core","@angular/animations","@angular/common"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self)["mis-crystal-design-system"]=e["mis-crystal-design-system"]||{},e["mis-crystal-design-system"].toast={}),e.ng.cdk.overlay,e.ng.cdk.portal,e.ng.core,e.ng.animations,e.ng.common)}(this,(function(e,t,r,a,o,n){"use strict";var s=function(){function e(){this.messageMap=new Map}return Object.defineProperty(e.prototype,"messages",{get:function(){return Array.from(this.messageMap.values()).reverse()},enumerable:!1,configurable:!0}),e.prototype.updateMessage=function(e){var t=(new Date).getTime();return this.messageMap.set(t,e),t},e.prototype.removeMessage=function(e){this.messageMap.delete(e)},e.prototype.hasMessage=function(){return this.messageMap.size>0},e}();s.ɵprov=a.ɵɵdefineInjectable({factory:function(){return new s},token:s,providedIn:"root"}),s.decorators=[{type:a.Injectable,args:[{providedIn:"root"}]}],s.ctorParameters=function(){return[]};var i=function(e){this.data=e};i.decorators=[{type:a.Component,args:[{selector:"mis-teams-toast",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',animations:[o.trigger("fadeInOut",[o.transition(":enter",[o.style({opacity:"0",transform:"translateY(-50%)",height:"0"}),o.animate("300ms ease-in",o.style({opacity:"1",transform:"translateY(0)",height:"*"}))]),o.transition(":leave",[o.animate("300ms ease-in",o.style({opacity:"0",transform:"translateY(50%)"}))])])],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 rgba(0,0,0,.14),0 5px 22px rgba(0,0,0,.12),0 7px 8px rgba(0,0,0,.2);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}}"]}]}],i.ctorParameters=function(){return[{type:s}]};var l=function(){function e(e,t){this.overlay=e,this.data=t,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:function(e){return{action:function(t){return void 0===t&&(t="updated"),{success:"Successfully "+t+" "+e+".",failure:"Failed to "+t+" "+e+"."}}}},short:function(e){return void 0===e&&(e="updated"),{success:"Successfully "+e+".",failure:"Failed to "+e+"."}},simple:function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return e.join(" ")},simplest:"Done!"},this.userProfilePortal=new r.ComponentPortal(i)}return e.prototype.displayMsg=function(e,r){var a,o=this;void 0===r&&(r=3e3);var n=this.overlay.position().global().centerHorizontally();(null===window||void 0===window?void 0:window.innerWidth)<600?n.bottom("48px"):n.top("80px");var s=new t.OverlayConfig({hasBackdrop:!1,positionStrategy:n});(null===(a=this.toastWrapperRef)||void 0===a?void 0:a.hasAttached())||(this.toastWrapperRef=this.overlay.create(s),this.toastWrapperRef.attach(this.userProfilePortal));var i=this.data.updateMessage(e);this.messagePromises.push(new Promise((function(e,t){setTimeout((function(){e(o.data.removeMessage(i)),o.data.hasMessage()||o.closeToastOverlay()}),r+300)}))),Promise.race(this.messagePromises).then((function(){}))},e.prototype.closeToastOverlay=function(){var e=this;return setTimeout((function(){var t;e.messagePromises=[],null===(t=e.toastWrapperRef)||void 0===t||t.detach()}),300)},e}();l.ɵprov=a.ɵɵdefineInjectable({factory:function(){return new l(a.ɵɵinject(t.Overlay),a.ɵɵinject(s))},token:l,providedIn:"root"}),l.decorators=[{type:a.Injectable,args:[{providedIn:"root"}]}],l.ctorParameters=function(){return[{type:t.Overlay},{type:s}]};var p=function(){function e(){}return e.forRoot=function(){return{ngModule:e,providers:[s,l]}},e.forChild=function(){return{ngModule:e,providers:[s,l]}},e}();p.decorators=[{type:a.NgModule,args:[{declarations:[i],imports:[n.CommonModule,t.OverlayModule],entryComponents:[i]}]}],e.ToastComponent=i,e.ToastDataService=s,e.ToastModule=p,e.ToastService=l,Object.defineProperty(e,"__esModule",{value:!0})}));
-//# sourceMappingURL=mis-crystal-design-system-toast.umd.min.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../projects/mis-components/toast/toast.data.service.ts","../../../projects/mis-components/toast/toast.component.ts","../../../projects/mis-components/toast/toast.service.ts","../../../projects/mis-components/toast/toast.module.ts"],"names":["ToastDataService","this","messageMap","Map","Object","defineProperty","prototype","Array","from","values","reverse","updateMessage","msg","id","Date","getTime","set","removeMessage","delete","hasMessage","size","Injectable","args","providedIn","data","Component","selector","template","animations","trigger","transition","style","opacity","transform","height","animate","ToastService","overlay","messagePromises","messageBuilder","error","simple","400","401","403","404","item","action","act","success","failure","short","_i","arguments","length","join","simplest","userProfilePortal","ComponentPortal","ToastComponent","displayMsg","timeout","_this","positionStrategy","position","global","centerHorizontally","window","innerWidth","bottom","top","config","OverlayConfig","hasBackdrop","_a","toastWrapperRef","hasAttached","create","attach","messageId","push","Promise","resolve","reject","setTimeout","closeToastOverlay","race","then","detach","Overlay","ToastModule","forRoot","ngModule","providers","forChild","NgModule","declarations","imports","CommonModule","OverlayModule","entryComponents"],"mappings":"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","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","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  entryComponents: [ToastComponent]\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"]}

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

@@ -1,214 +0,0 @@
-(function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/cdk/overlay'), require('rxjs/operators'), require('@angular/cdk/portal'), require('mis-crystal-design-system/utils'), require('@angular/common')) :
-    typeof define === 'function' && define.amd ? define('mis-crystal-design-system/tooltip', ['exports', '@angular/core', '@angular/cdk/overlay', 'rxjs/operators', '@angular/cdk/portal', 'mis-crystal-design-system/utils', '@angular/common'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global['mis-crystal-design-system'] = global['mis-crystal-design-system'] || {}, global['mis-crystal-design-system'].tooltip = {}), global.ng.core, global.ng.cdk.overlay, global.rxjs.operators, global.ng.cdk.portal, global['mis-crystal-design-system'].utils, global.ng.common));
-}(this, (function (exports, core, overlay, operators, portal, utils, common) { 'use strict';
-
-    var ToolTipComponent = /** @class */ (function () {
-        function ToolTipComponent() {
-            this.toolTipText = "";
-            this.toolTipPosition = "bottom";
-            this.toolTipTextAlignment = "";
-        }
-        ToolTipComponent.prototype.ngOnInit = function () { };
-        ToolTipComponent.prototype.ngAfterViewInit = function () {
-            var _a;
-            if (!((_a = this.container) === null || _a === void 0 ? void 0 : _a.nativeElement))
-                return;
-            if (this.toolTipPosition === "top" || this.toolTipPosition === "bottom") {
-                var eleWidth = this.container.nativeElement.getBoundingClientRect();
-                this.container.nativeElement.style.left = eleWidth.width / -2 + "px";
-                return;
-            }
-            if (this.toolTipPosition === "left") {
-                var eleWidth = this.container.nativeElement.getBoundingClientRect();
-                this.container.nativeElement.style.left = -eleWidth.width + "px";
-            }
-        };
-        return ToolTipComponent;
-    }());
-    ToolTipComponent.decorators = [
-        { type: core.Component, args: [{
-                    selector: "mis-tooltip",
-                    template: "<div id=\"tooltip-container\" *ngIf=\"toolTipText.length > 0 || tooltipTemplate\" #container>\n  <div id=\"tooltip\">\n    <div *ngIf=\"tooltipTemplate; else tooltipText\">\n      <ng-container *ngTemplateOutlet=\"tooltipTemplate\"></ng-container>\n    </div>\n\n    <ng-template #tooltipText>\n      <div id=\"tooltip-text\" [innerHTML]=\"toolTipText\" \n           [ngStyle]=\"{'text-align' : toolTipTextAlignment ? toolTipTextAlignment : '' }\"></div>\n    </ng-template>\n\n    <span\n      id=\"arrow\"\n      [ngClass]=\"{\n        'arrow-left': toolTipPosition === 'left',\n        'arrow-right': toolTipPosition === 'right',\n        'arrow-top': toolTipPosition === 'top',\n        'arrow-bottom': toolTipPosition === 'bottom'\n      }\"\n    ></span>\n  </div>\n</div>\n",
-                    styles: ["#tooltip-container{position:absolute;z-index:1}#tooltip{position:relative;display:block;padding:8px 12px;border-radius:8px;color:#fff;background:#181f33;font-family:Lato,sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:20px;text-align:center;letter-spacing:.2px}#tooltip-text{width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#arrow{position:absolute;height:12px;width:12px;background:#181f33;z-index:1}.arrow-top{bottom:-6px}.arrow-bottom,.arrow-top{left:50%;transform:translateX(-50%) rotate(-45deg);-webkit-transform:translateX(-50%) rotate(-45deg)}.arrow-bottom{top:-6px}.arrow-left{right:-6px}.arrow-left,.arrow-right{top:50%;transform:translateY(-50%) rotate(-45deg);-webkit-transform:translateY(-50%) rotate(-45deg)}.arrow-right{left:-6px}"]
-                },] }
-    ];
-    ToolTipComponent.ctorParameters = function () { return []; };
-    ToolTipComponent.propDecorators = {
-        container: [{ type: core.ViewChild, args: ["container",] }]
-    };
-
-    var ToolTipDirective = /** @class */ (function () {
-        function ToolTipDirective(element, overlay, viewContainerRef) {
-            this.element = element;
-            this.overlay = overlay;
-            this.viewContainerRef = viewContainerRef;
-            this.isToolTipDisplayed = false;
-            this.toolTipText = "";
-            this.toolTipTextAlignment = "";
-            this.toolTipPosition = "bottom";
-            this.showOnHover = true;
-        }
-        Object.defineProperty(ToolTipDirective.prototype, "showToolTip", {
-            set: function (value) {
-                this.isToolTipDisplayed = value;
-                if (value)
-                    this.displayToolTip();
-                else
-                    this.hideToolTip();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(ToolTipDirective.prototype, "text", {
-            set: function (value) {
-                this.toolTipText = value;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(ToolTipDirective.prototype, "position", {
-            set: function (value) {
-                this.toolTipPosition = value;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(ToolTipDirective.prototype, "alignText", {
-            set: function (value) {
-                this.toolTipTextAlignment = value;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(ToolTipDirective.prototype, "tooltipTemplate", {
-            set: function (value) {
-                this.templateRef = value;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        ToolTipDirective.prototype.onMouseEnter = function () {
-            if (this.showOnHover)
-                this.displayToolTip();
-        };
-        ToolTipDirective.prototype.onMouseLeave = function () {
-            if (this.showOnHover)
-                this.hideToolTip();
-        };
-        ToolTipDirective.prototype.ngOnInit = function () { };
-        ToolTipDirective.prototype.ngAfterViewInit = function () {
-            if (this.isToolTipDisplayed)
-                this.displayToolTip();
-            else
-                this.hideToolTip();
-        };
-        ToolTipDirective.prototype.displayToolTip = function () {
-            var _this = this;
-            var positionStrategy = this.overlay
-                .position()
-                .flexibleConnectedTo(this.element)
-                .withPositions(utils.genPositionPairs({
-                positionX: "center",
-                positionY: this.toolTipPosition === "top" ? "top" : "center",
-                offsetX: this.positionTooltip("OFFSET_X"),
-                offsetY: this.positionTooltip("OFFSET_Y")
-            }, false))
-                .withPush(true);
-            var config = new overlay.OverlayConfig({
-                hasBackdrop: false,
-                positionStrategy: positionStrategy,
-                scrollStrategy: this.overlay.scrollStrategies.reposition()
-            });
-            this.overlayRef = this.overlay.create(config);
-            var tempRef = new portal.ComponentPortal(ToolTipComponent, this.viewContainerRef);
-            var tooltipRef = this.overlayRef.attach(tempRef);
-            tooltipRef.instance.tooltipTemplate = this.templateRef;
-            tooltipRef.instance.toolTipText = this.toolTipText;
-            tooltipRef.instance.toolTipPosition = this.toolTipPosition;
-            tooltipRef.instance.toolTipTextAlignment = this.toolTipTextAlignment;
-            this.overlayRef
-                .backdropClick()
-                .pipe(operators.take(1))
-                .subscribe(function () {
-                _this.hideToolTip();
-            });
-        };
-        ToolTipDirective.prototype.positionTooltip = function (type) {
-            if (type === "OFFSET_X") {
-                return this.toolTipPosition === "right"
-                    ? this.element.nativeElement.offsetWidth / 2 + 8
-                    : this.toolTipPosition === "left"
-                        ? (this.element.nativeElement.offsetWidth / 2 + 8) * -1
-                        : this.toolTipPosition === "top" || this.toolTipPosition === "bottom"
-                            ? 0
-                            : 8;
-            }
-            if (type !== "OFFSET_Y")
-                return;
-            return this.toolTipPosition === "right" || this.toolTipPosition === "left"
-                ? -18
-                : this.toolTipPosition === "top"
-                    ? -44
-                    : this.toolTipPosition === "bottom"
-                        ? this.element.nativeElement.offsetHeight / 2 + 8
-                        : 8;
-        };
-        ToolTipDirective.prototype.hideToolTip = function () {
-            var _a, _b;
-            (_a = this.overlayRef) === null || _a === void 0 ? void 0 : _a.detach();
-            (_b = this.overlayRef) === null || _b === void 0 ? void 0 : _b.dispose();
-        };
-        return ToolTipDirective;
-    }());
-    ToolTipDirective.decorators = [
-        { type: core.Directive, args: [{
-                    selector: "[misToolTip]"
-                },] }
-    ];
-    ToolTipDirective.ctorParameters = function () { return [
-        { type: core.ElementRef },
-        { type: overlay.Overlay },
-        { type: core.ViewContainerRef }
-    ]; };
-    ToolTipDirective.propDecorators = {
-        showOnHover: [{ type: core.Input }],
-        showToolTip: [{ type: core.Input }],
-        text: [{ type: core.Input }],
-        position: [{ type: core.Input }],
-        alignText: [{ type: core.Input }],
-        tooltipTemplate: [{ type: core.Input }],
-        onMouseEnter: [{ type: core.HostListener, args: ["mouseenter",] }],
-        onMouseLeave: [{ type: core.HostListener, args: ["mouseleave",] }]
-    };
-
-    var ToolTipModule = /** @class */ (function () {
-        function ToolTipModule() {
-        }
-        ToolTipModule.forRoot = function () {
-            return { ngModule: ToolTipModule, providers: [] };
-        };
-        return ToolTipModule;
-    }());
-    ToolTipModule.decorators = [
-        { type: core.NgModule, args: [{
-                    declarations: [ToolTipDirective, ToolTipComponent],
-                    imports: [common.CommonModule, overlay.OverlayModule],
-                    exports: [ToolTipDirective, ToolTipComponent],
-                    entryComponents: [ToolTipComponent]
-                },] }
-    ];
-
-    /**
-     * Generated bundle index. Do not edit.
-     */
-
-    exports.ToolTipComponent = ToolTipComponent;
-    exports.ToolTipDirective = ToolTipDirective;
-    exports.ToolTipModule = ToolTipModule;
-
-    Object.defineProperty(exports, '__esModule', { value: true });
-
-})));
-//# sourceMappingURL=mis-crystal-design-system-tooltip.umd.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"mis-crystal-design-system-tooltip.umd.js","sources":["../../../projects/mis-components/tooltip/tooltip-container/tooltip.component.ts","../../../projects/mis-components/tooltip/tooltip.directive.ts","../../../projects/mis-components/tooltip/tooltip.module.ts","../../../projects/mis-components/tooltip/mis-crystal-design-system-tooltip.ts"],"sourcesContent":["import { AfterViewInit, Component, ElementRef, Inject, OnInit, TemplateRef, ViewChild } from \"@angular/core\";\nimport { ITooltipPositions } from \"../models/tooltip.model\";\n\n@Component({\n  selector: \"mis-tooltip\",\n  templateUrl: \"./tooltip.component.html\",\n  styleUrls: [\"./tooltip.component.scss\"]\n})\nexport class ToolTipComponent implements OnInit, AfterViewInit {\n  public toolTipText: string = \"\";\n  public toolTipPosition: ITooltipPositions = \"bottom\";\n  public toolTipTextAlignment: string = \"\";\n  tooltipTemplate: TemplateRef<any>\n\n  @ViewChild(\"container\") container: ElementRef;\n\n  constructor() {}\n  ngOnInit() {}\n  ngAfterViewInit() {\n    if (!this.container?.nativeElement) return;\n    if (this.toolTipPosition === \"top\" || this.toolTipPosition === \"bottom\") {\n      const eleWidth = this.container.nativeElement.getBoundingClientRect();\n      this.container.nativeElement.style.left = eleWidth.width / -2 + \"px\";\n      return;\n    }\n    if (this.toolTipPosition === \"left\") {\n      const eleWidth = this.container.nativeElement.getBoundingClientRect();\n      this.container.nativeElement.style.left = -eleWidth.width + \"px\";\n    }\n  }\n}\n","import { AfterViewInit, Directive, ElementRef, HostListener, Input, OnInit, TemplateRef, ViewContainerRef } from \"@angular/core\";\nimport { Overlay, OverlayConfig, OverlayRef } from \"@angular/cdk/overlay\";\nimport { take } from \"rxjs/operators\";\nimport { ComponentPortal } from \"@angular/cdk/portal\";\nimport { ToolTipComponent } from \"./tooltip-container/tooltip.component\";\nimport { genPositionPairs } from \"mis-crystal-design-system/utils\";\nimport { ITooltipPositions } from \"./models/tooltip.model\";\n\n@Directive({\n  selector: \"[misToolTip]\"\n})\nexport class ToolTipDirective implements OnInit, AfterViewInit {\n  public isToolTipDisplayed: boolean = false;\n  public toolTipText: string = \"\";\n  public toolTipTextAlignment: string = \"\";\n  public toolTipPosition: ITooltipPositions = \"bottom\";\n  private overlayRef: OverlayRef;\n  private templateRef: TemplateRef<any>;\n\n  @Input() showOnHover: boolean = true;\n  @Input() set showToolTip(value: boolean) {\n    this.isToolTipDisplayed = value;\n    if (value) this.displayToolTip();\n    else this.hideToolTip();\n  }\n  @Input() set text(value: string) {\n    this.toolTipText = value;\n  }\n  @Input() set position(value: ITooltipPositions) {\n    this.toolTipPosition = value;\n  }\n  @Input() set alignText(value: string) {\n    this.toolTipTextAlignment = value;\n  }\n  @Input() set tooltipTemplate(value: TemplateRef<any>){\n    this.templateRef = value;\n  }\n\n  @HostListener(\"mouseenter\") onMouseEnter() {\n    if (this.showOnHover) this.displayToolTip();\n  }\n  @HostListener(\"mouseleave\") onMouseLeave() {\n    if (this.showOnHover) this.hideToolTip();\n  }\n\n  constructor(private element: ElementRef, private overlay: Overlay, private viewContainerRef: ViewContainerRef) {}\n\n  ngOnInit() {}\n  ngAfterViewInit() {\n    if (this.isToolTipDisplayed) this.displayToolTip();\n    else this.hideToolTip();\n  }\n\n  displayToolTip() {\n    const positionStrategy = this.overlay\n      .position()\n      .flexibleConnectedTo(this.element)\n      .withPositions(\n        genPositionPairs(\n          {\n            positionX: \"center\",\n            positionY: this.toolTipPosition === \"top\" ? \"top\" : \"center\",\n            offsetX: this.positionTooltip(\"OFFSET_X\"),\n            offsetY: this.positionTooltip(\"OFFSET_Y\")\n          },\n          false\n        )\n      )\n      .withPush(true);\n    const config = new OverlayConfig({\n      hasBackdrop: false,\n      positionStrategy,\n      scrollStrategy: this.overlay.scrollStrategies.reposition()\n    });\n    this.overlayRef = this.overlay.create(config);\n    const tempRef = new ComponentPortal(ToolTipComponent, this.viewContainerRef);\n    const tooltipRef = this.overlayRef.attach(tempRef);\n    tooltipRef.instance.tooltipTemplate = this.templateRef;\n    tooltipRef.instance.toolTipText = this.toolTipText;\n    tooltipRef.instance.toolTipPosition = this.toolTipPosition;\n    tooltipRef.instance.toolTipTextAlignment = this.toolTipTextAlignment;\n    this.overlayRef\n      .backdropClick()\n      .pipe(take(1))\n      .subscribe(() => {\n        this.hideToolTip();\n      });\n  }\n\n  positionTooltip(type: \"OFFSET_X\" | \"OFFSET_Y\") {\n    if (type === \"OFFSET_X\") {\n      return this.toolTipPosition === \"right\"\n        ? this.element.nativeElement.offsetWidth / 2 + 8\n        : this.toolTipPosition === \"left\"\n        ? (this.element.nativeElement.offsetWidth / 2 + 8) * -1\n        : this.toolTipPosition === \"top\" || this.toolTipPosition === \"bottom\"\n        ? 0\n        : 8;\n    }\n    if (type !== \"OFFSET_Y\") return;\n    return this.toolTipPosition === \"right\" || this.toolTipPosition === \"left\"\n      ? -18\n      : this.toolTipPosition === \"top\"\n      ? -44\n      : this.toolTipPosition === \"bottom\"\n      ? this.element.nativeElement.offsetHeight / 2 + 8\n      : 8;\n  }\n\n  hideToolTip() {\n    this.overlayRef?.detach();\n    this.overlayRef?.dispose();\n  }\n}\n","import { NgModule, ModuleWithProviders } from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\nimport { OverlayModule } from \"@angular/cdk/overlay\";\nimport { ToolTipDirective } from \"./tooltip.directive\";\nimport { ToolTipComponent } from \"./tooltip-container/tooltip.component\";\n\n@NgModule({\n  declarations: [ToolTipDirective, ToolTipComponent],\n  imports: [CommonModule, OverlayModule],\n  exports: [ToolTipDirective, ToolTipComponent],\n  entryComponents: [ToolTipComponent]\n})\nexport class ToolTipModule {\n  static forRoot(): ModuleWithProviders<ToolTipModule> {\n    return { ngModule: ToolTipModule, providers: [] };\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["Component","ViewChild","genPositionPairs","OverlayConfig","ComponentPortal","take","Directive","ElementRef","Overlay","ViewContainerRef","Input","HostListener","NgModule","CommonModule","OverlayModule"],"mappings":"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"}

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

@@ -1,2 +0,0 @@
-!function(t,o){"object"==typeof exports&&"undefined"!=typeof module?o(exports,require("@angular/core"),require("@angular/cdk/overlay"),require("rxjs/operators"),require("@angular/cdk/portal"),require("mis-crystal-design-system/utils"),require("@angular/common")):"function"==typeof define&&define.amd?define("mis-crystal-design-system/tooltip",["exports","@angular/core","@angular/cdk/overlay","rxjs/operators","@angular/cdk/portal","mis-crystal-design-system/utils","@angular/common"],o):o(((t="undefined"!=typeof globalThis?globalThis:t||self)["mis-crystal-design-system"]=t["mis-crystal-design-system"]||{},t["mis-crystal-design-system"].tooltip={}),t.ng.core,t.ng.cdk.overlay,t.rxjs.operators,t.ng.cdk.portal,t["mis-crystal-design-system"].utils,t.ng.common)}(this,(function(t,o,e,i,n,r,s){"use strict";var l=function(){function t(){this.toolTipText="",this.toolTipPosition="bottom",this.toolTipTextAlignment=""}return t.prototype.ngOnInit=function(){},t.prototype.ngAfterViewInit=function(){var t;if(null===(t=this.container)||void 0===t?void 0:t.nativeElement)if("top"!==this.toolTipPosition&&"bottom"!==this.toolTipPosition){if("left"===this.toolTipPosition){o=this.container.nativeElement.getBoundingClientRect();this.container.nativeElement.style.left=-o.width+"px"}}else{var o=this.container.nativeElement.getBoundingClientRect();this.container.nativeElement.style.left=o.width/-2+"px"}},t}();l.decorators=[{type:o.Component,args:[{selector:"mis-tooltip",template:"<div id=\"tooltip-container\" *ngIf=\"toolTipText.length > 0 || tooltipTemplate\" #container>\n  <div id=\"tooltip\">\n    <div *ngIf=\"tooltipTemplate; else tooltipText\">\n      <ng-container *ngTemplateOutlet=\"tooltipTemplate\"></ng-container>\n    </div>\n\n    <ng-template #tooltipText>\n      <div id=\"tooltip-text\" [innerHTML]=\"toolTipText\" \n           [ngStyle]=\"{'text-align' : toolTipTextAlignment ? toolTipTextAlignment : '' }\"></div>\n    </ng-template>\n\n    <span\n      id=\"arrow\"\n      [ngClass]=\"{\n        'arrow-left': toolTipPosition === 'left',\n        'arrow-right': toolTipPosition === 'right',\n        'arrow-top': toolTipPosition === 'top',\n        'arrow-bottom': toolTipPosition === 'bottom'\n      }\"\n    ></span>\n  </div>\n</div>\n",styles:["#tooltip-container{position:absolute;z-index:1}#tooltip{position:relative;display:block;padding:8px 12px;border-radius:8px;color:#fff;background:#181f33;font-family:Lato,sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:20px;text-align:center;letter-spacing:.2px}#tooltip-text{width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#arrow{position:absolute;height:12px;width:12px;background:#181f33;z-index:1}.arrow-top{bottom:-6px}.arrow-bottom,.arrow-top{left:50%;transform:translateX(-50%) rotate(-45deg);-webkit-transform:translateX(-50%) rotate(-45deg)}.arrow-bottom{top:-6px}.arrow-left{right:-6px}.arrow-left,.arrow-right{top:50%;transform:translateY(-50%) rotate(-45deg);-webkit-transform:translateY(-50%) rotate(-45deg)}.arrow-right{left:-6px}"]}]}],l.ctorParameters=function(){return[]},l.propDecorators={container:[{type:o.ViewChild,args:["container"]}]};var p=function(){function t(t,o,e){this.element=t,this.overlay=o,this.viewContainerRef=e,this.isToolTipDisplayed=!1,this.toolTipText="",this.toolTipTextAlignment="",this.toolTipPosition="bottom",this.showOnHover=!0}return Object.defineProperty(t.prototype,"showToolTip",{set:function(t){this.isToolTipDisplayed=t,t?this.displayToolTip():this.hideToolTip()},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"text",{set:function(t){this.toolTipText=t},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"position",{set:function(t){this.toolTipPosition=t},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"alignText",{set:function(t){this.toolTipTextAlignment=t},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"tooltipTemplate",{set:function(t){this.templateRef=t},enumerable:!1,configurable:!0}),t.prototype.onMouseEnter=function(){this.showOnHover&&this.displayToolTip()},t.prototype.onMouseLeave=function(){this.showOnHover&&this.hideToolTip()},t.prototype.ngOnInit=function(){},t.prototype.ngAfterViewInit=function(){this.isToolTipDisplayed?this.displayToolTip():this.hideToolTip()},t.prototype.displayToolTip=function(){var t=this,o=this.overlay.position().flexibleConnectedTo(this.element).withPositions(r.genPositionPairs({positionX:"center",positionY:"top"===this.toolTipPosition?"top":"center",offsetX:this.positionTooltip("OFFSET_X"),offsetY:this.positionTooltip("OFFSET_Y")},!1)).withPush(!0),s=new e.OverlayConfig({hasBackdrop:!1,positionStrategy:o,scrollStrategy:this.overlay.scrollStrategies.reposition()});this.overlayRef=this.overlay.create(s);var p=new n.ComponentPortal(l,this.viewContainerRef),a=this.overlayRef.attach(p);a.instance.tooltipTemplate=this.templateRef,a.instance.toolTipText=this.toolTipText,a.instance.toolTipPosition=this.toolTipPosition,a.instance.toolTipTextAlignment=this.toolTipTextAlignment,this.overlayRef.backdropClick().pipe(i.take(1)).subscribe((function(){t.hideToolTip()}))},t.prototype.positionTooltip=function(t){return"OFFSET_X"===t?"right"===this.toolTipPosition?this.element.nativeElement.offsetWidth/2+8:"left"===this.toolTipPosition?-1*(this.element.nativeElement.offsetWidth/2+8):"top"===this.toolTipPosition||"bottom"===this.toolTipPosition?0:8:"OFFSET_Y"===t?"right"===this.toolTipPosition||"left"===this.toolTipPosition?-18:"top"===this.toolTipPosition?-44:"bottom"===this.toolTipPosition?this.element.nativeElement.offsetHeight/2+8:8:void 0},t.prototype.hideToolTip=function(){var t,o;null===(t=this.overlayRef)||void 0===t||t.detach(),null===(o=this.overlayRef)||void 0===o||o.dispose()},t}();p.decorators=[{type:o.Directive,args:[{selector:"[misToolTip]"}]}],p.ctorParameters=function(){return[{type:o.ElementRef},{type:e.Overlay},{type:o.ViewContainerRef}]},p.propDecorators={showOnHover:[{type:o.Input}],showToolTip:[{type:o.Input}],text:[{type:o.Input}],position:[{type:o.Input}],alignText:[{type:o.Input}],tooltipTemplate:[{type:o.Input}],onMouseEnter:[{type:o.HostListener,args:["mouseenter"]}],onMouseLeave:[{type:o.HostListener,args:["mouseleave"]}]};var a=function(){function t(){}return t.forRoot=function(){return{ngModule:t,providers:[]}},t}();a.decorators=[{type:o.NgModule,args:[{declarations:[p,l],imports:[s.CommonModule,e.OverlayModule],exports:[p,l],entryComponents:[l]}]}],t.ToolTipComponent=l,t.ToolTipDirective=p,t.ToolTipModule=a,Object.defineProperty(t,"__esModule",{value:!0})}));
-//# sourceMappingURL=mis-crystal-design-system-tooltip.umd.min.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../projects/mis-components/tooltip/tooltip-container/tooltip.component.ts","../../../projects/mis-components/tooltip/tooltip.directive.ts","../../../projects/mis-components/tooltip/tooltip.module.ts"],"names":["ToolTipComponent","this","toolTipText","toolTipPosition","toolTipTextAlignment","prototype","ngOnInit","ngAfterViewInit","_a","container","nativeElement","eleWidth","getBoundingClientRect","style","left","width","Component","args","selector","template","ViewChild","ToolTipDirective","element","overlay","viewContainerRef","isToolTipDisplayed","showOnHover","Object","defineProperty","value","displayToolTip","hideToolTip","templateRef","onMouseEnter","onMouseLeave","_this","positionStrategy","position","flexibleConnectedTo","withPositions","genPositionPairs","positionX","positionY","offsetX","positionTooltip","offsetY","withPush","config","OverlayConfig","hasBackdrop","scrollStrategy","scrollStrategies","reposition","overlayRef","create","tempRef","ComponentPortal","tooltipRef","attach","instance","tooltipTemplate","backdropClick","pipe","take","subscribe","type","offsetWidth","offsetHeight","detach","_b","dispose","Directive","ElementRef","Overlay","ViewContainerRef","Input","HostListener","ToolTipModule","forRoot","ngModule","providers","NgModule","declarations","imports","CommonModule","OverlayModule","exports","entryComponents"],"mappings":"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","sourcesContent":["import { AfterViewInit, Component, ElementRef, Inject, OnInit, TemplateRef, ViewChild } from \"@angular/core\";\nimport { ITooltipPositions } from \"../models/tooltip.model\";\n\n@Component({\n  selector: \"mis-tooltip\",\n  templateUrl: \"./tooltip.component.html\",\n  styleUrls: [\"./tooltip.component.scss\"]\n})\nexport class ToolTipComponent implements OnInit, AfterViewInit {\n  public toolTipText: string = \"\";\n  public toolTipPosition: ITooltipPositions = \"bottom\";\n  public toolTipTextAlignment: string = \"\";\n  tooltipTemplate: TemplateRef<any>\n\n  @ViewChild(\"container\") container: ElementRef;\n\n  constructor() {}\n  ngOnInit() {}\n  ngAfterViewInit() {\n    if (!this.container?.nativeElement) return;\n    if (this.toolTipPosition === \"top\" || this.toolTipPosition === \"bottom\") {\n      const eleWidth = this.container.nativeElement.getBoundingClientRect();\n      this.container.nativeElement.style.left = eleWidth.width / -2 + \"px\";\n      return;\n    }\n    if (this.toolTipPosition === \"left\") {\n      const eleWidth = this.container.nativeElement.getBoundingClientRect();\n      this.container.nativeElement.style.left = -eleWidth.width + \"px\";\n    }\n  }\n}\n","import { AfterViewInit, Directive, ElementRef, HostListener, Input, OnInit, TemplateRef, ViewContainerRef } from \"@angular/core\";\nimport { Overlay, OverlayConfig, OverlayRef } from \"@angular/cdk/overlay\";\nimport { take } from \"rxjs/operators\";\nimport { ComponentPortal } from \"@angular/cdk/portal\";\nimport { ToolTipComponent } from \"./tooltip-container/tooltip.component\";\nimport { genPositionPairs } from \"mis-crystal-design-system/utils\";\nimport { ITooltipPositions } from \"./models/tooltip.model\";\n\n@Directive({\n  selector: \"[misToolTip]\"\n})\nexport class ToolTipDirective implements OnInit, AfterViewInit {\n  public isToolTipDisplayed: boolean = false;\n  public toolTipText: string = \"\";\n  public toolTipTextAlignment: string = \"\";\n  public toolTipPosition: ITooltipPositions = \"bottom\";\n  private overlayRef: OverlayRef;\n  private templateRef: TemplateRef<any>;\n\n  @Input() showOnHover: boolean = true;\n  @Input() set showToolTip(value: boolean) {\n    this.isToolTipDisplayed = value;\n    if (value) this.displayToolTip();\n    else this.hideToolTip();\n  }\n  @Input() set text(value: string) {\n    this.toolTipText = value;\n  }\n  @Input() set position(value: ITooltipPositions) {\n    this.toolTipPosition = value;\n  }\n  @Input() set alignText(value: string) {\n    this.toolTipTextAlignment = value;\n  }\n  @Input() set tooltipTemplate(value: TemplateRef<any>){\n    this.templateRef = value;\n  }\n\n  @HostListener(\"mouseenter\") onMouseEnter() {\n    if (this.showOnHover) this.displayToolTip();\n  }\n  @HostListener(\"mouseleave\") onMouseLeave() {\n    if (this.showOnHover) this.hideToolTip();\n  }\n\n  constructor(private element: ElementRef, private overlay: Overlay, private viewContainerRef: ViewContainerRef) {}\n\n  ngOnInit() {}\n  ngAfterViewInit() {\n    if (this.isToolTipDisplayed) this.displayToolTip();\n    else this.hideToolTip();\n  }\n\n  displayToolTip() {\n    const positionStrategy = this.overlay\n      .position()\n      .flexibleConnectedTo(this.element)\n      .withPositions(\n        genPositionPairs(\n          {\n            positionX: \"center\",\n            positionY: this.toolTipPosition === \"top\" ? \"top\" : \"center\",\n            offsetX: this.positionTooltip(\"OFFSET_X\"),\n            offsetY: this.positionTooltip(\"OFFSET_Y\")\n          },\n          false\n        )\n      )\n      .withPush(true);\n    const config = new OverlayConfig({\n      hasBackdrop: false,\n      positionStrategy,\n      scrollStrategy: this.overlay.scrollStrategies.reposition()\n    });\n    this.overlayRef = this.overlay.create(config);\n    const tempRef = new ComponentPortal(ToolTipComponent, this.viewContainerRef);\n    const tooltipRef = this.overlayRef.attach(tempRef);\n    tooltipRef.instance.tooltipTemplate = this.templateRef;\n    tooltipRef.instance.toolTipText = this.toolTipText;\n    tooltipRef.instance.toolTipPosition = this.toolTipPosition;\n    tooltipRef.instance.toolTipTextAlignment = this.toolTipTextAlignment;\n    this.overlayRef\n      .backdropClick()\n      .pipe(take(1))\n      .subscribe(() => {\n        this.hideToolTip();\n      });\n  }\n\n  positionTooltip(type: \"OFFSET_X\" | \"OFFSET_Y\") {\n    if (type === \"OFFSET_X\") {\n      return this.toolTipPosition === \"right\"\n        ? this.element.nativeElement.offsetWidth / 2 + 8\n        : this.toolTipPosition === \"left\"\n        ? (this.element.nativeElement.offsetWidth / 2 + 8) * -1\n        : this.toolTipPosition === \"top\" || this.toolTipPosition === \"bottom\"\n        ? 0\n        : 8;\n    }\n    if (type !== \"OFFSET_Y\") return;\n    return this.toolTipPosition === \"right\" || this.toolTipPosition === \"left\"\n      ? -18\n      : this.toolTipPosition === \"top\"\n      ? -44\n      : this.toolTipPosition === \"bottom\"\n      ? this.element.nativeElement.offsetHeight / 2 + 8\n      : 8;\n  }\n\n  hideToolTip() {\n    this.overlayRef?.detach();\n    this.overlayRef?.dispose();\n  }\n}\n","import { NgModule, ModuleWithProviders } from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\nimport { OverlayModule } from \"@angular/cdk/overlay\";\nimport { ToolTipDirective } from \"./tooltip.directive\";\nimport { ToolTipComponent } from \"./tooltip-container/tooltip.component\";\n\n@NgModule({\n  declarations: [ToolTipDirective, ToolTipComponent],\n  imports: [CommonModule, OverlayModule],\n  exports: [ToolTipDirective, ToolTipComponent],\n  entryComponents: [ToolTipComponent]\n})\nexport class ToolTipModule {\n  static forRoot(): ModuleWithProviders<ToolTipModule> {\n    return { ngModule: ToolTipModule, providers: [] };\n  }\n}\n"]}