mis-crystal-design-system 2.0.1 → 2.2.0

package/esm2015/tooltip/tooltip.component.js

@@ -57,4 +57,4 @@ ToolTipComponent.propDecorators = {
     position: [{ type: Input }],
     container: [{ type: ViewChild, args: ['container',] }]
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbHRpcC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9taXMtY29tcG9uZW50cy9zcmMvdG9vbHRpcC90b29sdGlwLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQWdCLFNBQVMsRUFBYyxLQUFLLEVBQVUsU0FBUyxFQUFFLFNBQVMsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQU94RyxNQUFNLE9BQU8sZ0JBQWdCO0lBcUIzQixZQUFvQixRQUFtQjtRQUFuQixhQUFRLEdBQVIsUUFBUSxDQUFXO1FBbkJoQyxnQkFBVyxHQUFXLEVBQUUsQ0FBQTtRQUN4QixpQkFBWSxHQUFXLEVBQUUsQ0FBQTtRQUN6QixvQkFBZSxHQUF3QyxRQUFRLENBQUE7SUFrQnRFLENBQUM7SUFoQkQsSUFBYSxJQUFJLENBQUMsS0FBYTtRQUM3QixJQUFJLENBQUMsV0FBVyxHQUFHLEtBQUssQ0FBQTtRQUN4QixJQUFJLENBQUMscUJBQXFCLEVBQUUsQ0FBQTtJQUM5QixDQUFDO0lBQ0QsSUFBYSxLQUFLLENBQUMsS0FBYTtRQUM5QixJQUFJLENBQUMsWUFBWSxHQUFHLEtBQUssQ0FBQztRQUMxQixJQUFJLENBQUMscUJBQXFCLEVBQUUsQ0FBQTtJQUM5QixDQUFDO0lBQ0QsSUFBYSxRQUFRLENBQUMsS0FBMEM7UUFDOUQsSUFBSSxDQUFDLGVBQWUsR0FBRyxLQUFLLENBQUE7UUFDNUIsSUFBSSxDQUFDLHFCQUFxQixFQUFFLENBQUE7SUFDOUIsQ0FBQztJQU1ELFFBQVE7SUFDUixDQUFDO0lBQ0QsZUFBZTtRQUNiLElBQUksQ0FBQyxxQkFBcUIsRUFBRSxDQUFBO0lBQzlCLENBQUM7SUFDRCxxQkFBcUI7UUFDbkIsSUFBRyxJQUFJLENBQUMsU0FBUyxFQUFDO1lBQ2hCLElBQUksS0FBSyxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsYUFBYSxDQUFDLFdBQVcsQ0FBQTtZQUNwRCxJQUFHLElBQUksQ0FBQyxlQUFlLEtBQUssTUFBTSxFQUFDO2dCQUNqQyxJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLGFBQWEsRUFBRSxNQUFNLEVBQUUsSUFBSSxLQUFLLEdBQUcsRUFBRSxJQUFJLENBQUMsQ0FBQTtnQkFDaEYsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxhQUFhLEVBQUUsT0FBTyxFQUFFLEVBQUUsQ0FBQyxDQUFBO2FBQ2xFO2lCQUNJLElBQUcsSUFBSSxDQUFDLGVBQWUsS0FBSyxPQUFPLEVBQUM7Z0JBQ3ZDLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsYUFBYSxFQUFFLE1BQU0sRUFBRSxFQUFFLENBQUMsQ0FBQTtnQkFDaEUsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxhQUFhLEVBQUUsT0FBTyxFQUFFLElBQUksS0FBSyxHQUFHLEVBQUUsSUFBSSxDQUFDLENBQUE7YUFDbEY7aUJBQ0c7Z0JBQ0YsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxhQUFhLEVBQUUsTUFBTSxFQUFFLEtBQUssQ0FBQyxDQUFBO2dCQUNuRSxJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLGFBQWEsRUFBRSxPQUFPLEVBQUUsRUFBRSxDQUFDLENBQUE7YUFDbEU7U0FDRjtJQUNILENBQUM7OztZQWpERixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLGFBQWE7Z0JBQ3ZCLDR2QkFBdUM7O2FBRXhDOzs7WUFONEQsU0FBUzs7O21CQWFuRSxLQUFLO29CQUlMLEtBQUs7dUJBSUwsS0FBSzt3QkFLTCxTQUFTLFNBQUMsV0FBVyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7QWZ0ZXJWaWV3SW5pdCwgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBJbnB1dCwgT25Jbml0LCBSZW5kZXJlcjIsIFZpZXdDaGlsZH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ21pcy10b29sdGlwJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3Rvb2x0aXAuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi90b29sdGlwLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgVG9vbFRpcENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgQWZ0ZXJWaWV3SW5pdHtcblxuICBwdWJsaWMgdG9vbFRpcFRleHQ6IHN0cmluZyA9ICcnXG4gIHB1YmxpYyB0b29sVGlwV2lkdGg6IHN0cmluZyA9ICcnXG4gIHB1YmxpYyB0b29sVGlwUG9zaXRpb246ICdMZWZ0JyB8ICdSaWdodCcgfCAnVG9wJyB8ICdCb3R0b20nID0gJ0JvdHRvbSdcblxuICBASW5wdXQoKSBzZXQgdGV4dCh2YWx1ZTogc3RyaW5nKXtcbiAgICB0aGlzLnRvb2xUaXBUZXh0ID0gdmFsdWVcbiAgICB0aGlzLnVwZGF0ZVRvb2xUaXBQb3NpdGlvbigpXG4gIH1cbiAgQElucHV0KCkgc2V0IHdpZHRoKHZhbHVlOiBzdHJpbmcpe1xuICAgIHRoaXMudG9vbFRpcFdpZHRoID0gdmFsdWU7XG4gICAgdGhpcy51cGRhdGVUb29sVGlwUG9zaXRpb24oKVxuICB9XG4gIEBJbnB1dCgpIHNldCBwb3NpdGlvbih2YWx1ZTogJ0xlZnQnIHwgJ1JpZ2h0JyB8ICdUb3AnIHwgJ0JvdHRvbScpe1xuICAgIHRoaXMudG9vbFRpcFBvc2l0aW9uID0gdmFsdWVcbiAgICB0aGlzLnVwZGF0ZVRvb2xUaXBQb3NpdGlvbigpXG4gIH1cblxuICBAVmlld0NoaWxkKCdjb250YWluZXInKSBjb250YWluZXI6IEVsZW1lbnRSZWZcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJlbmRlcmVyOiBSZW5kZXJlcjIpIHtcbiAgfVxuICBuZ09uSW5pdCgpIHtcbiAgfVxuICBuZ0FmdGVyVmlld0luaXQoKXtcbiAgICB0aGlzLnVwZGF0ZVRvb2xUaXBQb3NpdGlvbigpXG4gIH1cbiAgdXBkYXRlVG9vbFRpcFBvc2l0aW9uKCl7XG4gICAgaWYodGhpcy5jb250YWluZXIpe1xuICAgICAgbGV0IHdpZHRoID0gdGhpcy5jb250YWluZXIubmF0aXZlRWxlbWVudC5vZmZzZXRXaWR0aFxuICAgICAgaWYodGhpcy50b29sVGlwUG9zaXRpb24gPT09ICdMZWZ0Jyl7XG4gICAgICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUodGhpcy5jb250YWluZXIubmF0aXZlRWxlbWVudCwgJ2xlZnQnLCBgLSR7d2lkdGggKyAxMn1weGApXG4gICAgICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUodGhpcy5jb250YWluZXIubmF0aXZlRWxlbWVudCwgJ3JpZ2h0JywgJycpXG4gICAgICB9XG4gICAgICBlbHNlIGlmKHRoaXMudG9vbFRpcFBvc2l0aW9uID09PSAnUmlnaHQnKXtcbiAgICAgICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZSh0aGlzLmNvbnRhaW5lci5uYXRpdmVFbGVtZW50LCAnbGVmdCcsICcnKVxuICAgICAgICB0aGlzLnJlbmRlcmVyLnNldFN0eWxlKHRoaXMuY29udGFpbmVyLm5hdGl2ZUVsZW1lbnQsICdyaWdodCcsIGAtJHt3aWR0aCArIDEyfXB4YClcbiAgICAgIH1cbiAgICAgIGVsc2V7XG4gICAgICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUodGhpcy5jb250YWluZXIubmF0aXZlRWxlbWVudCwgJ2xlZnQnLCAnNTAlJylcbiAgICAgICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZSh0aGlzLmNvbnRhaW5lci5uYXRpdmVFbGVtZW50LCAncmlnaHQnLCAnJylcbiAgICAgIH1cbiAgICB9XG4gIH1cbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbHRpcC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9taXMtY29tcG9uZW50cy90b29sdGlwL3Rvb2x0aXAuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBZ0IsU0FBUyxFQUFjLEtBQUssRUFBVSxTQUFTLEVBQUUsU0FBUyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBT3hHLE1BQU0sT0FBTyxnQkFBZ0I7SUFxQjNCLFlBQW9CLFFBQW1CO1FBQW5CLGFBQVEsR0FBUixRQUFRLENBQVc7UUFuQmhDLGdCQUFXLEdBQVcsRUFBRSxDQUFBO1FBQ3hCLGlCQUFZLEdBQVcsRUFBRSxDQUFBO1FBQ3pCLG9CQUFlLEdBQXdDLFFBQVEsQ0FBQTtJQWtCdEUsQ0FBQztJQWhCRCxJQUFhLElBQUksQ0FBQyxLQUFhO1FBQzdCLElBQUksQ0FBQyxXQUFXLEdBQUcsS0FBSyxDQUFBO1FBQ3hCLElBQUksQ0FBQyxxQkFBcUIsRUFBRSxDQUFBO0lBQzlCLENBQUM7SUFDRCxJQUFhLEtBQUssQ0FBQyxLQUFhO1FBQzlCLElBQUksQ0FBQyxZQUFZLEdBQUcsS0FBSyxDQUFDO1FBQzFCLElBQUksQ0FBQyxxQkFBcUIsRUFBRSxDQUFBO0lBQzlCLENBQUM7SUFDRCxJQUFhLFFBQVEsQ0FBQyxLQUEwQztRQUM5RCxJQUFJLENBQUMsZUFBZSxHQUFHLEtBQUssQ0FBQTtRQUM1QixJQUFJLENBQUMscUJBQXFCLEVBQUUsQ0FBQTtJQUM5QixDQUFDO0lBTUQsUUFBUTtJQUNSLENBQUM7SUFDRCxlQUFlO1FBQ2IsSUFBSSxDQUFDLHFCQUFxQixFQUFFLENBQUE7SUFDOUIsQ0FBQztJQUNELHFCQUFxQjtRQUNuQixJQUFHLElBQUksQ0FBQyxTQUFTLEVBQUM7WUFDaEIsSUFBSSxLQUFLLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxhQUFhLENBQUMsV0FBVyxDQUFBO1lBQ3BELElBQUcsSUFBSSxDQUFDLGVBQWUsS0FBSyxNQUFNLEVBQUM7Z0JBQ2pDLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsYUFBYSxFQUFFLE1BQU0sRUFBRSxJQUFJLEtBQUssR0FBRyxFQUFFLElBQUksQ0FBQyxDQUFBO2dCQUNoRixJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLGFBQWEsRUFBRSxPQUFPLEVBQUUsRUFBRSxDQUFDLENBQUE7YUFDbEU7aUJBQ0ksSUFBRyxJQUFJLENBQUMsZUFBZSxLQUFLLE9BQU8sRUFBQztnQkFDdkMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxhQUFhLEVBQUUsTUFBTSxFQUFFLEVBQUUsQ0FBQyxDQUFBO2dCQUNoRSxJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLGFBQWEsRUFBRSxPQUFPLEVBQUUsSUFBSSxLQUFLLEdBQUcsRUFBRSxJQUFJLENBQUMsQ0FBQTthQUNsRjtpQkFDRztnQkFDRixJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLGFBQWEsRUFBRSxNQUFNLEVBQUUsS0FBSyxDQUFDLENBQUE7Z0JBQ25FLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsYUFBYSxFQUFFLE9BQU8sRUFBRSxFQUFFLENBQUMsQ0FBQTthQUNsRTtTQUNGO0lBQ0gsQ0FBQzs7O1lBakRGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsYUFBYTtnQkFDdkIsNHZCQUF1Qzs7YUFFeEM7OztZQU40RCxTQUFTOzs7bUJBYW5FLEtBQUs7b0JBSUwsS0FBSzt1QkFJTCxLQUFLO3dCQUtMLFNBQVMsU0FBQyxXQUFXIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtBZnRlclZpZXdJbml0LCBDb21wb25lbnQsIEVsZW1lbnRSZWYsIElucHV0LCBPbkluaXQsIFJlbmRlcmVyMiwgVmlld0NoaWxkfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbWlzLXRvb2x0aXAnLFxuICB0ZW1wbGF0ZVVybDogJy4vdG9vbHRpcC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3Rvb2x0aXAuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBUb29sVGlwQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBBZnRlclZpZXdJbml0e1xuXG4gIHB1YmxpYyB0b29sVGlwVGV4dDogc3RyaW5nID0gJydcbiAgcHVibGljIHRvb2xUaXBXaWR0aDogc3RyaW5nID0gJydcbiAgcHVibGljIHRvb2xUaXBQb3NpdGlvbjogJ0xlZnQnIHwgJ1JpZ2h0JyB8ICdUb3AnIHwgJ0JvdHRvbScgPSAnQm90dG9tJ1xuXG4gIEBJbnB1dCgpIHNldCB0ZXh0KHZhbHVlOiBzdHJpbmcpe1xuICAgIHRoaXMudG9vbFRpcFRleHQgPSB2YWx1ZVxuICAgIHRoaXMudXBkYXRlVG9vbFRpcFBvc2l0aW9uKClcbiAgfVxuICBASW5wdXQoKSBzZXQgd2lkdGgodmFsdWU6IHN0cmluZyl7XG4gICAgdGhpcy50b29sVGlwV2lkdGggPSB2YWx1ZTtcbiAgICB0aGlzLnVwZGF0ZVRvb2xUaXBQb3NpdGlvbigpXG4gIH1cbiAgQElucHV0KCkgc2V0IHBvc2l0aW9uKHZhbHVlOiAnTGVmdCcgfCAnUmlnaHQnIHwgJ1RvcCcgfCAnQm90dG9tJyl7XG4gICAgdGhpcy50b29sVGlwUG9zaXRpb24gPSB2YWx1ZVxuICAgIHRoaXMudXBkYXRlVG9vbFRpcFBvc2l0aW9uKClcbiAgfVxuXG4gIEBWaWV3Q2hpbGQoJ2NvbnRhaW5lcicpIGNvbnRhaW5lcjogRWxlbWVudFJlZlxuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgcmVuZGVyZXI6IFJlbmRlcmVyMikge1xuICB9XG4gIG5nT25Jbml0KCkge1xuICB9XG4gIG5nQWZ0ZXJWaWV3SW5pdCgpe1xuICAgIHRoaXMudXBkYXRlVG9vbFRpcFBvc2l0aW9uKClcbiAgfVxuICB1cGRhdGVUb29sVGlwUG9zaXRpb24oKXtcbiAgICBpZih0aGlzLmNvbnRhaW5lcil7XG4gICAgICBsZXQgd2lkdGggPSB0aGlzLmNvbnRhaW5lci5uYXRpdmVFbGVtZW50Lm9mZnNldFdpZHRoXG4gICAgICBpZih0aGlzLnRvb2xUaXBQb3NpdGlvbiA9PT0gJ0xlZnQnKXtcbiAgICAgICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZSh0aGlzLmNvbnRhaW5lci5uYXRpdmVFbGVtZW50LCAnbGVmdCcsIGAtJHt3aWR0aCArIDEyfXB4YClcbiAgICAgICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZSh0aGlzLmNvbnRhaW5lci5uYXRpdmVFbGVtZW50LCAncmlnaHQnLCAnJylcbiAgICAgIH1cbiAgICAgIGVsc2UgaWYodGhpcy50b29sVGlwUG9zaXRpb24gPT09ICdSaWdodCcpe1xuICAgICAgICB0aGlzLnJlbmRlcmVyLnNldFN0eWxlKHRoaXMuY29udGFpbmVyLm5hdGl2ZUVsZW1lbnQsICdsZWZ0JywgJycpXG4gICAgICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUodGhpcy5jb250YWluZXIubmF0aXZlRWxlbWVudCwgJ3JpZ2h0JywgYC0ke3dpZHRoICsgMTJ9cHhgKVxuICAgICAgfVxuICAgICAgZWxzZXtcbiAgICAgICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZSh0aGlzLmNvbnRhaW5lci5uYXRpdmVFbGVtZW50LCAnbGVmdCcsICc1MCUnKVxuICAgICAgICB0aGlzLnJlbmRlcmVyLnNldFN0eWxlKHRoaXMuY29udGFpbmVyLm5hdGl2ZUVsZW1lbnQsICdyaWdodCcsICcnKVxuICAgICAgfVxuICAgIH1cbiAgfVxufVxuIl19

package/esm2015/tooltip/tooltip.directive.js

@@ -103,4 +103,4 @@ ToolTipDirective.propDecorators = {
     onMouseEnter: [{ type: HostListener, args: ['mouseenter', ['$event'],] }],
     onMouseLeave: [{ type: HostListener, args: ['mouseleave', ['$event'],] }]
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbHRpcC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9taXMtY29tcG9uZW50cy9zcmMvdG9vbHRpcC90b29sdGlwLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBRUwsd0JBQXdCLEVBQ3hCLFNBQVMsRUFDVCxVQUFVLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFFL0IsU0FBUyxFQUNULGdCQUFnQixFQUNqQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUMsZ0JBQWdCLEVBQUMsTUFBTSxxQkFBcUIsQ0FBQztBQU1yRCxNQUFNLE9BQU8sZ0JBQWdCO0lBa0MzQixZQUNVLFVBQXNCLEVBQ3RCLFFBQW1CLEVBQ25CLGdCQUFrQyxFQUNsQyx3QkFBa0Q7UUFIbEQsZUFBVSxHQUFWLFVBQVUsQ0FBWTtRQUN0QixhQUFRLEdBQVIsUUFBUSxDQUFXO1FBQ25CLHFCQUFnQixHQUFoQixnQkFBZ0IsQ0FBa0I7UUFDbEMsNkJBQXdCLEdBQXhCLHdCQUF3QixDQUEwQjtRQXJDckQsdUJBQWtCLEdBQVksS0FBSyxDQUFBO1FBQ25DLGlCQUFZLEdBQVcsRUFBRSxDQUFBO1FBQ3pCLGdCQUFXLEdBQVcsRUFBRSxDQUFBO1FBQ3hCLG9CQUFlLEdBQXdDLFFBQVEsQ0FBQTtRQUU3RCx1QkFBa0IsR0FBWSxLQUFLLENBQUE7UUFDbkMsZ0JBQVcsR0FBWSxLQUFLLENBQUE7SUFpQ3JDLENBQUM7SUFoQ0QsSUFBYSxXQUFXLENBQUMsS0FBYztRQUNyQyxJQUFJLENBQUMsa0JBQWtCLEdBQUcsS0FBSyxDQUFBO1FBQy9CLElBQUcsS0FBSztZQUFFLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQTs7WUFDMUIsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFBO0lBQ3pCLENBQUM7SUFDRCxJQUFhLEtBQUssQ0FBQyxLQUFhO1FBQzlCLElBQUksQ0FBQyxZQUFZLEdBQUcsS0FBSyxD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QUFnRDtRQUNoRCxtQ0FBbUM7SUFDckMsQ0FBQzs7O1lBL0VGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsY0FBYzthQUN6Qjs7O1lBVkMsVUFBVTtZQUVWLFNBQVM7WUFDVCxnQkFBZ0I7WUFMaEIsd0JBQXdCOzs7aUNBbUJ2QixLQUFLOzBCQUNMLEtBQUs7MEJBQ0wsS0FBSztvQkFLTCxLQUFLO21CQUlMLEtBQUs7dUJBSUwsS0FBSzsyQkFLTCxZQUFZLFNBQUMsWUFBWSxFQUFFLENBQUMsUUFBUSxDQUFDOzJCQUdyQyxZQUFZLFNBQUMsWUFBWSxFQUFFLENBQUMsUUFBUSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQWZ0ZXJWaWV3SW5pdCxcbiAgQ29tcG9uZW50RmFjdG9yeVJlc29sdmVyLCBDb21wb25lbnRSZWYsXG4gIERpcmVjdGl2ZSxcbiAgRWxlbWVudFJlZiwgSG9zdExpc3RlbmVyLCBJbnB1dCxcbiAgT25Jbml0LFxuICBSZW5kZXJlcjIsXG4gIFZpZXdDb250YWluZXJSZWZcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1Rvb2xUaXBDb21wb25lbnR9IGZyb20gJy4vdG9vbHRpcC5jb21wb25lbnQnO1xuaW1wb3J0IHtpc0NoaWxkTm9kZU9mfSBmcm9tICdjb2RlbHl6ZXIvdXRpbC9pc0NoaWxkTm9kZU9mJztcblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW21pc1Rvb2xUaXBdJ1xufSlcbmV4cG9ydCBjbGFzcyBUb29sVGlwRGlyZWN0aXZlIGltcGxlbWVudHMgT25Jbml0LCBBZnRlclZpZXdJbml0IHtcbiAgcHVibGljIGlzVG9vbFRpcERpc3BsYXllZDogYm9vbGVhbiA9IGZhbHNlXG4gIHB1YmxpYyB0b29sVGlwV2lkdGg6IHN0cmluZyA9ICcnXG4gIHB1YmxpYyB0b29sVGlwVGV4dDogc3RyaW5nID0gJydcbiAgcHVibGljIHRvb2xUaXBQb3NpdGlvbjogJ0xlZnQnIHwgJ1JpZ2h0JyB8ICdUb3AnIHwgJ0JvdHRvbScgPSAnQm90dG9tJ1xuXG4gIEBJbnB1dCgpIHJlc3BvbnNpdmVQb3NpdGlvbjogYm9vbGVhbiA9IGZhbHNlXG4gIEBJbnB1dCgpIHNob3dPbkhvdmVyOiBib29sZWFuID0gZmFsc2VcbiAgQElucHV0KCkgc2V0IHNob3dUb29sVGlwKHZhbHVlOiBib29sZWFuKXtcbiAgICB0aGlzLmlzVG9vbFRpcERpc3BsYXllZCA9IHZhbHVlXG4gICAgaWYodmFsdWUpIHRoaXMuZGlzcGxheVRvb2xUaXAoKVxuICAgIGVsc2UgdGhpcy5oaWRlVG9vbFRpcCgpXG4gIH1cbiAgQElucHV0KCkgc2V0IHdpZHRoKHZhbHVlOiBzdHJpbmcpe1xuICAgIHRoaXMudG9vbFRpcFdpZHRoID0gdmFsdWVcbiAgICB0aGlzLmNyZWF0ZVRvb2xUaXAoKVxuICB9XG4gIEBJbnB1dCgpIHNldCB0ZXh0KHZhbHVlOiBzdHJpbmcpe1xuICAgIHRoaXMudG9vbFRpcFRleHQgPSB2YWx1ZVxuICAgIHRoaXMuY3JlYXRlVG9vbFRpcCgpXG4gIH1cbiAgQElucHV0KCkgc2V0IHBvc2l0aW9uKHZhbHVlOiAnTGVmdCcgfCAnUmlnaHQnIHwgJ1RvcCcgfCAnQm90dG9tJyl7XG4gICAgdGhpcy50b29sVGlwUG9zaXRpb24gPSB2YWx1ZVxuICAgIHRoaXMuY3JlYXRlVG9vbFRpcCgpXG4gIH1cblxuICBASG9zdExpc3RlbmVyKCdtb3VzZWVudGVyJywgWyckZXZlbnQnXSkgb25Nb3VzZUVudGVyKCkge1xuICAgIGlmICh0aGlzLnNob3dPbkhvdmVyKSB0aGlzLmRpc3BsYXlUb29sVGlwKClcbiAgfVxuICBASG9zdExpc3RlbmVyKCdtb3VzZWxlYXZlJywgWyckZXZlbnQnXSkgb25Nb3VzZUxlYXZlKCl7XG4gICAgaWYodGhpcy5zaG93T25Ib3ZlcikgdGhpcy5oaWRlVG9vbFRpcCgpXG4gIH1cblxuICBwcml2YXRlIGNvbXBvbmVudFJlZjogQ29tcG9uZW50UmVmPFRvb2xUaXBDb21wb25lbnQ+XG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgZWxlbWVudFJlZjogRWxlbWVudFJlZixcbiAgICBwcml2YXRlIHJlbmRlcmVyOiBSZW5kZXJlcjIsXG4gICAgcHJpdmF0ZSB2aWV3Q29udGFpbmVyUmVmOiBWaWV3Q29udGFpbmVyUmVmLFxuICAgIHByaXZhdGUgY29tcG9uZW50RmFjdG9yeVJlc29sdmVyOiBDb21wb25lbnRGYWN0b3J5UmVzb2x2ZXJcbiAgKSB7XG4gIH1cblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLmNyZWF0ZVRvb2xUaXAoKVxuICB9XG4gIG5nQWZ0ZXJWaWV3SW5pdCgpe1xuICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUodGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQsICdwb3NpdGlvbicsICdyZWxhdGl2ZScpXG4gICAgaWYodGhpcy5pc1Rvb2xUaXBEaXNwbGF5ZWQpIHRoaXMuZGlzcGxheVRvb2xUaXAoKVxuICAgIGVsc2UgdGhpcy5oaWRlVG9vbFRpcCgpXG4gICAgaWYodGhpcy5pc1Rvb2xUaXBEaXNwbGF5ZWQgJiYgdGhpcy5yZXNwb25zaXZlUG9zaXRpb24pIHRoaXMudXBkYXRlUG9zaXRpb24oKVxuICB9XG4gIGNyZWF0ZVRvb2xUaXAoKXtcbiAgICBjb25zdCBjbXBGYWN0b3J5UmVzb2x2ZXIgPSB0aGlzLmNvbXBvbmVudEZhY3RvcnlSZXNvbHZlci5yZXNvbHZlQ29tcG9uZW50RmFjdG9yeShUb29sVGlwQ29tcG9uZW50KTtcbiAgICB0aGlzLnZpZXdDb250YWluZXJSZWYuY2xlYXIoKTtcbiAgICB0aGlzLmNvbXBvbmVudFJlZiA9IHRoaXMudmlld0NvbnRhaW5lclJlZi5jcmVhdGVDb21wb25lbnQoY21wRmFjdG9yeVJlc29sdmVyKTtcbiAgICB0aGlzLmNvbXBvbmVudFJlZi5pbnN0YW5jZS53aWR0aCA9IHRoaXMudG9vbFRpcFdpZHRoXG4gICAgdGhpcy5jb21wb25lbnRSZWYuaW5zdGFuY2UudGV4dCA9IHRoaXMudG9vbFRpcFRleHRcbiAgICB0aGlzLmNvbXBvbmVudFJlZi5pbnN0YW5jZS5wb3NpdGlvbiA9IHRoaXMudG9vbFRpcFBvc2l0aW9uXG4gIH1cbiAgZGlzcGxheVRvb2xUaXAoKXtcbiAgICBsZXQgaXNDaGlsZCA9IHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LmNvbnRhaW5zKHRoaXMuY29tcG9uZW50UmVmLmxvY2F0aW9uLm5hdGl2ZUVsZW1lbnQpXG4gICAgaWYoIWlzQ2hpbGQpIHRoaXMucmVuZGVyZXIuYXBwZW5kQ2hpbGQodGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQsIHRoaXMuY29tcG9uZW50UmVmLmxvY2F0aW9uLm5hdGl2ZUVsZW1lbnQpXG4gICAgaWYodGhpcy5yZXNwb25zaXZlUG9zaXRpb24pIHRoaXMudXBkYXRlUG9zaXRpb24oKVxuICB9XG4gIGhpZGVUb29sVGlwKCl7XG4gICAgbGV0IGlzQ2hpbGQgPSB0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudC5jb250YWlucyh0aGlzLmNvbXBvbmVudFJlZi5sb2NhdGlvbi5uYXRpdmVFbGVtZW50KVxuICAgIGlmKGlzQ2hpbGQpIHRoaXMucmVuZGVyZXIucmVtb3ZlQ2hpbGQodGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQsIHRoaXMuY29tcG9uZW50UmVmLmxvY2F0aW9uLm5hdGl2ZUVsZW1lbnQpXG4gIH1cbiAgdXBkYXRlUG9zaXRpb24oKXtcbiAgICAvLyBsZXQgcmVjdDogYW55ID0gdGhpcy5jb21wb25lbnRSZWYubG9jYXRpb24ubmF0aXZlRWxlbWVudC5jaGlsZHJlblswXS5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKVxuICAgIC8vIGxldCB7eCwgeSwgaGVpZ2h0LCB3aWR0aH0gPSByZWN0XG4gICAgLy9UT0RPOiBBZGQgbG9naWMgZm9yIHJlc3BvbnNpdmUgcG9zaXRpb25pbmdcbiAgICAvLyBVc2UgZGVmYXVsdCB2YWx1ZSBhcyBwcmlvcml0eSBhbmQgZG9udCBjaGFuZ2UgaXQgaGVyZSAndG9vbFRpcFBvc2l0aW9uJ1xuICAgIC8vIFVwZGF0ZSB0aGUgcG9zaXRpb24gdXNpbmcgYmVsb3cgbGluZVxuICAgIC8vIHRoaXMuY29tcG9uZW50UmVmLmluc3RhbmNlLnBvc2l0aW9uID0gJ1JpZ2h0J1xuICAgIC8vIGNvbnNvbGUubG9nKHgsIHksIGhlaWdodCwgd2lkdGgpXG4gIH1cbn1cblxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbHRpcC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9taXMtY29tcG9uZW50cy90b29sdGlwL3Rvb2x0aXAuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFTCx3QkFBd0IsRUFDeEIsU0FBUyxFQUNULFVBQVUsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUUvQixTQUFTLEVBQ1QsZ0JBQWdCLEVBQ2pCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBQyxnQkFBZ0IsRUFBQyxNQUFNLHFCQUFxQixDQUFDO0FBTXJELE1BQU0sT0FBTyxnQkFBZ0I7SUFrQzNCLFlBQ1UsVUFBc0IsRUFDdEIsUUFBbUIsRUFDbkIsZ0JBQWtDLEVBQ2xDLHdCQUFrRDtRQUhsRCxlQUFVLEdBQVYsVUFBVSxDQUFZO1FBQ3RCLGFBQVEsR0FBUixRQUFRLENBQVc7UUFDbkIscUJBQWdCLEdBQWhCLGdCQUFnQixDQUFrQjtRQUNsQyw2QkFBd0IsR0FBeEIsd0JBQXdCLENBQTBCO1FBckNyRCx1QkFBa0IsR0FBWSxLQUFLLENBQUE7UUFDbkMsaUJBQVksR0FBVyxFQUFFLENBQUE7UUFDekIsZ0JBQVcsR0FBVyxFQUFFLENBQUE7UUFDeEIsb0JBQWUsR0FBd0MsUUFBUSxDQUFBO1FBRTdELHVCQUFrQixHQUFZLEtBQUssQ0FBQTtRQUNuQyxnQkFBVyxHQUFZLEtBQUssQ0FBQTtJQWlDckMsQ0FBQztJQWhDRCxJQUFhLFdBQVcsQ0FBQyxLQUFjO1FBQ3JDLElBQUksQ0FBQyxrQkFBa0IsR0FBRyxLQUFLLENBQUE7UUFDL0IsSUFBRyxLQUFLO1lBQUUsSUFBSSxDQUFDLGNBQWMsRUFBRSxDQUFBOztZQUMxQixJQUFJLENBQUMsV0FBVyxFQUFFLENBQUE7SUFDekIsQ0FBQztJQUNELElBQWEsS0FBSyxDQUFDLEtBQWE7UUFDOUIsSUFBSSxDQUFDLFlBQVksR0FBRyxLQUFLLENBQUE7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O1FBQ2hELG1DQUFtQztJQUNyQyxDQUFDOzs7WUEvRUYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxjQUFjO2FBQ3pCOzs7WUFWQyxVQUFVO1lBRVYsU0FBUztZQUNULGdCQUFnQjtZQUxoQix3QkFBd0I7OztpQ0FtQnZCLEtBQUs7MEJBQ0wsS0FBSzswQkFDTCxLQUFLO29CQUtMLEtBQUs7bUJBSUwsS0FBSzt1QkFJTCxLQUFLOzJCQUtMLFlBQVksU0FBQyxZQUFZLEVBQUUsQ0FBQyxRQUFRLENBQUM7MkJBR3JDLFlBQVksU0FBQyxZQUFZLEVBQUUsQ0FBQyxRQUFRLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBBZnRlclZpZXdJbml0LFxuICBDb21wb25lbnRGYWN0b3J5UmVzb2x2ZXIsIENvbXBvbmVudFJlZixcbiAgRGlyZWN0aXZlLFxuICBFbGVtZW50UmVmLCBIb3N0TGlzdGVuZXIsIElucHV0LFxuICBPbkluaXQsXG4gIFJlbmRlcmVyMixcbiAgVmlld0NvbnRhaW5lclJlZlxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7VG9vbFRpcENvbXBvbmVudH0gZnJvbSAnLi90b29sdGlwLmNvbXBvbmVudCc7XG5pbXBvcnQge2lzQ2hpbGROb2RlT2Z9IGZyb20gJ2NvZGVseXplci91dGlsL2lzQ2hpbGROb2RlT2YnO1xuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbbWlzVG9vbFRpcF0nXG59KVxuZXhwb3J0IGNsYXNzIFRvb2xUaXBEaXJlY3RpdmUgaW1wbGVtZW50cyBPbkluaXQsIEFmdGVyVmlld0luaXQge1xuICBwdWJsaWMgaXNUb29sVGlwRGlzcGxheWVkOiBib29sZWFuID0gZmFsc2VcbiAgcHVibGljIHRvb2xUaXBXaWR0aDogc3RyaW5nID0gJydcbiAgcHVibGljIHRvb2xUaXBUZXh0OiBzdHJpbmcgPSAnJ1xuICBwdWJsaWMgdG9vbFRpcFBvc2l0aW9uOiAnTGVmdCcgfCAnUmlnaHQnIHwgJ1RvcCcgfCAnQm90dG9tJyA9ICdCb3R0b20nXG5cbiAgQElucHV0KCkgcmVzcG9uc2l2ZVBvc2l0aW9uOiBib29sZWFuID0gZmFsc2VcbiAgQElucHV0KCkgc2hvd09uSG92ZXI6IGJvb2xlYW4gPSBmYWxzZVxuICBASW5wdXQoKSBzZXQgc2hvd1Rvb2xUaXAodmFsdWU6IGJvb2xlYW4pe1xuICAgIHRoaXMuaXNUb29sVGlwRGlzcGxheWVkID0gdmFsdWVcbiAgICBpZih2YWx1ZSkgdGhpcy5kaXNwbGF5VG9vbFRpcCgpXG4gICAgZWxzZSB0aGlzLmhpZGVUb29sVGlwKClcbiAgfVxuICBASW5wdXQoKSBzZXQgd2lkdGgodmFsdWU6IHN0cmluZyl7XG4gICAgdGhpcy50b29sVGlwV2lkdGggPSB2YWx1ZVxuICAgIHRoaXMuY3JlYXRlVG9vbFRpcCgpXG4gIH1cbiAgQElucHV0KCkgc2V0IHRleHQodmFsdWU6IHN0cmluZyl7XG4gICAgdGhpcy50b29sVGlwVGV4dCA9IHZhbHVlXG4gICAgdGhpcy5jcmVhdGVUb29sVGlwKClcbiAgfVxuICBASW5wdXQoKSBzZXQgcG9zaXRpb24odmFsdWU6ICdMZWZ0JyB8ICdSaWdodCcgfCAnVG9wJyB8ICdCb3R0b20nKXtcbiAgICB0aGlzLnRvb2xUaXBQb3NpdGlvbiA9IHZhbHVlXG4gICAgdGhpcy5jcmVhdGVUb29sVGlwKClcbiAgfVxuXG4gIEBIb3N0TGlzdGVuZXIoJ21vdXNlZW50ZXInLCBbJyRldmVudCddKSBvbk1vdXNlRW50ZXIoKSB7XG4gICAgaWYgKHRoaXMuc2hvd09uSG92ZXIpIHRoaXMuZGlzcGxheVRvb2xUaXAoKVxuICB9XG4gIEBIb3N0TGlzdGVuZXIoJ21vdXNlbGVhdmUnLCBbJyRldmVudCddKSBvbk1vdXNlTGVhdmUoKXtcbiAgICBpZih0aGlzLnNob3dPbkhvdmVyKSB0aGlzLmhpZGVUb29sVGlwKClcbiAgfVxuXG4gIHByaXZhdGUgY29tcG9uZW50UmVmOiBDb21wb25lbnRSZWY8VG9vbFRpcENvbXBvbmVudD5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSBlbGVtZW50UmVmOiBFbGVtZW50UmVmLFxuICAgIHByaXZhdGUgcmVuZGVyZXI6IFJlbmRlcmVyMixcbiAgICBwcml2YXRlIHZpZXdDb250YWluZXJSZWY6IFZpZXdDb250YWluZXJSZWYsXG4gICAgcHJpdmF0ZSBjb21wb25lbnRGYWN0b3J5UmVzb2x2ZXI6IENvbXBvbmVudEZhY3RvcnlSZXNvbHZlclxuICApIHtcbiAgfVxuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMuY3JlYXRlVG9vbFRpcCgpXG4gIH1cbiAgbmdBZnRlclZpZXdJbml0KCl7XG4gICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZSh0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudCwgJ3Bvc2l0aW9uJywgJ3JlbGF0aXZlJylcbiAgICBpZih0aGlzLmlzVG9vbFRpcERpc3BsYXllZCkgdGhpcy5kaXNwbGF5VG9vbFRpcCgpXG4gICAgZWxzZSB0aGlzLmhpZGVUb29sVGlwKClcbiAgICBpZih0aGlzLmlzVG9vbFRpcERpc3BsYXllZCAmJiB0aGlzLnJlc3BvbnNpdmVQb3NpdGlvbikgdGhpcy51cGRhdGVQb3NpdGlvbigpXG4gIH1cbiAgY3JlYXRlVG9vbFRpcCgpe1xuICAgIGNvbnN0IGNtcEZhY3RvcnlSZXNvbHZlciA9IHRoaXMuY29tcG9uZW50RmFjdG9yeVJlc29sdmVyLnJlc29sdmVDb21wb25lbnRGYWN0b3J5KFRvb2xUaXBDb21wb25lbnQpO1xuICAgIHRoaXMudmlld0NvbnRhaW5lclJlZi5jbGVhcigpO1xuICAgIHRoaXMuY29tcG9uZW50UmVmID0gdGhpcy52aWV3Q29udGFpbmVyUmVmLmNyZWF0ZUNvbXBvbmVudChjbXBGYWN0b3J5UmVzb2x2ZXIpO1xuICAgIHRoaXMuY29tcG9uZW50UmVmLmluc3RhbmNlLndpZHRoID0gdGhpcy50b29sVGlwV2lkdGhcbiAgICB0aGlzLmNvbXBvbmVudFJlZi5pbnN0YW5jZS50ZXh0ID0gdGhpcy50b29sVGlwVGV4dFxuICAgIHRoaXMuY29tcG9uZW50UmVmLmluc3RhbmNlLnBvc2l0aW9uID0gdGhpcy50b29sVGlwUG9zaXRpb25cbiAgfVxuICBkaXNwbGF5VG9vbFRpcCgpe1xuICAgIGxldCBpc0NoaWxkID0gdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQuY29udGFpbnModGhpcy5jb21wb25lbnRSZWYubG9jYXRpb24ubmF0aXZlRWxlbWVudClcbiAgICBpZighaXNDaGlsZCkgdGhpcy5yZW5kZXJlci5hcHBlbmRDaGlsZCh0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudCwgdGhpcy5jb21wb25lbnRSZWYubG9jYXRpb24ubmF0aXZlRWxlbWVudClcbiAgICBpZih0aGlzLnJlc3BvbnNpdmVQb3NpdGlvbikgdGhpcy51cGRhdGVQb3NpdGlvbigpXG4gIH1cbiAgaGlkZVRvb2xUaXAoKXtcbiAgICBsZXQgaXNDaGlsZCA9IHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LmNvbnRhaW5zKHRoaXMuY29tcG9uZW50UmVmLmxvY2F0aW9uLm5hdGl2ZUVsZW1lbnQpXG4gICAgaWYoaXNDaGlsZCkgdGhpcy5yZW5kZXJlci5yZW1vdmVDaGlsZCh0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudCwgdGhpcy5jb21wb25lbnRSZWYubG9jYXRpb24ubmF0aXZlRWxlbWVudClcbiAgfVxuICB1cGRhdGVQb3NpdGlvbigpe1xuICAgIC8vIGxldCByZWN0OiBhbnkgPSB0aGlzLmNvbXBvbmVudFJlZi5sb2NhdGlvbi5uYXRpdmVFbGVtZW50LmNoaWxkcmVuWzBdLmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpXG4gICAgLy8gbGV0IHt4LCB5LCBoZWlnaHQsIHdpZHRofSA9IHJlY3RcbiAgICAvL1RPRE86IEFkZCBsb2dpYyBmb3IgcmVzcG9uc2l2ZSBwb3NpdGlvbmluZ1xuICAgIC8vIFVzZSBkZWZhdWx0IHZhbHVlIGFzIHByaW9yaXR5IGFuZCBkb250IGNoYW5nZSBpdCBoZXJlICd0b29sVGlwUG9zaXRpb24nXG4gICAgLy8gVXBkYXRlIHRoZSBwb3NpdGlvbiB1c2luZyBiZWxvdyBsaW5lXG4gICAgLy8gdGhpcy5jb21wb25lbnRSZWYuaW5zdGFuY2UucG9zaXRpb24gPSAnUmlnaHQnXG4gICAgLy8gY29uc29sZS5sb2coeCwgeSwgaGVpZ2h0LCB3aWR0aClcbiAgfVxufVxuXG4iXX0=

package/esm2015/tooltip/tooltip.module.js

@@ -15,4 +15,4 @@ ToolTipModule.decorators = [
                 entryComponents: [ToolTipComponent]
             },] }
 ];
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbHRpcC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9taXMtY29tcG9uZW50cy9zcmMvdG9vbHRpcC90b29sdGlwLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUF1QixNQUFNLGVBQWUsQ0FBQztBQUM5RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFL0MsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDdkQsT0FBTyxFQUFDLGdCQUFnQixFQUFDLE1BQU0scUJBQXFCLENBQUM7QUFRckQsTUFBTSxPQUFPLGFBQWE7SUFDeEIsTUFBTSxDQUFDLE9BQU87UUFDWixPQUFPLEVBQUUsUUFBUSxFQUFFLGFBQWEsRUFBRSxTQUFTLEVBQUUsRUFBRSxFQUFFLENBQUM7SUFDcEQsQ0FBQzs7O1lBVEYsUUFBUSxTQUFDO2dCQUNSLFlBQVksRUFBRSxDQUFDLGdCQUFnQixFQUFFLGdCQUFnQixDQUFDO2dCQUNsRCxPQUFPLEVBQUUsQ0FBQyxZQUFZLENBQUM7Z0JBQ3ZCLE9BQU8sRUFBRSxDQUFDLGdCQUFnQixFQUFFLGdCQUFnQixDQUFDO2dCQUM3QyxlQUFlLEVBQUMsQ0FBQyxnQkFBZ0IsQ0FBQzthQUNuQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlLCBNb2R1bGVXaXRoUHJvdmlkZXJzIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuXG5pbXBvcnQgeyBUb29sVGlwRGlyZWN0aXZlIH0gZnJvbSAnLi90b29sdGlwLmRpcmVjdGl2ZSc7XG5pbXBvcnQge1Rvb2xUaXBDb21wb25lbnR9IGZyb20gJy4vdG9vbHRpcC5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtUb29sVGlwRGlyZWN0aXZlLCBUb29sVGlwQ29tcG9uZW50XSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG4gIGV4cG9ydHM6IFtUb29sVGlwRGlyZWN0aXZlLCBUb29sVGlwQ29tcG9uZW50XSxcbiAgZW50cnlDb21wb25lbnRzOltUb29sVGlwQ29tcG9uZW50XVxufSlcbmV4cG9ydCBjbGFzcyBUb29sVGlwTW9kdWxlIHtcbiAgc3RhdGljIGZvclJvb3QoKTogTW9kdWxlV2l0aFByb3ZpZGVyczxUb29sVGlwTW9kdWxlPiB7XG4gICAgcmV0dXJuIHsgbmdNb2R1bGU6IFRvb2xUaXBNb2R1bGUsIHByb3ZpZGVyczogW10gfTtcbiAgfVxufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbHRpcC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9taXMtY29tcG9uZW50cy90b29sdGlwL3Rvb2x0aXAubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQXVCLE1BQU0sZUFBZSxDQUFDO0FBQzlELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUUvQyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUN2RCxPQUFPLEVBQUMsZ0JBQWdCLEVBQUMsTUFBTSxxQkFBcUIsQ0FBQztBQVFyRCxNQUFNLE9BQU8sYUFBYTtJQUN4QixNQUFNLENBQUMsT0FBTztRQUNaLE9BQU8sRUFBRSxRQUFRLEVBQUUsYUFBYSxFQUFFLFNBQVMsRUFBRSxFQUFFLEVBQUUsQ0FBQztJQUNwRCxDQUFDOzs7WUFURixRQUFRLFNBQUM7Z0JBQ1IsWUFBWSxFQUFFLENBQUMsZ0JBQWdCLEVBQUUsZ0JBQWdCLENBQUM7Z0JBQ2xELE9BQU8sRUFBRSxDQUFDLFlBQVksQ0FBQztnQkFDdkIsT0FBTyxFQUFFLENBQUMsZ0JBQWdCLEVBQUUsZ0JBQWdCLENBQUM7Z0JBQzdDLGVBQWUsRUFBQyxDQUFDLGdCQUFnQixDQUFDO2FBQ25DIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUsIE1vZHVsZVdpdGhQcm92aWRlcnMgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5cbmltcG9ydCB7IFRvb2xUaXBEaXJlY3RpdmUgfSBmcm9tICcuL3Rvb2x0aXAuZGlyZWN0aXZlJztcbmltcG9ydCB7VG9vbFRpcENvbXBvbmVudH0gZnJvbSAnLi90b29sdGlwLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1Rvb2xUaXBEaXJlY3RpdmUsIFRvb2xUaXBDb21wb25lbnRdLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcbiAgZXhwb3J0czogW1Rvb2xUaXBEaXJlY3RpdmUsIFRvb2xUaXBDb21wb25lbnRdLFxuICBlbnRyeUNvbXBvbmVudHM6W1Rvb2xUaXBDb21wb25lbnRdXG59KVxuZXhwb3J0IGNsYXNzIFRvb2xUaXBNb2R1bGUge1xuICBzdGF0aWMgZm9yUm9vdCgpOiBNb2R1bGVXaXRoUHJvdmlkZXJzPFRvb2xUaXBNb2R1bGU+IHtcbiAgICByZXR1cm4geyBuZ01vZHVsZTogVG9vbFRpcE1vZHVsZSwgcHJvdmlkZXJzOiBbXSB9O1xuICB9XG59XG4iXX0=

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

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

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

@@ -0,0 +1 @@
+{"__symbolic":"module","version":4,"metadata":{"FabComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":21,"character":1},"arguments":[{"selector":"mis-fab","animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":26,"character":4},"arguments":["slideUpFab",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":27,"character":6},"arguments":[":enter",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":28,"character":8},"arguments":[{"transform":"translateY(50px)","opacity":0}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":29,"character":8},"arguments":["300ms ease-out",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":29,"character":34},"arguments":[{"transform":"translateY(0px)","opacity":1}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":31,"character":6},"arguments":[":leave",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":32,"character":8},"arguments":["200ms ease-out",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":32,"character":34},"arguments":[{"transform":"translateY(70px)","opacity":0}]}]}]]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":35,"character":4},"arguments":["rotateButton",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":36,"character":6},"arguments":["default",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":36,"character":23},"arguments":[{"transform":"rotate(0)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":37,"character":6},"arguments":["rotated",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":37,"character":23},"arguments":[{"transform":"rotate(45deg)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":38,"character":6},"arguments":["rotated => default",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":38,"character":39},"arguments":["300ms ease-out"]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":39,"character":6},"arguments":["default => rotated",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":39,"character":39},"arguments":["200ms ease-in"]}]}]]}],"template":"<div class=\"fab-wrapper\" *ngIf=\"show\">\n  <div class=\"fab-items\" *ngIf=\"isOpen\" @slideUpFab>\n    <div class=\"fab-item\" *ngFor=\"let item of items.reverse(); let i = index\" (click)=\"clickItem(item)\">\n      <div *ngIf=\"item.label\" class=\"fab-tooltip\">\n        {{ item.label }}\n      </div>\n      <div\n        class=\"fab-button\"\n        [ngStyle]=\"{\n          backgroundColor: item.backgroundColor || '#0937B2'\n        }\"\n      >\n        <img [src]=\"item.icon\" class=\"add-img\" />\n      </div>\n    </div>\n  </div>\n  <div\n    class=\"fab-container\"\n    [ngStyle]=\"{\n      backgroundColor: isOpen ? options.backgroundColorOpened : options.backgroundColorClosed\n    }\"\n    (click)=\"toogleFab()\"\n  >\n    <svg\n      [@rotateButton]=\"isOpen ? 'rotated' : 'default'\"\n      class=\"add-img\"\n      width=\"24\"\n      height=\"24\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        fill-rule=\"evenodd\"\n        clip-rule=\"evenodd\"\n        d=\"M13.1424 5.15607C13.1424 4.51759 12.6313 4 12.0009 4C11.3704 4 10.8594 4.51759 10.8594 5.15607V10.8421H5.14149C4.51106 10.8421 4 11.3597 4 11.9982C4 12.6367 4.51106 13.1543 5.14149 13.1543H10.8594V18.8439C10.8594 19.4824 11.3704 20 12.0009 20C12.6313 20 13.1424 19.4824 13.1424 18.8439V13.1543H18.8585C19.4889 13.1543 20 12.6367 20 11.9982C20 11.3597 19.4889 10.8421 18.8585 10.8421H13.1424V5.15607Z\"\n        fill=\"white\"\n      />\n    </svg>\n  </div>\n</div>\n","styles":[".fab-wrapper{position:fixed;right:24px;bottom:24px;z-index:1000}.fab-wrapper .fab-item{position:relative;padding:0 0 16px 8px}.fab-wrapper .fab-item .fab-tooltip{position:absolute;background-color:#181f33;border-radius:4px;color:#fff;padding:8px;display:flex;justify-content:center;align-items:center;white-space:nowrap;right:100%;top:calc(50% - 8px);transform:translateY(-50%)}.fab-wrapper .fab-item .fab-button{width:40px;height:40px}.fab-wrapper .fab-container,.fab-wrapper .fab-item .fab-button{cursor:pointer;border-radius:50%;display:flex;justify-content:center;align-items:center}.fab-wrapper .fab-container{width:56px;height:56px}.add-img{height:24px;width:24px}"]}]}],"members":{"show":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":3}}]}],"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":52,"character":28}]}],"clickout":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":54,"character":3},"arguments":["document:click",["$event"]]}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"clickItem":[{"__symbolic":"method"}],"closeFab":[{"__symbolic":"method"}],"toogleFab":[{"__symbolic":"method"}]}},"FabItem":{"__symbolic":"interface"},"FabItems":{"__symbolic":"interface"},"FabOptions":{"__symbolic":"interface"},"FabModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"FabComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":6,"character":12}],"exports":[{"__symbolic":"reference","name":"FabComponent"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"FabModule"},"providers":[]}}}}},"origins":{"FabComponent":"./fab.component","FabItem":"./fab.component","FabItems":"./fab.component","FabOptions":"./fab.component","FabModule":"./fab.module"},"importAs":"mis-crystal-design-system/fab"}

package/fab/package.json

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

package/fesm2015/mis-crystal-design-system-async-search-dropdown.js

@@ -0,0 +1,194 @@
+import { ConnectionPositionPair, OverlayConfig, Overlay, OverlayModule } from '@angular/cdk/overlay';
+import { TemplatePortal } from '@angular/cdk/portal';
+import { EventEmitter, Component, ViewContainerRef, Input, ViewChild, ContentChild, Output, NgModule } from '@angular/core';
+import { FormControl, ReactiveFormsModule, FormsModule } from '@angular/forms';
+import { filter, debounceTime, distinctUntilChanged } from 'rxjs/operators';
+import { CommonModule } from '@angular/common';
+
+class AsyncDropdownComponent {
+    constructor(overlay, viewContainerRef) {
+        this.overlay = overlay;
+        this.viewContainerRef = viewContainerRef;
+        this.placeholder = 'Select'; // placeholder for input
+        this.debounceTime = 400; // wait time till which API call is paused
+        this.minInputLength = 2; // min length after which API call is made
+        this.multi = false; // maintain a list or emit value
+        // tslint:disable-next-line
+        this.onSelect = new EventEmitter(true); // emit selected values
+        this.searchInput = new FormControl();
+        this.data = [];
+        this.opened = false;
+        // tslint:disable-next-line
+        this.selections = new Map();
+        this.handleControlChanges = (values) => {
+            values.forEach((el) => {
+                this.selectData(el, true);
+            });
+            // tslint:disable-next-line
+        };
+    }
+    ngOnInit() {
+        var _a, _b;
+        if (this.multi && !this.uniqueKey) {
+            throw new Error('[uniqueKey] required in multi mode.');
+        }
+        if (this.disabled) {
+            this.searchInput.disable();
+        }
+        this.searchSubscription = this.searchInput.valueChanges
+            .pipe(filter((val) => val && val.length >= this.minInputLength), debounceTime(this.debounceTime), distinctUntilChanged())
+            .subscribe((res) => {
+            this.httpStream(res).subscribe((list) => {
+                var _a;
+                this.data = list;
+                if (!((_a = this.overlayRef) === null || _a === void 0 ? void 0 : _a.hasAttached()) && list.length > 0) {
+                    this.openDropdown(this.dd, this.origin.nativeElement);
+                }
+            });
+        });
+        if ((_a = this.control) === null || _a === void 0 ? void 0 : _a.value) {
+            this.handleControlChanges(this.control.value);
+        }
+        this.controlSubscription = (_b = this.control) === null || _b === void 0 ? void 0 : _b.valueChanges.subscribe(this.handleControlChanges);
+    }
+    ngOnChanges(changes) {
+        if (changes && changes.disabled) {
+            this.searchInput.enable();
+            if (this.disabled) {
+                this.searchInput.disable();
+            }
+        }
+    }
+    ngOnDestroy() {
+        var _a;
+        (_a = this.searchSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
+    }
+    openDropdown(template, origin) {
+        const positionStrategy = this.overlay
+            .position()
+            .flexibleConnectedTo(origin)
+            .withPositions([
+            new ConnectionPositionPair({ originX: 'start', originY: 'bottom' }, { overlayX: 'start', overlayY: 'top' }),
+            new ConnectionPositionPair({ originX: 'start', originY: 'top' }, { overlayX: 'start', overlayY: 'bottom' }),
+        ])
+            .withPush(true);
+        const configs = new OverlayConfig({
+            hasBackdrop: true,
+            backdropClass: 'cdk-overlay-transparent-backdrop',
+            scrollStrategy: this.overlay.scrollStrategies.reposition(),
+            positionStrategy,
+            width: origin.clientWidth,
+        });
+        this.overlayRef = this.overlay.create(configs);
+        this.overlayRef.attach(new TemplatePortal(template, this.viewContainerRef));
+        this.overlayRef.backdropClick().subscribe((res) => {
+            this.closeDropdown();
+        });
+    }
+    /**
+     * closes the dropdown
+     */
+    closeDropdown() {
+        var _a;
+        this.opened = false;
+        (_a = this.overlayRef) === null || _a === void 0 ? void 0 : _a.detach();
+        this.data = [];
+    }
+    /**
+     *
+     * @param item item to select
+     * if item property disabled is set to true, selection will be disabled
+     * @param effectedFromOutside set to true if calling from parent component, if true will focus on search input
+     */
+    selectData(item, effectedFromOutside = true) {
+        if (item.disabled) {
+            return;
+        }
+        if (!this.multi) {
+            this.searchInput.patchValue(item[this.displayKey], { emitEvent: false });
+            this.setControlValue(item);
+        }
+        else {
+            if (!this.selections.has(item[this.uniqueKey])) {
+                this.selections.set(item[this.uniqueKey], item);
+            }
+            this.setControlValue(this.selectedItems);
+            if (!effectedFromOutside) {
+                setTimeout(() => {
+                    this.input.nativeElement.focus();
+                    this.input.nativeElement.scrollIntoView();
+                }, 10);
+            }
+            this.searchInput.patchValue('');
+            this.data = [];
+        }
+        this.closeDropdown();
+    }
+    /**
+     *
+     * @param item remove item from selected list
+     */
+    removeItem(item) {
+        this.selections.delete(item[this.uniqueKey]);
+        this.setControlValue(this.selectedItems);
+        // tslint:disable-next-line
+        this.input['nativeElement'].focus();
+    }
+    setControlValue(value) {
+        var _a;
+        this.onSelect.emit(value);
+        (_a = this.control) === null || _a === void 0 ? void 0 : _a.patchValue(value, { emitEvent: false });
+    }
+    /**
+     * @returns list of selected items
+     */
+    get selectedItems() {
+        return Array.from(this.selections.values());
+    }
+}
+AsyncDropdownComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'mis-async-search-dropdown',
+                template: "<div\n  class=\"dd-wrapper\"\n  [ngClass]=\"{ opened: opened, disabled: disabled, readonly: readonly }\"\n  #ddBtn\n>\n  <div class=\"selected-list\" *ngIf=\"multi && selections.size > 0\">\n    <span *ngFor=\"let item of selectedItems\" (click)=\"removeItem(item)\">{{item[displayKey]}} <span class=\"ic-navigation-cancel-24\"></span> </span>\n  </div>\n  <div class=\"search-input\">\n    <span class=\"ic-action-search-24\"></span>\n    <input\n      tabindex=\"0\"\n      type=\"text\"\n      class=\"black-text\"\n      #input\n      [placeholder]=\"placeholder\"\n      [formControl]=\"searchInput\"\n    />\n  </div>\n</div>\n\n<ng-template #dd>\n  <div class=\"dd-list\" *ngIf=\"data.length\">\n    <ng-container *ngFor=\"let item of data\">\n      <div (click)=\"selectData(item, false)\">\n      <ng-container *ngIf=\"customItem; else standardItem\" [ngTemplateOutlet]=\"customItem\" [ngTemplateOutletContext]=\"{$implicit:item}\"></ng-container>\n      <ng-template #standardItem>\n        <div class=\"item\">\n          <div class=\"value\">\n            <div class=\"primary\">\n              {{ item[displayKey] }}\n            </div>\n            <div class=\"secondary\">\n              {{item[secondaryDisplayKey]}}\n            </div>\n          </div>\n        </div>\n      </ng-template>\n      </div>\n    </ng-container>\n  </div>\n</ng-template>\n",
+                styles: [".dd-wrapper{background:#fff;border:1px solid #e0e0e0;box-sizing:border-box;border-radius:4px;display:block;cursor:pointer;outline:none}.dd-wrapper.opened,.dd-wrapper:hover{background:#f5f5f5}.dd-wrapper .selected-list{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:4px;padding:8px 16px}.dd-wrapper .selected-list>span{display:inline-block;background:#e0e0e0;border-radius:16px;padding:6px 12px;cursor:pointer;vertical-align:middle}.dd-wrapper:focus-within{border-color:#0937b2;background:#f5f5f5}.dd-wrapper.disabled,.dd-wrapper.readonly{pointer-events:none}.search-input{position:relative;border-radius:8px}.search-input input{outline:none;padding:10px 12px 10px 48px;background-color:transparent;font-size:15px;line-height:20px;color:#181f33;border-radius:inherit;border:1px solid transparent;width:100%}.search-input span{position:absolute;top:50%;transform:translateY(-50%);font-size:24px;width:24;line-height:24px;height:24px;left:10px}.dd-list{padding:8px 0;max-height:200px;background:#fff;box-shadow:0 12px 24px rgba(0,0,0,.12),0 4px 8px rgba(0,0,0,.12);border-radius:8px;min-width:100%;overflow-y:auto}.dd-list::-webkit-scrollbar{width:8px;border-radius:4px}.dd-list::-webkit-scrollbar-track{background:#fff;border-radius:4px}.dd-list::-webkit-scrollbar-thumb{background:#929dab;border-radius:4px}.dd-list::-webkit-scrollbar-thumb:hover{background:#929dab}.dd-list .item{padding:8px 16px;cursor:pointer}.dd-list .item .disabled{color:#6a737d!important;pointer-events:none}.dd-list .item .value{display:flex;justify-content:space-between;align-items:center}.dd-list .item .value .primary,.dd-list .item .value .secondary{font-style:normal;font-weight:400;font-size:14px;line-height:20px;letter-spacing:.2px;color:#181f33}.dd-list .item .reason{font-weight:400;font-size:14px;line-height:20px;letter-spacing:.2px;color:#6a737d}.dd-list .item:hover:not(.disabled){background:#f5f7fc}"]
+            },] }
+];
+AsyncDropdownComponent.ctorParameters = () => [
+    { type: Overlay },
+    { type: ViewContainerRef }
+];
+AsyncDropdownComponent.propDecorators = {
+    httpStream: [{ type: Input }],
+    displayKey: [{ type: Input }],
+    secondaryDisplayKey: [{ type: Input }],
+    placeholder: [{ type: Input }],
+    debounceTime: [{ type: Input }],
+    minInputLength: [{ type: Input }],
+    multi: [{ type: Input }],
+    uniqueKey: [{ type: Input }],
+    control: [{ type: Input }],
+    disabled: [{ type: Input }],
+    readonly: [{ type: Input }],
+    origin: [{ type: ViewChild, args: ['ddBtn', { static: false },] }],
+    input: [{ type: ViewChild, args: ['input', { static: false },] }],
+    dd: [{ type: ViewChild, args: ['dd', { static: false },] }],
+    customItem: [{ type: ContentChild, args: ['misCustomItem', { static: false },] }],
+    onSelect: [{ type: Output }]
+};
+
+class AsyncDropdownModule {
+}
+AsyncDropdownModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [AsyncDropdownComponent],
+                imports: [CommonModule, OverlayModule, ReactiveFormsModule, FormsModule],
+                exports: [AsyncDropdownComponent],
+            },] }
+];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AsyncDropdownComponent, AsyncDropdownModule };
+//# sourceMappingURL=mis-crystal-design-system-async-search-dropdown.js.map

package/fesm2015/mis-crystal-design-system-async-search-dropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mis-crystal-design-system-async-search-dropdown.js","sources":["../../../projects/mis-components/async-search-dropdown/async-dropdown.component.ts","../../../projects/mis-components/async-search-dropdown/async-dropdown.module.ts","../../../projects/mis-components/async-search-dropdown/mis-crystal-design-system-async-search-dropdown.ts"],"sourcesContent":["import {\n  ConnectionPositionPair,\n  Overlay,\n  OverlayConfig,\n  OverlayRef,\n} from '@angular/cdk/overlay';\nimport { TemplatePortal } from '@angular/cdk/portal';\nimport {\n  Component,\n  ContentChild,\n  ElementRef,\n  EventEmitter,\n  Input,\n  OnChanges,\n  OnDestroy,\n  OnInit,\n  Output,\n  SimpleChanges,\n  TemplateRef,\n  ViewChild,\n  ViewContainerRef,\n} from '@angular/core';\nimport { AbstractControl, FormControl } from '@angular/forms';\nimport { Observable, Subscription } from 'rxjs';\nimport { debounceTime, distinctUntilChanged, filter } from 'rxjs/operators';\n\n// tslint:disable-next-line\ntype IListData = any;\n\n@Component({\n  selector: 'mis-async-search-dropdown',\n  templateUrl: './async-dropdown.component.html',\n  styleUrls: ['./async-dropdown.component.scss'],\n})\nexport class AsyncDropdownComponent implements OnInit, OnChanges, OnDestroy {\n  constructor(\n    private overlay: Overlay,\n    private viewContainerRef: ViewContainerRef\n  ) {}\n\n  @Input() httpStream!: (searchKey: string) => Observable<IListData>; // function that returns an httpobservable\n  @Input() displayKey!: string; // string to show value in list\n  @Input() secondaryDisplayKey!: string; // string to display secondary value\n  @Input() placeholder = 'Select'; // placeholder for input\n  @Input() debounceTime = 400; // wait time till which API call is paused\n  @Input() minInputLength = 2; // min length after which API call is made\n  @Input() multi = false; // maintain a list or emit value\n  @Input() uniqueKey: string; // for identifying unique values\n  @Input() control: AbstractControl | null; // form control for reactive forms\n  @Input() disabled: boolean; // disable actions on component\n  @Input() readonly: boolean; // make component readonly\n  @ViewChild('ddBtn', { static: false }) origin: ElementRef;\n  @ViewChild('input', { static: false }) input: ElementRef;\n  @ViewChild('dd', { static: false }) dd: TemplateRef<Element>;\n  @ContentChild('misCustomItem', { static: false })\n  customItem: TemplateRef<Element>;\n  // tslint:disable-next-line\n  @Output() onSelect: EventEmitter<IListData | IListData[]> = new EventEmitter(\n    true\n  ); // emit selected values\n  searchInput: FormControl = new FormControl();\n  data: IListData[] = [];\n  opened = false;\n  // tslint:disable-next-line\n  selections: Map<string, any> = new Map();\n  private searchSubscription: Subscription;\n  private overlayRef: OverlayRef;\n  controlSubscription: Subscription | undefined;\n\n  ngOnInit(): void {\n    if (this.multi && !this.uniqueKey) {\n      throw new Error('[uniqueKey] required in multi mode.');\n    }\n    if (this.disabled) {\n      this.searchInput.disable();\n    }\n    this.searchSubscription = this.searchInput.valueChanges\n      .pipe(\n        filter((val) => val && val.length >= this.minInputLength),\n        debounceTime(this.debounceTime),\n        distinctUntilChanged()\n      )\n      .subscribe((res) => {\n        this.httpStream(res).subscribe((list) => {\n          this.data = list;\n          if (!this.overlayRef?.hasAttached() && list.length > 0) {\n            this.openDropdown(this.dd, this.origin.nativeElement);\n          }\n        });\n      });\n    if (this.control?.value) {\n      this.handleControlChanges(this.control.value);\n    }\n    this.controlSubscription = this.control?.valueChanges.subscribe(\n      this.handleControlChanges\n    );\n  }\n\n  ngOnChanges(changes: SimpleChanges): void {\n    if (changes && changes.disabled) {\n      this.searchInput.enable();\n      if (this.disabled) {\n        this.searchInput.disable();\n      }\n    }\n  }\n\n  ngOnDestroy(): void {\n    this.searchSubscription?.unsubscribe();\n  }\n\n  private handleControlChanges = (values: IListData[]) => {\n    values.forEach((el) => {\n      this.selectData(el, true);\n    });\n    // tslint:disable-next-line\n  };\n\n  private openDropdown(\n    template: TemplateRef<Element>,\n    origin: HTMLElement\n  ): void {\n    const positionStrategy = this.overlay\n      .position()\n      .flexibleConnectedTo(origin)\n      .withPositions([\n        new ConnectionPositionPair(\n          { originX: 'start', originY: 'bottom' },\n          { overlayX: 'start', overlayY: 'top' }\n        ),\n        new ConnectionPositionPair(\n          { originX: 'start', originY: 'top' },\n          { overlayX: 'start', overlayY: 'bottom' }\n        ),\n      ])\n      .withPush(true);\n\n    const configs = new OverlayConfig({\n      hasBackdrop: true,\n      backdropClass: 'cdk-overlay-transparent-backdrop',\n      scrollStrategy: this.overlay.scrollStrategies.reposition(),\n      positionStrategy,\n      width: origin.clientWidth,\n    });\n    this.overlayRef = this.overlay.create(configs);\n    this.overlayRef.attach(new TemplatePortal(template, this.viewContainerRef));\n    this.overlayRef.backdropClick().subscribe((res) => {\n      this.closeDropdown();\n    });\n  }\n\n  /**\n   * closes the dropdown\n   */\n  closeDropdown(): void {\n    this.opened = false;\n    this.overlayRef?.detach();\n    this.data = [];\n  }\n\n  /**\n   *\n   * @param item item to select\n   * if item property disabled is set to true, selection will be disabled\n   * @param effectedFromOutside set to true if calling from parent component, if true will focus on search input\n   */\n  selectData(item: IListData, effectedFromOutside = true): void {\n    if (item.disabled) {\n      return;\n    }\n    if (!this.multi) {\n      this.searchInput.patchValue(item[this.displayKey], { emitEvent: false });\n      this.setControlValue(item);\n    } else {\n      if (!this.selections.has(item[this.uniqueKey])) {\n        this.selections.set(item[this.uniqueKey], item);\n      }\n      this.setControlValue(this.selectedItems);\n      if (!effectedFromOutside) {\n        setTimeout(() => {\n          this.input.nativeElement.focus();\n          this.input.nativeElement.scrollIntoView();\n        }, 10);\n      }\n      this.searchInput.patchValue('');\n      this.data = [];\n    }\n    this.closeDropdown();\n  }\n\n  /**\n   *\n   * @param item remove item from selected list\n   */\n  removeItem(item: IListData): void {\n    this.selections.delete(item[this.uniqueKey]);\n    this.setControlValue(this.selectedItems);\n    // tslint:disable-next-line\n    this.input['nativeElement'].focus();\n  }\n\n  private setControlValue(value: IListData): void {\n    this.onSelect.emit(value);\n    this.control?.patchValue(value, { emitEvent: false });\n  }\n\n  /**\n   * @returns list of selected items\n   */\n  get selectedItems(): Array<IListData> {\n    return Array.from(this.selections.values());\n  }\n}\n","import { OverlayModule } from '@angular/cdk/overlay';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { AsyncDropdownComponent } from './async-dropdown.component';\n\n@NgModule({\n  declarations: [AsyncDropdownComponent],\n  imports: [CommonModule, OverlayModule, ReactiveFormsModule, FormsModule],\n  exports: [AsyncDropdownComponent],\n})\nexport class AsyncDropdownModule {}\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-button.js

@@ -0,0 +1,120 @@
+import { EventEmitter, Component, Input, Output, Directive, ElementRef, Renderer2, HostBinding, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+class ButtonComponent {
+    constructor() {
+        this.name = 'Enabled';
+        this.type = 'Solid';
+        this.size = 'Medium';
+        this.width = '';
+        this.showIcon = false;
+        this.iconUrl = '';
+        this.iconPosition = 'Left';
+        this.disabled = false;
+        this.disableLeftBorderRadius = false;
+        this.disableRightBorderRadius = false;
+        /** Emits event when button is clicked */
+        this.click = new EventEmitter();
+    }
+    ngOnInit() { }
+    onClick(event) {
+        this.click.emit(event);
+    }
+}
+ButtonComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'mis-button',
+                template: "<button\n  (click)=\"onClick($event);\"\n  [disabled]=\"disabled\"\n  [ngClass]=\"{\n    'solid': type === 'Solid',\n    'outline': type === 'Outline',\n    'text': type === 'Text',\n    'large': size === 'Large',\n    'medium': size === 'Medium',\n    'small': size === 'Small',\n    'large-mobile': size === 'Large-M',\n    'small-mobile': size === 'Small-M'\n  }\"\n  [ngStyle]=\"{\n    'border-top-left-radius': disableLeftBorderRadius ? '0px': '',\n    'border-bottom-left-radius': disableLeftBorderRadius ? '0px': '',\n    'border-top-right-radius': disableRightBorderRadius ? '0px': '',\n    'border-bottom-right-radius': disableRightBorderRadius ? '0px': '',\n    'width': width\n  }\"\n>\n  <span id=\"left-icon\" *ngIf=\"showIcon && iconPosition === 'Left'\">\n    <img [src]=\"iconUrl\" alt=\"\">\n  </span>\n  {{name}}\n  <span id=\"right-icon\" *ngIf=\"showIcon && iconPosition === 'Right'\">\n    <img [src]=\"iconUrl\" alt=\"\">\n  </span>\n</button>\n",
+                styles: ["button{font-family:Lato,sans-serif!important;border:none;padding:0;margin:0;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#181f33;background-color:#fff}.solid{color:#fff;background:#0937b2}.solid:hover:enabled{background:#062a99}.solid:active:enabled{background:#041f80}.solid:disabled{color:#929dab;background:#f5f5f5}.outline{border:1px solid #0937b2;color:#0937b2;background:#fff}.outline:hover:enabled{background:#f0f3fa}.outline:active:enabled{background:#dae1f3}.outline:disabled{color:#929dab;border:1px solid #929dab}.text{color:#181f33;background:#fff}.text:hover:enabled{background:#f0f3fa}.text:active:enabled{background:#dae1f3}.text:disabled{color:#929dab}.large{height:56px;padding:16px;border-radius:10px;font-weight:700;letter-spacing:.5px}.large,.medium{font-style:normal;font-size:16px;line-height:24px}.medium{height:44px;padding:10px 16px;border-radius:8px;font-weight:400;letter-spacing:.2px}.small{height:32px;padding:6px 16px;border-radius:6px;font-weight:400;letter-spacing:.25px}.large-mobile,.small{font-style:normal;font-size:14px;line-height:20px}.large-mobile{height:44px;padding:12px}.large-mobile,.small-mobile{border-radius:8px;font-weight:700;letter-spacing:.1px}.small-mobile{height:32px;padding:6px 12px;font-style:normal;font-size:14px;line-height:20px}span{display:flex;justify-content:center;align-items:center}#left-icon{margin-right:8px}#right-icon{margin-left:8px}"]
+            },] }
+];
+ButtonComponent.ctorParameters = () => [];
+ButtonComponent.propDecorators = {
+    name: [{ type: Input }],
+    type: [{ type: Input }],
+    size: [{ type: Input }],
+    width: [{ type: Input }],
+    showIcon: [{ type: Input }],
+    iconUrl: [{ type: Input }],
+    iconPosition: [{ type: Input }],
+    disabled: [{ type: Input }],
+    disableLeftBorderRadius: [{ type: Input }],
+    disableRightBorderRadius: [{ type: Input }],
+    click: [{ type: Output }]
+};
+
+class ButtonDirective {
+    constructor(el, renderer) {
+        this.el = el;
+        this.renderer = renderer;
+        this.type = 'none';
+        this.size = 'md';
+        this.elementClass = 'mis-btn';
+    }
+    ngAfterViewInit() {
+        this.bindTypeClass();
+        this.bindSizeClass();
+    }
+    bindTypeClass() {
+        let className = '';
+        switch (this.type) {
+            case 'primary':
+                className = 'mis-primary';
+                break;
+            case 'outline':
+                className = 'mis-outline';
+                break;
+            default:
+                className = 'mis-none';
+        }
+        this.renderer.addClass(this.el.nativeElement, className);
+    }
+    bindSizeClass() {
+        let className = '';
+        switch (this.size) {
+            case 'lg':
+                className = 'mis-btn-lg';
+                break;
+            case 'sm':
+                className = 'mis-btn-sm';
+                break;
+            default:
+                className = 'mis-btn-md';
+        }
+        this.renderer.addClass(this.el.nativeElement, className);
+    }
+}
+ButtonDirective.decorators = [
+    { type: Directive, args: [{
+                selector: '[mis-button]',
+            },] }
+];
+ButtonDirective.ctorParameters = () => [
+    { type: ElementRef },
+    { type: Renderer2 }
+];
+ButtonDirective.propDecorators = {
+    type: [{ type: Input }],
+    size: [{ type: Input }],
+    elementClass: [{ type: HostBinding, args: ['class',] }]
+};
+
+class ButtonModule {
+    static forRoot() {
+        return { ngModule: ButtonModule, providers: [] };
+    }
+}
+ButtonModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [ButtonComponent, ButtonDirective],
+                imports: [CommonModule],
+                exports: [ButtonComponent, ButtonDirective]
+            },] }
+];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ButtonComponent, ButtonModule, ButtonDirective as ɵa };
+//# sourceMappingURL=mis-crystal-design-system-button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mis-crystal-design-system-button.js","sources":["../../../projects/mis-components/button/button.component.ts","../../../projects/mis-components/button/button.directive.ts","../../../projects/mis-components/button/button.module.ts","../../../projects/mis-components/button/mis-crystal-design-system-button.ts"],"sourcesContent":["import {Component, Input, OnInit, Output, EventEmitter, ContentChild, TemplateRef} from '@angular/core';\n\n@Component({\n  selector: 'mis-button',\n  templateUrl: './button.component.html',\n  styleUrls: ['./button.component.scss']\n})\nexport class ButtonComponent implements OnInit{\n\n  @Input() name: string = 'Enabled'\n  @Input() type: 'Solid' | 'Outline' | 'Text' = 'Solid'\n  @Input() size: 'Small' | 'Medium' | 'Large' | 'Small-M' | 'Large-M' = 'Medium'\n  @Input() width: string = ''\n\n  @Input() showIcon: boolean = false\n  @Input() iconUrl: string = ''\n  @Input() iconPosition: 'Left' | 'Right' = 'Left'\n\n  @Input() disabled: boolean = false\n  @Input() disableLeftBorderRadius: boolean = false\n  @Input() disableRightBorderRadius: boolean = false\n\n  /** Emits event when button is clicked */\n  @Output() click = new EventEmitter<any>()\n\n  constructor(){}\n\n  ngOnInit(){}\n\n  onClick(event){\n    this.click.emit(event)\n  }\n}\n","import {\n  AfterViewInit,\n  Directive,\n  ElementRef,\n  HostBinding,\n  Input,\n  Renderer2,\n} from '@angular/core';\n\n@Directive({\n  selector: '[mis-button]',\n})\nexport class ButtonDirective implements AfterViewInit {\n  @Input() type: 'primary' | 'outline' | 'none' = 'none';\n  @Input() size: 'sm' | 'md' | 'lg' = 'md';\n  @HostBinding('class') elementClass = 'mis-btn';\n\n  constructor(private el: ElementRef, private renderer: Renderer2) { }\n\n  ngAfterViewInit(): void {\n    this.bindTypeClass();\n    this.bindSizeClass();\n  }\n\n  private bindTypeClass(): void {\n    let className = '';\n    switch (this.type) {\n      case 'primary':\n        className = 'mis-primary';\n        break;\n      case 'outline':\n        className = 'mis-outline';\n        break;\n      default:\n        className = 'mis-none';\n    }\n    this.renderer.addClass(this.el.nativeElement, className);\n  }\n\n  private bindSizeClass(): void {\n    let className = '';\n    switch (this.size) {\n      case 'lg':\n        className = 'mis-btn-lg';\n        break;\n      case 'sm':\n        className = 'mis-btn-sm';\n        break;\n      default:\n        className = 'mis-btn-md';\n    }\n    this.renderer.addClass(this.el.nativeElement, className);\n  }\n}\n","import { NgModule, ModuleWithProviders } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ButtonDirective } from './button.directive';\nimport { ButtonComponent } from './button.component';\n\n@NgModule({\n  declarations: [ButtonComponent, ButtonDirective],\n  imports: [CommonModule],\n  exports: [ButtonComponent, ButtonDirective]\n})\nexport class ButtonModule {\n  static forRoot(): ModuleWithProviders<ButtonModule> {\n    return { ngModule: ButtonModule, providers: [] };\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n\nexport {ButtonDirective as ɵa} from './button.directive';"],"names":[],"mappings":";;;MAOa,eAAe;IAkB1B;QAhBS,SAAI,GAAW,SAAS,CAAA;QACxB,SAAI,GAAiC,OAAO,CAAA;QAC5C,SAAI,GAAyD,QAAQ,CAAA;QACrE,UAAK,GAAW,EAAE,CAAA;QAElB,aAAQ,GAAY,KAAK,CAAA;QACzB,YAAO,GAAW,EAAE,CAAA;QACpB,iBAAY,GAAqB,MAAM,CAAA;QAEvC,aAAQ,GAAY,KAAK,CAAA;QACzB,4BAAuB,GAAY,KAAK,CAAA;QACxC,6BAAwB,GAAY,KAAK,CAAA;;QAGxC,UAAK,GAAG,IAAI,YAAY,EAAO,CAAA;KAE1B;IAEf,QAAQ,MAAI;IAEZ,OAAO,CAAC,KAAK;QACX,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;KACvB;;;YA7BF,SAAS,SAAC;gBACT,QAAQ,EAAE,YAAY;gBACtB,m9BAAsC;;aAEvC;;;;mBAGE,KAAK;mBACL,KAAK;mBACL,KAAK;oBACL,KAAK;uBAEL,KAAK;sBACL,KAAK;2BACL,KAAK;uBAEL,KAAK;sCACL,KAAK;uCACL,KAAK;oBAGL,MAAM;;;MCXI,eAAe;IAK1B,YAAoB,EAAc,EAAU,QAAmB;QAA3C,OAAE,GAAF,EAAE,CAAY;QAAU,aAAQ,GAAR,QAAQ,CAAW;QAJtD,SAAI,GAAmC,MAAM,CAAC;QAC9C,SAAI,GAAuB,IAAI,CAAC;QACnB,iBAAY,GAAG,SAAS,CAAC;KAEqB;IAEpE,eAAe;QACb,IAAI,CAAC,aAAa,EAAE,CAAC;QACrB,IAAI,CAAC,aAAa,EAAE,CAAC;KACtB;IAEO,aAAa;QACnB,IAAI,SAAS,GAAG,EAAE,CAAC;QACnB,QAAQ,IAAI,CAAC,IAAI;YACf,KAAK,SAAS;gBACZ,SAAS,GAAG,aAAa,CAAC;gBAC1B,MAAM;YACR,KAAK,SAAS;gBACZ,SAAS,GAAG,aAAa,CAAC;gBAC1B,MAAM;YACR;gBACE,SAAS,GAAG,UAAU,CAAC;SAC1B;QACD,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,aAAa,EAAE,SAAS,CAAC,CAAC;KAC1D;IAEO,aAAa;QACnB,IAAI,SAAS,GAAG,EAAE,CAAC;QACnB,QAAQ,IAAI,CAAC,IAAI;YACf,KAAK,IAAI;gBACP,SAAS,GAAG,YAAY,CAAC;gBACzB,MAAM;YACR,KAAK,IAAI;gBACP,SAAS,GAAG,YAAY,CAAC;gBACzB,MAAM;YACR;gBACE,SAAS,GAAG,YAAY,CAAC;SAC5B;QACD,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,aAAa,EAAE,SAAS,CAAC,CAAC;KAC1D;;;YA3CF,SAAS,SAAC;gBACT,QAAQ,EAAE,cAAc;aACzB;;;YARC,UAAU;YAGV,SAAS;;;mBAOR,KAAK;mBACL,KAAK;2BACL,WAAW,SAAC,OAAO;;;MCLT,YAAY;IACvB,OAAO,OAAO;QACZ,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC;KAClD;;;YARF,QAAQ,SAAC;gBACR,YAAY,EAAE,CAAC,eAAe,EAAE,eAAe,CAAC;gBAChD,OAAO,EAAE,CAAC,YAAY,CAAC;gBACvB,OAAO,EAAE,CAAC,eAAe,EAAE,eAAe,CAAC;aAC5C;;;ACTD;;;;;;"}

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

@@ -0,0 +1,101 @@
+import { EventEmitter, Component, ViewChild, Input, Output, NgModule } from '@angular/core';
+import { FormControl, ReactiveFormsModule } from '@angular/forms';
+import { CommonModule } from '@angular/common';
+
+class CheckboxComponent {
+    constructor() {
+        this.isError = false;
+        this.isIndeterminate = false;
+        this.name = '';
+        this.formControl = new FormControl();
+        this.valueChange = new EventEmitter();
+    }
+    set type(value) {
+        this.isError = value === 'Error';
+    }
+    set indeterminate(value) {
+        if (value) {
+            this.formControl.setValue(true);
+            this.valueChange.emit({
+                name: this.name,
+                value: true
+            });
+        }
+        else {
+            this.formControl.setValue(false);
+            this.valueChange.emit({
+                name: this.name,
+                value: false
+            });
+        }
+        this.isIndeterminate = value;
+    }
+    set checked(value) {
+        if (value)
+            this.formControl.setValue(true);
+        else
+            this.formControl.setValue(false);
+    }
+    set disabled(value) {
+        if (value)
+            this.formControl.disable();
+        else
+            this.formControl.enable();
+    }
+    ngOnInit() {
+    }
+    toggleState() {
+        if (this.isIndeterminate) {
+            this.isIndeterminate = false;
+            this.formControl.setValue(true);
+        }
+        else {
+            if (this.formControl.value)
+                this.formControl.setValue(false);
+            else
+                this.formControl.setValue(true);
+        }
+        this.valueChange.emit({
+            name: this.name,
+            value: this.formControl.value
+        });
+    }
+}
+CheckboxComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'mis-checkbox',
+                template: "<div\n  class=\"checkbox-container\"\n  (click)=\"!formControl.disabled && toggleState()\"\n>\n    <input\n        hidden\n        type=\"checkbox\"\n        [formControl]=\"formControl\"\n        (click)=\"$event.stopPropagation()\"\n    >\n    <span\n      class=\"checkmark\"\n      tabindex=\"0\"\n      *ngIf=\"!isIndeterminate\"\n      [ngClass]=\"{\n        'disabled-checkbox': formControl.disabled,\n        'error': isError && !formControl.disabled\n      }\"\n    ></span>\n    <span\n      class=\"checkmark indeterminate\"\n      tabindex=\"0\"\n      *ngIf=\"isIndeterminate\"\n      [ngClass]=\"{\n      'disabled-checkbox': formControl.disabled,\n      'error': isError && !formControl.disabled\n      }\"\n    ></span>\n</div>\n",
+                styles: [".checkbox-container{height:20px;width:20px;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:sub}.checkbox-container input{opacity:0;cursor:pointer}.checkbox-container input,.checkmark{position:absolute;height:20px;width:20px}.checkmark{display:flex;justify-content:center;align-items:center;top:0;left:0;border-radius:4px;background-color:#fff;border:2px solid #6a737d;box-sizing:border-box}.checkmark:hover{border-color:#929dab}.checkmark:focus,.checkmark:focus-within{box-shadow:0 0 0 .09em #fff,0 0 .01em .2em #0937b2;outline:none}.checkbox-container input:checked~.checkmark{background-color:#0937b2;border-color:#0937b2}.checkbox-container input:checked~.checkmark.disabled-checkbox{background-color:#c8cdd3;border-color:#c8cdd3}.checkmark:after{content:\"\";position:absolute;display:none}.checkbox-container input:checked~.checkmark:after{display:block}.checkbox-container .checkmark:after{top:1px;width:4px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-container .checkmark.indeterminate:after{top:2px;width:2px;height:0;border:solid #fff;border-width:0 0 12px;border-radius:14px;transform:rotate(90deg);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg)}.disabled-checkbox{pointer-events:none;border-color:#c8cdd3}.error{border-color:#b00020}.checkbox-container input:checked~.error.checkmark{border:#b00020!important;background:#b00020!important}.checkbox-container .error.checkmark:after{top:3px;width:4px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-container .error.checkmark.indeterminate:after{top:4px;width:2px;height:0;border:solid #fff;border-width:0 0 12px;border-radius:14px;transform:rotate(90deg);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg)}.error:focus,.error:focus-within{box-shadow:none!important;outline:none}"]
+            },] }
+];
+CheckboxComponent.ctorParameters = () => [];
+CheckboxComponent.propDecorators = {
+    inputBox: [{ type: ViewChild, args: ['input',] }],
+    type: [{ type: Input }],
+    indeterminate: [{ type: Input }],
+    checked: [{ type: Input }],
+    disabled: [{ type: Input }],
+    name: [{ type: Input }],
+    formControl: [{ type: Input }],
+    valueChange: [{ type: Output }]
+};
+
+class CheckboxModule {
+    static forRoot() {
+        return { ngModule: CheckboxModule, providers: [] };
+    }
+}
+CheckboxModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [CheckboxComponent],
+                imports: [CommonModule, ReactiveFormsModule],
+                exports: [CheckboxComponent]
+            },] }
+];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CheckboxComponent, CheckboxModule };
+//# sourceMappingURL=mis-crystal-design-system-checkbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mis-crystal-design-system-checkbox.js","sources":["../../../projects/mis-components/checkbox/checkbox.component.ts","../../../projects/mis-components/checkbox/checkbox.module.ts","../../../projects/mis-components/checkbox/mis-crystal-design-system-checkbox.ts"],"sourcesContent":["import {Component, OnInit, EventEmitter, Input, Output, ViewChild, ElementRef, Renderer2} from '@angular/core';\nimport {AbstractControl, FormControl} from '@angular/forms';\n\n@Component({\n  selector: 'mis-checkbox',\n  templateUrl: './checkbox.component.html',\n  styleUrls: ['./checkbox.component.scss']\n})\nexport class CheckboxComponent implements OnInit {\n\n  public isError: boolean = false\n  public isIndeterminate: boolean = false\n\n  @ViewChild('input') inputBox: ElementRef\n  @Input() set type(value: 'Default' | 'Error') {\n    this.isError = value === 'Error';\n  }\n  @Input() set indeterminate(value: boolean){\n    if(value) {\n      this.formControl.setValue(true)\n      this.valueChange.emit({\n        name: this.name,\n        value: true\n      })\n    }\n    else{\n      this.formControl.setValue(false)\n      this.valueChange.emit({\n        name: this.name,\n        value: false\n      })\n    }\n    this.isIndeterminate = value\n  }\n  @Input() set checked(value: boolean){\n    if(value)this.formControl.setValue(true)\n    else this.formControl.setValue(false)\n  }\n  @Input() set disabled(value: boolean){\n    if(value) this.formControl.disable()\n    else this.formControl.enable()\n  }\n  @Input() name: string = ''\n  @Input() formControl: AbstractControl = new FormControl()\n  @Output() valueChange = new EventEmitter<{name: string, value: boolean}>()\n\n  constructor() {}\n  ngOnInit() {\n  }\n\n  toggleState() {\n    if(this.isIndeterminate) {\n      this.isIndeterminate = false;\n      this.formControl.setValue(true)\n    } else {\n      if(this.formControl.value) this.formControl.setValue(false)\n      else this.formControl.setValue(true)\n    }\n    this.valueChange.emit({\n      name: this.name,\n      value: this.formControl.value\n    });\n  }\n\n}\n","import { NgModule, ModuleWithProviders } from '@angular/core';\nimport {ReactiveFormsModule} from '@angular/forms';\nimport { CommonModule } from '@angular/common';\n\nimport { CheckboxComponent } from './checkbox.component';\n\n\n@NgModule({\n  declarations: [CheckboxComponent],\n  imports: [CommonModule, ReactiveFormsModule],\n  exports: [CheckboxComponent]\n})\nexport class CheckboxModule {\n  static forRoot(): ModuleWithProviders<CheckboxModule> {\n    return { ngModule: CheckboxModule, providers: [] };\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MAQa,iBAAiB;IAsC5B;QApCO,YAAO,GAAY,KAAK,CAAA;QACxB,oBAAe,GAAY,KAAK,CAAA;QA+B9B,SAAI,GAAW,EAAE,CAAA;QACjB,gBAAW,GAAoB,IAAI,WAAW,EAAE,CAAA;QAC/C,gBAAW,GAAG,IAAI,YAAY,EAAkC,CAAA;KAE1D;IAhChB,IAAa,IAAI,CAAC,KAA0B;QAC1C,IAAI,CAAC,OAAO,GAAG,KAAK,KAAK,OAAO,CAAC;KAClC;IACD,IAAa,aAAa,CAAC,KAAc;QACvC,IAAG,KAAK,EAAE;YACR,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;YAC/B,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;gBACpB,IAAI,EAAE,IAAI,CAAC,IAAI;gBACf,KAAK,EAAE,IAAI;aACZ,CAAC,CAAA;SACH;aACG;YACF,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;YAChC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;gBACpB,IAAI,EAAE,IAAI,CAAC,IAAI;gBACf,KAAK,EAAE,KAAK;aACb,CAAC,CAAA;SACH;QACD,IAAI,CAAC,eAAe,GAAG,KAAK,CAAA;KAC7B;IACD,IAAa,OAAO,CAAC,KAAc;QACjC,IAAG,KAAK;YAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;;YACnC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;KACtC;IACD,IAAa,QAAQ,CAAC,KAAc;QAClC,IAAG,KAAK;YAAE,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE,CAAA;;YAC/B,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE,CAAA;KAC/B;IAMD,QAAQ;KACP;IAED,WAAW;QACT,IAAG,IAAI,CAAC,eAAe,EAAE;YACvB,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;YAC7B,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;SAChC;aAAM;YACL,IAAG,IAAI,CAAC,WAAW,CAAC,KAAK;gBAAE,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;;gBACtD,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;SACrC;QACD,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;YACpB,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,KAAK,EAAE,IAAI,CAAC,WAAW,CAAC,KAAK;SAC9B,CAAC,CAAC;KACJ;;;YA3DF,SAAS,SAAC;gBACT,QAAQ,EAAE,cAAc;gBACxB,qvBAAwC;;aAEzC;;;;uBAME,SAAS,SAAC,OAAO;mBACjB,KAAK;4BAGL,KAAK;sBAiBL,KAAK;uBAIL,KAAK;mBAIL,KAAK;0BACL,KAAK;0BACL,MAAM;;;MChCI,cAAc;IACzB,OAAO,OAAO;QACZ,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC;KACpD;;;YARF,QAAQ,SAAC;gBACR,YAAY,EAAE,CAAC,iBAAiB,CAAC;gBACjC,OAAO,EAAE,CAAC,YAAY,EAAE,mBAAmB,CAAC;gBAC5C,OAAO,EAAE,CAAC,iBAAiB,CAAC;aAC7B;;;ACXD;;;;;;"}