npm - mis-crystal-design-system - Versions diffs - 17.0.0 → 17.0.2-test - Mend

mis-crystal-design-system 17.0.0 → 17.0.2-test

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (209) hide show

package/fesm2022/mis-crystal-design-system-tooltip.mjs CHANGED Viewed

@@ -10,7 +10,8 @@ import { genPositionPairs } from 'mis-crystal-design-system/utils';
 const _c0 = ["container"];
 const _c1 = (a0, a1, a2, a3) => ({ "arrow-left": a0, "arrow-right": a1, "arrow-top": a2, "arrow-bottom": a3 });
-const _c2 = a0 => ({ "text-align": a0 });
+const _c2 = a0 => ({ $implicit: a0 });
+const _c3 = a0 => ({ "text-align": a0 });
 function ToolTipComponent_div_0_div_3_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
 } }
@@ -21,24 +22,24 @@ function ToolTipComponent_div_0_div_3_Template(rf, ctx) { if (rf & 1) {
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.tooltipTemplate);
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.templateRef)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c2, ctx_r0.templateContext));
 } }
 function ToolTipComponent_div_0_ng_template_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "div", 8);
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("innerHTML", ctx_r0.toolTipText, i0.ɵɵsanitizeHtml)("ngStyle", i0.ɵɵpureFunction1(2, _c2, ctx_r0.toolTipTextAlignment ? ctx_r0.toolTipTextAlignment : ""));
+    i0.ɵɵproperty("innerHTML", ctx_r0.toolTipText, i0.ɵɵsanitizeHtml)("ngStyle", i0.ɵɵpureFunction1(2, _c3, ctx_r0.toolTipTextAlignment ? ctx_r0.toolTipTextAlignment : ""));
 } }
 function ToolTipComponent_div_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 3, 0)(2, "div", 4);
-    i0.ɵɵtemplate(3, ToolTipComponent_div_0_div_3_Template, 2, 1, "div", 5)(4, ToolTipComponent_div_0_ng_template_4_Template, 1, 4, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
+    i0.ɵɵtemplate(3, ToolTipComponent_div_0_div_3_Template, 2, 4, "div", 5)(4, ToolTipComponent_div_0_ng_template_4_Template, 1, 4, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
     i0.ɵɵelement(6, "span", 6);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const tooltipText_r2 = i0.ɵɵreference(5);
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("ngIf", ctx_r0.tooltipTemplate)("ngIfElse", tooltipText_r2);
+    i0.ɵɵproperty("ngIf", ctx_r0.templateRef)("ngIfElse", tooltipText_r2);
     i0.ɵɵadvance(3);
     i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction4(3, _c1, ctx_r0.toolTipPosition === "left", ctx_r0.toolTipPosition === "right", ctx_r0.toolTipPosition === "top", ctx_r0.toolTipPosition === "bottom"));
 } }
@@ -62,21 +63,21 @@ class ToolTipComponent {
             this.container.nativeElement.style.left = -eleWidth.width + "px";
         }
     }
-    static { this.ɵfac = function ToolTipComponent_Factory(t) { return new (t || ToolTipComponent)(); }; }
+    static { this.ɵfac = function ToolTipComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ToolTipComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ToolTipComponent, selectors: [["mis-tooltip"]], viewQuery: function ToolTipComponent_Query(rf, ctx) { if (rf & 1) {
             i0.ɵɵviewQuery(_c0, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.container = _t.first);
-        } }, decls: 1, vars: 1, consts: [["container", ""], ["tooltipText", ""], ["id", "tooltip-container", 4, "ngIf"], ["id", "tooltip-container"], ["id", "tooltip"], [4, "ngIf", "ngIfElse"], ["id", "arrow", 3, "ngClass"], [4, "ngTemplateOutlet"], ["id", "tooltip-text", 3, "innerHTML", "ngStyle"]], template: function ToolTipComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, decls: 1, vars: 1, consts: [["container", ""], ["tooltipText", ""], ["id", "tooltip-container", 4, "ngIf"], ["id", "tooltip-container"], ["id", "tooltip"], [4, "ngIf", "ngIfElse"], ["id", "arrow", 3, "ngClass"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], ["id", "tooltip-text", 3, "innerHTML", "ngStyle"]], template: function ToolTipComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵtemplate(0, ToolTipComponent_div_0_Template, 7, 8, "div", 2);
         } if (rf & 2) {
-            i0.ɵɵproperty("ngIf", ctx.toolTipText.length > 0 || ctx.tooltipTemplate);
+            i0.ɵɵproperty("ngIf", ctx.toolTipText.length > 0 || ctx.templateRef);
         } }, dependencies: [i1.NgClass, i1.NgIf, i1.NgTemplateOutlet, i1.NgStyle], styles: ["#tooltip-container[_ngcontent-%COMP%]{position:absolute;z-index:1}#tooltip[_ngcontent-%COMP%]{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[_ngcontent-%COMP%]{width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#arrow[_ngcontent-%COMP%]{position:absolute;height:12px;width:12px;background:#181f33;z-index:1}.arrow-top[_ngcontent-%COMP%]{left:50%;bottom:-6px;transform:translate(-50%) rotate(-45deg);-webkit-transform:translateX(-50%) rotate(-45deg)}.arrow-bottom[_ngcontent-%COMP%]{left:50%;top:-6px;transform:translate(-50%) rotate(-45deg);-webkit-transform:translateX(-50%) rotate(-45deg)}.arrow-left[_ngcontent-%COMP%]{top:50%;right:-6px;transform:translateY(-50%) rotate(-45deg);-webkit-transform:translateY(-50%) rotate(-45deg)}.arrow-right[_ngcontent-%COMP%]{top:50%;left:-6px;transform:translateY(-50%) rotate(-45deg);-webkit-transform:translateY(-50%) rotate(-45deg)}"] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ToolTipComponent, [{
         type: 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{left:50%;bottom:-6px;transform:translate(-50%) rotate(-45deg);-webkit-transform:translateX(-50%) rotate(-45deg)}.arrow-bottom{left:50%;top:-6px;transform:translate(-50%) rotate(-45deg);-webkit-transform:translateX(-50%) rotate(-45deg)}.arrow-left{top:50%;right:-6px;transform:translateY(-50%) rotate(-45deg);-webkit-transform:translateY(-50%) rotate(-45deg)}.arrow-right{top:50%;left:-6px;transform:translateY(-50%) rotate(-45deg);-webkit-transform:translateY(-50%) rotate(-45deg)}\n"] }]
+        args: [{ selector: "mis-tooltip", template: "<div id=\"tooltip-container\" *ngIf=\"toolTipText.length > 0 || templateRef\" #container>\n  <div id=\"tooltip\">\n    <div *ngIf=\"templateRef; else tooltipText\">\n      <ng-container *ngTemplateOutlet=\"templateRef; context: {$implicit: templateContext}\"></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{left:50%;bottom:-6px;transform:translate(-50%) rotate(-45deg);-webkit-transform:translateX(-50%) rotate(-45deg)}.arrow-bottom{left:50%;top:-6px;transform:translate(-50%) rotate(-45deg);-webkit-transform:translateX(-50%) rotate(-45deg)}.arrow-left{top:50%;right:-6px;transform:translateY(-50%) rotate(-45deg);-webkit-transform:translateY(-50%) rotate(-45deg)}.arrow-right{top:50%;left:-6px;transform:translateY(-50%) rotate(-45deg);-webkit-transform:translateY(-50%) rotate(-45deg)}\n"] }]
     }], () => [], { container: [{
             type: ViewChild,
             args: ["container"]
@@ -103,6 +104,9 @@ class ToolTipDirective {
     set tooltipTemplate(value) {
         this.templateRef = value;
     }
+    set tooltipTemplateContext(value) {
+        this.templateContext = value;
+    }
     onMouseEnter() {
         if (this.showOnHover)
             this.displayToolTip();
@@ -147,7 +151,8 @@ class ToolTipDirective {
         this.overlayRef = this.overlay.create(config);
         const tempRef = new ComponentPortal(ToolTipComponent, this.viewContainerRef);
         const tooltipRef = this.overlayRef.attach(tempRef);
-        tooltipRef.instance.tooltipTemplate = this.templateRef;
+        tooltipRef.instance.templateRef = this.templateRef;
+        tooltipRef.instance.templateContext = this.templateContext;
         tooltipRef.instance.toolTipText = this.toolTipText;
         tooltipRef.instance.toolTipPosition = this.toolTipPosition;
         tooltipRef.instance.toolTipTextAlignment = this.toolTipTextAlignment;
@@ -182,10 +187,10 @@ class ToolTipDirective {
         this.overlayRef?.detach();
         this.overlayRef?.dispose();
     }
-    static { this.ɵfac = function ToolTipDirective_Factory(t) { return new (t || ToolTipDirective)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i1$1.Overlay), i0.ɵɵdirectiveInject(i0.ViewContainerRef)); }; }
+    static { this.ɵfac = function ToolTipDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ToolTipDirective)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i1$1.Overlay), i0.ɵɵdirectiveInject(i0.ViewContainerRef)); }; }
     static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: ToolTipDirective, selectors: [["", "misToolTip", ""]], hostBindings: function ToolTipDirective_HostBindings(rf, ctx) { if (rf & 1) {
             i0.ɵɵlistener("mouseenter", function ToolTipDirective_mouseenter_HostBindingHandler() { return ctx.onMouseEnter(); })("mouseleave", function ToolTipDirective_mouseleave_HostBindingHandler() { return ctx.onMouseLeave(); });
-        } }, inputs: { showOnHover: "showOnHover", showToolTip: "showToolTip", text: "text", position: "position", alignText: "alignText", tooltipTemplate: "tooltipTemplate" } }); }
+        } }, inputs: { showOnHover: "showOnHover", showToolTip: "showToolTip", text: "text", position: "position", alignText: "alignText", tooltipTemplate: "tooltipTemplate", tooltipTemplateContext: "tooltipTemplateContext" } }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ToolTipDirective, [{
         type: Directive,
@@ -204,6 +209,8 @@ class ToolTipDirective {
             type: Input
         }], tooltipTemplate: [{
             type: Input
+        }], tooltipTemplateContext: [{
+            type: Input
         }], onMouseEnter: [{
             type: HostListener,
             args: ["mouseenter"]
@@ -216,7 +223,7 @@ class ToolTipModule {
     static forRoot() {
         return { ngModule: ToolTipModule, providers: [] };
     }
-    static { this.ɵfac = function ToolTipModule_Factory(t) { return new (t || ToolTipModule)(); }; }
+    static { this.ɵfac = function ToolTipModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ToolTipModule)(); }; }
     static { this.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: ToolTipModule }); }
     static { this.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule, OverlayModule] }); }
 }

package/fesm2022/mis-crystal-design-system-tooltip.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"mis-crystal-design-system-tooltip.mjs","sources":["../../../projects/mis-components/tooltip/tooltip-container/tooltip.component.html","../../../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":["<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","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})\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":["i1"],"mappings":"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"}
1	+ {"version":3,"file":"mis-crystal-design-system-tooltip.mjs","sources":["../../../projects/mis-components/tooltip/tooltip-container/tooltip.component.html","../../../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":["<div id=\"tooltip-container\" ngIf=\"toolTipText.length > 0 \|\| templateRef\" #container>\n <div id=\"tooltip\">\n <div ngIf=\"templateRef; else tooltipText\">\n <ng-container ngTemplateOutlet=\"templateRef; context: {$implicit: templateContext}\"></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","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 templateRef: TemplateRef<any>\n templateContext: 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\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 private templateContext: 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 @Input() set tooltipTemplateContext(value: any){\n this.templateContext = 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.templateRef = this.templateRef;\n tooltipRef.instance.templateContext = this.templateContext;\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\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})\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":["i1"],"mappings":";;;;;;;;;;;;;;;IAGM,EAAoG,CAAA,kBAAA,CAAA,CAAA,CAAA,CAAA;;;IADtG,EAA2C,CAAA,cAAA,CAAA,CAAA,EAAA,KAAA,CAAA,CAAA;IACzC,EAAqF,CAAA,UAAA,CAAA,CAAA,EAAA,oDAAA,EAAA,CAAA,EAAA,CAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA;IACvF,EAAM,CAAA,YAAA,EAAA,CAAA;;;IADW,EAA+B,CAAA,SAAA,EAAA,CAAA;AAAA,IAA/B,qDAA+B,CAAqC,yBAAA,EAAA,EAAA,CAAA,eAAA,CAAA,CAAA,EAAA,GAAA,EAAA,MAAA,CAAA,eAAA,CAAA,CAAA,CAAA;;;IAInF,EAC0F,CAAA,SAAA,CAAA,CAAA,EAAA,KAAA,EAAA,CAAA,CAAA,CAAA;;;AAArF,IADkB,iEAAyB,CACmC,SAAA,EAAA,EAAA,CAAA,eAAA,CAAA,CAAA,EAAA,GAAA,EAAA,MAAA,CAAA,oBAAA,GAAA,MAAA,CAAA,oBAAA,GAAA,EAAA,CAAA,CAAA,CAAA;;;AAPvF,IADF,iCAAqF,CACjE,CAAA,EAAA,KAAA,EAAA,CAAA,CAAA,CAAA;AAKhB,IAJA,uEAA2C,CAIjB,CAAA,EAAA,6CAAA,EAAA,CAAA,EAAA,CAAA,EAAA,aAAA,EAAA,IAAA,EAAA,CAAA,EAAA,EAAA,CAAA,sBAAA,CAAA,CAAA;IAK1B,EAQQ,CAAA,SAAA,CAAA,CAAA,EAAA,MAAA,EAAA,CAAA,CAAA,CAAA;AAEZ,IADE,iBAAM,EACF,CAAA;;;;IAnBI,EAAmB,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA;AAAA,IAAnB,yCAAmB,CAAgB,UAAA,EAAA,cAAA,CAAA,CAAA;IAWvC,EAKE,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA;IALF,EAKE,CAAA,UAAA,CAAA,SAAA,EAAA,EAAA,CAAA,eAAA,CAAA,CAAA,EAAA,GAAA,EAAA,MAAA,CAAA,eAAA,KAAA,MAAA,EAAA,MAAA,CAAA,eAAA,KAAA,OAAA,EAAA,MAAA,CAAA,eAAA,KAAA,KAAA,EAAA,MAAA,CAAA,eAAA,KAAA,QAAA,CAAA,CAAA,CAAA;;MCVK,gBAAgB,CAAA;AAS3B,IAAA,WAAA,GAAA;QARO,IAAW,CAAA,WAAA,GAAW,EAAE,CAAC;QACzB,IAAe,CAAA,eAAA,GAAsB,QAAQ,CAAC;QAC9C,IAAoB,CAAA,oBAAA,GAAW,EAAE,CAAC;KAMzB;AAChB,IAAA,QAAQ,MAAK;IACb,eAAe,GAAA;AACb,QAAA,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,aAAa;YAAE,OAAO;AAC3C,QAAA,IAAI,IAAI,CAAC,eAAe,KAAK,KAAK,IAAI,IAAI,CAAC,eAAe,KAAK,QAAQ,EAAE;YACvE,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,qBAAqB,EAAE,CAAC;AACtE,YAAA,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,KAAK,CAAC,IAAI,GAAG,QAAQ,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC;YACrE,OAAO;SACR;AACD,QAAA,IAAI,IAAI,CAAC,eAAe,KAAK,MAAM,EAAE;YACnC,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,qBAAqB,EAAE,CAAC;AACtE,YAAA,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,KAAK,CAAC,IAAI,GAAG,CAAC,QAAQ,CAAC,KAAK,GAAG,IAAI,CAAC;SAClE;KACF;iHAtBU,gBAAgB,GAAA,CAAA,EAAA,CAAA,EAAA;oEAAhB,gBAAgB,EAAA,SAAA,EAAA,CAAA,CAAA,aAAA,CAAA,CAAA,EAAA,SAAA,EAAA,SAAA,sBAAA,CAAA,EAAA,EAAA,GAAA,EAAA,EAAA,IAAA,EAAA,GAAA,CAAA,EAAA;;;;;;YDR7B,EAAqF,CAAA,UAAA,CAAA,CAAA,EAAA,+BAAA,EAAA,CAAA,EAAA,CAAA,EAAA,KAAA,EAAA,CAAA,CAAA,CAAA;;YAAxD,EAA2C,CAAA,UAAA,CAAA,MAAA,EAAA,GAAA,CAAA,WAAA,CAAA,MAAA,GAAA,CAAA,IAAA,GAAA,CAAA,WAAA,CAAA,CAAA;;;iFCQ3D,gBAAgB,EAAA,CAAA;cAL5B,SAAS;2BACE,aAAa,EAAA,QAAA,EAAA,yyBAAA,EAAA,MAAA,EAAA,CAAA,66BAAA,CAAA,EAAA,CAAA;oBAWC,SAAS,EAAA,CAAA;kBAAhC,SAAS;mBAAC,WAAW,CAAA;;kFAPX,gBAAgB,EAAA,EAAA,SAAA,EAAA,kBAAA,EAAA,CAAA,CAAA,EAAA,GAAA;;MCGhB,gBAAgB,CAAA;IAU3B,IAAa,WAAW,CAAC,KAAc,EAAA;AACrC,QAAA,IAAI,CAAC,kBAAkB,GAAG,KAAK,CAAC;AAChC,QAAA,IAAI,KAAK;YAAE,IAAI,CAAC,cAAc,EAAE,CAAC;;YAC5B,IAAI,CAAC,WAAW,EAAE,CAAC;KACzB;IACD,IAAa,IAAI,CAAC,KAAa,EAAA;AAC7B,QAAA,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;KAC1B;IACD,IAAa,QAAQ,CAAC,KAAwB,EAAA;AAC5C,QAAA,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;KAC9B;IACD,IAAa,SAAS,CAAC,KAAa,EAAA;AAClC,QAAA,IAAI,CAAC,oBAAoB,GAAG,KAAK,CAAC;KACnC;IACD,IAAa,eAAe,CAAC,KAAuB,EAAA;AAClD,QAAA,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;KAC1B;IACD,IAAa,sBAAsB,CAAC,KAAU,EAAA;AAC5C,QAAA,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;KAC9B;IAE2B,YAAY,GAAA;QACtC,IAAI,IAAI,CAAC,WAAW;YAAE,IAAI,CAAC,cAAc,EAAE,CAAC;KAC7C;IAC2B,YAAY,GAAA;QACtC,IAAI,IAAI,CAAC,WAAW;YAAE,IAAI,CAAC,WAAW,EAAE,CAAC;KAC1C;AAED,IAAA,WAAA,CAAoB,OAAmB,EAAU,OAAgB,EAAU,gBAAkC,EAAA;QAAzF,IAAO,CAAA,OAAA,GAAP,OAAO,CAAY;QAAU,IAAO,CAAA,OAAA,GAAP,OAAO,CAAS;QAAU,IAAgB,CAAA,gBAAA,GAAhB,gBAAgB,CAAkB;QArCtG,IAAkB,CAAA,kBAAA,GAAY,KAAK,CAAC;QACpC,IAAW,CAAA,WAAA,GAAW,EAAE,CAAC;QACzB,IAAoB,CAAA,oBAAA,GAAW,EAAE,CAAC;QAClC,IAAe,CAAA,eAAA,GAAsB,QAAQ,CAAC;QAK5C,IAAW,CAAA,WAAA,GAAY,IAAI,CAAC;KA6B4E;AAEjH,IAAA,QAAQ,MAAK;IACb,eAAe,GAAA;QACb,IAAI,IAAI,CAAC,kBAAkB;YAAE,IAAI,CAAC,cAAc,EAAE,CAAC;;YAC9C,IAAI,CAAC,WAAW,EAAE,CAAC;KACzB;IAED,cAAc,GAAA;AACZ,QAAA,MAAM,gBAAgB,GAAG,IAAI,CAAC,OAAO;AAClC,aAAA,QAAQ,EAAE;AACV,aAAA,mBAAmB,CAAC,IAAI,CAAC,OAAO,CAAC;aACjC,aAAa,CACZ,gBAAgB,CACd;AACE,YAAA,SAAS,EAAE,QAAQ;AACnB,YAAA,SAAS,EAAE,IAAI,CAAC,eAAe,KAAK,KAAK,GAAG,KAAK,GAAG,QAAQ;AAC5D,YAAA,OAAO,EAAE,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC;AACzC,YAAA,OAAO,EAAE,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC;SAC1C,EACD,KAAK,CACN,CACF;aACA,QAAQ,CAAC,IAAI,CAAC,CAAC;AAClB,QAAA,MAAM,MAAM,GAAG,IAAI,aAAa,CAAC;AAC/B,YAAA,WAAW,EAAE,KAAK;YAClB,gBAAgB;YAChB,cAAc,EAAE,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,UAAU,EAAE;AAC3D,SAAA,CAAC,CAAC;QACH,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;QAC9C,MAAM,OAAO,GAAG,IAAI,eAAe,CAAC,gBAAgB,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC;QAC7E,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;QACnD,UAAU,CAAC,QAAQ,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC;QACnD,UAAU,CAAC,QAAQ,CAAC,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC;QAC3D,UAAU,CAAC,QAAQ,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC;QACnD,UAAU,CAAC,QAAQ,CAAC,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC;QAC3D,UAAU,CAAC,QAAQ,CAAC,oBAAoB,GAAG,IAAI,CAAC,oBAAoB,CAAC;AACrE,QAAA,IAAI,CAAC,UAAU;AACZ,aAAA,aAAa,EAAE;AACf,aAAA,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;aACb,SAAS,CAAC,MAAK;YACd,IAAI,CAAC,WAAW,EAAE,CAAC;AACrB,SAAC,CAAC,CAAC;KACN;AAED,IAAA,eAAe,CAAC,IAA6B,EAAA;AAC3C,QAAA,IAAI,IAAI,KAAK,UAAU,EAAE;AACvB,YAAA,OAAO,IAAI,CAAC,eAAe,KAAK,OAAO;kBACnC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,WAAW,GAAG,CAAC,GAAG,CAAC;AAChD,kBAAE,IAAI,CAAC,eAAe,KAAK,MAAM;AACjC,sBAAE,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,WAAW,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;sBACrD,IAAI,CAAC,eAAe,KAAK,KAAK,IAAI,IAAI,CAAC,eAAe,KAAK,QAAQ;AACrE,0BAAE,CAAC;0BACD,CAAC,CAAC;SACP;QACD,IAAI,IAAI,KAAK,UAAU;YAAE,OAAO;QAChC,OAAO,IAAI,CAAC,eAAe,KAAK,OAAO,IAAI,IAAI,CAAC,eAAe,KAAK,MAAM;cACtE,CAAC,EAAE;AACL,cAAE,IAAI,CAAC,eAAe,KAAK,KAAK;kBAC9B,CAAC,EAAE;AACL,kBAAE,IAAI,CAAC,eAAe,KAAK,QAAQ;sBACjC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,YAAY,GAAG,CAAC,GAAG,CAAC;sBAC/C,CAAC,CAAC;KACP;IAED,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,UAAU,EAAE,MAAM,EAAE,CAAC;AAC1B,QAAA,IAAI,CAAC,UAAU,EAAE,OAAO,EAAE,CAAC;KAC5B;iHA1GU,gBAAgB,EAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,CAAA,UAAA,CAAA,EAAA,EAAA,CAAA,iBAAA,CAAAA,IAAA,CAAA,OAAA,CAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,CAAA,gBAAA,CAAA,CAAA,CAAA,EAAA,CAAA,EAAA;oEAAhB,gBAAgB,EAAA,SAAA,EAAA,CAAA,CAAA,EAAA,EAAA,YAAA,EAAA,EAAA,CAAA,CAAA,EAAA,YAAA,EAAA,SAAA,6BAAA,CAAA,EAAA,EAAA,GAAA,EAAA,EAAA,IAAA,EAAA,GAAA,CAAA,EAAA;AAAhB,YAAA,EAAA,CAAA,UAAA,CAAA,YAAA,EAAA,SAAA,8CAAA,GAAA,EAAA,OAAA,GAAc,CAAA,YAAA,EAAA,CAAA,EAAA,CAAE,CAAhB,YAAA,EAAA,SAAA,8CAAA,GAAA,EAAA,OAAA,GAAA,CAAA,YAAA,EAAc,CAAE,EAAA,CAAA,CAAA;;;iFAAhB,gBAAgB,EAAA,CAAA;cAH5B,SAAS;AAAC,QAAA,IAAA,EAAA,CAAA;AACT,gBAAA,QAAQ,EAAE,cAAc;AACzB,aAAA,CAAA;kGAUU,WAAW,EAAA,CAAA;kBAAnB,KAAK;YACO,WAAW,EAAA,CAAA;kBAAvB,KAAK;YAKO,IAAI,EAAA,CAAA;kBAAhB,KAAK;YAGO,QAAQ,EAAA,CAAA;kBAApB,KAAK;YAGO,SAAS,EAAA,CAAA;kBAArB,KAAK;YAGO,eAAe,EAAA,CAAA;kBAA3B,KAAK;YAGO,sBAAsB,EAAA,CAAA;kBAAlC,KAAK;YAIsB,YAAY,EAAA,CAAA;kBAAvC,YAAY;mBAAC,YAAY,CAAA;YAGE,YAAY,EAAA,CAAA;kBAAvC,YAAY;mBAAC,YAAY,CAAA;;;MClCf,aAAa,CAAA;AACxB,IAAA,OAAO,OAAO,GAAA;QACZ,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC;KACnD;8GAHU,aAAa,GAAA,CAAA,EAAA,CAAA,EAAA;mEAAb,aAAa,EAAA,CAAA,CAAA,EAAA;AAHZ,IAAA,SAAA,IAAA,CAAA,IAAA,iBAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,YAAY,EAAE,aAAa,CAAA,EAAA,CAAA,CAAA,EAAA;;iFAG5B,aAAa,EAAA,CAAA;cALzB,QAAQ;AAAC,QAAA,IAAA,EAAA,CAAA;AACN,gBAAA,YAAY,EAAE,CAAC,gBAAgB,EAAE,gBAAgB,CAAC;AAClD,gBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,aAAa,CAAC;AACtC,gBAAA,OAAO,EAAE,CAAC,gBAAgB,EAAE,gBAAgB,CAAC;AAChD,aAAA,CAAA;;wFACY,aAAa,EAAA,EAAA,YAAA,EAAA,CAJP,gBAAgB,EAAE,gBAAgB,CAAA,EAAA,OAAA,EAAA,CACvC,YAAY,EAAE,aAAa,CAAA,EAAA,OAAA,EAAA,CAC3B,gBAAgB,EAAE,gBAAgB,CAAA,EAAA,CAAA,CAAA,EAAA,GAAA;;ACThD;;AAEG;;;;"}

package/fesm2022/mis-crystal-design-system-virtual-scroll.mjs CHANGED Viewed

@@ -150,7 +150,7 @@ class VirtualScrollComponent {
             return [];
         }));
     }
-    static { this.ɵfac = function VirtualScrollComponent_Factory(t) { return new (t || VirtualScrollComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); }; }
+    static { this.ɵfac = function VirtualScrollComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || VirtualScrollComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: VirtualScrollComponent, selectors: [["mis-virtual-scroll"]], contentQueries: function VirtualScrollComponent_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
             i0.ɵɵcontentQuery(dirIndex, _c0, 5);
         } if (rf & 2) {
@@ -193,7 +193,7 @@ class VirtualScrollModule {
     static forRoot() {
         return { ngModule: VirtualScrollModule, providers: [] };
     }
-    static { this.ɵfac = function VirtualScrollModule_Factory(t) { return new (t || VirtualScrollModule)(); }; }
+    static { this.ɵfac = function VirtualScrollModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || VirtualScrollModule)(); }; }
     static { this.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: VirtualScrollModule }); }
     static { this.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule,
             ScrollingModule,

package/fesm2022/mis-crystal-design-system-virtual-scroll.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"mis-crystal-design-system-virtual-scroll.mjs","sources":["../../../projects/mis-components/virtual-scroll/virtual-scroll.component.html","../../../projects/mis-components/virtual-scroll/virtual-scroll.component.ts","../../../projects/mis-components/virtual-scroll/virtual-scroll.module.ts","../../../projects/mis-components/virtual-scroll/public_api.ts","../../../projects/mis-components/virtual-scroll/mis-crystal-design-system-virtual-scroll.ts"],"sourcesContent":["<div class=\"state-container\" ngIf=\"loading\">\n <mis-loader></mis-loader>\n</div>\n<div class=\"state-container\" ngIf=\"!loading && error\">\n <span>Unknown error has occurred.</span>\n</div>\n<ng-container ngIf=\"data$ \| async as data\">\n <cdk-virtual-scroll-viewport\n ngIf=\"!loading && !error\"\n #viewport\n [minBufferPx]=\"config.minBufferPx\"\n [maxBufferPx]=\"config.maxBufferPx\"\n [itemSize]=\"this.config.rowHeight\"\n (scrolledIndexChange)=\"nextBatch(data.length)\"\n >\n <ng-container cdkVirtualFor=\"let item of data; let i = index\">\n <ng-container\n [ngTemplateOutlet]=\"customItem\"\n [ngTemplateOutletContext]=\"{ $implicit: item, index: i }\"\n ></ng-container>\n </ng-container>\n <div id=\"loader-container\" ngIf=\"rowsLoading\">\n <mis-loader></mis-loader>\n </div>\n </cdk-virtual-scroll-viewport>\n</ng-container>","import { ChangeDetectorRef, Component, ContentChild, EventEmitter, Input, OnInit, Output, TemplateRef, ViewChild } from \"@angular/core\";\nimport { CdkVirtualScrollViewport } from \"@angular/cdk/scrolling\";\n\nimport { BehaviorSubject, Observable, of } from \"rxjs\";\nimport { catchError, mergeMap, scan, tap, throttleTime } from \"rxjs/operators\";\nimport { IVirtualScrollConfig } from \"./virtual-scroll.constants\";\n\n@Component({\n selector: \"mis-virtual-scroll\",\n templateUrl: \"./virtual-scroll.component.html\",\n styleUrls: [\"./virtual-scroll.component.scss\"],\n })\nexport class VirtualScrollComponent implements OnInit {\n\n // Infinite scroll related variables\n offset = new BehaviorSubject(null);\n endOfInfiniteData: boolean = false;\n rowsLoading: boolean = false;\n \n // Main state managing variables\n loading: boolean = false\n error: boolean = false\n \n // Scroll data related variables\n data$: Observable<any>\n @Input(\"config\") config: IVirtualScrollConfig = {\n minBufferPx: 2400,\n maxBufferPx: 2400,\n rowHeight: 128,\n pageSize: 5,\n infiniteScrollDataFunction: (offset, pageSize) => of([1,2,3,4,5])\n };\n @ViewChild(CdkVirtualScrollViewport) viewPort: CdkVirtualScrollViewport;\n @ContentChild(\"virtualScrollItem\", { static: false })\n customItem: TemplateRef<Element>;\n @Output() intialized = new EventEmitter<any>();\n\n virtualScrollApi: any\n\n\n constructor(private changeDetectorRef: ChangeDetectorRef){}\n ngOnInit(): void {\n this.switchOnInfiniteScroll()\n this.virtualScrollApi = {\n toggleLoader: () => this.loading = !this.loading,\n toggleError: () => this.error = !this.error,\n switchOnInfiniteScroll: this.switchOnInfiniteScroll,\n switchOffInfiniteScroll: this.switchOffInfiniteScroll\n }\n this.changeDetectorRef.detectChanges();\n this.intialized.emit(this.virtualScrollApi)\n }\n switchOffInfiniteScroll = (): void => {\n this.error = false\n this.loading = true\n this.data$ = this.config.data$.pipe(\n tap(() => {\n this.loading = false\n this.changeDetectorRef.detectChanges()\n }),\n catchError(err => {\n console.error(\"Error: Unknown error occurred while fetching calendar data\", err);\n this.loading = false;\n this.error = true;\n return [];\n })\n )\n }\n switchOnInfiniteScroll = (): void => {\n this.error = false\n this.loading = true\n this.endOfInfiniteData = false;\n this.offset.next(0)\n this.setupInfiniteScroll()\n }\n setupInfiniteScroll(): void {\n const batchMap = this.offset.pipe(\n throttleTime(500),\n mergeMap(offset => this.getBatch(offset)),\n scan((acc: Array<any>, batch: Array<any>) => {\n return [...acc, ...batch];\n }, [])\n );\n this.data$ = batchMap.pipe(\n tap(data => {\n this.rowsLoading = false;\n this.loading = false;\n setTimeout(() => {\n this.changeDetectorRef.detectChanges();\n }, 50)\n })\n );\n }\n nextBatch(offset): void {\n if (this.endOfInfiniteData) {\n return;\n }\n const end = this.viewPort.getRenderedRange().end;\n const total = this.viewPort.getDataLength();\n offset = Math.ceil(offset / this.config.pageSize)\n if (end === total && !this.rowsLoading) {\n this.offset.next(offset);\n }\n }\n getBatch(offset): Observable<any> {\n this.rowsLoading = true;\n if (offset == null) offset = 0;\n return this.config\n .infiniteScrollDataFunction(offset, this.config.pageSize)\n .pipe(\n tap((arr: Array<any>) => {\n arr.length < this.config.pageSize ? (this.endOfInfiniteData = true) : null;\n }),\n catchError(err => {\n console.error(\"Error: Unknown error occurred while fetching calendar data\", err);\n this.rowsLoading = false;\n this.loading = false;\n this.error = true;\n return [];\n })\n );\n }\n \n}","import { ScrollingModule } from \"@angular/cdk/scrolling\";\nimport { CommonModule } from \"@angular/common\";\nimport { ModuleWithProviders, NgModule } from \"@angular/core\"\n\nimport { LoaderModule} from \"mis-crystal-design-system/loader\"\n\nimport { VirtualScrollComponent } from \"./virtual-scroll.component\";\n\n@NgModule({\n declarations:[\n VirtualScrollComponent\n ],\n imports: [\n CommonModule,\n ScrollingModule,\n LoaderModule\n ],\n exports:[VirtualScrollComponent, ScrollingModule],\n})\nexport class VirtualScrollModule{ \n static forRoot() : ModuleWithProviders<VirtualScrollModule> {\n return { ngModule: VirtualScrollModule, providers: []}\n }\n}","// import { VirtualScrollModule } from \"./virtual-scroll.module\";\n\nexport { VirtualScrollModule } from \"./virtual-scroll.module\";\nexport { VirtualScrollComponent } from \"./virtual-scroll.component\";\nexport { IVirtualScrollApi, IVirtualScrollConfig } from \"./virtual-scroll.constants\"\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"mis-crystal-design-system-virtual-scroll.mjs","sources":["../../../projects/mis-components/virtual-scroll/virtual-scroll.component.html","../../../projects/mis-components/virtual-scroll/virtual-scroll.component.ts","../../../projects/mis-components/virtual-scroll/virtual-scroll.module.ts","../../../projects/mis-components/virtual-scroll/public_api.ts","../../../projects/mis-components/virtual-scroll/mis-crystal-design-system-virtual-scroll.ts"],"sourcesContent":["<div class=\"state-container\" ngIf=\"loading\">\n <mis-loader></mis-loader>\n</div>\n<div class=\"state-container\" ngIf=\"!loading && error\">\n <span>Unknown error has occurred.</span>\n</div>\n<ng-container ngIf=\"data$ \| async as data\">\n <cdk-virtual-scroll-viewport\n ngIf=\"!loading && !error\"\n #viewport\n [minBufferPx]=\"config.minBufferPx\"\n [maxBufferPx]=\"config.maxBufferPx\"\n [itemSize]=\"this.config.rowHeight\"\n (scrolledIndexChange)=\"nextBatch(data.length)\"\n >\n <ng-container cdkVirtualFor=\"let item of data; let i = index\">\n <ng-container\n [ngTemplateOutlet]=\"customItem\"\n [ngTemplateOutletContext]=\"{ $implicit: item, index: i }\"\n ></ng-container>\n </ng-container>\n <div id=\"loader-container\" ngIf=\"rowsLoading\">\n <mis-loader></mis-loader>\n </div>\n </cdk-virtual-scroll-viewport>\n</ng-container>","import { ChangeDetectorRef, Component, ContentChild, EventEmitter, Input, OnInit, Output, TemplateRef, ViewChild } from \"@angular/core\";\nimport { CdkVirtualScrollViewport } from \"@angular/cdk/scrolling\";\n\nimport { BehaviorSubject, Observable, of } from \"rxjs\";\nimport { catchError, mergeMap, scan, tap, throttleTime } from \"rxjs/operators\";\nimport { IVirtualScrollConfig } from \"./virtual-scroll.constants\";\n\n@Component({\n selector: \"mis-virtual-scroll\",\n templateUrl: \"./virtual-scroll.component.html\",\n styleUrls: [\"./virtual-scroll.component.scss\"],\n })\nexport class VirtualScrollComponent implements OnInit {\n\n // Infinite scroll related variables\n offset = new BehaviorSubject(null);\n endOfInfiniteData: boolean = false;\n rowsLoading: boolean = false;\n \n // Main state managing variables\n loading: boolean = false\n error: boolean = false\n \n // Scroll data related variables\n data$: Observable<any>\n @Input(\"config\") config: IVirtualScrollConfig = {\n minBufferPx: 2400,\n maxBufferPx: 2400,\n rowHeight: 128,\n pageSize: 5,\n infiniteScrollDataFunction: (offset, pageSize) => of([1,2,3,4,5])\n };\n @ViewChild(CdkVirtualScrollViewport) viewPort: CdkVirtualScrollViewport;\n @ContentChild(\"virtualScrollItem\", { static: false })\n customItem: TemplateRef<Element>;\n @Output() intialized = new EventEmitter<any>();\n\n virtualScrollApi: any\n\n\n constructor(private changeDetectorRef: ChangeDetectorRef){}\n ngOnInit(): void {\n this.switchOnInfiniteScroll()\n this.virtualScrollApi = {\n toggleLoader: () => this.loading = !this.loading,\n toggleError: () => this.error = !this.error,\n switchOnInfiniteScroll: this.switchOnInfiniteScroll,\n switchOffInfiniteScroll: this.switchOffInfiniteScroll\n }\n this.changeDetectorRef.detectChanges();\n this.intialized.emit(this.virtualScrollApi)\n }\n switchOffInfiniteScroll = (): void => {\n this.error = false\n this.loading = true\n this.data$ = this.config.data$.pipe(\n tap(() => {\n this.loading = false\n this.changeDetectorRef.detectChanges()\n }),\n catchError(err => {\n console.error(\"Error: Unknown error occurred while fetching calendar data\", err);\n this.loading = false;\n this.error = true;\n return [];\n })\n )\n }\n switchOnInfiniteScroll = (): void => {\n this.error = false\n this.loading = true\n this.endOfInfiniteData = false;\n this.offset.next(0)\n this.setupInfiniteScroll()\n }\n setupInfiniteScroll(): void {\n const batchMap = this.offset.pipe(\n throttleTime(500),\n mergeMap(offset => this.getBatch(offset)),\n scan((acc: Array<any>, batch: Array<any>) => {\n return [...acc, ...batch];\n }, [])\n );\n this.data$ = batchMap.pipe(\n tap(data => {\n this.rowsLoading = false;\n this.loading = false;\n setTimeout(() => {\n this.changeDetectorRef.detectChanges();\n }, 50)\n })\n );\n }\n nextBatch(offset): void {\n if (this.endOfInfiniteData) {\n return;\n }\n const end = this.viewPort.getRenderedRange().end;\n const total = this.viewPort.getDataLength();\n offset = Math.ceil(offset / this.config.pageSize)\n if (end === total && !this.rowsLoading) {\n this.offset.next(offset);\n }\n }\n getBatch(offset): Observable<any> {\n this.rowsLoading = true;\n if (offset == null) offset = 0;\n return this.config\n .infiniteScrollDataFunction(offset, this.config.pageSize)\n .pipe(\n tap((arr: Array<any>) => {\n arr.length < this.config.pageSize ? (this.endOfInfiniteData = true) : null;\n }),\n catchError(err => {\n console.error(\"Error: Unknown error occurred while fetching calendar data\", err);\n this.rowsLoading = false;\n this.loading = false;\n this.error = true;\n return [];\n })\n );\n }\n \n}","import { ScrollingModule } from \"@angular/cdk/scrolling\";\nimport { CommonModule } from \"@angular/common\";\nimport { ModuleWithProviders, NgModule } from \"@angular/core\"\n\nimport { LoaderModule} from \"mis-crystal-design-system/loader\"\n\nimport { VirtualScrollComponent } from \"./virtual-scroll.component\";\n\n@NgModule({\n declarations:[\n VirtualScrollComponent\n ],\n imports: [\n CommonModule,\n ScrollingModule,\n LoaderModule\n ],\n exports:[VirtualScrollComponent, ScrollingModule],\n})\nexport class VirtualScrollModule{ \n static forRoot() : ModuleWithProviders<VirtualScrollModule> {\n return { ngModule: VirtualScrollModule, providers: []}\n }\n}","// import { VirtualScrollModule } from \"./virtual-scroll.module\";\n\nexport { VirtualScrollModule } from \"./virtual-scroll.module\";\nexport { VirtualScrollComponent } from \"./virtual-scroll.component\";\nexport { IVirtualScrollApi, IVirtualScrollConfig } from \"./virtual-scroll.constants\"\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/mis-crystal-design-system-widgets.mjs CHANGED Viewed

@@ -107,7 +107,7 @@ class WidgetGroup extends BaseWidget {
 }
 class WidgetsModule {
-    static { this.ɵfac = function WidgetsModule_Factory(t) { return new (t || WidgetsModule)(); }; }
+    static { this.ɵfac = function WidgetsModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || WidgetsModule)(); }; }
     static { this.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: WidgetsModule }); }
     static { this.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule] }); }
 }

package/fesm2022/mis-crystal-design-system-widgets.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"mis-crystal-design-system-widgets.mjs","sources":["../../../projects/mis-components/widgets/classes/base-widget.ts","../../../projects/mis-components/widgets/classes/sync-widget.ts","../../../projects/mis-components/widgets/classes/async-widget.ts","../../../projects/mis-components/widgets/classes/widget-group.ts","../../../projects/mis-components/widgets/widgets.module.ts","../../../projects/mis-components/widgets/mis-crystal-design-system-widgets.ts"],"sourcesContent":["import { ReplaySubject, Subject } from \"rxjs\";\nimport { CustomState, WidgetStateMap } from \"../interfaces/widgets.model\";\n\nexport class BaseWidget<D> {\n // Get loader stream\n private loader$ = new ReplaySubject<boolean>(1);\n loader = this.loader$.asObservable();\n protected customStates: Array<CustomState<D>>;\n state: WidgetStateMap = {};\n\n constructor(data?: unknown, customStates: Array<CustomState<D>> = []) {\n this.customStates = customStates;\n }\n\n // Toggle loader with value\n toggleLoader(value: boolean): void {\n this.loader$.next(value);\n }\n // reset data/stream\n protected reset$ = new Subject<void>();\n\n // Trigger widget refresh\n reset(): void {\n this.reset$.next();\n }\n\n updateValue(data: unknown): void {}\n\n protected updateCustomStates(customStates: Array<CustomState<D>>, value: D): void {\n if (customStates.length > 0) {\n customStates.forEach(customState => {\n this.state = { ...this.state, ...customState(value) };\n });\n } else {\n this.state = {};\n }\n }\n}\n","import { CustomState } from \"../interfaces/widgets.model\";\nimport { BaseWidget } from \"./base-widget\";\n\nexport class SyncWidget<D = any> extends BaseWidget<D> {\n // DataObject with widget functionalities\n value: D;\n\n // @param dataStream: Stream to subscribe to when widget refreshed\n constructor(data?: D, customStates: Array<CustomState<D>> = []) {\n super(data, customStates);\n if (data) {\n this.value = data;\n }\n }\n\n // Change data value\n updateValue(value: D): void {\n this.value = value;\n this.updateCustomStates(this.customStates, value);\n }\n\n reset(): void {\n super.reset();\n this.value = null;\n }\n}\n","import { Observable } from \"rxjs\";\nimport { tap, switchMap } from \"rxjs/operators\";\nimport { CustomState, WidgetStateMap } from \"../interfaces/widgets.model\";\nimport { BaseWidget } from \"./base-widget\";\n// Data type that the stream will return\nexport class AsyncWidget<D = any> extends BaseWidget<D> {\n // Stream with widget functionalities\n value: Observable<D>;\n\n // @param dataStream: Stream to subscribe to when widget refreshed\n constructor(dataStream?: Observable<D>, customStates: Array<CustomState<D>> = []) {\n super(dataStream, customStates);\n if (dataStream) {\n this.updateValue(dataStream);\n }\n }\n\n // Change widget data stream\n updateValue(dataStream: Observable<D>): void {\n this.value = this.reset$.pipe(\n switchMap(() => {\n this.toggleLoader(true);\n return dataStream.pipe(\n tap(() => {\n this.toggleLoader(false);\n }),\n tap((value: D) => this.updateCustomStates(this.customStates, value))\n );\n })\n );\n setTimeout(() => this.reset(), 10);\n }\n}\n","import { BaseWidget } from \"./base-widget\";\nimport { WidgetMap } from \"../interfaces/widgets.model\";\nimport { AsyncWidget } from \"./async-widget\";\nimport { SyncWidget } from \"./sync-widget\";\n\nexport class WidgetGroup extends BaseWidget<any> {\n private items = new Map<string, SyncWidget \| AsyncWidget \| WidgetGroup>();\n\n constructor(widgets: WidgetMap) {\n super();\n Object.keys(widgets).forEach(key => {\n this.addWidget(key, widgets[key]);\n });\n }\n\n get value(): { [key: string]: any } {\n const keys = Array.from(this.items.keys());\n return keys.reduce((acc, key) => {\n return { ...acc, [key]: this.get(key).value };\n }, {});\n }\n\n get widgets() {\n return Array.from(this.items.values());\n }\n\n addWidget(key: string, widget: SyncWidget \| AsyncWidget): void {\n this.items.set(key, widget);\n }\n\n get(key: string): SyncWidget \| AsyncWidget \| WidgetGroup {\n return this.items.get(key);\n }\n\n removeWidget(key: string): void {\n this.items.delete(key);\n }\n\n reset(): void {\n this.widgets.forEach(widget => widget.reset());\n }\n}\n","import { NgModule } from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\nimport { WidgetService } from \"./services/widget.service\";\n\n@NgModule({\n declarations: [],\n imports: [CommonModule],\n providers: []\n})\nexport class WidgetsModule {}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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~~8EAAb~~,aAAa,GAAA,CAAA,EAAA,CAAA,EAAA;mEAAb,aAAa,EAAA,CAAA,CAAA,EAAA;uEAHd,YAAY,CAAA,EAAA,CAAA,CAAA,EAAA;;iFAGX,aAAa,EAAA,CAAA;cALzB,QAAQ;AAAC,QAAA,IAAA,EAAA,CAAA;AACR,gBAAA,YAAY,EAAE,EAAE;gBAChB,OAAO,EAAE,CAAC,YAAY,CAAC;AACvB,gBAAA,SAAS,EAAE,EAAE;AACd,aAAA,CAAA;;AACY,CAAA,YAAA,EAAA,CAAA,OAAA,SAAA,KAAA,WAAA,IAAA,SAAA,KAAA,EAAA,CAAA,kBAAA,CAAA,aAAa,cAHd,YAAY,CAAA,EAAA,CAAA,CAAA,EAAA,GAAA;;ACNxB;;AAEG;;;;"}
1	+ {"version":3,"file":"mis-crystal-design-system-widgets.mjs","sources":["../../../projects/mis-components/widgets/classes/base-widget.ts","../../../projects/mis-components/widgets/classes/sync-widget.ts","../../../projects/mis-components/widgets/classes/async-widget.ts","../../../projects/mis-components/widgets/classes/widget-group.ts","../../../projects/mis-components/widgets/widgets.module.ts","../../../projects/mis-components/widgets/mis-crystal-design-system-widgets.ts"],"sourcesContent":["import { ReplaySubject, Subject } from \"rxjs\";\nimport { CustomState, WidgetStateMap } from \"../interfaces/widgets.model\";\n\nexport class BaseWidget<D> {\n // Get loader stream\n private loader$ = new ReplaySubject<boolean>(1);\n loader = this.loader$.asObservable();\n protected customStates: Array<CustomState<D>>;\n state: WidgetStateMap = {};\n\n constructor(data?: unknown, customStates: Array<CustomState<D>> = []) {\n this.customStates = customStates;\n }\n\n // Toggle loader with value\n toggleLoader(value: boolean): void {\n this.loader$.next(value);\n }\n // reset data/stream\n protected reset$ = new Subject<void>();\n\n // Trigger widget refresh\n reset(): void {\n this.reset$.next();\n }\n\n updateValue(data: unknown): void {}\n\n protected updateCustomStates(customStates: Array<CustomState<D>>, value: D): void {\n if (customStates.length > 0) {\n customStates.forEach(customState => {\n this.state = { ...this.state, ...customState(value) };\n });\n } else {\n this.state = {};\n }\n }\n}\n","import { CustomState } from \"../interfaces/widgets.model\";\nimport { BaseWidget } from \"./base-widget\";\n\nexport class SyncWidget<D = any> extends BaseWidget<D> {\n // DataObject with widget functionalities\n value: D;\n\n // @param dataStream: Stream to subscribe to when widget refreshed\n constructor(data?: D, customStates: Array<CustomState<D>> = []) {\n super(data, customStates);\n if (data) {\n this.value = data;\n }\n }\n\n // Change data value\n updateValue(value: D): void {\n this.value = value;\n this.updateCustomStates(this.customStates, value);\n }\n\n reset(): void {\n super.reset();\n this.value = null;\n }\n}\n","import { Observable } from \"rxjs\";\nimport { tap, switchMap } from \"rxjs/operators\";\nimport { CustomState, WidgetStateMap } from \"../interfaces/widgets.model\";\nimport { BaseWidget } from \"./base-widget\";\n// Data type that the stream will return\nexport class AsyncWidget<D = any> extends BaseWidget<D> {\n // Stream with widget functionalities\n value: Observable<D>;\n\n // @param dataStream: Stream to subscribe to when widget refreshed\n constructor(dataStream?: Observable<D>, customStates: Array<CustomState<D>> = []) {\n super(dataStream, customStates);\n if (dataStream) {\n this.updateValue(dataStream);\n }\n }\n\n // Change widget data stream\n updateValue(dataStream: Observable<D>): void {\n this.value = this.reset$.pipe(\n switchMap(() => {\n this.toggleLoader(true);\n return dataStream.pipe(\n tap(() => {\n this.toggleLoader(false);\n }),\n tap((value: D) => this.updateCustomStates(this.customStates, value))\n );\n })\n );\n setTimeout(() => this.reset(), 10);\n }\n}\n","import { BaseWidget } from \"./base-widget\";\nimport { WidgetMap } from \"../interfaces/widgets.model\";\nimport { AsyncWidget } from \"./async-widget\";\nimport { SyncWidget } from \"./sync-widget\";\n\nexport class WidgetGroup extends BaseWidget<any> {\n private items = new Map<string, SyncWidget \| AsyncWidget \| WidgetGroup>();\n\n constructor(widgets: WidgetMap) {\n super();\n Object.keys(widgets).forEach(key => {\n this.addWidget(key, widgets[key]);\n });\n }\n\n get value(): { [key: string]: any } {\n const keys = Array.from(this.items.keys());\n return keys.reduce((acc, key) => {\n return { ...acc, [key]: this.get(key).value };\n }, {});\n }\n\n get widgets() {\n return Array.from(this.items.values());\n }\n\n addWidget(key: string, widget: SyncWidget \| AsyncWidget): void {\n this.items.set(key, widget);\n }\n\n get(key: string): SyncWidget \| AsyncWidget \| WidgetGroup {\n return this.items.get(key);\n }\n\n removeWidget(key: string): void {\n this.items.delete(key);\n }\n\n reset(): void {\n this.widgets.forEach(widget => widget.reset());\n }\n}\n","import { NgModule } from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\nimport { WidgetService } from \"./services/widget.service\";\n\n@NgModule({\n declarations: [],\n imports: [CommonModule],\n providers: []\n})\nexport class WidgetsModule {}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}

package/filter/animations/slideFromRight.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export declare const slideFromRight: import("@angular/animations").AnimationTriggerMetadata;

package/filter/filter-panel/filter-panel.component.d.ts ADDED Viewed

@@ -0,0 +1,51 @@
+import { EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+import { IDatePickerConfig } from 'mis-crystal-design-system/datepicker_v2';
+import { IRSelectedDatesConfig } from 'mis-crystal-design-system/specificdatepicker';
+import { IDatePickerConfig as IDateRangePickerConfig } from "mis-crystal-design-system/daterangepicker_v2";
+import { HasValuePipe } from '../has-value.pipe';
+import * as i0 from "@angular/core";
+export interface FilterPanelConfig {
+    key: string;
+    title: string;
+    type: 'multiSelect' | 'select' | 'datePicker' | 'dateRangePicker' | 'checkbox' | 'radio' | 'text' | 'number' | 'range';
+    options?: Array<{
+        label: string;
+        value: string;
+        data?: any[];
+    }>;
+    placeholder?: string;
+    hidden?: boolean;
+    datePickerConfig?: IDatePickerConfig;
+    dateRangePickerConfig?: IDateRangePickerConfig;
+    onChange?: (event: any, config?: FilterPanelConfig[], formValue?: any) => void;
+    defaultValue?: any;
+}
+export declare class FilterPanelComponent implements OnInit, OnChanges {
+    private hasValue;
+    constructor(hasValue: HasValuePipe);
+    show: boolean;
+    onClose: EventEmitter<any>;
+    onApply: EventEmitter<any>;
+    config: FilterPanelConfig[];
+    filterForm: FormGroup;
+    lastAppliedData: any;
+    rangeMin: number;
+    rangeMax: number;
+    dateRangeSelectedDates: IRSelectedDatesConfig;
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    handleConfigChange(): void;
+    initializeFormControls(): void;
+    closePanel(): void;
+    updateSelectedShifts(): void;
+    filterCount(): number;
+    applyFilters(): void;
+    handleSelect(event: any, filterKey: string, filter: FilterPanelConfig): void;
+    onDateChange(event: any, filterKey: string, filter: FilterPanelConfig): void;
+    handleCheckbox(event: any, filterKey: string, checkboxValue: string, filter: FilterPanelConfig): void;
+    clearFormValues(): void;
+    resetFilters(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FilterPanelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FilterPanelComponent, "mis-filter-panel", never, { "show": { "alias": "show"; "required": false; }; "config": { "alias": "config"; "required": false; }; }, { "onClose": "onClose"; "onApply": "onApply"; }, never, never, false, never>;
+}

package/filter/filters.module.d.ts ADDED Viewed

@@ -0,0 +1,18 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./filter-panel/filter-panel.component";
+import * as i2 from "./has-value.pipe";
+import * as i3 from "@angular/common";
+import * as i4 from "mis-crystal-design-system/button";
+import * as i5 from "@angular/forms";
+import * as i6 from "mis-crystal-design-system/multi-select-dropdown";
+import * as i7 from "mis-crystal-design-system/dropdown";
+import * as i8 from "mis-crystal-design-system/radio-button";
+import * as i9 from "mis-crystal-design-system/input";
+import * as i10 from "mis-crystal-design-system/datepicker_v2";
+import * as i11 from "mis-crystal-design-system/daterangepicker_v2";
+import * as i12 from "mis-crystal-design-system/checkbox";
+export declare class FiltersModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FiltersModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<FiltersModule, [typeof i1.FilterPanelComponent, typeof i2.HasValuePipe], [typeof i3.CommonModule, typeof i4.ButtonModule, typeof i5.FormsModule, typeof i5.ReactiveFormsModule, typeof i6.MultiSelectDropdownModule, typeof i7.DropdownModule, typeof i8.RadioButtonModule, typeof i9.MisInputModule, typeof i10.DatepickerModuleV2, typeof i11.DateRangepickerModuleV2, typeof i12.CheckboxModule], [typeof i1.FilterPanelComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<FiltersModule>;
+}

package/filter/has-value.pipe.d.ts ADDED Viewed

@@ -0,0 +1,12 @@
+import { PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * HasValuePipe
+ * This pipe is use to check given value should not null or undefined
+ * Its also check object, Its hould not be empty
+ */
+export declare class HasValuePipe implements PipeTransform {
+    transform(value: any): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HasValuePipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<HasValuePipe, "hasValue", false>;
+}

package/filter/index.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export * from "./public_api";

package/filter/public_api.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+export { FiltersModule } from './filters.module';
+export { FilterPanelComponent } from './filter-panel/filter-panel.component';
+export { FilterPanelConfig } from './filter-panel/filter-panel.component';
+export { HasValuePipe } from './has-value.pipe';

package/multi-select-dropdown/multi-select-dropdown.component.d.ts CHANGED Viewed

@@ -27,6 +27,7 @@ export declare class MultiSelectDropdownComponent implements OnInit {
     options: OPTIONS;
     set selectedItems(values: MultiSelectDropdownItem[]);
     hideApplyButton: boolean;
+    searchInputPlaceholder: string;
     customLabelTemplate: TemplateRef<any>;
     onChange: EventEmitter<any>;
     selectElement: ElementRef;
@@ -47,13 +48,14 @@ export declare class MultiSelectDropdownComponent implements OnInit {
     onReset(): void;
     onCancel(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MultiSelectDropdownComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MultiSelectDropdownComponent, "mis-multi-select-dropdown", never, { "data": { "alias": "data"; "required": false; }; "label": { "alias": "label"; "required": false; }; "height": { "alias": "height"; "required": false; }; "width": { "alias": "width"; "required": false; }; "dropdownListHeight": { "alias": "dropdownListHeight"; "required": false; }; "dropdownListWidth": { "alias": "dropdownListWidth"; "required": false; }; "dropdownListPosition": { "alias": "dropdownListPosition"; "required": false; }; "enableSelectAll": { "alias": "enableSelectAll"; "required": false; }; "searchEnabled": { "alias": "searchEnabled"; "required": false; }; "showSelectedCount": { "alias": "showSelectedCount"; "required": false; }; "noDataMessage": { "alias": "noDataMessage"; "required": false; }; "options": { "alias": "options"; "required": false; }; "selectedItems": { "alias": "selectedItems"; "required": false; }; "hideApplyButton": { "alias": "hideApplyButton"; "required": false; }; "customLabelTemplate": { "alias": "customLabelTemplate"; "required": false; }; }, { "onChange": "onChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MultiSelectDropdownComponent, "mis-multi-select-dropdown", never, { "data": { "alias": "data"; "required": false; }; "label": { "alias": "label"; "required": false; }; "height": { "alias": "height"; "required": false; }; "width": { "alias": "width"; "required": false; }; "dropdownListHeight": { "alias": "dropdownListHeight"; "required": false; }; "dropdownListWidth": { "alias": "dropdownListWidth"; "required": false; }; "dropdownListPosition": { "alias": "dropdownListPosition"; "required": false; }; "enableSelectAll": { "alias": "enableSelectAll"; "required": false; }; "searchEnabled": { "alias": "searchEnabled"; "required": false; }; "showSelectedCount": { "alias": "showSelectedCount"; "required": false; }; "noDataMessage": { "alias": "noDataMessage"; "required": false; }; "options": { "alias": "options"; "required": false; }; "selectedItems": { "alias": "selectedItems"; "required": false; }; "hideApplyButton": { "alias": "hideApplyButton"; "required": false; }; "searchInputPlaceholder": { "alias": "searchInputPlaceholder"; "required": false; }; "customLabelTemplate": { "alias": "customLabelTemplate"; "required": false; }; }, { "onChange": "onChange"; }, never, never, false, never>;
 }
 export interface MultiSelectDropdownItem {
     label: string;
     value: string;
     checked?: boolean;
     icon?: string;
+    disabled?: boolean;
 }
 export interface OPTIONS {
     sortLabels: boolean;

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "mis-crystal-design-system",
-  "version": "17.0.0",
+  "version": "17.0.2-test",
   "peerDependencies": {
     "@angular/common": "*",
     "@angular/core": "*",
@@ -40,11 +40,11 @@
       "esm": "./esm2022/button/mis-crystal-design-system-button.mjs",
       "default": "./fesm2022/mis-crystal-design-system-button.mjs"
     },
-    "./chip": {
-      "types": "./chip/index.d.ts",
-      "esm2022": "./esm2022/chip/mis-crystal-design-system-chip.mjs",
-      "esm": "./esm2022/chip/mis-crystal-design-system-chip.mjs",
-      "default": "./fesm2022/mis-crystal-design-system-chip.mjs"
+    "./async-search-dropdown": {
+      "types": "./async-search-dropdown/index.d.ts",
+      "esm2022": "./esm2022/async-search-dropdown/mis-crystal-design-system-async-search-dropdown.mjs",
+      "esm": "./esm2022/async-search-dropdown/mis-crystal-design-system-async-search-dropdown.mjs",
+      "default": "./fesm2022/mis-crystal-design-system-async-search-dropdown.mjs"
     },
     "./checkbox": {
       "types": "./checkbox/index.d.ts",
@@ -52,11 +52,11 @@
       "esm": "./esm2022/checkbox/mis-crystal-design-system-checkbox.mjs",
       "default": "./fesm2022/mis-crystal-design-system-checkbox.mjs"
     },
-    "./async-search-dropdown": {
-      "types": "./async-search-dropdown/index.d.ts",
-      "esm2022": "./esm2022/async-search-dropdown/mis-crystal-design-system-async-search-dropdown.mjs",
-      "esm": "./esm2022/async-search-dropdown/mis-crystal-design-system-async-search-dropdown.mjs",
-      "default": "./fesm2022/mis-crystal-design-system-async-search-dropdown.mjs"
+    "./chip": {
+      "types": "./chip/index.d.ts",
+      "esm2022": "./esm2022/chip/mis-crystal-design-system-chip.mjs",
+      "esm": "./esm2022/chip/mis-crystal-design-system-chip.mjs",
+      "default": "./fesm2022/mis-crystal-design-system-chip.mjs"
     },
     "./datepicker_v2": {
       "types": "./datepicker_v2/index.d.ts",
@@ -94,6 +94,12 @@
       "esm": "./esm2022/fab/mis-crystal-design-system-fab.mjs",
       "default": "./fesm2022/mis-crystal-design-system-fab.mjs"
     },
+    "./filter": {
+      "types": "./filter/index.d.ts",
+      "esm2022": "./esm2022/filter/mis-crystal-design-system-filter.mjs",
+      "esm": "./esm2022/filter/mis-crystal-design-system-filter.mjs",
+      "default": "./fesm2022/mis-crystal-design-system-filter.mjs"
+    },
     "./input": {
       "types": "./input/index.d.ts",
       "esm2022": "./esm2022/input/mis-crystal-design-system-input.mjs",
@@ -130,6 +136,12 @@
       "esm": "./esm2022/modal/mis-crystal-design-system-modal.mjs",
       "default": "./fesm2022/mis-crystal-design-system-modal.mjs"
     },
+    "./phone-input": {
+      "types": "./phone-input/index.d.ts",
+      "esm2022": "./esm2022/phone-input/mis-crystal-design-system-phone-input.mjs",
+      "esm": "./esm2022/phone-input/mis-crystal-design-system-phone-input.mjs",
+      "default": "./fesm2022/mis-crystal-design-system-phone-input.mjs"
+    },
     "./multi-select-dropdown": {
       "types": "./multi-select-dropdown/index.d.ts",
       "esm2022": "./esm2022/multi-select-dropdown/mis-crystal-design-system-multi-select-dropdown.mjs",
@@ -142,12 +154,6 @@
       "esm": "./esm2022/nested-multi-select-dropdown/mis-crystal-design-system-nested-multi-select-dropdown.mjs",
       "default": "./fesm2022/mis-crystal-design-system-nested-multi-select-dropdown.mjs"
     },
-    "./phone-input": {
-      "types": "./phone-input/index.d.ts",
-      "esm2022": "./esm2022/phone-input/mis-crystal-design-system-phone-input.mjs",
-      "esm": "./esm2022/phone-input/mis-crystal-design-system-phone-input.mjs",
-      "default": "./fesm2022/mis-crystal-design-system-phone-input.mjs"
-    },
     "./radio-button": {
       "types": "./radio-button/index.d.ts",
       "esm2022": "./esm2022/radio-button/mis-crystal-design-system-radio-button.mjs",
@@ -160,18 +166,18 @@
       "esm": "./esm2022/ske-loader/mis-crystal-design-system-ske-loader.mjs",
       "default": "./fesm2022/mis-crystal-design-system-ske-loader.mjs"
     },
-    "./snackbar": {
-      "types": "./snackbar/index.d.ts",
-      "esm2022": "./esm2022/snackbar/mis-crystal-design-system-snackbar.mjs",
-      "esm": "./esm2022/snackbar/mis-crystal-design-system-snackbar.mjs",
-      "default": "./fesm2022/mis-crystal-design-system-snackbar.mjs"
-    },
     "./slider": {
       "types": "./slider/index.d.ts",
       "esm2022": "./esm2022/slider/mis-crystal-design-system-slider.mjs",
       "esm": "./esm2022/slider/mis-crystal-design-system-slider.mjs",
       "default": "./fesm2022/mis-crystal-design-system-slider.mjs"
     },
+    "./snackbar": {
+      "types": "./snackbar/index.d.ts",
+      "esm2022": "./esm2022/snackbar/mis-crystal-design-system-snackbar.mjs",
+      "esm": "./esm2022/snackbar/mis-crystal-design-system-snackbar.mjs",
+      "default": "./fesm2022/mis-crystal-design-system-snackbar.mjs"
+    },
     "./specificdatepicker": {
       "types": "./specificdatepicker/index.d.ts",
       "esm2022": "./esm2022/specificdatepicker/mis-crystal-design-system-specificdatepicker.mjs",