@lemonadejs/switch 1.0.2 → 1.1.1

package/dist/index.d.ts

@@ -16,6 +16,10 @@ declare namespace Switch {
         name?: string;
         /** Determines whether the switch can be toggled or not */
         disabled?: boolean;
+        /** Text position. Default undefined */
+        position?: 'right' | undefined;
+        /** Onchange event */
+        onchange: (value: string) => void;
     }
 
     interface Instance {

package/dist/index.js

@@ -10,8 +10,16 @@ if (!lemonade && typeof (require) === 'function') {
     const Switch = function () {
         let self = this;
 
+        const onchange = self.onchange;
+
+        self.onchange = function(prop) {
+            if (typeof(onchange) === 'function') {
+                onchange.call(self, self.value);
+            }
+        }
+
         return `<label class="lm-switch" position="{{self.position}}">
-            <input type="checkbox" name="{{self.name}}" disabled="{{self.disabled}}" :bind="self.value"> <span>{{self.text}}</span>
+            <input type="checkbox" name="{{self.name}}" disabled="{{self.disabled}}" :bind="self.value" /> <span>{{self.text}}</span>
         </label>`
     }
 

package/dist/style.css

@@ -1,6 +1,6 @@
 .lm-switch {
-    position: relative;
-    display: inline-flex;
+    position: relative !important;
+    display: inline-flex !important;
     z-index: 0;
     align-items: center;
 }

package/package.json

@@ -13,8 +13,8 @@
         "switch js"
     ],
     "dependencies": {
-        "lemonadejs": "^4.0.7"
+        "lemonadejs": "^4.1.0"
     },
     "main": "dist/index.js",
-    "version": "1.0.2"
+    "version": "1.1.1"
 }