mis-crystal-design-system 2.9.7-v14-1 → 2.9.8

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

@@ -0,0 +1,79 @@
+(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.formControl = new forms.FormControl(false);
+            /** Emits value when toggled */
+            this.valueChanged = new core.EventEmitter();
+        }
+        Object.defineProperty(SwitchComponent.prototype, "checked", {
+            set: function (value) {
+                this.formControl.setValue(value);
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(SwitchComponent.prototype, "disabled", {
+            set: function (value) {
+                if (value)
+                    this.formControl.disable();
+                else
+                    this.formControl.enable();
+            },
+            enumerable: false,
+            configurable: true
+        });
+        SwitchComponent.prototype.ngOnInit = function () { };
+        SwitchComponent.prototype.onChange = function (event) {
+            this.valueChanged.emit(this.formControl.value);
+        };
+        return SwitchComponent;
+    }());
+    SwitchComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: "mis-switch",
+                    template: "<label class=\"toggle-switch\" [ngClass]=\"{ 'toggle-switch-mobile': mobileView }\">\n  <input type=\"checkbox\" (change)=\"onChange($event)\" [formControl]=\"formControl\" />\n  <span class=\"slider\"></span>\n</label>\n",
+                    styles: [".toggle-switch{height:28px;width:51px;display:inline-block;position:relative;cursor:pointer}.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 }],
+        formControl: [{ 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

@@ -0,0 +1 @@
+{"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.formControl.setValue(value);\n  }\n  @Input() set disabled(value: boolean) {\n    if (value) this.formControl.disable();\n    else this.formControl.enable();\n  }\n  @Input() formControl: 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.formControl.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,gBAAW,GAAoB,IAAIA,iBAAW,CAAC,KAAK,CAAC,CAAC;;YAGrD,iBAAY,GAAG,IAAIC,iBAAY,EAAW,CAAC;SAErC;QAZhB,sBAAa,oCAAO;iBAApB,UAAqB,KAAc;gBACjC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;aAClC;;;WAAA;QACD,sBAAa,qCAAQ;iBAArB,UAAsB,KAAc;gBAClC,IAAI,KAAK;oBAAE,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE,CAAC;;oBACjC,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE,CAAC;aAChC;;;WAAA;QAOD,kCAAQ,GAAR,eAAa;QACb,kCAAQ,GAAR,UAAS,KAAK;YACZ,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;SAChD;;;;gBAvBFC,cAAS,SAAC;oBACT,QAAQ,EAAE,YAAY;oBACtB,yOAAsC;;iBAEvC;;;;6BAEEC,UAAK;0BACLA,UAAK;2BAGLA,UAAK;8BAILA,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

@@ -0,0 +1,2 @@
+!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.formControl=new o.FormControl(!1),this.valueChanged=new t.EventEmitter}return Object.defineProperty(e.prototype,"checked",{set:function(e){this.formControl.setValue(e)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"disabled",{set:function(e){e?this.formControl.disable():this.formControl.enable()},enumerable:!1,configurable:!0}),e.prototype.ngOnInit=function(){},e.prototype.onChange=function(e){this.valueChanged.emit(this.formControl.value)},e}();n.decorators=[{type:t.Component,args:[{selector:"mis-switch",template:'<label class="toggle-switch" [ngClass]="{ \'toggle-switch-mobile\': mobileView }">\n  <input type="checkbox" (change)="onChange($event)" [formControl]="formControl" />\n  <span class="slider"></span>\n</label>\n',styles:['.toggle-switch{height:28px;width:51px;display:inline-block;position:relative;cursor:pointer}.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}],formControl:[{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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../projects/mis-components/switch/switch.component.ts","../../../projects/mis-components/switch/switch.module.ts"],"names":["SwitchComponent","this","mobileView","formControl","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,YAA+B,IAAIC,EAAAA,aAAY,GAG9CH,KAAAI,aAAe,IAAIC,EAAAA,oBAV7BC,OAAAC,eAAaR,EAAAS,UAAA,UAAO,KAApB,SAAqBC,GACnBT,KAAKE,YAAYQ,SAASD,oCAE5BH,OAAAC,eAAaR,EAAAS,UAAA,WAAQ,KAArB,SAAsBC,GAChBA,EAAOT,KAAKE,YAAYS,UACvBX,KAAKE,YAAYU,0CAQxBb,EAAAS,UAAAK,SAAA,aACAd,EAAAS,UAAAM,SAAA,SAASC,GACPf,KAAKI,aAAaY,KAAKhB,KAAKE,YAAYO,iCAtB3CQ,EAAAA,UAASC,KAAA,CAAC,CACTC,SAAU,aACVC,SAAA,8mDAICC,EAAAA,uBACAA,EAAAA,wBAGAA,EAAAA,2BAIAA,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.formControl.setValue(value);\n  }\n  @Input() set disabled(value: boolean) {\n    if (value) this.formControl.disable();\n    else this.formControl.enable();\n  }\n  @Input() formControl: 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.formControl.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"]}