feat(md-switch): forward blur event

aurelia-ui-toolkits · Sep 5, 2016 · 0eb63b5 · 0eb63b5
1 parent ddacfbd
commit 0eb63b5
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/src/switch/switch.html b/src/switch/switch.html
@@ -2,7 +2,7 @@
   <require from="./switch.css"></require>
   <label>
     ${mdLabelOff}
-    <input type="checkbox" ref="checkbox">
+    <input type="checkbox" ref="checkbox" blur.trigger="blur()">
     <span class="lever"></span>
     ${mdLabelOn}
   </label>

diff --git a/src/switch/switch.js b/src/switch/switch.js
@@ -1,4 +1,5 @@
 import { bindable, customElement } from 'aurelia-templating';
+import { DOM } from 'aurelia-pal';
 import { bindingMode } from 'aurelia-binding';
 import { inject } from 'aurelia-dependency-injection';
 import { getBooleanFromAttributeValue } from '../common/attributes';
@@ -34,6 +35,11 @@ export class MdSwitch {
     this.mdChecked = this.checkbox.checked;
   }
 
+  blur() {
+    const event = DOM.createCustomEvent('blur');
+    this.element.dispatchEvent(event);
+  }
+
   mdCheckedChanged(newValue) {
     if (this.checkbox) {
       this.checkbox.checked = !!newValue;