@indigina/ui-kit 1.0.44 → 1.0.45

package/bundles/indigina-ui-kit.umd.js

@@ -1921,6 +1921,103 @@
                 },] }
     ];
 
+    var KitToggleComponent = /** @class */ (function () {
+        function KitToggleComponent() {
+            /**
+             * Defines whether the component will be in disabled state
+             */
+            this.disabled = false;
+            /**
+             * Defines a default value
+             */
+            this.defaultChecked = false;
+            /**
+             * Defines a value which going to be an info message type
+             */
+            this.messageType = exports.KitInputMessageType.DEFAULT;
+            /**
+             * Occurs as soon as toggle state is changed
+             */
+            this.changed = new core.EventEmitter();
+            /**
+             * Function that should be called every time the form control value changes
+             */
+            this.onChange = function (value) {
+            };
+            /**
+             * Function that should be called when input lost focus and changed form control state to "touched"
+             */
+            this.onTouched = function () {
+            };
+        }
+        /**
+         * Function that is called when toggle state changed
+         */
+        KitToggleComponent.prototype.onInputStateChange = function (checked) {
+            this.onChange(checked);
+            this.changed.emit(checked);
+        };
+        KitToggleComponent.prototype.registerOnChange = function (fn) {
+            this.onChange = fn;
+        };
+        KitToggleComponent.prototype.registerOnTouched = function (fn) {
+            this.onTouched = fn;
+        };
+        KitToggleComponent.prototype.writeValue = function (value) {
+            this.onChange(value);
+            this.defaultChecked = value;
+        };
+        KitToggleComponent.prototype.setDisabledState = function (disabled) {
+            this.disabled = disabled;
+        };
+        return KitToggleComponent;
+    }());
+    KitToggleComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'kit-toggle',
+                    template: "<div class=\"kit-toggle\">\n  <div class=\"display-flex flex-align-items-center\">\n    <kendo-switch [checked]=\"defaultChecked\"\n                  [disabled]=\"disabled\"\n                  (valueChange)=\"onInputStateChange($event)\"\n    ></kendo-switch>\n    <kendo-label class=\"label\" [text]=\"label\"></kendo-label>\n  </div>\n  <kit-input-message *ngIf=\"messageText\"\n                     [type]=\"messageType\"\n                     [icon]=\"messageIcon\"\n                     [message]=\"messageText\"\n  ></kit-input-message>\n</div>\n",
+                    changeDetection: core.ChangeDetectionStrategy.OnPush,
+                    encapsulation: core.ViewEncapsulation.None,
+                    providers: [{
+                            provide: forms.NG_VALUE_ACCESSOR,
+                            useExisting: core.forwardRef(function () { return KitToggleComponent; }),
+                            multi: true,
+                        }],
+                    styles: [".display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}.kit-toggle .label{color:#27282a;font-size:14px;font-weight:400;margin-left:20px}.kit-toggle .k-switch-container{align-items:center;background:#fff;border:2px solid;border-radius:20px;box-shadow:none;display:flex;width:100%}.kit-toggle .k-switch-handle{border:none;height:8px;width:8px}.kit-toggle .k-switch-label-off,.kit-toggle .k-switch-label-on{display:none}.kit-toggle .k-state-focused .k-switch-container{box-shadow:none}.kit-toggle .k-switch-off .k-switch-container{border-color:#c1c7d0}.kit-toggle .k-switch-off .k-switch-handle{background:#c1c7d0;left:2px}.kit-toggle .k-switch-on .k-switch-container{background:#fff;border-color:#006890}.kit-toggle .k-switch-on .k-switch-handle{background:#006890;left:calc(100% - 10px)}.kit-toggle .k-switch{height:16px;width:32px}.kit-toggle .k-switch .k-switch-container:hover{box-shadow:none}.kit-toggle .k-state-disabled{opacity:1}.kit-toggle .k-state-disabled.k-switch-off .k-switch-container{border-color:#e6e9ec}.kit-toggle .k-state-disabled.k-switch-off .k-switch-handle{background:#e6e9ec}.kit-toggle .k-state-disabled.k-switch-on .k-switch-container{border-color:#cce1e9}.kit-toggle .k-state-disabled.k-switch-on .k-switch-handle{background:#cce1e9}"]
+                },] }
+    ];
+    KitToggleComponent.propDecorators = {
+        label: [{ type: core.Input }],
+        disabled: [{ type: core.Input }],
+        defaultChecked: [{ type: core.Input }],
+        messageIcon: [{ type: core.Input }],
+        messageText: [{ type: core.Input }],
+        messageType: [{ type: core.Input }],
+        changed: [{ type: core.Output }]
+    };
+
+    var KitToggleModule = /** @class */ (function () {
+        function KitToggleModule() {
+        }
+        return KitToggleModule;
+    }());
+    KitToggleModule.decorators = [
+        { type: core.NgModule, args: [{
+                    declarations: [
+                        KitToggleComponent,
+                    ],
+                    imports: [
+                        common.CommonModule,
+                        kendoAngularInputs.SwitchModule,
+                        kendoAngularLabel.LabelModule,
+                        KitInputMessageModule,
+                    ],
+                    exports: [
+                        KitToggleComponent,
+                    ],
+                },] }
+    ];
+
     // KitButton
 
     /**
@@ -1967,6 +2064,8 @@
     exports.KitTextareaModule = KitTextareaModule;
     exports.KitTextboxComponent = KitTextboxComponent;
     exports.KitTextboxModule = KitTextboxModule;
+    exports.KitToggleComponent = KitToggleComponent;
+    exports.KitToggleModule = KitToggleModule;
     exports.KitUnitsTextboxComponent = KitUnitsTextboxComponent;
     exports.KitUnitsTextboxModule = KitUnitsTextboxModule;
     exports.ɵa = KitSvgSpriteComponent;