mis-crystal-design-system 4.0.51 → 17.0.0

package/fesm2015/mis-crystal-design-system-tooltip.js

@@ -1,183 +0,0 @@
-import { Component, ViewChild, Directive, ElementRef, ViewContainerRef, Input, HostListener, NgModule } from '@angular/core';
-import { OverlayConfig, Overlay, OverlayModule } from '@angular/cdk/overlay';
-import { take } from 'rxjs/operators';
-import { ComponentPortal } from '@angular/cdk/portal';
-import { genPositionPairs } from 'mis-crystal-design-system/utils';
-import { CommonModule } from '@angular/common';
-
-class ToolTipComponent {
-    constructor() {
-        this.toolTipText = "";
-        this.toolTipPosition = "bottom";
-        this.toolTipTextAlignment = "";
-    }
-    ngOnInit() { }
-    ngAfterViewInit() {
-        var _a;
-        if (!((_a = this.container) === null || _a === void 0 ? void 0 : _a.nativeElement))
-            return;
-        if (this.toolTipPosition === "top" || this.toolTipPosition === "bottom") {
-            const eleWidth = this.container.nativeElement.getBoundingClientRect();
-            this.container.nativeElement.style.left = eleWidth.width / -2 + "px";
-            return;
-        }
-        if (this.toolTipPosition === "left") {
-            const eleWidth = this.container.nativeElement.getBoundingClientRect();
-            this.container.nativeElement.style.left = -eleWidth.width + "px";
-        }
-    }
-}
-ToolTipComponent.decorators = [
-    { 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{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 = () => [];
-ToolTipComponent.propDecorators = {
-    container: [{ type: ViewChild, args: ["container",] }]
-};
-
-class ToolTipDirective {
-    constructor(element, overlay, viewContainerRef) {
-        this.element = element;
-        this.overlay = overlay;
-        this.viewContainerRef = viewContainerRef;
-        this.isToolTipDisplayed = false;
-        this.toolTipText = "";
-        this.toolTipTextAlignment = "";
-        this.toolTipPosition = "bottom";
-        this.showOnHover = true;
-    }
-    set showToolTip(value) {
-        this.isToolTipDisplayed = value;
-        if (value)
-            this.displayToolTip();
-        else
-            this.hideToolTip();
-    }
-    set text(value) {
-        this.toolTipText = value;
-    }
-    set position(value) {
-        this.toolTipPosition = value;
-    }
-    set alignText(value) {
-        this.toolTipTextAlignment = value;
-    }
-    set tooltipTemplate(value) {
-        this.templateRef = value;
-    }
-    onMouseEnter() {
-        if (this.showOnHover)
-            this.displayToolTip();
-    }
-    onMouseLeave() {
-        if (this.showOnHover)
-            this.hideToolTip();
-    }
-    ngOnInit() { }
-    ngAfterViewInit() {
-        if (this.isToolTipDisplayed)
-            this.displayToolTip();
-        else
-            this.hideToolTip();
-    }
-    displayToolTip() {
-        const positionStrategy = this.overlay
-            .position()
-            .flexibleConnectedTo(this.element)
-            .withPositions(genPositionPairs({
-            positionX: "center",
-            positionY: this.toolTipPosition === "top" ? "top" : "center",
-            offsetX: this.positionTooltip("OFFSET_X"),
-            offsetY: this.positionTooltip("OFFSET_Y")
-        }, false))
-            .withPush(true);
-        const config = new OverlayConfig({
-            hasBackdrop: false,
-            positionStrategy,
-            scrollStrategy: this.overlay.scrollStrategies.reposition()
-        });
-        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.toolTipText = this.toolTipText;
-        tooltipRef.instance.toolTipPosition = this.toolTipPosition;
-        tooltipRef.instance.toolTipTextAlignment = this.toolTipTextAlignment;
-        this.overlayRef
-            .backdropClick()
-            .pipe(take(1))
-            .subscribe(() => {
-            this.hideToolTip();
-        });
-    }
-    positionTooltip(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;
-    }
-    hideToolTip() {
-        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();
-    }
-}
-ToolTipDirective.decorators = [
-    { type: Directive, args: [{
-                selector: "[misToolTip]"
-            },] }
-];
-ToolTipDirective.ctorParameters = () => [
-    { type: ElementRef },
-    { type: Overlay },
-    { type: ViewContainerRef }
-];
-ToolTipDirective.propDecorators = {
-    showOnHover: [{ type: Input }],
-    showToolTip: [{ type: Input }],
-    text: [{ type: Input }],
-    position: [{ type: Input }],
-    alignText: [{ type: Input }],
-    tooltipTemplate: [{ type: Input }],
-    onMouseEnter: [{ type: HostListener, args: ["mouseenter",] }],
-    onMouseLeave: [{ type: HostListener, args: ["mouseleave",] }]
-};
-
-class ToolTipModule {
-    static forRoot() {
-        return { ngModule: ToolTipModule, providers: [] };
-    }
-}
-ToolTipModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [ToolTipDirective, ToolTipComponent],
-                imports: [CommonModule, OverlayModule],
-                exports: [ToolTipDirective, ToolTipComponent],
-                entryComponents: [ToolTipComponent]
-            },] }
-];
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { ToolTipComponent, ToolTipDirective, ToolTipModule };
-//# sourceMappingURL=mis-crystal-design-system-tooltip.js.map

package/fesm2015/mis-crystal-design-system-tooltip.js.map

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

package/fesm2015/mis-crystal-design-system-utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"mis-crystal-design-system-utils.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":[],"mappings":";;MAEa,gBAAgB,GAAG,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,GAAG,CAAC,EAAE,OAAO,GAAG,CAAC,EAAE,EAAE,YAAqB;IACxG,MAAM,SAAS,GAAG;QAChB,IAAI,sBAAsB,CACxB,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,EAC1C;YACE,QAAQ,EAAE,SAAS;YACnB,QAAQ,EAAE,SAAS;SACpB,EACD,OAAO,EACP,OAAO,CACR;QACD,IAAI,sBAAsB,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;QAC/H,IAAI,sBAAsB,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;QAC/H,IAAI,sBAAsB,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;QAC7H,IAAI,sBAAsB,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;QAC7H,IAAI,sBAAsB,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;QACzH,IAAI,sBAAsB,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;KAC1H,CAAC;IACF,OAAO,YAAY,GAAG,SAAS,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAC1D;;ACrBA;;;;;;"}

package/fesm2015/mis-crystal-design-system-virtual-scroll.js

@@ -1,141 +0,0 @@
-import { CdkVirtualScrollViewport, ScrollingModule } from '@angular/cdk/scrolling';
-import { CommonModule } from '@angular/common';
-import { EventEmitter, Component, ChangeDetectorRef, Input, ViewChild, ContentChild, Output, NgModule } from '@angular/core';
-import { LoaderModule } from 'mis-crystal-design-system/loader';
-import { BehaviorSubject, of } from 'rxjs';
-import { tap, catchError, throttleTime, mergeMap, scan } from 'rxjs/operators';
-
-class VirtualScrollComponent {
-    constructor(changeDetectorRef) {
-        this.changeDetectorRef = changeDetectorRef;
-        // Infinite scroll related variables
-        this.offset = new BehaviorSubject(null);
-        this.endOfInfiniteData = false;
-        this.rowsLoading = false;
-        // Main state managing variables
-        this.loading = false;
-        this.error = false;
-        this.config = {
-            minBufferPx: 2400,
-            maxBufferPx: 2400,
-            rowHeight: 128,
-            pageSize: 5,
-            infiniteScrollDataFunction: (offset, pageSize) => of([1, 2, 3, 4, 5])
-        };
-        this.intialized = new EventEmitter();
-        this.switchOffInfiniteScroll = () => {
-            this.error = false;
-            this.loading = true;
-            this.data$ = this.config.data$.pipe(tap(() => {
-                this.loading = false;
-                this.changeDetectorRef.detectChanges();
-            }), catchError(err => {
-                console.error("Error: Unknown error occurred while fetching calendar data", err);
-                this.loading = false;
-                this.error = true;
-                return [];
-            }));
-        };
-        this.switchOnInfiniteScroll = () => {
-            this.error = false;
-            this.loading = true;
-            this.endOfInfiniteData = false;
-            this.offset.next(0);
-            this.setupInfiniteScroll();
-        };
-    }
-    ngOnInit() {
-        this.switchOnInfiniteScroll();
-        this.virtualScrollApi = {
-            toggleLoader: () => this.loading = !this.loading,
-            toggleError: () => this.error = !this.error,
-            switchOnInfiniteScroll: this.switchOnInfiniteScroll,
-            switchOffInfiniteScroll: this.switchOffInfiniteScroll
-        };
-        this.changeDetectorRef.detectChanges();
-        this.intialized.emit(this.virtualScrollApi);
-    }
-    setupInfiniteScroll() {
-        const batchMap = this.offset.pipe(throttleTime(500), mergeMap(offset => this.getBatch(offset)), scan((acc, batch) => {
-            return [...acc, ...batch];
-        }, []));
-        this.data$ = batchMap.pipe(tap(data => {
-            this.rowsLoading = false;
-            this.loading = false;
-            setTimeout(() => {
-                this.changeDetectorRef.detectChanges();
-            }, 50);
-        }));
-    }
-    nextBatch(offset) {
-        if (this.endOfInfiniteData) {
-            return;
-        }
-        const end = this.viewPort.getRenderedRange().end;
-        const total = this.viewPort.getDataLength();
-        offset = Math.ceil(offset / this.config.pageSize);
-        if (end === total && !this.rowsLoading) {
-            this.offset.next(offset);
-        }
-    }
-    getBatch(offset) {
-        this.rowsLoading = true;
-        if (offset == null)
-            offset = 0;
-        return this.config
-            .infiniteScrollDataFunction(offset, this.config.pageSize)
-            .pipe(tap((arr) => {
-            arr.length < this.config.pageSize ? (this.endOfInfiniteData = true) : null;
-        }), catchError(err => {
-            console.error("Error: Unknown error occurred while fetching calendar data", err);
-            this.rowsLoading = false;
-            this.loading = false;
-            this.error = true;
-            return [];
-        }));
-    }
-}
-VirtualScrollComponent.decorators = [
-    { type: Component, args: [{
-                selector: "mis-virtual-scroll",
-                template: "<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>",
-                styles: ["cdk-virtual-scroll-viewport{height:100%}#main-container,.state-container{height:100%;width:100%}#loader-container,.state-container{display:flex;justify-content:center;align-items:center}#loader-container{width:100%;height:56px}::ng-deep #spinner{position:relative!important}"]
-            },] }
-];
-VirtualScrollComponent.ctorParameters = () => [
-    { type: ChangeDetectorRef }
-];
-VirtualScrollComponent.propDecorators = {
-    config: [{ type: Input, args: ["config",] }],
-    viewPort: [{ type: ViewChild, args: [CdkVirtualScrollViewport,] }],
-    customItem: [{ type: ContentChild, args: ["virtualScrollItem", { static: false },] }],
-    intialized: [{ type: Output }]
-};
-
-class VirtualScrollModule {
-    static forRoot() {
-        return { ngModule: VirtualScrollModule, providers: [] };
-    }
-}
-VirtualScrollModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [
-                    VirtualScrollComponent
-                ],
-                imports: [
-                    CommonModule,
-                    ScrollingModule,
-                    LoaderModule
-                ],
-                exports: [VirtualScrollComponent, ScrollingModule],
-            },] }
-];
-
-// import { VirtualScrollModule } from "./virtual-scroll.module";
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { VirtualScrollComponent, VirtualScrollModule };
-//# sourceMappingURL=mis-crystal-design-system-virtual-scroll.js.map

package/fesm2015/mis-crystal-design-system-virtual-scroll.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"mis-crystal-design-system-virtual-scroll.js","sources":["../../../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":["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/fesm2015/mis-crystal-design-system-widgets.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"mis-crystal-design-system-widgets.js","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/fesm2015/mis-crystal-design-system.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"mis-crystal-design-system.js","sources":["../../../projects/mis-components/public-api.ts","../../../projects/mis-components/mis-crystal-design-system.ts"],"sourcesContent":["/*\n * Public API Surface of mis-components\n */\n// export * from './button';\n// export * from './checkbox';\n// export * from './chip';\n// export * from './drawer';\n// export * from './dropdown';\n// export * from './fab';\n// export * from './loader';\n// export * from './multi-select-dropdown'\n// export * from './nested-multi-select-dropdown'\n// export * from './radio-button'\n// export * from './switch'\n// export * from './table';\n// export * from './toast'\n// export * from './tooltip'\n// export * from './datepicker'\n\nexport default {};\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"AAAA;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,gBAAe,EAAE;;ACnBjB;;"}

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

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

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

@@ -1 +0,0 @@
-{"__symbolic":"module","version":4,"metadata":{"MisInputDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":5,"character":1},"arguments":[{"selector":"input[misInput]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self","line":10,"character":38}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":10,"character":46}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":10,"character":25},{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":10,"character":73}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"MisInputComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"mis-input","template":"<div\n  [class]=\"'input-container ' + size\"\n  [ngClass]=\"{\n    rounded: type === 'rounded',\n    floating: type === 'floating',\n    'has-error': !inputValidity || hasError,\n    'no-hint': noHints,\n    'mis-disabled': inputCtrl?.disabled\n  }\"\n>\n  <div class=\"input-wrapper\">\n    <ng-content select=\"[mis-input-icon]\"></ng-content>\n    <div class=\"mis-input\">\n      <ng-content select=\"input\"></ng-content>\n      <span class=\"mis-placeholder\">{{ placeholder }}<span *ngIf=\"isMandatory\" style=\"color: red;\">*</span></span>\n    </div>\n    <ng-content select=\"[mis-input-act]\"></ng-content>\n  </div>\n  <ng-content select=\"[mis-input-hint]\"></ng-content>\n  <ng-content select=\"[mis-input-error]\"></ng-content>\n</div>\n","styles":[":root{--pmry-200:#99baf7;--pmry-100:#cbddfb;--pmry-500:#0937b2;--pmry-400:#3c68d0;--pmry-600:#062a99;--pmry-700:#041f80;--pmry-300:#638fe7;--pmry-800:#021567;--pmry-900:#010f55;--sec-d-purple:#40447f;--sec-maroon:#6b034e;--sec-mud-red:#b23600;--sec-orange:#ed711c;--sec-purple:#815fd5;--sec-teal:#10adae;--sec-yellow:#d4900c;--sec-green:#547f40;--sec-bright-green:#27d22e;--sec-dark-teal:#035f6b;--sec-chocolate:#7c2f33;--sec-rube-pink:#c13d6d;--sec-cerulean:#0087b2;--sem-error:#b00020;--sem-info:#0091ff;--sem-warning:#ff9d00;--sem-success:#38af49;--grey-bg-1:#fafafa;--grey-bg:#f5f5f5;--grey-seperators:#e0e0e0;--grey-disabled:#c8cdd3;--grey-hover:#f5f7fc;--grey-pressed:#e6ebf7;--grey-row:#f5f7fc;--dec-light-yellow:#f4e7c3;--dec-light-purple:#dacff9;--dec-light-green:#e4f5e9;--dec-light-green2:#f1fff3;--dec-light-pink:#fae1ea;--dec-:#f4cbc1;--dec-lt-orange:#faefed;--dec-light-blue:#cfecf9;--dec-row-selection:#f1fdf8;--dec-row-selection2:#f2fbff;--dec-row-lines:#d3e1e9;--text-white:#fff;--text-disabled:#929dab;--text-muted:#6a737d;--text-black:#181f33;--MR-solid-blue2:#c8d5f6;--MR-solid-purple:#c9c3fb;--MR-solid-orange:#eeac9f;--MR-solid-green:#acdada;--MR-solid-brown:#e8c8af;--MR-solid-yellow:#ffefc7;--MR-solid-blue:#bbe6ff;--MR-solid-pink:#ffc6f2;--tr-hover:#f0f3fa;--tr-pressed:#dae1f3}.input-container{position:relative;padding-bottom:24px}.input-container.mis-disabled .input-wrapper{pointer-events:none!important}.input-container .input-wrapper{box-sizing:border-box;display:flex;align-items:center;flex-direction:row;flex-wrap:nowrap;transition:all 60ms ease-in;background-color:#fff;padding:3px 16px;gap:16px}.input-container .input-wrapper .mis-input{flex:1 1 auto;z-index:0;position:relative;display:flex;align-items:center}.input-container .input-wrapper input{flex:1 1 auto;border:none;outline:none;height:100%;padding:0;font-family:Lato;font-style:normal;font-weight:400;font-size:16px;height:24px;color:#181f33;background-color:transparent;width:100%;vertical-align:middle}.input-container .input-wrapper input::-moz-placeholder{-moz-transition:all .1s ease-in;transition:all .1s ease-in;opacity:0;transform-origin:left center;color:transparent}.input-container .input-wrapper input:-ms-input-placeholder{-ms-transition:all .1s ease-in;transition:all .1s ease-in;opacity:0;transform-origin:left center;color:transparent}.input-container .input-wrapper input::placeholder{transition:all .1s ease-in;opacity:0;transform-origin:left center;color:transparent}.input-container .input-wrapper .mis-placeholder{position:absolute;font-family:Lato;font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:#6a737d;z-index:-1;transition:all .15s ease-in}.input-container .input-wrapper:focus-within{background-color:#f5f5f5}.input-container .input-wrapper:focus-within{border:1px solid #0937b2}.input-container .input-wrapper [mis-input-act],.input-container .input-wrapper [mis-input-icon]{width:18px;height:18px;color:#6a737d;font-size:24px;line-height:18px}.input-container .input-wrapper [mis-input-act]{cursor:pointer}.input-container.no-hint{padding-bottom:0}.input-container.rounded input{box-sizing:initial}.input-container.rounded.sm input{padding:3px 16px}.input-container.rounded.md input{padding:9px 16px}.input-container.rounded.lg input{padding:15px 16px}.input-container.rounded .input-wrapper{border-radius:4px;border:1px solid #e0e0e0;padding:0}.input-container.rounded .input-wrapper:hover{background-color:#f5f5f5}.input-container.rounded .input-wrapper:focus-within{border:1px solid #0937b2}.input-container.rounded .input-wrapper input:not(:-moz-placeholder-shown)+.mis-placeholder{color:transparent!important}.input-container.rounded .input-wrapper input:not(:-ms-input-placeholder)+.mis-placeholder{color:transparent!important}.input-container.rounded .input-wrapper input:not(:placeholder-shown)+.mis-placeholder{color:transparent!important}.input-container.rounded .input-wrapper .mis-placeholder{margin-left:16px;transition-duration:50ms}.input-container.rounded.has-error .input-wrapper{border:1px solid #b00020!important}.input-container.floating .input-wrapper{padding-top:24px;padding-bottom:7px;border-bottom:1px solid #e0e0e0}.input-container.floating .input-wrapper input:focus+.mis-placeholder{color:#0937b2!important}.input-container.floating .input-wrapper input:not(:-moz-placeholder-shown)+.mis-placeholder{transform:translateY(calc(-100% + 6px))!important;font-size:12px!important;letter-spacing:.2px!important}.input-container.floating .input-wrapper input:not(:-ms-input-placeholder)+.mis-placeholder{transform:translateY(calc(-100% + 6px))!important;font-size:12px!important;letter-spacing:.2px!important}.input-container.floating .input-wrapper input:focus+.mis-placeholder,.input-container.floating .input-wrapper input:not(:placeholder-shown)+.mis-placeholder{transform:translateY(calc(-100% + 6px))!important;font-size:12px!important;letter-spacing:.2px!important}.input-container.floating .input-wrapper:focus-within{border:none;border-bottom:1px solid #0937b2}.input-container.floating .input-wrapper:focus-within input::-moz-placeholder{color:#6a737d;opacity:1;font-size:16px}.input-container.floating .input-wrapper:focus-within input:-ms-input-placeholder{color:#6a737d;opacity:1;font-size:16px}.input-container.floating .input-wrapper:focus-within input::placeholder{color:#6a737d;opacity:1;font-size:16px}.input-container.floating.has-error .input-wrapper{border-bottom:1px solid #b00020!important}.input-container.floating.has-error .input-wrapper .mis-placeholder{color:#b00020!important}.input-container [mis-input-error],.input-container [mis-input-hint]{position:absolute;left:0;right:0;bottom:0;line-height:24px;height:24px;font-size:12px;color:#6a737d;letter-spacing:.2px}.input-container [mis-input-error]{color:#b00020}"]}]}],"members":{"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"noHints":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"hasError":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"isMandatory":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"formInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":17,"character":3},"arguments":[{"__symbolic":"reference","name":"MisInputDirective"}]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"MisInputModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"MisInputComponent"},{"__symbolic":"reference","name":"MisInputDirective"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":12},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":8,"character":26}],"exports":[{"__symbolic":"reference","name":"MisInputComponent"},{"__symbolic":"reference","name":"MisInputDirective"}]}]}],"members":{}}},"origins":{"MisInputDirective":"./directives/input/input.directive","MisInputComponent":"./mis-input.component","MisInputModule":"./mis-input.module"},"importAs":"mis-crystal-design-system/input"}

package/input/package.json

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

package/input-stepper/mis-crystal-design-system-input-stepper.d.ts

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

package/input-stepper/mis-crystal-design-system-input-stepper.metadata.json

@@ -1 +0,0 @@
-{"__symbolic":"module","version":4,"metadata":{"InputStepperComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"mis-input-stepper","template":"<div class=\"nudger\" [ngStyle]=\"{'max-width': width }\">\n    <button (click)=\"decrement()\" [ngClass]=\"{'disabled': value === minLimit}\">-</button>\n    <input type=\"text\" [value]=\"value\" (input)=\"onInputChange($event.target.value)\">\n    <button (click)=\"increment()\" [ngClass]=\"{'disabled': value === maxLimit}\">+</button>\n</div>\n  ","styles":[".nudger{display:flex;align-items:center;justify-content:center;width:100%;border:1px solid #0937b2;border-radius:4px}button{padding:.5em 1em;cursor:pointer;border:none;transition:background-color .3s;color:#0937b2}button,button:hover{background-color:#fff}input{width:40%;text-align:center;padding:.5em 1em;color:#0937b2;border:none}@media screen and (max-width:600px){.nudger{max-width:150px}}.disabled{opacity:.6;cursor:not-allowed}"]}]}],"members":{"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"minLimit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"maxLimit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":12,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"increment":[{"__symbolic":"method"}],"decrement":[{"__symbolic":"method"}],"onInputChange":[{"__symbolic":"method"}],"emitValueChange":[{"__symbolic":"method"}]}},"InputStepperModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"InputStepperComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":11,"character":4}],"exports":[{"__symbolic":"reference","name":"InputStepperComponent"}]}]}],"members":{}}},"origins":{"InputStepperComponent":"./input-stepper/input-stepper.component","InputStepperModule":"./input-stepper.module"},"importAs":"mis-crystal-design-system/input-stepper"}

package/input-stepper/package.json

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

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

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

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

@@ -1 +0,0 @@
-{"__symbolic":"module","version":4,"metadata":{"LoaderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"mis-loader","template":"<div\n  id=\"spinner\"\n  [ngClass]=\"{\n    mobile: mobileView\n  }\"\n></div>\n","styles":["#spinner{-webkit-animation:frames 1s linear infinite;animation:frames 1s linear infinite;background:transparent;border-radius:100%;border:4px solid #e0e0e0;border-top-color:#6200ee;width:40px;height:40px;padding:0;position:absolute}@-webkit-keyframes frames{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}@keyframes frames{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}.mobile{height:20px!important;width:20px!important;border:2px solid #e0e0e0!important;border-top-color:#6200ee!important}"]}]}],"members":{"mobileView":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"LoaderModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"LoaderComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":7,"character":12}],"exports":[{"__symbolic":"reference","name":"LoaderComponent"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"LoaderModule"},"providers":[]}}}}},"origins":{"LoaderComponent":"./loader.component","LoaderModule":"./loader.module"},"importAs":"mis-crystal-design-system/loader"}

package/loader/package.json

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

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

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

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

@@ -1 +0,0 @@
-{"__symbolic":"module","version":4,"metadata":{"MenuDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":7,"character":1},"arguments":[{"selector":"[misMenu]","exportAs":"misMenu"}]}],"members":{"menu":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3},"arguments":["misMenu"]}]}],"positionX":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"positionY":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"offsetX":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"offsetY":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":19,"character":31},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":19,"character":57},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":19,"character":95}]}],"onClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":20,"character":3},"arguments":["click",["$event"]]}]}],"menuShow":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}]}},"MenuCloseDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":3,"character":1},"arguments":[{"selector":"[misMenuClose]"}]}],"members":{"menu":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":7,"character":3},"arguments":["misMenuClose"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"closeMenu":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":10,"character":3},"arguments":["click",[]]}]}]}},"MisMenuModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"MenuDirective"},{"__symbolic":"reference","name":"MenuCloseDirective"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":11,"character":12},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayModule","line":11,"character":26},{"__symbolic":"reference","module":"@angular/cdk/portal","name":"PortalModule","line":11,"character":41}],"exports":[{"__symbolic":"reference","name":"MenuDirective"},{"__symbolic":"reference","name":"MenuCloseDirective"}]}]}],"members":{}}},"origins":{"MenuDirective":"./menu.directive","MenuCloseDirective":"./menu-close.directive","MisMenuModule":"./menu.module"},"importAs":"mis-crystal-design-system/menu"}

package/menu/package.json

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

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

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

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

@@ -1 +0,0 @@
-{"__symbolic":"module","version":4,"exports":[{"from":"./public-api"}],"metadata":{},"origins":{},"importAs":"mis-crystal-design-system"}

package/mobile-filter/mis-crystal-design-system-mobile-filter.d.ts

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

package/mobile-filter/mis-crystal-design-system-mobile-filter.metadata.json

@@ -1 +0,0 @@
-{"__symbolic":"module","version":4,"metadata":{"MobileFilterModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"MobileFilterComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":12},{"__symbolic":"reference","module":"mis-crystal-design-system/button","name":"ButtonModule","line":8,"character":26},{"__symbolic":"reference","module":"mis-crystal-design-system/checkbox","name":"CheckboxModule","line":8,"character":40}],"exports":[{"__symbolic":"reference","name":"MobileFilterComponent"}]}]}],"members":{}},"MobileFilterComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"mis-mobile-filter","template":"<div class=\"filters-container\">\n    <div class=\"head display-flex\">\n        <img (click)=\"closeFilters.emit();\" [src]=\"backIcon\" alt=\"\">\n        <span>{{headerName}}</span>\n    </div>\n    <div class=\"body display-flex\">\n        <div class=\"filters\">\n            <ng-container *ngFor=\"let filter of localFilterOptions | keyvalue : originalOrder\">\n                <div class=\"filter display-flex\" (click)=\"currentSelectedItem = filter.key\">\n                    <span class=\"filterName\" [ngStyle]=\"{'color': filter.key === currentSelectedItem ? '#0937B2' : '#181F33'}\">{{ localFilterOptions[filter.key]?.name }}</span>\n                    <span class=\"selectedNumber\" *ngIf=\"localFilterOptions[filter.key]['multiSelect'] && localFilterOptions[filter.key]['noOfSelectedItems'] > 0\">{{ localFilterOptions[filter.key]['noOfSelectedItems'] }}</span>\n                    <div class=\"highlightor\" *ngIf=\"filter.key === currentSelectedItem\"></div>\n                </div>\n            </ng-container>\n        </div>\n        <div class=\"filter-options-container\">\n            <div class=\"filter-options-title\">\n                <span>{{ localFilterOptions[currentSelectedItem]?.name }}</span>\n            </div>\n            <div class=\"filter-options\">\n                <ng-container *ngFor=\"let option of localFilterOptions[currentSelectedItem]?.options; let i = index\">\n                    <div class=\"filter-option display-flex\" (click)=\"toggleFilter(option.value, option.selected)\" >\n                        <mis-checkbox *ngIf=\"localFilterOptions[currentSelectedItem].multiSelect\" [checked]=\"option.selected\"></mis-checkbox>\n                        <input type=\"radio\" *ngIf=\"!localFilterOptions[currentSelectedItem].multiSelect\" [checked]=\"option.selected\">\n                        <span [ngStyle]=\"{'color': option.selected ? '#181F33' : '#6A737D'}\">{{ option.label }}</span>\n                    </div>\n                </ng-container>\n            </div>\n        </div>\n    </div>\n    <div class=\"footer display-flex\">\n        <button\n            mis-button\n            size=\"md\"\n            type=\"text\"\n            (click)=\"clearFilters.emit()\">\n            {{clearBtnName}}\n        </button>\n        <button\n            mis-button\n            size=\"md\"\n            type=\"primary\"\n            (click)=\"applyFilters.emit(localFilterOptions)\"\n            >\n            {{applyBtnName}}\n        </button>\n    </div>\n</div>\n","styles":[".display-flex{display:flex}.filters-container{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#fff;cursor:default}.filters-container *{font-family:Lato}.filters-container .head{height:56px;border-bottom:1px solid #e0e0e0;justify-content:flex-start;align-items:center;padding:0 16px;gap:12px}.filters-container .head img{cursor:pointer}.filters-container .head span{font-weight:700;font-size:17px;line-height:24px;letter-spacing:.2px}.filters-container .body{height:calc(100vh - 129px)}.filters-container .body .filters{width:120px;border-right:1px solid #e0e0e0;flex-shrink:0}.filters-container .body .filters .filter{height:56px;padding:0 16px;border-bottom:1px solid #e0e0e0;align-items:center;font-size:15px;justify-content:space-between;position:relative}.filters-container .body .filters .filter .filterName{color:#6a737d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.filters-container .body .filters .filter .selectedNumber{background-color:#f5f5f5;height:24px;width:auto;font-size:14px;min-width:24px;border-radius:50%;text-align:center;line-height:24px;padding:0 8px}.filters-container .body .filters .filter .highlightor{position:absolute;left:0;height:100%;width:4px;background-color:#0937b2}.filters-container .body .filter-options-container{padding:16px 16px 0 12px;width:calc(100% - 56px);overflow-x:hidden}.filters-container .body .filter-options-container *{color:#181f33}.filters-container .body .filter-options-container .filter-options-title{text-transform:uppercase;font-size:12px;line-height:16px;letter-spacing:.25px}.filters-container .body .filter-options-container .filter-options-title span{color:#6a737d}.filters-container .body .filter-options-container .filter-options{margin-top:16px;overflow-y:scroll;height:calc(100% - 32px)}.filters-container .body .filter-options-container .filter-options .filter-option{height:48px;border-bottom:1px solid #e0e0e0;align-items:center;padding-left:16px;gap:13px;font-size:15px}.filters-container .body .filter-options-container .filter-options .filter-option span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.filters-container .body .filter-options-container .filter-options .filter-option input[type=radio]{accent-color:#0937b2;width:20px;height:20px}.filters-container .footer{height:73px;border-top:1px solid #e0e0e0;padding:0 16px;align-items:center;justify-content:space-between}.filters-container .footer button{width:160px}"]}]}],"members":{"currentSelectedItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"filterOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"backIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"headerName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"applyBtnName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"clearBtnName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"closeFilters":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":22,"character":3}}]}],"clearFilters":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":23,"character":3}}]}],"applyFilters":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":24,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"originalOrder":[{"__symbolic":"method"}],"toggleFilter":[{"__symbolic":"method"}]}},"IFilterOptions":{"__symbolic":"interface"}},"origins":{"MobileFilterModule":"./mobile-filter.module","MobileFilterComponent":"./mobile-filter.component","IFilterOptions":"./mobile-filter.component"},"importAs":"mis-crystal-design-system/mobile-filter"}

package/mobile-filter/package.json

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

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

@@ -1,5 +0,0 @@
-/**
- * Generated bundle index. Do not edit.
- */
-export * from './index';
-export { ModuleWrapperComponent as ɵa } from './module-wrapper/module-wrapper.component';