mis-crystal-design-system 2.9.7-v14-1 → 2.9.7

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

@@ -0,0 +1,194 @@
+(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";
+        }
+        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\" #container>\n  <div id=\"tooltip\">\n    <div id=\"tooltip-text\">{{ toolTipText }}</div>\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.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
+        });
+        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.toolTipText = this.toolTipText;
+            tooltipRef.instance.toolTipPosition = this.toolTipPosition;
+            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 }],
+        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

@@ -0,0 +1 @@
+{"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, 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\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, 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 toolTipPosition: ITooltipPositions = \"bottom\";\n  private overlayRef: OverlayRef;\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\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.toolTipText = this.toolTipText;\n    tooltipRef.instance.toolTipPosition = this.toolTipPosition;\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

@@ -0,0 +1,2 @@
+!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,i,e,n,r,s){"use strict";var l=function(){function t(){this.toolTipText="",this.toolTipPosition="bottom"}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\" #container>\n  <div id=\"tooltip\">\n    <div id=\"tooltip-text\">{{ toolTipText }}</div>\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,i){this.element=t,this.overlay=o,this.viewContainerRef=i,this.isToolTipDisplayed=!1,this.toolTipText="",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}),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 i.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.toolTipText=this.toolTipText,a.instance.toolTipPosition=this.toolTipPosition,this.overlayRef.backdropClick().pipe(e.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:i.Overlay},{type:o.ViewContainerRef}]},p.propDecorators={showOnHover:[{type:o.Input}],showToolTip:[{type:o.Input}],text:[{type:o.Input}],position:[{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,i.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

@@ -0,0 +1 @@
+{"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","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","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","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, 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\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, 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 toolTipPosition: ITooltipPositions = \"bottom\";\n  private overlayRef: OverlayRef;\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\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.toolTipText = this.toolTipText;\n    tooltipRef.instance.toolTipPosition = this.toolTipPosition;\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"]}

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

@@ -0,0 +1,33 @@
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/cdk/overlay')) :
+    typeof define === 'function' && define.amd ? define('mis-crystal-design-system/utils', ['exports', '@angular/cdk/overlay'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global['mis-crystal-design-system'] = global['mis-crystal-design-system'] || {}, global['mis-crystal-design-system'].utils = {}), global.ng.cdk.overlay));
+}(this, (function (exports, overlay) { 'use strict';
+
+    var genPositionPairs = function (_a, isResponsive) {
+        var positionX = _a.positionX, positionY = _a.positionY, _b = _a.offsetX, offsetX = _b === void 0 ? 0 : _b, _c = _a.offsetY, offsetY = _c === void 0 ? 0 : _c;
+        var positions = [
+            new overlay.ConnectionPositionPair({ originX: positionX, originY: positionY }, {
+                overlayX: positionX,
+                overlayY: positionY
+            }, offsetX, offsetY),
+            new overlay.ConnectionPositionPair({ originX: "center", originY: "bottom" }, { overlayX: "center", overlayY: "top" }, offsetX, offsetY),
+            new overlay.ConnectionPositionPair({ originX: "center", originY: "top" }, { overlayX: "center", overlayY: "bottom" }, offsetX, offsetY),
+            new overlay.ConnectionPositionPair({ originX: "start", originY: "bottom" }, { overlayX: "start", overlayY: "top" }, offsetX, offsetY),
+            new overlay.ConnectionPositionPair({ originX: "start", originY: "top" }, { overlayX: "start", overlayY: "bottom" }, offsetX, offsetY),
+            new overlay.ConnectionPositionPair({ originX: "end", originY: "bottom" }, { overlayX: "end", overlayY: "top" }, offsetX, offsetY),
+            new overlay.ConnectionPositionPair({ originX: "end", originY: "top" }, { overlayX: "end", overlayY: "bottom" }, offsetX, offsetY)
+        ];
+        return isResponsive ? positions : positions.slice(0, 1);
+    };
+
+    /**
+     * Generated bundle index. Do not edit.
+     */
+
+    exports.genPositionPairs = genPositionPairs;
+
+    Object.defineProperty(exports, '__esModule', { value: true });
+
+})));
+//# sourceMappingURL=mis-crystal-design-system-utils.umd.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mis-crystal-design-system-utils.umd.js","sources":["../../../projects/mis-components/utils/index.ts","../../../projects/mis-components/utils/mis-crystal-design-system-utils.ts"],"sourcesContent":["import { ConnectionPositionPair } from \"@angular/cdk/overlay\";\n\nexport const genPositionPairs = ({ positionX, positionY, offsetX = 0, offsetY = 0 }, isResponsive: boolean): ConnectionPositionPair[] => {\n  const positions = [\n    new ConnectionPositionPair(\n      { originX: positionX, originY: positionY },\n      {\n        overlayX: positionX,\n        overlayY: positionY\n      },\n      offsetX,\n      offsetY\n    ),\n    new ConnectionPositionPair({ originX: \"center\", originY: \"bottom\" }, { overlayX: \"center\", overlayY: \"top\" }, offsetX, offsetY),\n    new ConnectionPositionPair({ originX: \"center\", originY: \"top\" }, { overlayX: \"center\", overlayY: \"bottom\" }, offsetX, offsetY),\n    new ConnectionPositionPair({ originX: \"start\", originY: \"bottom\" }, { overlayX: \"start\", overlayY: \"top\" }, offsetX, offsetY),\n    new ConnectionPositionPair({ originX: \"start\", originY: \"top\" }, { overlayX: \"start\", overlayY: \"bottom\" }, offsetX, offsetY),\n    new ConnectionPositionPair({ originX: \"end\", originY: \"bottom\" }, { overlayX: \"end\", overlayY: \"top\" }, offsetX, offsetY),\n    new ConnectionPositionPair({ originX: \"end\", originY: \"top\" }, { overlayX: \"end\", overlayY: \"bottom\" }, offsetX, offsetY)\n  ];\n  return isResponsive ? positions : positions.slice(0, 1);\n};\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["ConnectionPositionPair"],"mappings":";;;;;;QAEa,gBAAgB,GAAG,UAAC,EAAkD,EAAE,YAAqB;YAAvE,SAAS,eAAA,EAAE,SAAS,eAAA,EAAE,eAAW,EAAX,OAAO,mBAAG,CAAC,KAAA,EAAE,eAAW,EAAX,OAAO,mBAAG,CAAC,KAAA;QAC/E,IAAM,SAAS,GAAG;YAChB,IAAIA,8BAAsB,CACxB,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,EAC1C;gBACE,QAAQ,EAAE,SAAS;gBACnB,QAAQ,EAAE,SAAS;aACpB,EACD,OAAO,EACP,OAAO,CACR;YACD,IAAIA,8BAAsB,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,OAAO,CAAC;YAC/H,IAAIA,8BAAsB,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,OAAO,EAAE,OAAO,CAAC;YAC/H,IAAIA,8BAAsB,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,OAAO,CAAC;YAC7H,IAAIA,8BAAsB,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,OAAO,EAAE,OAAO,CAAC;YAC7H,IAAIA,8BAAsB,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,OAAO,CAAC;YACzH,IAAIA,8BAAsB,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,OAAO,EAAE,OAAO,CAAC;SAC1H,CAAC;QACF,OAAO,YAAY,GAAG,SAAS,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC1D;;ICrBA;;;;;;;;;;;;"}

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

@@ -0,0 +1,2 @@
+!function(o,i){"object"==typeof exports&&"undefined"!=typeof module?i(exports,require("@angular/cdk/overlay")):"function"==typeof define&&define.amd?define("mis-crystal-design-system/utils",["exports","@angular/cdk/overlay"],i):i(((o="undefined"!=typeof globalThis?globalThis:o||self)["mis-crystal-design-system"]=o["mis-crystal-design-system"]||{},o["mis-crystal-design-system"].utils={}),o.ng.cdk.overlay)}(this,(function(o,i){"use strict";o.genPositionPairs=function(o,e){var n=o.positionX,t=o.positionY,r=o.offsetX,s=void 0===r?0:r,a=o.offsetY,l=void 0===a?0:a,y=[new i.ConnectionPositionPair({originX:n,originY:t},{overlayX:n,overlayY:t},s,l),new i.ConnectionPositionPair({originX:"center",originY:"bottom"},{overlayX:"center",overlayY:"top"},s,l),new i.ConnectionPositionPair({originX:"center",originY:"top"},{overlayX:"center",overlayY:"bottom"},s,l),new i.ConnectionPositionPair({originX:"start",originY:"bottom"},{overlayX:"start",overlayY:"top"},s,l),new i.ConnectionPositionPair({originX:"start",originY:"top"},{overlayX:"start",overlayY:"bottom"},s,l),new i.ConnectionPositionPair({originX:"end",originY:"bottom"},{overlayX:"end",overlayY:"top"},s,l),new i.ConnectionPositionPair({originX:"end",originY:"top"},{overlayX:"end",overlayY:"bottom"},s,l)];return e?y:y.slice(0,1)},Object.defineProperty(o,"__esModule",{value:!0})}));
+//# sourceMappingURL=mis-crystal-design-system-utils.umd.min.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../projects/mis-components/utils/index.ts"],"names":["_a","isResponsive","positionX","positionY","_b","offsetX","_c","offsetY","positions","ConnectionPositionPair","originX","originY","overlayX","overlayY","slice"],"mappings":"6cAEgC,SAACA,EAAoDC,OAAlDC,EAASF,EAAAE,UAAEC,EAASH,EAAAG,UAAEC,EAAAJ,EAAAK,QAAAA,OAAO,IAAAD,EAAG,EAACA,EAAEE,EAAAN,EAAAO,QAAAA,OAAO,IAAAD,EAAG,EAACA,EACzEE,EAAY,CAChB,IAAIC,EAAAA,uBACF,CAAEC,QAASR,EAAWS,QAASR,GAC/B,CACES,SAAUV,EACVW,SAAUV,GAEZE,EACAE,GAEF,IAAIE,EAAAA,uBAAuB,CAAEC,QAAS,SAAUC,QAAS,UAAY,CAAEC,SAAU,SAAUC,SAAU,OAASR,EAASE,GACvH,IAAIE,EAAAA,uBAAuB,CAAEC,QAAS,SAAUC,QAAS,OAAS,CAAEC,SAAU,SAAUC,SAAU,UAAYR,EAASE,GACvH,IAAIE,EAAAA,uBAAuB,CAAEC,QAAS,QAASC,QAAS,UAAY,CAAEC,SAAU,QAASC,SAAU,OAASR,EAASE,GACrH,IAAIE,EAAAA,uBAAuB,CAAEC,QAAS,QAASC,QAAS,OAAS,CAAEC,SAAU,QAASC,SAAU,UAAYR,EAASE,GACrH,IAAIE,EAAAA,uBAAuB,CAAEC,QAAS,MAAOC,QAAS,UAAY,CAAEC,SAAU,MAAOC,SAAU,OAASR,EAASE,GACjH,IAAIE,EAAAA,uBAAuB,CAAEC,QAAS,MAAOC,QAAS,OAAS,CAAEC,SAAU,MAAOC,SAAU,UAAYR,EAASE,IAEnH,OAAON,EAAeO,EAAYA,EAAUM,MAAM,EAAG","sourcesContent":["import { ConnectionPositionPair } from \"@angular/cdk/overlay\";\n\nexport const genPositionPairs = ({ positionX, positionY, offsetX = 0, offsetY = 0 }, isResponsive: boolean): ConnectionPositionPair[] => {\n  const positions = [\n    new ConnectionPositionPair(\n      { originX: positionX, originY: positionY },\n      {\n        overlayX: positionX,\n        overlayY: positionY\n      },\n      offsetX,\n      offsetY\n    ),\n    new ConnectionPositionPair({ originX: \"center\", originY: \"bottom\" }, { overlayX: \"center\", overlayY: \"top\" }, offsetX, offsetY),\n    new ConnectionPositionPair({ originX: \"center\", originY: \"top\" }, { overlayX: \"center\", overlayY: \"bottom\" }, offsetX, offsetY),\n    new ConnectionPositionPair({ originX: \"start\", originY: \"bottom\" }, { overlayX: \"start\", overlayY: \"top\" }, offsetX, offsetY),\n    new ConnectionPositionPair({ originX: \"start\", originY: \"top\" }, { overlayX: \"start\", overlayY: \"bottom\" }, offsetX, offsetY),\n    new ConnectionPositionPair({ originX: \"end\", originY: \"bottom\" }, { overlayX: \"end\", overlayY: \"top\" }, offsetX, offsetY),\n    new ConnectionPositionPair({ originX: \"end\", originY: \"top\" }, { overlayX: \"end\", overlayY: \"bottom\" }, offsetX, offsetY)\n  ];\n  return isResponsive ? positions : positions.slice(0, 1);\n};\n"]}