mis-crystal-design-system 2.4.5 → 2.4.6

package/tooltip/tooltip.directive.d.ts

@@ -1,27 +1,24 @@
-import { AfterViewInit, ComponentFactoryResolver, ElementRef, OnInit, Renderer2, ViewContainerRef } from '@angular/core';
+import { AfterViewInit, ElementRef, OnInit, ViewContainerRef } from "@angular/core";
+import { Overlay } from "@angular/cdk/overlay";
+import { ITooltipPositions } from "./models/tooltip.model";
 export declare class ToolTipDirective implements OnInit, AfterViewInit {
-    private elementRef;
-    private renderer;
+    private element;
+    private overlay;
     private viewContainerRef;
-    private componentFactoryResolver;
     isToolTipDisplayed: boolean;
-    toolTipWidth: string;
     toolTipText: string;
-    toolTipPosition: 'Left' | 'Right' | 'Top' | 'Bottom';
-    responsivePosition: boolean;
+    toolTipPosition: ITooltipPositions;
+    private overlayRef;
     showOnHover: boolean;
     set showToolTip(value: boolean);
-    set width(value: string);
     set text(value: string);
-    set position(value: 'Left' | 'Right' | 'Top' | 'Bottom');
+    set position(value: ITooltipPositions);
     onMouseEnter(): void;
     onMouseLeave(): void;
-    private componentRef;
-    constructor(elementRef: ElementRef, renderer: Renderer2, viewContainerRef: ViewContainerRef, componentFactoryResolver: ComponentFactoryResolver);
+    constructor(element: ElementRef, overlay: Overlay, viewContainerRef: ViewContainerRef);
     ngOnInit(): void;
     ngAfterViewInit(): void;
-    createToolTip(): void;
     displayToolTip(): void;
+    positionTooltip(type: "OFFSET_X" | "OFFSET_Y"): number;
     hideToolTip(): void;
-    updatePosition(): void;
 }

package/tooltip/tooltip.module.d.ts

@@ -1,4 +1,4 @@
-import { ModuleWithProviders } from '@angular/core';
+import { ModuleWithProviders } from "@angular/core";
 export declare class ToolTipModule {
     static forRoot(): ModuleWithProviders<ToolTipModule>;
 }

package/utils/index.d.ts

@@ -0,0 +1,7 @@
+import { ConnectionPositionPair } from "@angular/cdk/overlay";
+export declare const genPositionPairs: ({ positionX, positionY, offsetX, offsetY }: {
+    positionX: any;
+    positionY: any;
+    offsetX?: number;
+    offsetY?: number;
+}, isResponsive: boolean) => ConnectionPositionPair[];

package/utils/mis-crystal-design-system-utils.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';

package/utils/mis-crystal-design-system-utils.metadata.json

@@ -0,0 +1 @@
+{"__symbolic":"module","version":4,"metadata":{"genPositionPairs":{"__symbolic":"error","message":"Lambda not supported","line":2,"character":32,"module":"./index"}},"origins":{"genPositionPairs":"./index"},"importAs":"mis-crystal-design-system/utils"}

package/utils/package.json

@@ -0,0 +1,11 @@
+{
+  "main": "../bundles/mis-crystal-design-system-utils.umd.js",
+  "module": "../fesm2015/mis-crystal-design-system-utils.js",
+  "es2015": "../fesm2015/mis-crystal-design-system-utils.js",
+  "esm2015": "../esm2015/utils/mis-crystal-design-system-utils.js",
+  "fesm2015": "../fesm2015/mis-crystal-design-system-utils.js",
+  "typings": "mis-crystal-design-system-utils.d.ts",
+  "metadata": "mis-crystal-design-system-utils.metadata.json",
+  "sideEffects": false,
+  "name": "mis-crystal-design-system/utils"
+}

package/esm2015/tooltip/tooltip.component.js

@@ -1,60 +0,0 @@
-import { Component, Input, Renderer2, ViewChild } from '@angular/core';
-export class ToolTipComponent {
-    constructor(renderer) {
-        this.renderer = renderer;
-        this.toolTipText = '';
-        this.toolTipWidth = '';
-        this.toolTipPosition = 'Bottom';
-    }
-    set text(value) {
-        this.toolTipText = value;
-        this.updateToolTipPosition();
-    }
-    set width(value) {
-        this.toolTipWidth = value;
-        this.updateToolTipPosition();
-    }
-    set position(value) {
-        this.toolTipPosition = value;
-        this.updateToolTipPosition();
-    }
-    ngOnInit() {
-    }
-    ngAfterViewInit() {
-        this.updateToolTipPosition();
-    }
-    updateToolTipPosition() {
-        if (this.container) {
-            let width = this.container.nativeElement.offsetWidth;
-            if (this.toolTipPosition === 'Left') {
-                this.renderer.setStyle(this.container.nativeElement, 'left', `-${width + 12}px`);
-                this.renderer.setStyle(this.container.nativeElement, 'right', '');
-            }
-            else if (this.toolTipPosition === 'Right') {
-                this.renderer.setStyle(this.container.nativeElement, 'left', '');
-                this.renderer.setStyle(this.container.nativeElement, 'right', `-${width + 12}px`);
-            }
-            else {
-                this.renderer.setStyle(this.container.nativeElement, 'left', '50%');
-                this.renderer.setStyle(this.container.nativeElement, 'right', '');
-            }
-        }
-    }
-}
-ToolTipComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'mis-tooltip',
-                template: "<div id=\"tooltip-container\" [hidden]=\"toolTipText.length < 1\"\n     #container\n     [ngStyle]=\"{'width': toolTipWidth.length > 0? toolTipWidth : ''}\"\n     [ngClass]=\"{\n        'left': toolTipPosition === 'Left',\n        'right': toolTipPosition === 'Right',\n        'top': toolTipPosition === 'Top',\n        'bottom': toolTipPosition === 'Bottom'\n     }\"\n>\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-container.top{left:50%;transform:translateX(-50%);top:-48px}#tooltip-container.bottom{left:50%;transform:translateX(-50%);bottom:-48px}#tooltip-container.left,#tooltip-container.right{top:50%;transform:translateY(-50%)}#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 = () => [
-    { type: Renderer2 }
-];
-ToolTipComponent.propDecorators = {
-    text: [{ type: Input }],
-    width: [{ type: Input }],
-    position: [{ type: Input }],
-    container: [{ type: ViewChild, args: ['container',] }]
-};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbHRpcC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9taXMtY29tcG9uZW50cy90b29sdGlwL3Rvb2x0aXAuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBZ0IsU0FBUyxFQUFjLEtBQUssRUFBVSxTQUFTLEVBQUUsU0FBUyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBT3hHLE1BQU0sT0FBTyxnQkFBZ0I7SUFxQjNCLFlBQW9CLFFBQW1CO1FBQW5CLGFBQVEsR0FBUixRQUFRLENBQVc7UUFuQmhDLGdCQUFXLEdBQVcsRUFBRSxDQUFBO1FBQ3hCLGlCQUFZLEdBQVcsRUFBRSxDQUFBO1FBQ3pCLG9CQUFlLEdBQXdDLFFBQVEsQ0FBQTtJQWtCdEUsQ0FBQztJQWhCRCxJQUFhLElBQUksQ0FBQyxLQUFhO1FBQzdCLElBQUksQ0FBQyxXQUFXLEdBQUcsS0FBSyxDQUFBO1FBQ3hCLElBQUksQ0FBQyxxQkFBcUIsRUFBRSxDQUFBO0lBQzlCLENBQUM7SUFDRCxJQUFhLEtBQUssQ0FBQyxLQUFhO1FBQzlCLElBQUksQ0FBQyxZQUFZLEdBQUcsS0FBSyxDQUFDO1FBQzFCLElBQUksQ0FBQyxxQkFBcUIsRUFBRSxDQUFBO0lBQzlCLENBQUM7SUFDRCxJQUFhLFFBQVEsQ0FBQyxLQUEwQztRQUM5RCxJQUFJLENBQUMsZUFBZSxHQUFHLEtBQUssQ0FBQTtRQUM1QixJQUFJLENBQUMscUJBQXFCLEVBQUUsQ0FBQTtJQUM5QixDQUFDO0lBTUQsUUFBUTtJQUNSLENBQUM7SUFDRCxlQUFlO1FBQ2IsSUFBSSxDQUFDLHFCQUFxQixFQUFFLENBQUE7SUFDOUIsQ0FBQztJQUNELHFCQUFxQjtRQUNuQixJQUFHLElBQUksQ0FBQyxTQUFTLEVBQUM7WUFDaEIsSUFBSSxLQUFLLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxhQUFhLENBQUMsV0FBVyxDQUFBO1lBQ3BELElBQUcsSUFBSSxDQUFDLGVBQWUsS0FBSyxNQUFNLEVBQUM7Z0JBQ2pDLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsYUFBYSxFQUFFLE1BQU0sRUFBRSxJQUFJLEtBQUssR0FBRyxFQUFFLElBQUksQ0FBQyxDQUFBO2dCQUNoRixJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLGFBQWEsRUFBRSxPQUFPLEVBQUUsRUFBRSxDQUFDLENBQUE7YUFDbEU7aUJBQ0ksSUFBRyxJQUFJLENBQUMsZUFBZSxLQUFLLE9BQU8sRUFBQztnQkFDdkMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxhQUFhLEVBQUUsTUFBTSxFQUFFLEVBQUUsQ0FBQyxDQUFBO2dCQUNoRSxJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLGFBQWEsRUFBRSxPQUFPLEVBQUUsSUFBSSxLQUFLLEdBQUcsRUFBRSxJQUFJLENBQUMsQ0FBQTthQUNsRjtpQkFDRztnQkFDRixJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLGFBQWEsRUFBRSxNQUFNLEVBQUUsS0FBSyxDQUFDLENBQUE7Z0JBQ25FLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsYUFBYSxFQUFFLE9BQU8sRUFBRSxFQUFFLENBQUMsQ0FBQTthQUNsRTtTQUNGO0lBQ0gsQ0FBQzs7O1lBakRGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsYUFBYTtnQkFDdkIsNHZCQUF1Qzs7YUFFeEM7OztZQU40RCxTQUFTOzs7bUJBYW5FLEtBQUs7b0JBSUwsS0FBSzt1QkFJTCxLQUFLO3dCQUtMLFNBQVMsU0FBQyxXQUFXIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtBZnRlclZpZXdJbml0LCBDb21wb25lbnQsIEVsZW1lbnRSZWYsIElucHV0LCBPbkluaXQsIFJlbmRlcmVyMiwgVmlld0NoaWxkfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbWlzLXRvb2x0aXAnLFxuICB0ZW1wbGF0ZVVybDogJy4vdG9vbHRpcC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3Rvb2x0aXAuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBUb29sVGlwQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBBZnRlclZpZXdJbml0e1xuXG4gIHB1YmxpYyB0b29sVGlwVGV4dDogc3RyaW5nID0gJydcbiAgcHVibGljIHRvb2xUaXBXaWR0aDogc3RyaW5nID0gJydcbiAgcHVibGljIHRvb2xUaXBQb3NpdGlvbjogJ0xlZnQnIHwgJ1JpZ2h0JyB8ICdUb3AnIHwgJ0JvdHRvbScgPSAnQm90dG9tJ1xuXG4gIEBJbnB1dCgpIHNldCB0ZXh0KHZhbHVlOiBzdHJpbmcpe1xuICAgIHRoaXMudG9vbFRpcFRleHQgPSB2YWx1ZVxuICAgIHRoaXMudXBkYXRlVG9vbFRpcFBvc2l0aW9uKClcbiAgfVxuICBASW5wdXQoKSBzZXQgd2lkdGgodmFsdWU6IHN0cmluZyl7XG4gICAgdGhpcy50b29sVGlwV2lkdGggPSB2YWx1ZTtcbiAgICB0aGlzLnVwZGF0ZVRvb2xUaXBQb3NpdGlvbigpXG4gIH1cbiAgQElucHV0KCkgc2V0IHBvc2l0aW9uKHZhbHVlOiAnTGVmdCcgfCAnUmlnaHQnIHwgJ1RvcCcgfCAnQm90dG9tJyl7XG4gICAgdGhpcy50b29sVGlwUG9zaXRpb24gPSB2YWx1ZVxuICAgIHRoaXMudXBkYXRlVG9vbFRpcFBvc2l0aW9uKClcbiAgfVxuXG4gIEBWaWV3Q2hpbGQoJ2NvbnRhaW5lcicpIGNvbnRhaW5lcjogRWxlbWVudFJlZlxuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgcmVuZGVyZXI6IFJlbmRlcmVyMikge1xuICB9XG4gIG5nT25Jbml0KCkge1xuICB9XG4gIG5nQWZ0ZXJWaWV3SW5pdCgpe1xuICAgIHRoaXMudXBkYXRlVG9vbFRpcFBvc2l0aW9uKClcbiAgfVxuICB1cGRhdGVUb29sVGlwUG9zaXRpb24oKXtcbiAgICBpZih0aGlzLmNvbnRhaW5lcil7XG4gICAgICBsZXQgd2lkdGggPSB0aGlzLmNvbnRhaW5lci5uYXRpdmVFbGVtZW50Lm9mZnNldFdpZHRoXG4gICAgICBpZih0aGlzLnRvb2xUaXBQb3NpdGlvbiA9PT0gJ0xlZnQnKXtcbiAgICAgICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZSh0aGlzLmNvbnRhaW5lci5uYXRpdmVFbGVtZW50LCAnbGVmdCcsIGAtJHt3aWR0aCArIDEyfXB4YClcbiAgICAgICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZSh0aGlzLmNvbnRhaW5lci5uYXRpdmVFbGVtZW50LCAncmlnaHQnLCAnJylcbiAgICAgIH1cbiAgICAgIGVsc2UgaWYodGhpcy50b29sVGlwUG9zaXRpb24gPT09ICdSaWdodCcpe1xuICAgICAgICB0aGlzLnJlbmRlcmVyLnNldFN0eWxlKHRoaXMuY29udGFpbmVyLm5hdGl2ZUVsZW1lbnQsICdsZWZ0JywgJycpXG4gICAgICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUodGhpcy5jb250YWluZXIubmF0aXZlRWxlbWVudCwgJ3JpZ2h0JywgYC0ke3dpZHRoICsgMTJ9cHhgKVxuICAgICAgfVxuICAgICAgZWxzZXtcbiAgICAgICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZSh0aGlzLmNvbnRhaW5lci5uYXRpdmVFbGVtZW50LCAnbGVmdCcsICc1MCUnKVxuICAgICAgICB0aGlzLnJlbmRlcmVyLnNldFN0eWxlKHRoaXMuY29udGFpbmVyLm5hdGl2ZUVsZW1lbnQsICdyaWdodCcsICcnKVxuICAgICAgfVxuICAgIH1cbiAgfVxufVxuIl19

package/tooltip/tooltip.component.d.ts

@@ -1,15 +0,0 @@
-import { AfterViewInit, ElementRef, OnInit, Renderer2 } from '@angular/core';
-export declare class ToolTipComponent implements OnInit, AfterViewInit {
-    private renderer;
-    toolTipText: string;
-    toolTipWidth: string;
-    toolTipPosition: 'Left' | 'Right' | 'Top' | 'Bottom';
-    set text(value: string);
-    set width(value: string);
-    set position(value: 'Left' | 'Right' | 'Top' | 'Bottom');
-    container: ElementRef;
-    constructor(renderer: Renderer2);
-    ngOnInit(): void;
-    ngAfterViewInit(): void;
-    updateToolTipPosition(): void;
-}