npm - mis-crystal-design-system - Versions diffs - 14.0.0 → 14.0.2 - Mend

mis-crystal-design-system 14.0.0 → 14.0.2

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

Files changed (229) hide show

package/fesm2015/mis-crystal-design-system-phone-input.mjs CHANGED Viewed

@@ -10,6 +10,7 @@ import { DropdownModule } from 'mis-crystal-design-system/dropdown';
 import { OverlayModule } from '@angular/cdk/overlay';
 import { ScrollingModule } from '@angular/cdk-experimental/scrolling';
+const _c0 = function (a0) { return { "height": a0 }; };
 class PhoneInputComponent {
     constructor() {
         this.dropdownHeight = "";
@@ -64,12 +65,28 @@ class PhoneInputComponent {
         }
     }
 }
-PhoneInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PhoneInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-PhoneInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: PhoneInputComponent, selector: "mis-phone-input", inputs: { dropdownHeight: "dropdownHeight", dropdownWidth: "dropdownWidth", inputHeight: "inputHeight", dropdownData: "dropdownData", dropdownSelectedItem: "dropdownSelectedItem", defaultCountryCode: "defaultCountryCode", label: "label", inputPlaceholder: "inputPlaceholder", inputFormControl: "inputFormControl", dropdownListWidth: "dropdownListWidth", dropdownListHeight: "dropdownListHeight", searchEnabled: "searchEnabled", inputType: "inputType", searchLabel: "searchLabel", phoneValidator: "phoneValidator" }, outputs: { onDropdownSelection: "onDropdownSelection", onInvalidPhoneNumber: "onInvalidPhoneNumber" }, ngImport: i0, template: "<div class=\"main-container-phone\">\n  <mis-dropdown [height]=\"dropdownHeight\" [dropdownListWidth]=\"dropdownListWidth\"[dropdownListHeight]=\"dropdownListHeight\" [width]=\"dropdownWidth\" [data]=\"dropdownData\" [selectedItem]=\"dropdownSelectedItem\" [label]=\"label\" [searchEnabled]=\"searchEnabled\" [multiLine]=\"false\" (onChange)=\"handleDropdownSelection($event)\" [searchLabel]=\"searchLabel\"></mis-dropdown>\n  <div class=\"details-field\">\n    <div class=\"input-box\">\n      <input\n      [ngStyle]=\"{'height': inputHeight }\"\n        class=\"black-text\"  \n        [placeholder]=\"inputPlaceholder\"\n        [formControl]=\"inputFormControl\" \n        [type]=\"inputType\"\n      />\n    </div>\n  </div>\n</div>\n", styles: [".main-container-phone{display:flex;border:1px solid #E0E0E0;border-radius:6px}.details-field label{display:inline-block;min-width:224px;margin-right:24px}.details-field .input-box{width:100%}.details-field .input-box input{width:100%;height:32px}input{padding:10px 16px;border:none;outline:none;color:#181f33;line-height:24px;font-size:16px;width:100%;height:auto;border-radius:6px}.black-text{color:#181f33;font-size:16px;line-height:24px}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.main-container-phone ::ng-deep .item{padding:8px!important}.main-container-phone ::ng-deep .dropdown{border:unset!important}\n"], dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i3.DropdownComponent, selector: "mis-dropdown", inputs: ["data", "height", "width", "label", "itemSizeForCdk", "showOnlyIcon", "higlightSelectedValue", "dropdownListHeight", "dropdownListWidth", "dropdownListPosition", "config", "searchEnabled", "selectedItem", "noDataMessage", "multiLine", "additionalInfoMessage", "scrollIntoView", "searchLabel", "customStyles", "activeItem"], outputs: ["onChange"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PhoneInputComponent, decorators: [{
+PhoneInputComponent.ɵfac = function PhoneInputComponent_Factory(t) { return new (t || PhoneInputComponent)(); };
+PhoneInputComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PhoneInputComponent, selectors: [["mis-phone-input"]], inputs: { dropdownHeight: "dropdownHeight", dropdownWidth: "dropdownWidth", inputHeight: "inputHeight", dropdownData: "dropdownData", dropdownSelectedItem: "dropdownSelectedItem", defaultCountryCode: "defaultCountryCode", label: "label", inputPlaceholder: "inputPlaceholder", inputFormControl: "inputFormControl", dropdownListWidth: "dropdownListWidth", dropdownListHeight: "dropdownListHeight", searchEnabled: "searchEnabled", inputType: "inputType", searchLabel: "searchLabel", phoneValidator: "phoneValidator" }, outputs: { onDropdownSelection: "onDropdownSelection", onInvalidPhoneNumber: "onInvalidPhoneNumber" }, decls: 5, vars: 16, consts: [[1, "main-container-phone"], [3, "height", "dropdownListWidth", "dropdownListHeight", "width", "data", "selectedItem", "label", "searchEnabled", "multiLine", "searchLabel", "onChange"], [1, "details-field"], [1, "input-box"], [1, "black-text", 3, "ngStyle", "placeholder", "formControl", "type"]], template: function PhoneInputComponent_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "mis-dropdown", 1);
+            i0.ɵɵlistener("onChange", function PhoneInputComponent_Template_mis_dropdown_onChange_1_listener($event) { return ctx.handleDropdownSelection($event); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(2, "div", 2)(3, "div", 3);
+            i0.ɵɵelement(4, "input", 4);
+            i0.ɵɵelementEnd()()();
+        }
+        if (rf & 2) {
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("height", ctx.dropdownHeight)("dropdownListWidth", ctx.dropdownListWidth)("dropdownListHeight", ctx.dropdownListHeight)("width", ctx.dropdownWidth)("data", ctx.dropdownData)("selectedItem", ctx.dropdownSelectedItem)("label", ctx.label)("searchEnabled", ctx.searchEnabled)("multiLine", false)("searchLabel", ctx.searchLabel);
+            i0.ɵɵadvance(3);
+            i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(14, _c0, ctx.inputHeight))("placeholder", ctx.inputPlaceholder)("formControl", ctx.inputFormControl)("type", ctx.inputType);
+        }
+    }, dependencies: [i1.NgStyle, i2.DefaultValueAccessor, i2.NgControlStatus, i2.FormControlDirective, i3.DropdownComponent], styles: [".main-container-phone[_ngcontent-%COMP%]{display:flex;border:1px solid #E0E0E0;border-radius:6px}.details-field[_ngcontent-%COMP%]   label[_ngcontent-%COMP%]{display:inline-block;min-width:224px;margin-right:24px}.details-field[_ngcontent-%COMP%]   .input-box[_ngcontent-%COMP%]{width:100%}.details-field[_ngcontent-%COMP%]   .input-box[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]{width:100%;height:32px}input[_ngcontent-%COMP%]{padding:10px 16px;border:none;outline:none;color:#181f33;line-height:24px;font-size:16px;width:100%;height:auto;border-radius:6px}.black-text[_ngcontent-%COMP%]{color:#181f33;font-size:16px;line-height:24px}input[_ngcontent-%COMP%]::-webkit-outer-spin-button, input[_ngcontent-%COMP%]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.main-container-phone[_ngcontent-%COMP%]     .item{padding:8px!important}.main-container-phone[_ngcontent-%COMP%]     .dropdown{border:unset!important}"] });
+(function () {
+    (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PhoneInputComponent, [{
             type: Component,
             args: [{ selector: "mis-phone-input", template: "<div class=\"main-container-phone\">\n  <mis-dropdown [height]=\"dropdownHeight\" [dropdownListWidth]=\"dropdownListWidth\"[dropdownListHeight]=\"dropdownListHeight\" [width]=\"dropdownWidth\" [data]=\"dropdownData\" [selectedItem]=\"dropdownSelectedItem\" [label]=\"label\" [searchEnabled]=\"searchEnabled\" [multiLine]=\"false\" (onChange)=\"handleDropdownSelection($event)\" [searchLabel]=\"searchLabel\"></mis-dropdown>\n  <div class=\"details-field\">\n    <div class=\"input-box\">\n      <input\n      [ngStyle]=\"{'height': inputHeight }\"\n        class=\"black-text\"  \n        [placeholder]=\"inputPlaceholder\"\n        [formControl]=\"inputFormControl\" \n        [type]=\"inputType\"\n      />\n    </div>\n  </div>\n</div>\n", styles: [".main-container-phone{display:flex;border:1px solid #E0E0E0;border-radius:6px}.details-field label{display:inline-block;min-width:224px;margin-right:24px}.details-field .input-box{width:100%}.details-field .input-box input{width:100%;height:32px}input{padding:10px 16px;border:none;outline:none;color:#181f33;line-height:24px;font-size:16px;width:100%;height:auto;border-radius:6px}.black-text{color:#181f33;font-size:16px;line-height:24px}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.main-container-phone ::ng-deep .item{padding:8px!important}.main-container-phone ::ng-deep .dropdown{border:unset!important}\n"] }]
-        }], ctorParameters: function () { return []; }, propDecorators: { dropdownHeight: [{
+        }], function () { return []; }, { dropdownHeight: [{
                 type: Input
             }], dropdownWidth: [{
                 type: Input
@@ -103,24 +120,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
                 type: Input
             }], phoneValidator: [{
                 type: Input
-            }] } });
+            }] });
+})();
 class PhoneInputModule {
     static forRoot() {
         return { ngModule: PhoneInputModule, providers: [] };
     }
 }
-PhoneInputModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PhoneInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-PhoneInputModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: PhoneInputModule, declarations: [PhoneInputComponent], imports: [CommonModule, ReactiveFormsModule, FormsModule, OverlayModule, ScrollingModule, DropdownModule], exports: [PhoneInputComponent] });
-PhoneInputModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PhoneInputModule, imports: [CommonModule, ReactiveFormsModule, FormsModule, OverlayModule, ScrollingModule, DropdownModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PhoneInputModule, decorators: [{
+PhoneInputModule.ɵfac = function PhoneInputModule_Factory(t) { return new (t || PhoneInputModule)(); };
+PhoneInputModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: PhoneInputModule });
+PhoneInputModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule, ReactiveFormsModule, FormsModule, OverlayModule, ScrollingModule, DropdownModule] });
+(function () {
+    (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PhoneInputModule, [{
             type: NgModule,
             args: [{
                     declarations: [PhoneInputComponent],
                     imports: [CommonModule, ReactiveFormsModule, FormsModule, OverlayModule, ScrollingModule, DropdownModule],
                     exports: [PhoneInputComponent]
                 }]
-        }] });
+        }], null, null);
+})();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(PhoneInputModule, { declarations: [PhoneInputComponent], imports: [CommonModule, ReactiveFormsModule, FormsModule, OverlayModule, ScrollingModule, DropdownModule], exports: [PhoneInputComponent] }); })();
 /**
  * Generated bundle index. Do not edit.

package/fesm2015/mis-crystal-design-system-phone-input.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"mis-crystal-design-system-phone-input.mjs","sources":["../../../projects/mis-components/phone-input/phone-input.component.ts","../../../projects/mis-components/phone-input/phone-input.component.html","../../../projects/mis-components/phone-input/phone-input.module.ts","../../../projects/mis-components/phone-input/mis-crystal-design-system-phone-input.ts"],"sourcesContent":["import { Component, EventEmitter, Input, OnInit, Output } from \"@angular/core\";\nimport { UntypedFormControl } from \"@angular/forms\";\nimport { parsePhoneNumberFromString, getCountryCallingCode, CountryCode, getCountries } from 'libphonenumber-js';\nimport { DropdownItem } from \"mis-crystal-design-system/dropdown\";\n\n@Component({\n selector: \"mis-phone-input\",\n templateUrl: \"./phone-input.component.html\",\n styleUrls: [\"./phone-input.component.scss\"]\n})\nexport class PhoneInputComponent implements OnInit {\n @Input() dropdownHeight?: string = \"\";\n @Input() dropdownWidth?: string = \"\";\n @Input() inputHeight?;\n @Input() dropdownData: DropdownItem[] = [];\n @Input() dropdownSelectedItem: DropdownItem = { value: \"\", label: \"\" };\n @Input() defaultCountryCode?: string = 'IN';\n @Input() label: string;\n @Input() inputPlaceholder: string = 'Enter';\n @Input() inputFormControl: UntypedFormControl = new UntypedFormControl();\n @Output() onDropdownSelection = new EventEmitter<any>();\n @Output() onInvalidPhoneNumber = new EventEmitter<string>();\n @Input() dropdownListWidth = \"\";\n @Input() dropdownListHeight = \"\";\n @Input() searchEnabled: boolean = true;\n @Input() inputType: string = \"number\";\n @Input() searchLabel: string = \"Search Keyword\"; \n @Input() phoneValidator? = false;\n \n countryCodes: DropdownItem[] = [{label:'',value:''}];\n countryCode: CountryCode \| undefined;\n selectedCountryName: string = '';\n\n constructor() {}\n\n ngOnInit() {\n if (this.phoneValidator) {\n this.loadCountryCodes();\n this.dropdownData = this.countryCodes;\n this.selectedCountryName = this.dropdownSelectedItem.label;\n }\n\n if (this.defaultCountryCode) {\n const selectedCountry = this.dropdownData.find(\n country => country.value.toUpperCase() === this.defaultCountryCode.toUpperCase()\n );\n if (selectedCountry) {\n this.dropdownSelectedItem = selectedCountry;\n this.selectedCountryName = selectedCountry.label;\n }\n }\n }\n\n handleDropdownSelection(item: DropdownItem){\n this.dropdownSelectedItem = item;\n this.onDropdownSelection.emit(item);\n this.selectedCountryName = item.label;\n this.validatePhoneNumber(this.inputFormControl.value, this.dropdownSelectedItem.value);\n }\n\n loadCountryCodes() {\n const countries = getCountries();\n this.countryCodes = countries.map(countryCode => ({\n value: countryCode,\n label: `${countryCode} (+${getCountryCallingCode(countryCode)})`\n }));\n }\n\n validatePhoneNumber(phoneNumber: string, countryCode: string) {\n const parsedPhoneNumber = parsePhoneNumberFromString(phoneNumber, countryCode as CountryCode);\n\n if (!parsedPhoneNumber \|\| !parsedPhoneNumber.isValid()) {\n this.onInvalidPhoneNumber.emit(`Phone number is invalid for ${this.selectedCountryName}`);\n }\n }\n\n}\n","<div class=\"main-container-phone\">\n <mis-dropdown [height]=\"dropdownHeight\" [dropdownListWidth]=\"dropdownListWidth\"[dropdownListHeight]=\"dropdownListHeight\" [width]=\"dropdownWidth\" [data]=\"dropdownData\" [selectedItem]=\"dropdownSelectedItem\" [label]=\"label\" [searchEnabled]=\"searchEnabled\" [multiLine]=\"false\" (onChange)=\"handleDropdownSelection($event)\" [searchLabel]=\"searchLabel\"></mis-dropdown>\n <div class=\"details-field\">\n <div class=\"input-box\">\n <input\n [ngStyle]=\"{'height': inputHeight }\"\n class=\"black-text\" \n [placeholder]=\"inputPlaceholder\"\n [formControl]=\"inputFormControl\" \n [type]=\"inputType\"\n />\n </div>\n </div>\n</div>\n","import { CommonModule } from \"@angular/common\";\nimport { FormsModule } from \"@angular/forms\";\nimport { NgModule, ModuleWithProviders } from \"@angular/core\";\nimport { PhoneInputComponent } from \"./phone-input.component\";\nimport { OverlayModule } from \"@angular/cdk/overlay\";\nimport { ScrollingModule } from \"@angular/cdk-experimental/scrolling\";\nimport { DropdownModule } from \"mis-crystal-design-system/dropdown\";\nimport { ReactiveFormsModule } from \"@angular/forms\";\n\n\n@NgModule({\n declarations: [PhoneInputComponent],\n imports: [CommonModule,ReactiveFormsModule, FormsModule, OverlayModule, ScrollingModule, DropdownModule],\n exports: [PhoneInputComponent]\n})\nexport class PhoneInputModule {\n static forRoot(): ModuleWithProviders<PhoneInputModule> {\n return { ngModule: PhoneInputModule, providers: [] };\n }\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"mis-crystal-design-system-phone-input.mjs","sources":["../../../projects/mis-components/phone-input/phone-input.component.ts","../../../projects/mis-components/phone-input/phone-input.component.html","../../../projects/mis-components/phone-input/phone-input.module.ts","../../../projects/mis-components/phone-input/mis-crystal-design-system-phone-input.ts"],"sourcesContent":["import { Component, EventEmitter, Input, OnInit, Output } from \"@angular/core\";\nimport { UntypedFormControl } from \"@angular/forms\";\nimport { parsePhoneNumberFromString, getCountryCallingCode, CountryCode, getCountries } from 'libphonenumber-js';\nimport { DropdownItem } from \"mis-crystal-design-system/dropdown\";\n\n@Component({\n selector: \"mis-phone-input\",\n templateUrl: \"./phone-input.component.html\",\n styleUrls: [\"./phone-input.component.scss\"]\n})\nexport class PhoneInputComponent implements OnInit {\n @Input() dropdownHeight?: string = \"\";\n @Input() dropdownWidth?: string = \"\";\n @Input() inputHeight?;\n @Input() dropdownData: DropdownItem[] = [];\n @Input() dropdownSelectedItem: DropdownItem = { value: \"\", label: \"\" };\n @Input() defaultCountryCode?: string = 'IN';\n @Input() label: string;\n @Input() inputPlaceholder: string = 'Enter';\n @Input() inputFormControl: UntypedFormControl = new UntypedFormControl();\n @Output() onDropdownSelection = new EventEmitter<any>();\n @Output() onInvalidPhoneNumber = new EventEmitter<string>();\n @Input() dropdownListWidth = \"\";\n @Input() dropdownListHeight = \"\";\n @Input() searchEnabled: boolean = true;\n @Input() inputType: string = \"number\";\n @Input() searchLabel: string = \"Search Keyword\"; \n @Input() phoneValidator? = false;\n \n countryCodes: DropdownItem[] = [{label:'',value:''}];\n countryCode: CountryCode \| undefined;\n selectedCountryName: string = '';\n\n constructor() {}\n\n ngOnInit() {\n if (this.phoneValidator) {\n this.loadCountryCodes();\n this.dropdownData = this.countryCodes;\n this.selectedCountryName = this.dropdownSelectedItem.label;\n }\n\n if (this.defaultCountryCode) {\n const selectedCountry = this.dropdownData.find(\n country => country.value.toUpperCase() === this.defaultCountryCode.toUpperCase()\n );\n if (selectedCountry) {\n this.dropdownSelectedItem = selectedCountry;\n this.selectedCountryName = selectedCountry.label;\n }\n }\n }\n\n handleDropdownSelection(item: DropdownItem){\n this.dropdownSelectedItem = item;\n this.onDropdownSelection.emit(item);\n this.selectedCountryName = item.label;\n this.validatePhoneNumber(this.inputFormControl.value, this.dropdownSelectedItem.value);\n }\n\n loadCountryCodes() {\n const countries = getCountries();\n this.countryCodes = countries.map(countryCode => ({\n value: countryCode,\n label: `${countryCode} (+${getCountryCallingCode(countryCode)})`\n }));\n }\n\n validatePhoneNumber(phoneNumber: string, countryCode: string) {\n const parsedPhoneNumber = parsePhoneNumberFromString(phoneNumber, countryCode as CountryCode);\n\n if (!parsedPhoneNumber \|\| !parsedPhoneNumber.isValid()) {\n this.onInvalidPhoneNumber.emit(`Phone number is invalid for ${this.selectedCountryName}`);\n }\n }\n\n}\n","<div class=\"main-container-phone\">\n <mis-dropdown [height]=\"dropdownHeight\" [dropdownListWidth]=\"dropdownListWidth\"[dropdownListHeight]=\"dropdownListHeight\" [width]=\"dropdownWidth\" [data]=\"dropdownData\" [selectedItem]=\"dropdownSelectedItem\" [label]=\"label\" [searchEnabled]=\"searchEnabled\" [multiLine]=\"false\" (onChange)=\"handleDropdownSelection($event)\" [searchLabel]=\"searchLabel\"></mis-dropdown>\n <div class=\"details-field\">\n <div class=\"input-box\">\n <input\n [ngStyle]=\"{'height': inputHeight }\"\n class=\"black-text\" \n [placeholder]=\"inputPlaceholder\"\n [formControl]=\"inputFormControl\" \n [type]=\"inputType\"\n />\n </div>\n </div>\n</div>\n","import { CommonModule } from \"@angular/common\";\nimport { FormsModule } from \"@angular/forms\";\nimport { NgModule, ModuleWithProviders } from \"@angular/core\";\nimport { PhoneInputComponent } from \"./phone-input.component\";\nimport { OverlayModule } from \"@angular/cdk/overlay\";\nimport { ScrollingModule } from \"@angular/cdk-experimental/scrolling\";\nimport { DropdownModule } from \"mis-crystal-design-system/dropdown\";\nimport { ReactiveFormsModule } from \"@angular/forms\";\n\n\n@NgModule({\n declarations: [PhoneInputComponent],\n imports: [CommonModule,ReactiveFormsModule, FormsModule, OverlayModule, ScrollingModule, DropdownModule],\n exports: [PhoneInputComponent]\n})\nexport class PhoneInputModule {\n static forRoot(): ModuleWithProviders<PhoneInputModule> {\n return { ngModule: PhoneInputModule, 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-radio-button.mjs CHANGED Viewed

@@ -30,12 +30,23 @@ class RadioButtonComponent {
         this.valueChange.emit(this.formControl.value);
     }
 }
-RadioButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: RadioButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-RadioButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: RadioButtonComponent, selector: "mis-radio", inputs: { id: "id", name: "name", value: "value", disabled: "disabled", formControl: "formControl" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<input (change)=\"onChange($event)\" id=\"{{ id }}\" type=\"radio\" [name]=\"name\" [disabled]=\"disabled\" [value]=\"value\" [formControl]=\"formControl\" />\n", styles: ["input[type=radio]{appearance:none;width:20px;height:20px;margin:0;padding:3px;background-clip:content-box;border:2px solid #6a737d;background-color:#fff;border-radius:50%;cursor:pointer}input[type=radio]:checked{background-color:#0937b2;border:2px solid #0937b2}input[type=radio]:hover{border:2px solid #929dab}input[type=radio]:checked:hover{border:2px solid #0937b2}input[type=radio]:disabled{border:2px solid #c8cdd3}input[type=radio]:checked:disabled{border:2px solid #c8cdd3;background-color:#c8cdd3}\n"], dependencies: [{ kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: RadioButtonComponent, decorators: [{
+RadioButtonComponent.ɵfac = function RadioButtonComponent_Factory(t) { return new (t || RadioButtonComponent)(); };
+RadioButtonComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: RadioButtonComponent, selectors: [["mis-radio"]], inputs: { id: "id", name: "name", value: "value", disabled: "disabled", formControl: "formControl" }, outputs: { valueChange: "valueChange" }, decls: 1, vars: 5, consts: [["type", "radio", 3, "id", "name", "disabled", "value", "formControl", "change"]], template: function RadioButtonComponent_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵelementStart(0, "input", 0);
+            i0.ɵɵlistener("change", function RadioButtonComponent_Template_input_change_0_listener($event) { return ctx.onChange($event); });
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            i0.ɵɵpropertyInterpolate("id", ctx.id);
+            i0.ɵɵproperty("name", ctx.name)("disabled", ctx.disabled)("value", ctx.value)("formControl", ctx.formControl);
+        }
+    }, dependencies: [i1.DefaultValueAccessor, i1.RadioControlValueAccessor, i1.NgControlStatus, i1.FormControlDirective], styles: ["input[type=radio][_ngcontent-%COMP%]{appearance:none;width:20px;height:20px;margin:0;padding:3px;background-clip:content-box;border:2px solid #6a737d;background-color:#fff;border-radius:50%;cursor:pointer}input[type=radio][_ngcontent-%COMP%]:checked{background-color:#0937b2;border:2px solid #0937b2}input[type=radio][_ngcontent-%COMP%]:hover{border:2px solid #929dab}input[type=radio][_ngcontent-%COMP%]:checked:hover{border:2px solid #0937b2}input[type=radio][_ngcontent-%COMP%]:disabled{border:2px solid #c8cdd3}input[type=radio][_ngcontent-%COMP%]:checked:disabled{border:2px solid #c8cdd3;background-color:#c8cdd3}"] });
+(function () {
+    (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RadioButtonComponent, [{
             type: Component,
             args: [{ selector: "mis-radio", template: "<input (change)=\"onChange($event)\" id=\"{{ id }}\" type=\"radio\" [name]=\"name\" [disabled]=\"disabled\" [value]=\"value\" [formControl]=\"formControl\" />\n", styles: ["input[type=radio]{appearance:none;width:20px;height:20px;margin:0;padding:3px;background-clip:content-box;border:2px solid #6a737d;background-color:#fff;border-radius:50%;cursor:pointer}input[type=radio]:checked{background-color:#0937b2;border:2px solid #0937b2}input[type=radio]:hover{border:2px solid #929dab}input[type=radio]:checked:hover{border:2px solid #0937b2}input[type=radio]:disabled{border:2px solid #c8cdd3}input[type=radio]:checked:disabled{border:2px solid #c8cdd3;background-color:#c8cdd3}\n"] }]
-        }], ctorParameters: function () { return []; }, propDecorators: { id: [{
+        }], function () { return []; }, { id: [{
                 type: Input
             }], name: [{
                 type: Input
@@ -47,24 +58,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
                 type: Input
             }], valueChange: [{
                 type: Output
-            }] } });
+            }] });
+})();
 class RadioButtonModule {
     static forRoot() {
         return { ngModule: RadioButtonModule, providers: [] };
     }
 }
-RadioButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: RadioButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-RadioButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: RadioButtonModule, declarations: [RadioButtonComponent], imports: [CommonModule, ReactiveFormsModule], exports: [RadioButtonComponent] });
-RadioButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: RadioButtonModule, imports: [CommonModule, ReactiveFormsModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: RadioButtonModule, decorators: [{
+RadioButtonModule.ɵfac = function RadioButtonModule_Factory(t) { return new (t || RadioButtonModule)(); };
+RadioButtonModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: RadioButtonModule });
+RadioButtonModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule, ReactiveFormsModule] });
+(function () {
+    (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RadioButtonModule, [{
             type: NgModule,
             args: [{
                     declarations: [RadioButtonComponent],
                     imports: [CommonModule, ReactiveFormsModule],
                     exports: [RadioButtonComponent]
                 }]
-        }] });
+        }], null, null);
+})();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(RadioButtonModule, { declarations: [RadioButtonComponent], imports: [CommonModule, ReactiveFormsModule], exports: [RadioButtonComponent] }); })();
 /**
  * Generated bundle index. Do not edit.

package/fesm2015/mis-crystal-design-system-radio-button.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"mis-crystal-design-system-radio-button.mjs","sources":["../../../projects/mis-components/radio-button/radio-button.component.ts","../../../projects/mis-components/radio-button/radio-button.component.html","../../../projects/mis-components/radio-button/radio-button.module.ts","../../../projects/mis-components/radio-button/mis-crystal-design-system-radio-button.ts"],"sourcesContent":["import { Component, Input, OnInit, Output, EventEmitter } from \"@angular/core\";\nimport { AbstractControl, UntypedFormControl } from \"@angular/forms\";\n\n@Component({\n selector: \"mis-radio\",\n templateUrl: \"./radio-button.component.html\",\n styleUrls: [\"./radio-button.component.scss\"]\n})\nexport class RadioButtonComponent implements OnInit {\n /** When multiple radio input fields are used\n * an \"id\" can be given to keep track of them /\n @Input() id: string \| number = \"\";\n /* Name of the attribute for which the radio\n * selection is provided /\n @Input() name: string \| number = \"\";\n /* Value of the attribute which is to be emitted\n * when selected /\n @Input() value: string \| number = \"\";\n /* Controls the state of the radio button /\n @Input() disabled: boolean = false;\n\n /* Can be used to attach the radio input field\n * to a reactive form by passing in a\n * “FormControl“ Object. It can also be\n * used to set the default attribute value /\n @Input() formControl: AbstractControl = new UntypedFormControl(null);\n\n /* Emits \"value\" of the radio button on selection /\n @Output() valueChange = new EventEmitter<any>();\n\n constructor() {}\n ngOnInit() {}\n onChange(event) {\n this.valueChange.emit(this.formControl.value);\n }\n}\n","<input (change)=\"onChange($event)\" id=\"{{ id }}\" type=\"radio\" [name]=\"name\" [disabled]=\"disabled\" [value]=\"value\" [formControl]=\"formControl\" />\n","import { NgModule, ModuleWithProviders } from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\n\nimport { RadioButtonComponent } from \"./radio-button.component\";\nimport { ReactiveFormsModule } from \"@angular/forms\";\n\n@NgModule({\n declarations: [RadioButtonComponent],\n imports: [CommonModule, ReactiveFormsModule],\n exports: [RadioButtonComponent]\n})\nexport class RadioButtonModule {\n static forRoot(): ModuleWithProviders<RadioButtonModule> {\n return { ngModule: RadioButtonModule, providers: [] };\n }\n}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;MAQa,oBAAoB,CAAA;AAsB/B,IAAA,WAAA,GAAA;AArBA;AACgD;AACvC,QAAA,IAAE,CAAA,EAAA,GAAoB,EAAE,CAAC;AAClC;AAC2B;AAClB,QAAA,IAAI,CAAA,IAAA,GAAoB,EAAE,CAAC;AACpC;AACmB;AACV,QAAA,IAAK,CAAA,KAAA,GAAoB,EAAE,CAAC;;AAE5B,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK,CAAC;AAEnC;;;AAG6C;QACpC,IAAA,CAAA,WAAW,GAAoB,IAAI,kBAAkB,CAAC,IAAI,CAAC,CAAC;;AAG3D,QAAA,IAAA,CAAA,WAAW,GAAG,IAAI,YAAY,EAAO,CAAC;KAEhC;AAChB,IAAA,QAAQ,MAAK;AACb,IAAA,QAAQ,CAAC,KAAK,EAAA;QACZ,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;KAC/C;;~~iHA1BU~~,oBAAoB,~~EAAA~~,~~IAAA~~,EAAA,~~EAAA~~,EAAA,~~MAAA~~,EAAA,~~EAAA~~,CAAA,~~eAAA~~,CAAA,~~SAAA~~,EAAA,~~CAAA~~,~~CAAA;AAApB~~,~~oBAAA~~,~~CAAA~~,IAAA,~~GAAA~~,EAAA,~~CAAA~~,~~oBAAA~~,~~CAAA~~,EAAA,~~UAAA~~,EAAA,QAAA,EAAA,~~OAAA~~,EAAA,~~QAAA~~,EAAA,~~IAAA~~,EAAA,~~oBAAoB~~,~~gMCRjC~~,~~kKACA~~,EAAA,~~MAAA~~,EAAA,~~CAAA~~,~~6fAAA~~,~~CAAA,~~EAAA,~~YAAA~~,EAAA,CAAA,EAAA,IAAA,EAAA,~~WAAA~~,EAAA,~~IAAA~~,EAAA,~~EAAA~~,CAAA,~~oBAAA~~,EAAA,~~QAAA~~,EAAA,~~8MAAA~~,EAAA,~~EAAA~~,EAAA,~~IAAA~~,EAAA,~~WAAA~~,EAAA,~~IAAA~~,EAAA,EAAA,CAAA,~~yBAAA~~,EAAA,QAAA,EAAA,~~8FAAA~~,~~EAAA~~,~~MAAA~~,EAAA,~~CAAA~~,~~MAAA~~,EAAA,~~iBAAA~~,EAAA,~~OAAA~~,CAAA,EAAA,~~EAAA~~,~~EAAA~~,~~IAAA~~,~~EAAA~~,~~WAAA~~,EAAA,~~IAAA~~,EAAA,~~EAAA~~,CAAA,~~eAAA~~,EAAA,QAAA,EAAA,~~2CAAA~~,~~EAAA~~,EAAA,EAAA,~~IAAA~~,~~EAAA~~,~~WAAA~~,EAAA,~~IAAA~~,~~EAAA~~,~~EAAA~~,CAAA,~~oBAAA~~,EAAA,~~QAAA~~,~~EAAA~~,~~eAAA~~,EAAA,~~MAAA~~,EAAA,CAAA,~~aAAA~~,~~EAAA~~,~~UAAA~~,~~EAAA~~,~~SAAA~~,CAAA,EAAA,~~OAAA~~,~~EAAA,~~CAAA,~~eAAA~~,CAAA,~~EAAA~~,~~QAAA~~,EAAA,CAAA,QAAA,CAAA,~~EAAA~~,CAAA,EAAA,CAAA,CAAA~~;2FDOa~~,oBAAoB,EAAA,~~UAAA,EAAA,~~CAAA;kBALhC,SAAS;+BACE,WAAW,EAAA,QAAA,EAAA,kKAAA,EAAA,MAAA,EAAA,CAAA,6fAAA,CAAA,EAAA,CAAA;~~0EAOZ~~,EAAE,EAAA,CAAA;sBAAV,KAAK;gBAGG,IAAI,EAAA,CAAA;sBAAZ,KAAK;gBAGG,KAAK,EAAA,CAAA;sBAAb,KAAK;gBAEG,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBAMG,WAAW,EAAA,CAAA;sBAAnB,KAAK;gBAGI,WAAW,EAAA,CAAA;sBAApB,MAAM~~;;;~~MEjBI,iBAAiB,CAAA;AAC5B,IAAA,OAAO,OAAO,GAAA;QACZ,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC;KACvD;;~~8GAHU~~,iBAAiB,~~EAAA~~,~~IAAA~~,EAAA,~~EAAA,EAAA,MAAA,EAAA,EAAA,~~CAAA,~~eAAA~~,~~CAAA,QAAA,~~EAAA,CAAA,CAAA;~~AAAjB~~,iBAAA,CAAA,IAAA,~~GAAA~~,EAAA,CAAA,~~mBAAA~~,CAAA,EAAA,~~UAAA,EAAA,QAAA,EAAA,~~OAAA,EAAA,~~QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,iBAAiB,iBAJb,oBAAoB,~~CAAA,~~EAAA,OAAA,EAAA,CACzB,~~YAAY,EAAE,mBAAmB,~~aACjC,oBAAoB,~~CAAA,EAAA,CAAA,CAAA~~;+GAEnB~~,iBAAiB,EAAA,~~OAAA,EAAA,CAHlB,YAAY,EAAE,mBAAmB,~~CAAA~~,EAAA,CAAA,CAAA~~;~~2FAGhC,iBAAiB,EAAA,UAAA,EAAA,CAAA;~~kBAL7B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,oBAAoB,CAAC;AACpC,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,mBAAmB,CAAC;oBAC5C,OAAO,EAAE,CAAC,oBAAoB,CAAC;iBAChC,CAAA;;;~~ACVD~~;;AAEG;;;;"}
1	+ {"version":3,"file":"mis-crystal-design-system-radio-button.mjs","sources":["../../../projects/mis-components/radio-button/radio-button.component.ts","../../../projects/mis-components/radio-button/radio-button.component.html","../../../projects/mis-components/radio-button/radio-button.module.ts","../../../projects/mis-components/radio-button/mis-crystal-design-system-radio-button.ts"],"sourcesContent":["import { Component, Input, OnInit, Output, EventEmitter } from \"@angular/core\";\nimport { AbstractControl, UntypedFormControl } from \"@angular/forms\";\n\n@Component({\n selector: \"mis-radio\",\n templateUrl: \"./radio-button.component.html\",\n styleUrls: [\"./radio-button.component.scss\"]\n})\nexport class RadioButtonComponent implements OnInit {\n /** When multiple radio input fields are used\n * an \"id\" can be given to keep track of them /\n @Input() id: string \| number = \"\";\n /* Name of the attribute for which the radio\n * selection is provided /\n @Input() name: string \| number = \"\";\n /* Value of the attribute which is to be emitted\n * when selected /\n @Input() value: string \| number = \"\";\n /* Controls the state of the radio button /\n @Input() disabled: boolean = false;\n\n /* Can be used to attach the radio input field\n * to a reactive form by passing in a\n * “FormControl“ Object. It can also be\n * used to set the default attribute value /\n @Input() formControl: AbstractControl = new UntypedFormControl(null);\n\n /* Emits \"value\" of the radio button on selection /\n @Output() valueChange = new EventEmitter<any>();\n\n constructor() {}\n ngOnInit() {}\n onChange(event) {\n this.valueChange.emit(this.formControl.value);\n }\n}\n","<input (change)=\"onChange($event)\" id=\"{{ id }}\" type=\"radio\" [name]=\"name\" [disabled]=\"disabled\" [value]=\"value\" [formControl]=\"formControl\" />\n","import { NgModule, ModuleWithProviders } from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\n\nimport { RadioButtonComponent } from \"./radio-button.component\";\nimport { ReactiveFormsModule } from \"@angular/forms\";\n\n@NgModule({\n declarations: [RadioButtonComponent],\n imports: [CommonModule, ReactiveFormsModule],\n exports: [RadioButtonComponent]\n})\nexport class RadioButtonModule {\n static forRoot(): ModuleWithProviders<RadioButtonModule> {\n return { ngModule: RadioButtonModule, providers: [] };\n }\n}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;MAQa,oBAAoB,CAAA;AAsB/B,IAAA,WAAA,GAAA;AArBA;AACgD;AACvC,QAAA,IAAE,CAAA,EAAA,GAAoB,EAAE,CAAC;AAClC;AAC2B;AAClB,QAAA,IAAI,CAAA,IAAA,GAAoB,EAAE,CAAC;AACpC;AACmB;AACV,QAAA,IAAK,CAAA,KAAA,GAAoB,EAAE,CAAC;;AAE5B,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK,CAAC;AAEnC;;;AAG6C;QACpC,IAAA,CAAA,WAAW,GAAoB,IAAI,kBAAkB,CAAC,IAAI,CAAC,CAAC;;AAG3D,QAAA,IAAA,CAAA,WAAW,GAAG,IAAI,YAAY,EAAO,CAAC;KAEhC;AAChB,IAAA,QAAQ,MAAK;AACb,IAAA,QAAQ,CAAC,KAAK,EAAA;QACZ,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;KAC/C;;wFA1BU,oBAAoB,GAAA,CAAA,EAAA,CAAA;uEAApB,oBAAoB,EAAA,SAAA,EAAA,CAAA,CAAA,WAAA,CAAA,CAAA,EAAA,MAAA,EAAA,EAAA,EAAA,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,OAAA,EAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,KAAA,EAAA,CAAA,EAAA,IAAA,EAAA,CAAA,EAAA,MAAA,EAAA,CAAA,CAAA,MAAA,EAAA,OAAA,EAAA,CAAA,EAAA,IAAA,EAAA,MAAA,EAAA,UAAA,EAAA,OAAA,EAAA,aAAA,EAAA,QAAA,CAAA,CAAA,EAAA,QAAA,EAAA,SAAA,6BAAA,CAAA,EAAA,EAAA,GAAA,EAAA;QAAA,IAAA,EAAA,GAAA,CAAA,EAAA;YCRjC,EAAgJ,CAAA,cAAA,CAAA,CAAA,EAAA,OAAA,EAAA,CAAA,CAAA,CAAA;YAAzI,EAAA,CAAA,UAAA,CAAA,QAAA,EAAA,SAAA,qDAAA,CAAA,MAAA,EAAA,EAAA,OAAU,oBAAgB,CAAC,EAAA,CAAA,CAAA;YAAlC,EAAgJ,CAAA,YAAA,EAAA,CAAA;;;YAA7G,EAAa,CAAA,qBAAA,CAAA,IAAA,EAAA,GAAA,CAAA,EAAA,CAAA,CAAA;AAAc,YAAA,EAAa,CAAA,UAAA,CAAA,MAAA,EAAA,GAAA,CAAA,IAAA,CAAA,CAAA,UAAA,EAAA,GAAA,CAAA,QAAA,CAAA,oBAAA,CAAA,aAAA,EAAA,GAAA,CAAA,WAAA,CAAA,CAAA;;;;4EDQ9D,oBAAoB,EAAA,CAAA;kBALhC,SAAS;+BACE,WAAW,EAAA,QAAA,EAAA,kKAAA,EAAA,MAAA,EAAA,CAAA,6fAAA,CAAA,EAAA,CAAA;0CAOZ,EAAE,EAAA,CAAA;sBAAV,KAAK;gBAGG,IAAI,EAAA,CAAA;sBAAZ,KAAK;gBAGG,KAAK,EAAA,CAAA;sBAAb,KAAK;gBAEG,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBAMG,WAAW,EAAA,CAAA;sBAAnB,KAAK;gBAGI,WAAW,EAAA,CAAA;sBAApB,MAAM;;;;MEjBI,iBAAiB,CAAA;AAC5B,IAAA,OAAO,OAAO,GAAA;QACZ,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC;KACvD;;kFAHU,iBAAiB,GAAA,CAAA,EAAA,CAAA;mEAAjB,iBAAiB,EAAA,CAAA,CAAA;AAHlB,iBAAA,CAAA,IAAA,iBAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,YAAY,EAAE,mBAAmB,CAAA,EAAA,CAAA,CAAA;;4EAGhC,iBAAiB,EAAA,CAAA;kBAL7B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,oBAAoB,CAAC;AACpC,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,mBAAmB,CAAC;oBAC5C,OAAO,EAAE,CAAC,oBAAoB,CAAC;iBAChC,CAAA;;;AACY,CAAA,cAAA,CAAA,OAAA,SAAA,KAAA,WAAA,IAAA,SAAA,KAAA,EAAA,CAAA,kBAAA,CAAA,iBAAiB,mBAJb,oBAAoB,CAAA,EAAA,OAAA,EAAA,CACzB,YAAY,EAAE,mBAAmB,aACjC,oBAAoB,CAAA,EAAA,CAAA,CAAA,EAAA,GAAA;;ACThC;;AAEG;;;;"}

package/fesm2015/mis-crystal-design-system-ske-loader.mjs CHANGED Viewed

@@ -3,6 +3,20 @@ import { Component, Input, NgModule } from '@angular/core';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
+const _c0 = function (a0, a1) { return { "height": a0, "margin-bottom": a1 }; };
+function SkeLoaderComponent_div_1_Template(rf, ctx) {
+    if (rf & 1) {
+        i0.ɵɵelementStart(0, "div");
+        i0.ɵɵelement(1, "div", 2);
+        i0.ɵɵelementEnd();
+    }
+    if (rf & 2) {
+        const ctx_r0 = i0.ɵɵnextContext();
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction2(1, _c0, ctx_r0.lineHeight, ctx_r0.gap));
+    }
+}
+const _c1 = function (a0, a1) { return { "height": a0, "width": a1 }; };
 class SkeLoaderComponent {
     constructor() {
         this.rowCount = [1];
@@ -17,12 +31,24 @@ class SkeLoaderComponent {
     ;
     ngOnInit() { }
 }
-SkeLoaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SkeLoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SkeLoaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: SkeLoaderComponent, selector: "mis-skeleton-loader", inputs: { count: "count", lineHeight: "lineHeight", height: "height", width: "width", gap: "gap" }, ngImport: i0, template: "<div style=\"overflow: hidden\" [ngStyle]=\"{'height': this.height,'width' : this.width}\">\n    <div *ngFor=\"let n of rowCount; let i = index;\">\n        <div class=\"ske-loader\" [ngStyle]=\"{'height':this.lineHeight,'margin-bottom':this.gap }\"></div>\n    </div>\n</div>\n", styles: [".ske-loader{background:#808080;position:relative;width:100%;background:#E5E5E5;background:linear-gradient(110deg,#ececec 8%,#f5f5f5 18%,#ececec 33%);border-radius:5px;background-size:200% 100%;animation:1s shine linear infinite;overflow:hidden}@keyframes shine{to{background-position-x:-200%}}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SkeLoaderComponent, decorators: [{
+SkeLoaderComponent.ɵfac = function SkeLoaderComponent_Factory(t) { return new (t || SkeLoaderComponent)(); };
+SkeLoaderComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SkeLoaderComponent, selectors: [["mis-skeleton-loader"]], inputs: { count: "count", lineHeight: "lineHeight", height: "height", width: "width", gap: "gap" }, decls: 2, vars: 5, consts: [[2, "overflow", "hidden", 3, "ngStyle"], [4, "ngFor", "ngForOf"], [1, "ske-loader", 3, "ngStyle"]], template: function SkeLoaderComponent_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0);
+            i0.ɵɵtemplate(1, SkeLoaderComponent_div_1_Template, 2, 4, "div", 1);
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction2(2, _c1, ctx.height, ctx.width));
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngForOf", ctx.rowCount);
+        }
+    }, dependencies: [i1.NgForOf, i1.NgStyle], styles: [".ske-loader[_ngcontent-%COMP%]{background:#808080;position:relative;width:100%;background:#E5E5E5;background:linear-gradient(110deg,#ececec 8%,#f5f5f5 18%,#ececec 33%);border-radius:5px;background-size:200% 100%;animation:1s shine linear infinite;overflow:hidden}@keyframes shine{to{background-position-x:-200%}}"] });
+(function () {
+    (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SkeLoaderComponent, [{
             type: Component,
             args: [{ selector: 'mis-skeleton-loader', template: "<div style=\"overflow: hidden\" [ngStyle]=\"{'height': this.height,'width' : this.width}\">\n    <div *ngFor=\"let n of rowCount; let i = index;\">\n        <div class=\"ske-loader\" [ngStyle]=\"{'height':this.lineHeight,'margin-bottom':this.gap }\"></div>\n    </div>\n</div>\n", styles: [".ske-loader{background:#808080;position:relative;width:100%;background:#E5E5E5;background:linear-gradient(110deg,#ececec 8%,#f5f5f5 18%,#ececec 33%);border-radius:5px;background-size:200% 100%;animation:1s shine linear infinite;overflow:hidden}@keyframes shine{to{background-position-x:-200%}}\n"] }]
-        }], ctorParameters: function () { return []; }, propDecorators: { count: [{
+        }], function () { return []; }, { count: [{
                 type: Input
             }], lineHeight: [{
                 type: Input
@@ -32,21 +58,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
                 type: Input
             }], gap: [{
                 type: Input
-            }] } });
+            }] });
+})();
 class SkeLoaderModule {
 }
-SkeLoaderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SkeLoaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkeLoaderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: SkeLoaderModule, declarations: [SkeLoaderComponent], imports: [CommonModule], exports: [SkeLoaderComponent] });
-SkeLoaderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SkeLoaderModule, imports: [CommonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SkeLoaderModule, decorators: [{
+SkeLoaderModule.ɵfac = function SkeLoaderModule_Factory(t) { return new (t || SkeLoaderModule)(); };
+SkeLoaderModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: SkeLoaderModule });
+SkeLoaderModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule] });
+(function () {
+    (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SkeLoaderModule, [{
             type: NgModule,
             args: [{
                     declarations: [SkeLoaderComponent],
                     imports: [CommonModule],
                     exports: [SkeLoaderComponent]
                 }]
-        }] });
+        }], null, null);
+})();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(SkeLoaderModule, { declarations: [SkeLoaderComponent], imports: [CommonModule], exports: [SkeLoaderComponent] }); })();
 /**
  * Generated bundle index. Do not edit.

package/fesm2015/mis-crystal-design-system-ske-loader.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"mis-crystal-design-system-ske-loader.mjs","sources":["../../../projects/mis-components/ske-loader/ske-loader.component.ts","../../../projects/mis-components/ske-loader/ske-loader.component.~~html~~","../../../projects/mis-components/ske-loader/ske-loader.module.ts","../../../projects/mis-components/ske-loader/mis-crystal-design-system-ske-loader.ts"],"sourcesContent":["import { Component, OnInit, Input } from '@angular/core';\n\n@Component({\n selector: 'mis-skeleton-loader',\n templateUrl: './ske-loader.component.html',\n styleUrls: ['./ske-loader.component.scss']\n})\nexport class SkeLoaderComponent implements OnInit {\n\n rowCount = [1];\n @Input() set count(num: number) {\n this.rowCount = Array(num)\n };\n @Input() lineHeight: string = '20px';\n @Input() height: string = '100%';\n @Input() width: string = '100%';\n @Input() gap: string = '8px'\n\n constructor() { }\n\n ngOnInit(): void {}\n\n}\n","<div style=\"overflow: hidden\" [ngStyle]=\"{'height': this.height,'width' : this.width}\">\n <div ngFor=\"let n of rowCount; let i = index;\">\n <div class=\"ske-loader\" [ngStyle]=\"{'height':this.lineHeight,'margin-bottom':this.gap }\"></div>\n </div>\n</div>\n","import { CommonModule } from \"@angular/common\";\nimport { NgModule, ModuleWithProviders } from \"@angular/core\";\nimport { SkeLoaderComponent } from \"./ske-loader.component\";\n\n@NgModule({\n declarations: [SkeLoaderComponent],\n imports: [CommonModule],\n exports: [SkeLoaderComponent]\n})\nexport class SkeLoaderModule {\n}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"~~;;;;;MAOa~~,kBAAkB,CAAA;AAW7B,IAAA,WAAA,GAAA;AATA,QAAA,IAAA,CAAA,QAAQ,GAAG,CAAC,CAAC,CAAC,CAAC;AAIN,QAAA,IAAU,CAAA,UAAA,GAAW,MAAM,CAAC;AAC5B,QAAA,IAAM,CAAA,MAAA,GAAW,MAAM,CAAC;AACxB,QAAA,IAAK,CAAA,KAAA,GAAW,MAAM,CAAC;AACvB,QAAA,IAAG,CAAA,GAAA,GAAW,KAAK,CAAA;KAEX;IARjB,IAAa,KAAK,CAAC,GAAW,EAAA;AAC5B,QAAA,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,GAAG,CAAC,CAAA;KAC3B;;AAQD,IAAA,QAAQ,MAAW~~;;+GAbR~~,kBAAkB,~~EAAA~~,~~IAAA~~,EAAA,~~EAAA~~,EAAA,~~MAAA~~,EAAA,~~EAAA,~~CAAA,~~eAAA,~~CAAA,~~SAAA~~,~~EAAA,~~CAAA,CAAA~~;AAAlB~~,~~kBAAA~~,~~CAAA~~,~~IAAA~~,~~GAAA,~~EAAA,~~CAAA~~,~~oBAAA~~,~~CAAA~~,EAAA,UAAA,EAAA,~~QAAA~~,EAAA,~~OAAA~~,EAAA,QAAA,EAAA,~~IAAA~~,EAAA,~~kBAAkB,+JCP/B~~,~~wRAKA,~~EAAA,~~MAAA~~,EAAA,~~CAAA~~,~~ySAAA~~,~~CAAA,~~EAAA,~~YAAA~~,EAAA,CAAA,EAAA,IAAA,EAAA,~~WAAA~~,EAAA,~~IAAA~~,EAAA,~~EAAA~~,CAAA,~~OAAA~~,EAAA,QAAA,EAAA,~~kBAAA~~,EAAA,~~MAAA~~,EAAA,CAAA,~~SAAA~~,EAAA,~~cAAA~~,EAAA,~~eAAA~~,CAAA,EAAA,~~EAAA~~,~~EAAA~~,~~IAAA,~~EAAA,~~WAAA~~,EAAA,~~IAAA~~,EAAA,~~EAAA~~,CAAA,~~OAAA~~,EAAA,QAAA,EAAA,~~WAAA~~,EAAA,~~MAAA~~,EAAA,~~CAAA~~,~~SAAA~~,CAAA,EAAA,CAAA,~~EAAA~~,CAAA,CAAA~~;2FDEa~~,~~kBAAkB,~~EAAA,~~UAAA~~,EAAA,CAAA;~~kBAL9B~~,~~SAAS;+BACE~~,~~qBAAqB~~,~~EAAA~~,~~QAAA~~,~~EAAA~~,~~wRAAA~~,EAAA,~~MAAA~~,EAAA,CAAA,~~ySAAA~~,CAAA,EAAA,~~CAAA;0EAOlB~~,~~KAAK,~~EAAA,CAAA~~;sBAAjB~~,~~KAAK~~;~~gBAGG~~,~~UAAU~~,~~EAAA,~~CAAA~~;sBAAlB~~,~~KAAK;gBACG~~,~~MAAM,~~EAAA,CAAA~~;sBAAd~~,~~KAAK;gBACG~~,~~KAAK~~,~~EAAA~~,CAAA~~;sBAAb~~,~~KAAK;gBACG~~,~~GAAG~~,EAAA,CAAA~~;sBAAX~~,~~KAAK;;;MEPK~~,~~eAAe~~,CAAA~~;;4GAAf~~,~~eAAe,~~EAAA,~~IAAA~~,EAAA,~~EAAA~~,~~EAAA~~,MAAA,EAAA,~~EAAA~~,CAAA,~~eAAA~~,CAAA,~~QAAA,EAAA,~~CAAA,CAAA;~~AAAf~~,~~eAAA~~,CAAA,~~IAAA~~,~~GAAA~~,~~EAAA~~,CAAA,~~mBAAA~~,CAAA,~~EAAA,~~UAAA,~~EAAA~~,~~QAAA~~,EAAA,~~OAAA~~,~~EAAA~~,QAAA,~~EAAA~~,~~QAAA~~,~~EAAA~~,EAAA,~~EAAA~~,~~IAAA~~,EAAA,~~eAAe~~,~~EAJX,YAAA,~~EAAA,~~CAAA~~,~~kBAAkB,CACvB,~~EAAA,~~OAAA~~,EAAA,CAAA,~~YAAY~~,~~aACZ~~,~~kBAAkB~~,CAAA,EAAA,CAAA,~~CAAA~~;~~AAEjB~~,~~eAAA~~,CAAA,~~IAAA~~,~~GAAA~~,EAAA,CAAA,~~mBAAA~~,~~CAAA~~,EAAA,~~UAAA~~,~~EAAA~~,~~QAAA~~,EAAA,~~OAAA~~,~~EAAA~~,~~QAAA~~,~~EAAA~~,~~QAAA~~,~~EAAA~~,~~EAAA~~,EAAA,~~IAAA~~,EAAA,~~eAAe~~,~~YAHhB~~,YAAY,CAAA,EAAA,CAAA,CAAA~~;2FAGX~~,eAAe,EAAA,~~UAAA,EAAA,~~CAAA;kBAL3B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,kBAAkB,CAAC;oBAClC,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,OAAO,EAAE,CAAC,kBAAkB,CAAC;iBAC9B,CAAA;;;~~ACRD~~;;AAEG;;;;"}
1	+ {"version":3,"file":"mis-crystal-design-system-ske-loader.mjs","sources":["../../../projects/mis-components/ske-loader/ske-loader.component.html","../../../projects/mis-components/ske-loader/ske-loader.component.ts","../../../projects/mis-components/ske-loader/ske-loader.module.ts","../../../projects/mis-components/ske-loader/mis-crystal-design-system-ske-loader.ts"],"sourcesContent":["<div style=\"overflow: hidden\" [ngStyle]=\"{'height': this.height,'width' : this.width}\">\n <div ngFor=\"let n of rowCount; let i = index;\">\n <div class=\"ske-loader\" [ngStyle]=\"{'height':this.lineHeight,'margin-bottom':this.gap }\"></div>\n </div>\n</div>\n","import { Component, OnInit, Input } from '@angular/core';\n\n@Component({\n selector: 'mis-skeleton-loader',\n templateUrl: './ske-loader.component.html',\n styleUrls: ['./ske-loader.component.scss']\n})\nexport class SkeLoaderComponent implements OnInit {\n\n rowCount = [1];\n @Input() set count(num: number) {\n this.rowCount = Array(num)\n };\n @Input() lineHeight: string = '20px';\n @Input() height: string = '100%';\n @Input() width: string = '100%';\n @Input() gap: string = '8px'\n\n constructor() { }\n\n ngOnInit(): void {}\n\n}\n","import { CommonModule } from \"@angular/common\";\nimport { NgModule, ModuleWithProviders } from \"@angular/core\";\nimport { SkeLoaderComponent } from \"./ske-loader.component\";\n\n@NgModule({\n declarations: [SkeLoaderComponent],\n imports: [CommonModule],\n exports: [SkeLoaderComponent]\n})\nexport class SkeLoaderModule {\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-slider.mjs CHANGED Viewed

@@ -23,12 +23,24 @@ class SliderComponent {
         this.valueChange.emit(this.value);
     }
 }
-SliderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SliderComponent, deps: [{ token: i1.UntypedFormBuilder }], target: i0.ɵɵFactoryTarget.Component });
-SliderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: SliderComponent, selector: "mis-slider", inputs: { min: "min", max: "max", value: "value" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<form [formGroup]=\"sliderForm\">\n    <div class=\"slider\">\n      <input type=\"range\" [min]=\"min\" [max]=\"max\" formControlName=\"sliderFormControl\" (input)=\"onInputChange($event.target.value)\" />\n    </div>\n  </form>\n  \n\n  ", styles: [".slider{width:100%;display:flex;align-items:center;input[type=\"range\"] {width: 100%; appearance: none; height: 8px; background: #CBDDFB; outline: none; border-radius: 5px; &::-webkit-slider-thumb {appearance: none; width: 22px; height: 22px; background: #0937B2; cursor: pointer; border-radius: 50%;} &::-moz-range-thumb {width: 15px; height: 15px; background: #0937B2; cursor: pointer; border-radius: 50%;}} span {margin-left: 10px;}}\n"], dependencies: [{ kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.RangeValueAccessor, selector: "input[type=range][formControlName],input[type=range][formControl],input[type=range][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SliderComponent, decorators: [{
+SliderComponent.ɵfac = function SliderComponent_Factory(t) { return new (t || SliderComponent)(i0.ɵɵdirectiveInject(i1.UntypedFormBuilder)); };
+SliderComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SliderComponent, selectors: [["mis-slider"]], inputs: { min: "min", max: "max", value: "value" }, outputs: { valueChange: "valueChange" }, decls: 3, vars: 3, consts: [[3, "formGroup"], [1, "slider"], ["type", "range", "formControlName", "sliderFormControl", 3, "min", "max", "input"]], template: function SliderComponent_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵelementStart(0, "form", 0)(1, "div", 1)(2, "input", 2);
+            i0.ɵɵlistener("input", function SliderComponent_Template_input_input_2_listener($event) { return ctx.onInputChange($event.target.value); });
+            i0.ɵɵelementEnd()()();
+        }
+        if (rf & 2) {
+            i0.ɵɵproperty("formGroup", ctx.sliderForm);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("min", ctx.min)("max", ctx.max);
+        }
+    }, dependencies: [i1.ɵNgNoValidate, i1.DefaultValueAccessor, i1.RangeValueAccessor, i1.NgControlStatus, i1.NgControlStatusGroup, i1.FormGroupDirective, i1.FormControlName], styles: [".slider[_ngcontent-%COMP%]{width:100%;display:flex;align-items:center;input[type=\"range\"] {width: 100%; appearance: none; height: 8px; background: #CBDDFB; outline: none; border-radius: 5px; &::-webkit-slider-thumb {appearance: none; width: 22px; height: 22px; background: #0937B2; cursor: pointer; border-radius: 50%;} &::-moz-range-thumb {width: 15px; height: 15px; background: #0937B2; cursor: pointer; border-radius: 50%;}} span {margin-left: 10px;}}"] });
+(function () {
+    (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SliderComponent, [{
             type: Component,
             args: [{ selector: 'mis-slider', template: "<form [formGroup]=\"sliderForm\">\n    <div class=\"slider\">\n      <input type=\"range\" [min]=\"min\" [max]=\"max\" formControlName=\"sliderFormControl\" (input)=\"onInputChange($event.target.value)\" />\n    </div>\n  </form>\n  \n\n  ", styles: [".slider{width:100%;display:flex;align-items:center;input[type=\"range\"] {width: 100%; appearance: none; height: 8px; background: #CBDDFB; outline: none; border-radius: 5px; &::-webkit-slider-thumb {appearance: none; width: 22px; height: 22px; background: #0937B2; cursor: pointer; border-radius: 50%;} &::-moz-range-thumb {width: 15px; height: 15px; background: #0937B2; cursor: pointer; border-radius: 50%;}} span {margin-left: 10px;}}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.UntypedFormBuilder }]; }, propDecorators: { min: [{
+        }], function () { return [{ type: i1.UntypedFormBuilder }]; }, { min: [{
                 type: Input
             }], max: [{
                 type: Input
@@ -36,18 +48,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
                 type: Input
             }], valueChange: [{
                 type: Output
-            }] } });
+            }] });
+})();
 class SliderModule {
 }
-SliderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SliderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SliderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: SliderModule, declarations: [SliderComponent], imports: [CommonModule,
-        FormsModule,
-        ReactiveFormsModule], exports: [SliderComponent] });
-SliderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SliderModule, imports: [CommonModule,
+SliderModule.ɵfac = function SliderModule_Factory(t) { return new (t || SliderModule)(); };
+SliderModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: SliderModule });
+SliderModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule,
         FormsModule,
         ReactiveFormsModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SliderModule, decorators: [{
+(function () {
+    (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SliderModule, [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -60,7 +72,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
                     ],
                     exports: [SliderComponent]
                 }]
-        }] });
+        }], null, null);
+})();
+(function () {
+    (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(SliderModule, { declarations: [SliderComponent], imports: [CommonModule,
+            FormsModule,
+            ReactiveFormsModule], exports: [SliderComponent] });
+})();
 /**
  * Generated bundle index. Do not edit.

package/fesm2015/mis-crystal-design-system-slider.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"mis-crystal-design-system-slider.mjs","sources":["../../../projects/mis-components/slider/slider.component.ts","../../../projects/mis-components/slider/slider.component.html","../../../projects/mis-components/slider/slider.module.ts","../../../projects/mis-components/slider/mis-crystal-design-system-slider.ts"],"sourcesContent":["import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\nimport { UntypedFormBuilder, UntypedFormGroup } from '@angular/forms';\n\n@Component({\n selector: 'mis-slider',\n templateUrl: './slider.component.html',\n styleUrls: ['./slider.component.css']\n})\nexport class SliderComponent implements OnInit {\n\n @Input() min?:number = 0;\n @Input() max?:number = 100;\n @Input() value: number = 0;\n @Output() valueChange = new EventEmitter<number>()\n\n sliderForm: UntypedFormGroup;\n\n constructor(private formBuilder: UntypedFormBuilder) { }\n\n ngOnInit(): void {\n this.sliderForm = this.formBuilder.group({\n sliderFormControl: [this.value]\n });\n }\n\n onInputChange(value: number) {\n this.value = value;\n this.sliderForm.patchValue({sliderFormControl: value})\n this.valueChange.emit(this.value);\n }\n\n}\n","<form [formGroup]=\"sliderForm\">\n <div class=\"slider\">\n <input type=\"range\" [min]=\"min\" [max]=\"max\" formControlName=\"sliderFormControl\" (input)=\"onInputChange($event.target.value)\" />\n </div>\n </form>\n \n\n ","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { SliderComponent } from './slider.component';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\n\n\n\n@NgModule({\n declarations: [\n SliderComponent\n ],\n imports: [\n CommonModule,\n FormsModule,\n ReactiveFormsModule\n ],\n exports: [SliderComponent]\n})\nexport class SliderModule { }\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;MAQa,eAAe,CAAA;AAS1B,IAAA,WAAA,CAAoB,WAA+B,EAAA;AAA/B,QAAA,IAAW,CAAA,WAAA,GAAX,WAAW,CAAoB;AAP1C,QAAA,IAAG,CAAA,GAAA,GAAW,CAAC,CAAC;AAChB,QAAA,IAAG,CAAA,GAAA,GAAW,GAAG,CAAC;AAClB,QAAA,IAAK,CAAA,KAAA,GAAW,CAAC,CAAC;AACjB,QAAA,IAAA,CAAA,WAAW,GAAG,IAAI,YAAY,EAAU,CAAA;KAIM;IAExD,QAAQ,GAAA;QACN,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;AACvC,YAAA,iBAAiB,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC;AAChC,SAAA,CAAC,CAAC;KACJ;AAED,IAAA,aAAa,CAAC,KAAa,EAAA;AACzB,QAAA,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,EAAC,iBAAiB,EAAE,KAAK,EAAC,CAAC,CAAA;QACtD,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KACnC;;~~4GArBU~~,eAAe,EAAA,~~IAAA,~~EAAA,CAAA,~~EAAA~~,~~KAAA~~,EAAA,~~EAAA,~~CAAA,kBAAA,~~EAAA~~,CAAA,~~EAAA~~,~~MAAA,~~EAAA,~~EAAA,~~CAAA,~~eAAA~~,~~CAAA~~,SAAA,EAAA,CAAA,CAAA~~;AAAf~~,~~eAAA~~,CAAA,~~IAAA~~,~~GAAA,~~EAAA,~~CAAA~~,~~oBAAA~~,~~CAAA,~~EAAA,~~UAAA~~,EAAA,~~QAAA~~,EAAA,~~OAAA~~,EAAA,~~QAAA~~,EAAA,~~IAAA~~,EAAA,~~eAAe,+ICR5B~~,~~iPAOE~~,EAAA,~~MAAA~~,EAAA,~~CAAA~~,~~ybAAA~~,~~CAAA,~~EAAA,~~YAAA~~,EAAA,~~CAAA,~~EAAA,~~IAAA~~,EAAA,~~WAAA~~,EAAA,IAAA,EAAA,~~EAAA,~~CAAA,~~aAAA,~~EAAA,~~QAAA~~,EAAA,~~8CAAA~~,~~EAAA~~,~~EAAA~~,EAAA,~~IAAA~~,EAAA,~~WAAA~~,EAAA,~~IAAA~~,~~EAAA~~,EAAA,CAAA,~~oBAAA~~,EAAA,~~QAAA~~,EAAA,~~8MAAA~~,EAAA,~~EAAA~~,EAAA,~~IAAA~~,EAAA,~~WAAA~~,EAAA,~~IAAA~~,EAAA,~~EAAA~~,CAAA,~~kBAAA~~,EAAA,QAAA,EAAA,~~8FAAA~~,~~EAAA~~,~~EAAA~~,EAAA,~~IAAA,~~EAAA,~~WAAA~~,EAAA,IAAA,EAAA,~~EAAA~~,CAAA,~~eAAA,~~EAAA,~~QAAA,~~EAAA,~~2CAAA~~,~~EAAA~~,~~EAAA~~,~~EAAA~~,~~IAAA,~~EAAA,~~WAAA~~,EAAA,~~IAAA~~,~~EAAA~~,~~EAAA~~,CAAA,~~oBAAA~~,EAAA,~~QAAA~~,EAAA,~~0FAAA~~,~~EAAA~~,~~EAAA~~,EAAA,~~IAAA~~,~~EAAA~~,~~WAAA~~,~~EAAA~~,~~IAAA,~~EAAA,~~EAAA~~,CAAA,~~kBAAA~~,EAAA,~~QAAA,~~EAAA,~~aAAA~~,~~EAAA~~,~~MAAA~~,EAAA,CAAA,~~WAAA,~~CAAA,~~EAAA~~,~~OAAA,~~EAAA,CAAA,~~UAAA~~,~~CAAA~~,EAAA,~~QAAA,~~EAAA,CAAA,~~QAAA~~,CAAA,~~EAAA~~,~~EAAA~~,~~EAAA,IAAA,EAAA,~~WAAA,EAAA,~~IAAA~~,~~EAAA~~,~~EAAA~~,CAAA,~~eAAA~~,~~EAAA~~,~~QAAA~~,~~EAAA~~,~~mBAAA~~,~~EAAA~~,~~MAAA~~,~~EAAA~~,CAAA,~~iBAAA~~,EAAA,UAAA,EAAA,~~SAAA~~,CAAA,~~EAAA~~,~~OAAA~~,~~EAAA,~~CAAA,~~eAAA~~,~~CAAA,~~EAAA,CAAA,~~EAAA~~,CAAA,CAAA~~;2FDCW~~,eAAe,EAAA,~~UAAA,EAAA,~~CAAA;kBAL3B,SAAS;+BACE,YAAY,EAAA,QAAA,EAAA,iPAAA,EAAA,MAAA,EAAA,CAAA,ybAAA,CAAA,EAAA,CAAA;~~yGAMb~~,GAAG,EAAA,CAAA;sBAAX,KAAK;gBACG,GAAG,EAAA,CAAA;sBAAX,KAAK;gBACG,KAAK,EAAA,CAAA;sBAAb,KAAK;gBACI,WAAW,EAAA,CAAA;sBAApB,MAAM~~;;;~~MEKI,YAAY,CAAA;;~~yGAAZ~~,YAAY,~~EAAA~~,~~IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,~~CAAA,~~eAAA,CAAA,QAAA,~~EAAA,CAAA~~,CAAA~~;~~0GAAZ~~,YAAY,EAAA,~~YAAA,EAAA,CATrB,eAAe,~~CAAA,~~EAAA,OAAA,EAAA,CAGf,YAAY;QACZ,WAAW;QACX,mBAAmB,aAEX,eAAe,~~CAAA~~,EAAA,CAAA,CAAA~~;~~AAEd~~,~~YAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,~~YAAY~~,YANrB,YAAY~~;QACZ,WAAW;QACX,mBAAmB,CAAA,EAAA,CAAA,CAAA~~;2FAIV~~,YAAY,EAAA,~~UAAA,EAAA,~~CAAA;kBAXxB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,eAAe;AAChB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;wBACZ,WAAW;wBACX,mBAAmB;AACpB,qBAAA;oBACD,OAAO,EAAE,CAAC,eAAe,CAAC;iBAC3B,CAAA~~;;;ACjBD~~;;AAEG;;;;"}
1	+ {"version":3,"file":"mis-crystal-design-system-slider.mjs","sources":["../../../projects/mis-components/slider/slider.component.ts","../../../projects/mis-components/slider/slider.component.html","../../../projects/mis-components/slider/slider.module.ts","../../../projects/mis-components/slider/mis-crystal-design-system-slider.ts"],"sourcesContent":["import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\nimport { UntypedFormBuilder, UntypedFormGroup } from '@angular/forms';\n\n@Component({\n selector: 'mis-slider',\n templateUrl: './slider.component.html',\n styleUrls: ['./slider.component.css']\n})\nexport class SliderComponent implements OnInit {\n\n @Input() min?:number = 0;\n @Input() max?:number = 100;\n @Input() value: number = 0;\n @Output() valueChange = new EventEmitter<number>()\n\n sliderForm: UntypedFormGroup;\n\n constructor(private formBuilder: UntypedFormBuilder) { }\n\n ngOnInit(): void {\n this.sliderForm = this.formBuilder.group({\n sliderFormControl: [this.value]\n });\n }\n\n onInputChange(value: number) {\n this.value = value;\n this.sliderForm.patchValue({sliderFormControl: value})\n this.valueChange.emit(this.value);\n }\n\n}\n","<form [formGroup]=\"sliderForm\">\n <div class=\"slider\">\n <input type=\"range\" [min]=\"min\" [max]=\"max\" formControlName=\"sliderFormControl\" (input)=\"onInputChange($event.target.value)\" />\n </div>\n </form>\n \n\n ","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { SliderComponent } from './slider.component';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\n\n\n\n@NgModule({\n declarations: [\n SliderComponent\n ],\n imports: [\n CommonModule,\n FormsModule,\n ReactiveFormsModule\n ],\n exports: [SliderComponent]\n})\nexport class SliderModule { }\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}