mis-crystal-design-system 4.0.50 → 14.0.0

package/bundles/mis-crystal-design-system-star-rating.umd.min.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../projects/mis-components/star-rating/star-rating.component.ts","../../../projects/mis-components/star-rating/star-rating.module.ts"],"names":["StarRatingComponent","this","noOfStars","selectedRating","selectedStarSvg","emptyStarSvg","starHeight","starWidth","starSelectionAllowed","starHoverAllowed","starRated","EventEmitter","starData","selectedData","prototype","ngOnInit","_this","Array","from","length","_","i","id","asset","hoverId","assetsSelection","JSON","parse","stringify","ngOnChanges","changes","index","forEach","item","starMouseOver","threshold","starMouseLeave","selectedStarData","emit","Component","args","selector","template","Input","Output","NgModule","declarations","imports","CommonModule","exports"],"mappings":"ggBAqBE,SAAAA,IAZSC,KAAAC,UAAoB,EACpBD,KAAAE,gBAA0B,EAC1BF,KAAAG,gBAAkB,0BAClBH,KAAAI,aAAe,kBACfJ,KAAAK,WAAa,OACbL,KAAAM,UAAY,OACZN,KAAAO,sBAAuB,EACvBP,KAAAQ,kBAAmB,EACPR,KAAAS,UAAkC,IAAIC,EAAAA,aAE3DV,KAAAW,SAAwB,GACxBX,KAAAY,aAA4B,UAG5Bb,EAAAc,UAAAC,SAAA,WAAA,IAAAC,EAAAf,KACKA,KAAKC,UAAY,IAClBD,KAAKW,SAAWK,MAAMC,KAAK,CAAEC,OAAQlB,KAAKC,YAAa,SAACkB,EAAGC,GAAM,MAAA,CAC/DC,GAAID,EACJE,MAAOP,EAAKX,aACZmB,SAAU,OAGdvB,KAAKE,eAAiBF,KAAKE,eAAiBF,KAAKC,UAAYD,KAAKC,UAAYD,KAAKE,eACnFF,KAAKwB,gBAAgBxB,KAAKE,gBAC1BF,KAAKY,aAAea,KAAKC,MAAMD,KAAKE,UAAU3B,KAAKW,YAGrDZ,EAAAc,UAAAe,YAAA,SAAYC,GACV7B,KAAKwB,gBAAgBxB,KAAKE,gBAC1BF,KAAKY,aAAea,KAAKC,MAAMD,KAAKE,UAAU3B,KAAKW,YAGrDZ,EAAAc,UAAAW,gBAAA,SAAgBM,GAAhB,IAAAf,EAAAf,UAAgB,IAAA8B,IAAAA,GAAiB,GAC/B9B,KAAKW,SAASoB,SAAQ,SAACC,GACrBA,EAAKV,MAAQU,EAAKX,IAAMS,EAAQ,EAAIf,EAAKZ,gBAAkBY,EAAKX,aAChE4B,EAAKT,SAAW,MAIpBxB,EAAAc,UAAAoB,cAAA,SAAcH,GAAd,IAAAf,EAAAf,KACE,GAAKA,KAAKQ,iBAAV,CAEA,IAAM0B,EAAYlC,KAAKE,eAAiB,EACxCF,KAAKW,SAASoB,SAAQ,SAAAC,GACpBA,EAAKT,QAAUO,EACfE,EAAKV,MAAQQ,EAAQI,GAAaF,EAAKX,IAAMS,EAAQf,EAAKZ,gBAAkBY,EAAKH,aAAaoB,EAAKX,IAAIC,WAK3GvB,EAAAc,UAAAsB,eAAA,WACMnC,KAAKQ,mBAETR,KAAKW,SAAWc,KAAKC,MAAMD,KAAKE,UAAU3B,KAAKY,eAC/CZ,KAAKwB,gBAAgBxB,KAAKE,kBAG5BH,EAAAc,UAAAuB,iBAAA,SAAiBN,GACZ9B,KAAKO,sBACNP,KAAKS,UAAU4B,KAAKP,EAAM,6BAlE/BQ,EAAAA,UAASC,KAAA,CAAC,CACTC,SAAU,kBACVC,SAAA,k3BAKCC,EAAAA,8BACAA,EAAAA,+BACAA,EAAAA,4BACAA,EAAAA,0BACAA,EAAAA,yBACAA,EAAAA,oCACAA,EAAAA,gCACAA,EAAAA,yBACAC,EAAAA,OAAMJ,KAAA,CAAC,sBCRV,iCALCK,EAAAA,SAAQL,KAAA,CAAC,CACRM,aAAc,CAAC9C,GACf+C,QAAS,CAACC,EAAAA,cACVC,QAAS,CAACjD","sourcesContent":["import { Component, OnInit, Input, Output, EventEmitter, OnChanges, SimpleChanges } from '@angular/core';\n\n@Component({\n  selector: 'mis-star-rating',\n  templateUrl: './star-rating.component.html',\n  styleUrls: ['./star-rating.component.scss']\n})\nexport class StarRatingComponent implements OnInit, OnChanges {\n\n  @Input() noOfStars: number = 0;\n  @Input() selectedRating: number = -1;\n  @Input() selectedStarSvg = 'assets/selectedStar.svg';\n  @Input() emptyStarSvg = 'assets/star.svg';\n  @Input() starHeight = '24px';\n  @Input() starWidth = '24px';\n  @Input() starSelectionAllowed = true;\n  @Input() starHoverAllowed = true;\n  @Output('starRated') starRated: EventEmitter<number> = new EventEmitter();\n\n  starData: STAR_DATA[] = [];\n  selectedData: STAR_DATA[] = [];\n  constructor() { }\n\n  ngOnInit(): void {\n    if(this.noOfStars > 0){\n      this.starData = Array.from({ length: this.noOfStars }, (_, i) => ({\n        id: i,\n        asset: this.emptyStarSvg,\n        hoverId: -1,\n      }));\n    }\n    this.selectedRating = this.selectedRating > this.noOfStars ? this.noOfStars : this.selectedRating; \n    this.assetsSelection(this.selectedRating);\n    this.selectedData = JSON.parse(JSON.stringify(this.starData));\n  }\n\n  ngOnChanges(changes: SimpleChanges): void {\n    this.assetsSelection(this.selectedRating);\n    this.selectedData = JSON.parse(JSON.stringify(this.starData));\n  }\n\n  assetsSelection(index: number = -1){\n    this.starData.forEach((item: STAR_DATA) => {\n      item.asset = item.id <= index - 1 ? this.selectedStarSvg : this.emptyStarSvg;\n      item.hoverId = -1;\n    });\n  }\n\n  starMouseOver(index){\n    if (!this.starHoverAllowed) return;\n\n    const threshold = this.selectedRating - 1;\n    this.starData.forEach(item => {\n      item.hoverId = index;\n      item.asset = index > threshold && item.id <= index ? this.selectedStarSvg : this.selectedData[item.id].asset;\n    });\n\n  }\n\n  starMouseLeave(){\n    if(!this.starHoverAllowed) return;\n\n    this.starData = JSON.parse(JSON.stringify(this.selectedData));\n    this.assetsSelection(this.selectedRating);\n  }\n\n  selectedStarData(index: number){\n    if(this.starSelectionAllowed){\n      this.starRated.emit(index+1)\n    }\n  }\n\n}\n\nexport interface STAR_DATA {\n  id: number,\n  asset: string,\n  hoverId: number\n}\n","import { CommonModule } from \"@angular/common\";\nimport { NgModule, ModuleWithProviders } from \"@angular/core\";\nimport { StarRatingComponent } from \"./star-rating.component\";\n\n@NgModule({\n  declarations: [StarRatingComponent],\n  imports: [CommonModule],\n  exports: [StarRatingComponent]\n})\nexport class StarRatingModule {\n}\n"]}

package/bundles/mis-crystal-design-system-styles.umd.js

@@ -1,11 +0,0 @@
-(function (factory) {
-	typeof define === 'function' && define.amd ? define('mis-crystal-design-system/styles', factory) :
-	factory();
-}((function () { 'use strict';
-
-	/**
-	 * Generated bundle index. Do not edit.
-	 */
-
-})));
-//# sourceMappingURL=mis-crystal-design-system-styles.umd.js.map

package/bundles/mis-crystal-design-system-styles.umd.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"mis-crystal-design-system-styles.umd.js","sources":["../../../projects/mis-components/styles/mis-crystal-design-system-styles.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;CAAA;;;;;;;;"}

package/bundles/mis-crystal-design-system-styles.umd.min.js

@@ -1,2 +0,0 @@
-!function(e){"function"==typeof define&&define.amd?define("mis-crystal-design-system/styles",e):e()}((function(){}));
-//# sourceMappingURL=mis-crystal-design-system-styles.umd.min.js.map

package/bundles/mis-crystal-design-system-styles.umd.min.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}

package/bundles/mis-crystal-design-system-switch.umd.js

@@ -1,79 +0,0 @@
-(function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/forms'), require('@angular/common')) :
-    typeof define === 'function' && define.amd ? define('mis-crystal-design-system/switch', ['exports', '@angular/core', '@angular/forms', '@angular/common'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global['mis-crystal-design-system'] = global['mis-crystal-design-system'] || {}, global['mis-crystal-design-system'].switch = {}), global.ng.core, global.ng.forms, global.ng.common));
-}(this, (function (exports, core, forms, common) { 'use strict';
-
-    var SwitchComponent = /** @class */ (function () {
-        function SwitchComponent() {
-            this.mobileView = false;
-            this.control = new forms.FormControl(false);
-            /** Emits value when toggled */
-            this.valueChanged = new core.EventEmitter();
-        }
-        Object.defineProperty(SwitchComponent.prototype, "checked", {
-            set: function (value) {
-                this.control.setValue(value);
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(SwitchComponent.prototype, "disabled", {
-            set: function (value) {
-                if (value)
-                    this.control.disable();
-                else
-                    this.control.enable();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        SwitchComponent.prototype.ngOnInit = function () { };
-        SwitchComponent.prototype.onChange = function (event) {
-            this.valueChanged.emit(this.control.value);
-        };
-        return SwitchComponent;
-    }());
-    SwitchComponent.decorators = [
-        { type: core.Component, args: [{
-                    selector: "mis-switch",
-                    template: "<label class=\"toggle-switch\" [ngClass]=\"{ 'toggle-switch-mobile': mobileView }\" [ngStyle]=\"{'cursor': control.disabled ? 'not-allowed' : 'pointer'}\">\n  <input type=\"checkbox\" (change)=\"onChange($event)\" [formControl]=\"control\" />\n  <span class=\"slider\"></span>\n</label>\n",
-                    styles: [".toggle-switch{height:28px;width:51px;display:inline-block;position:relative}.toggle-switch input{display:none}.toggle-switch input:checked+.slider{background-color:#0937b2}.toggle-switch input:checked+.slider:after{transform:translateX(23px)}.toggle-switch .slider{position:absolute;left:0;top:0;right:0;bottom:0;background-color:#e0e0e0;transition:.25s;border-radius:14px}.toggle-switch .slider:after{position:absolute;content:\"\";height:24px;width:24px;background-color:#fff;border-radius:12px;left:2px;bottom:2px;transition:.25s}.toggle-switch-mobile{height:14px;width:34px;display:inline-block;position:relative}.toggle-switch-mobile input{display:none}.toggle-switch-mobile input:checked+.slider{background-color:#e0e0e0}.toggle-switch-mobile input:disabled+.slider{background-color:#f5f5f5!important}.toggle-switch-mobile input:checked+.slider:after{background-color:#0937b2;transform:translateX(34px)}.toggle-switch-mobile input:checked:disabled+.slider:after{background-color:#929dab}.toggle-switch-mobile .slider{position:absolute;left:0;top:0;right:0;bottom:0;background-color:#e0e0e0;transition:.25s;border-radius:14px}.toggle-switch-mobile .slider:after{position:absolute;content:\"\";height:20px;width:20px;background-color:#fff;box-shadow:0 0 6px -2px #929dab;border-radius:12px;top:-3px;left:-10px;transition:.25s}"]
-                },] }
-    ];
-    SwitchComponent.ctorParameters = function () { return []; };
-    SwitchComponent.propDecorators = {
-        mobileView: [{ type: core.Input }],
-        checked: [{ type: core.Input }],
-        disabled: [{ type: core.Input }],
-        control: [{ type: core.Input }],
-        valueChanged: [{ type: core.Output }]
-    };
-
-    var SwitchModule = /** @class */ (function () {
-        function SwitchModule() {
-        }
-        SwitchModule.forRoot = function () {
-            return { ngModule: SwitchModule, providers: [] };
-        };
-        return SwitchModule;
-    }());
-    SwitchModule.decorators = [
-        { type: core.NgModule, args: [{
-                    declarations: [SwitchComponent],
-                    imports: [common.CommonModule, forms.ReactiveFormsModule],
-                    exports: [SwitchComponent]
-                },] }
-    ];
-
-    /**
-     * Generated bundle index. Do not edit.
-     */
-
-    exports.SwitchComponent = SwitchComponent;
-    exports.SwitchModule = SwitchModule;
-
-    Object.defineProperty(exports, '__esModule', { value: true });
-
-})));
-//# sourceMappingURL=mis-crystal-design-system-switch.umd.js.map

package/bundles/mis-crystal-design-system-switch.umd.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"mis-crystal-design-system-switch.umd.js","sources":["../../../projects/mis-components/switch/switch.component.ts","../../../projects/mis-components/switch/switch.module.ts","../../../projects/mis-components/switch/mis-crystal-design-system-switch.ts"],"sourcesContent":["import { Component, Input, OnInit, Output, EventEmitter } from \"@angular/core\";\nimport { AbstractControl, FormControl } from \"@angular/forms\";\n\n@Component({\n  selector: \"mis-switch\",\n  templateUrl: \"./switch.component.html\",\n  styleUrls: [\"./switch.component.scss\"]\n})\nexport class SwitchComponent implements OnInit {\n  @Input() mobileView: boolean = false;\n  @Input() set checked(value: boolean) {\n    this.control.setValue(value);\n  }\n  @Input() set disabled(value: boolean) {\n    if (value) this.control.disable();\n    else this.control.enable();\n  }\n  @Input() control: AbstractControl = new FormControl(false);\n\n  /** Emits value when toggled */\n  @Output() valueChanged = new EventEmitter<boolean>();\n\n  constructor() {}\n  ngOnInit() {}\n  onChange(event) {\n    this.valueChanged.emit(this.control.value);\n  }\n}\n","import { NgModule, ModuleWithProviders } from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\n\nimport { SwitchComponent } from \"./switch.component\";\nimport { ReactiveFormsModule } from \"@angular/forms\";\n\n@NgModule({\n  declarations: [SwitchComponent],\n  imports: [CommonModule, ReactiveFormsModule],\n  exports: [SwitchComponent]\n})\nexport class SwitchModule {\n  static forRoot(): ModuleWithProviders<SwitchModule> {\n    return { ngModule: SwitchModule, providers: [] };\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["FormControl","EventEmitter","Component","Input","Output","NgModule","CommonModule","ReactiveFormsModule"],"mappings":";;;;;;;QAsBE;YAbS,eAAU,GAAY,KAAK,CAAC;YAQ5B,YAAO,GAAoB,IAAIA,iBAAW,CAAC,KAAK,CAAC,CAAC;;YAGjD,iBAAY,GAAG,IAAIC,iBAAY,EAAW,CAAC;SAErC;QAZhB,sBAAa,oCAAO;iBAApB,UAAqB,KAAc;gBACjC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;aAC9B;;;WAAA;QACD,sBAAa,qCAAQ;iBAArB,UAAsB,KAAc;gBAClC,IAAI,KAAK;oBAAE,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC;;oBAC7B,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC;aAC5B;;;WAAA;QAOD,kCAAQ,GAAR,eAAa;QACb,kCAAQ,GAAR,UAAS,KAAK;YACZ,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;SAC5C;;;;gBAvBFC,cAAS,SAAC;oBACT,QAAQ,EAAE,YAAY;oBACtB,4SAAsC;;iBAEvC;;;;6BAEEC,UAAK;0BACLA,UAAK;2BAGLA,UAAK;0BAILA,UAAK;+BAGLC,WAAM;;;;QCTT;;QACS,oBAAO,GAAd;YACE,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC;SAClD;;;;gBARFC,aAAQ,SAAC;oBACR,YAAY,EAAE,CAAC,eAAe,CAAC;oBAC/B,OAAO,EAAE,CAACC,mBAAY,EAAEC,yBAAmB,CAAC;oBAC5C,OAAO,EAAE,CAAC,eAAe,CAAC;iBAC3B;;;ICVD;;;;;;;;;;;;;"}

package/bundles/mis-crystal-design-system-switch.umd.min.js

@@ -1,2 +0,0 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/forms"),require("@angular/common")):"function"==typeof define&&define.amd?define("mis-crystal-design-system/switch",["exports","@angular/core","@angular/forms","@angular/common"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self)["mis-crystal-design-system"]=e["mis-crystal-design-system"]||{},e["mis-crystal-design-system"].switch={}),e.ng.core,e.ng.forms,e.ng.common)}(this,(function(e,t,o,i){"use strict";var n=function(){function e(){this.mobileView=!1,this.control=new o.FormControl(!1),this.valueChanged=new t.EventEmitter}return Object.defineProperty(e.prototype,"checked",{set:function(e){this.control.setValue(e)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"disabled",{set:function(e){e?this.control.disable():this.control.enable()},enumerable:!1,configurable:!0}),e.prototype.ngOnInit=function(){},e.prototype.onChange=function(e){this.valueChanged.emit(this.control.value)},e}();n.decorators=[{type:t.Component,args:[{selector:"mis-switch",template:'<label class="toggle-switch" [ngClass]="{ \'toggle-switch-mobile\': mobileView }" [ngStyle]="{\'cursor\': control.disabled ? \'not-allowed\' : \'pointer\'}">\n  <input type="checkbox" (change)="onChange($event)" [formControl]="control" />\n  <span class="slider"></span>\n</label>\n',styles:['.toggle-switch{height:28px;width:51px;display:inline-block;position:relative}.toggle-switch input{display:none}.toggle-switch input:checked+.slider{background-color:#0937b2}.toggle-switch input:checked+.slider:after{transform:translateX(23px)}.toggle-switch .slider{position:absolute;left:0;top:0;right:0;bottom:0;background-color:#e0e0e0;transition:.25s;border-radius:14px}.toggle-switch .slider:after{position:absolute;content:"";height:24px;width:24px;background-color:#fff;border-radius:12px;left:2px;bottom:2px;transition:.25s}.toggle-switch-mobile{height:14px;width:34px;display:inline-block;position:relative}.toggle-switch-mobile input{display:none}.toggle-switch-mobile input:checked+.slider{background-color:#e0e0e0}.toggle-switch-mobile input:disabled+.slider{background-color:#f5f5f5!important}.toggle-switch-mobile input:checked+.slider:after{background-color:#0937b2;transform:translateX(34px)}.toggle-switch-mobile input:checked:disabled+.slider:after{background-color:#929dab}.toggle-switch-mobile .slider{position:absolute;left:0;top:0;right:0;bottom:0;background-color:#e0e0e0;transition:.25s;border-radius:14px}.toggle-switch-mobile .slider:after{position:absolute;content:"";height:20px;width:20px;background-color:#fff;box-shadow:0 0 6px -2px #929dab;border-radius:12px;top:-3px;left:-10px;transition:.25s}']}]}],n.ctorParameters=function(){return[]},n.propDecorators={mobileView:[{type:t.Input}],checked:[{type:t.Input}],disabled:[{type:t.Input}],control:[{type:t.Input}],valueChanged:[{type:t.Output}]};var r=function(){function e(){}return e.forRoot=function(){return{ngModule:e,providers:[]}},e}();r.decorators=[{type:t.NgModule,args:[{declarations:[n],imports:[i.CommonModule,o.ReactiveFormsModule],exports:[n]}]}],e.SwitchComponent=n,e.SwitchModule=r,Object.defineProperty(e,"__esModule",{value:!0})}));
-//# sourceMappingURL=mis-crystal-design-system-switch.umd.min.js.map

package/bundles/mis-crystal-design-system-switch.umd.min.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../projects/mis-components/switch/switch.component.ts","../../../projects/mis-components/switch/switch.module.ts"],"names":["SwitchComponent","this","mobileView","control","FormControl","valueChanged","EventEmitter","Object","defineProperty","prototype","value","setValue","disable","enable","ngOnInit","onChange","event","emit","Component","args","selector","template","Input","Output","SwitchModule","forRoot","ngModule","providers","NgModule","declarations","imports","CommonModule","ReactiveFormsModule","exports"],"mappings":"2iBAsBE,SAAAA,IAbSC,KAAAC,YAAsB,EAQtBD,KAAAE,QAA2B,IAAIC,EAAAA,aAAY,GAG1CH,KAAAI,aAAe,IAAIC,EAAAA,oBAV7BC,OAAAC,eAAaR,EAAAS,UAAA,UAAO,KAApB,SAAqBC,GACnBT,KAAKE,QAAQQ,SAASD,oCAExBH,OAAAC,eAAaR,EAAAS,UAAA,WAAQ,KAArB,SAAsBC,GAChBA,EAAOT,KAAKE,QAAQS,UACnBX,KAAKE,QAAQU,0CAQpBb,EAAAS,UAAAK,SAAA,aACAd,EAAAS,UAAAM,SAAA,SAASC,GACPf,KAAKI,aAAaY,KAAKhB,KAAKE,QAAQO,iCAtBvCQ,EAAAA,UAASC,KAAA,CAAC,CACTC,SAAU,aACVC,SAAA,sqDAICC,EAAAA,uBACAA,EAAAA,wBAGAA,EAAAA,uBAIAA,EAAAA,4BAGAC,EAAAA,2BCTH,SAAAC,YACSA,EAAAC,QAAP,WACE,MAAO,CAAEC,SAAUF,EAAcG,UAAW,8BAP/CC,EAAAA,SAAQT,KAAA,CAAC,CACRU,aAAc,CAAC7B,GACf8B,QAAS,CAACC,EAAAA,aAAcC,EAAAA,qBACxBC,QAAS,CAACjC","sourcesContent":["import { Component, Input, OnInit, Output, EventEmitter } from \"@angular/core\";\nimport { AbstractControl, FormControl } from \"@angular/forms\";\n\n@Component({\n  selector: \"mis-switch\",\n  templateUrl: \"./switch.component.html\",\n  styleUrls: [\"./switch.component.scss\"]\n})\nexport class SwitchComponent implements OnInit {\n  @Input() mobileView: boolean = false;\n  @Input() set checked(value: boolean) {\n    this.control.setValue(value);\n  }\n  @Input() set disabled(value: boolean) {\n    if (value) this.control.disable();\n    else this.control.enable();\n  }\n  @Input() control: AbstractControl = new FormControl(false);\n\n  /** Emits value when toggled */\n  @Output() valueChanged = new EventEmitter<boolean>();\n\n  constructor() {}\n  ngOnInit() {}\n  onChange(event) {\n    this.valueChanged.emit(this.control.value);\n  }\n}\n","import { NgModule, ModuleWithProviders } from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\n\nimport { SwitchComponent } from \"./switch.component\";\nimport { ReactiveFormsModule } from \"@angular/forms\";\n\n@NgModule({\n  declarations: [SwitchComponent],\n  imports: [CommonModule, ReactiveFormsModule],\n  exports: [SwitchComponent]\n})\nexport class SwitchModule {\n  static forRoot(): ModuleWithProviders<SwitchModule> {\n    return { ngModule: SwitchModule, providers: [] };\n  }\n}\n"]}