fix(md-datepicker): fix tab index of datepicker

aurelia-ui-toolkits · Jun 28, 2016 · 36b4ee4 · 36b4ee4
1 parent ed2664d
commit 36b4ee4
Show file tree

Hide file tree

Showing 16 changed files with 619 additions and 568 deletions.
diff --git a/dist/amd/aurelia-materialize-bridge.d.ts b/dist/amd/aurelia-materialize-bridge.d.ts
@@ -10,15 +10,15 @@ declare module 'aurelia-materialize-bridge' {
   import {
     inject
   } from 'aurelia-dependency-injection';
+  import {
+    Router
+  } from 'aurelia-router';
   import {
     bindingMode,
     observable,
     BindingEngine,
     ObserverLocator
   } from 'aurelia-binding';
-  import {
-    Router
-  } from 'aurelia-router';
   import {
     TaskQueue
   } from 'aurelia-task-queue';
@@ -104,12 +104,6 @@ declare module 'aurelia-materialize-bridge' {
     attached(): any;
     detached(): any;
   }
-  export class MdBox {
-    caption: any;
-    constructor(element: any);
-    attached(): any;
-    detached(): any;
-  }
 
   // taken from: https://github.com/heruan/aurelia-breadcrumbs
   export class MdBreadcrumbs {
@@ -121,16 +115,11 @@ declare module 'aurelia-materialize-bridge' {
   export class InstructionFilterValueConverter {
     toView(navigationInstructions: any): any;
   }
-  export class MdButton {
-    disabled: any;
-    flat: any;
-    floating: any;
-    large: any;
+  export class MdBox {
+    caption: any;
     constructor(element: any);
     attached(): any;
     detached(): any;
-    disabledChanged(newValue: any): any;
-    flatChanged(newValue: any): any;
   }
   export class MdCard {
     mdImage: any;
@@ -140,6 +129,17 @@ declare module 'aurelia-materialize-bridge' {
     constructor(element: any);
     attached(): any;
   }
+  export class MdButton {
+    disabled: any;
+    flat: any;
+    floating: any;
+    large: any;
+    constructor(element: any);
+    attached(): any;
+    detached(): any;
+    disabledChanged(newValue: any): any;
+    flatChanged(newValue: any): any;
+  }
 
   // @customElement('md-carousel-item')
   export class MdCarouselItem {
@@ -159,10 +159,6 @@ declare module 'aurelia-materialize-bridge' {
     attached(): any;
     detached(): any;
   }
-  export class MdChip {
-    mdClose: any;
-    attached(): any;
-  }
   export class MdCheckbox {
     static id: any;
     mdChecked: any;
@@ -175,13 +171,25 @@ declare module 'aurelia-materialize-bridge' {
     mdCheckedChanged(newValue: any): any;
     mdDisabledChanged(newValue: any): any;
   }
+  export class MdChip {
+    mdClose: any;
+    attached(): any;
+  }
   export class MdCollapsible {
     constructor(element: any);
     attached(): any;
     detached(): any;
     refresh(): any;
     accordionChanged(): any;
   }
+
+  /* eslint-enable */
+  export class DarkenValueConverter {
+    toView(value: any, steps: any): any;
+  }
+  export class LightenValueConverter {
+    toView(value: any, steps: any): any;
+  }
   export class MdCollectionHeader {
     constructor(element: any);
   }
@@ -235,14 +243,6 @@ declare module 'aurelia-materialize-bridge' {
   * @param data Addition data to attach to an event
   */
   export function fireMaterializeEvent(element: Element, name: string, data?: any): any;
-
-  /* eslint-enable */
-  export class DarkenValueConverter {
-    toView(value: any, steps: any): any;
-  }
-  export class LightenValueConverter {
-    toView(value: any, steps: any): any;
-  }
   export class MdDatePicker {
     container: any;
     translation: any;
@@ -252,6 +252,7 @@ declare module 'aurelia-materialize-bridge' {
     options: any;
     constructor(element: any, taskQueue: any);
     bind(): any;
+    movePickerCloserToSrc(): any;
     detached(): any;
     openDatePicker(): any;
     closeDatePicker(): any;
@@ -393,6 +394,13 @@ declare module 'aurelia-materialize-bridge' {
   }
 
   // destroy handler not available
+  export class MdRange {
+    mdMin: any;
+    mdMax: any;
+    mdStep: any;
+    mdValue: any;
+    constructor(element: any);
+  }
   export class MdRadio {
     static id: any;
     mdChecked: any;
@@ -421,13 +429,6 @@ declare module 'aurelia-materialize-bridge' {
     // }
     mdDisabledChanged(newValue: any): any;
   }
-  export class MdRange {
-    mdMin: any;
-    mdMax: any;
-    mdStep: any;
-    mdValue: any;
-    constructor(element: any);
-  }
 
   /* eslint no-new-func:0 */
   export class ScrollfirePatch {

diff --git a/dist/amd/datepicker/datepicker.js b/dist/amd/datepicker/datepicker.js
@@ -136,7 +136,6 @@ define(['exports', 'aurelia-templating', 'aurelia-binding', 'aurelia-task-queue'
           _this.openDatePicker();
         });
       }
-
       if (this.options.showIcon) {
         this.element.classList.add('left');
         var calendarIcon = document.createElement('i');
@@ -146,6 +145,12 @@ define(['exports', 'aurelia-templating', 'aurelia-binding', 'aurelia-task-queue'
         this.element.parentNode.insertBefore(calendarIcon, this.element.nextSibling);
         $(calendarIcon).on('click', this.onCalendarIconClick.bind(this));
       }
+
+      this.movePickerCloserToSrc();
+    };
+
+    MdDatePicker.prototype.movePickerCloserToSrc = function movePickerCloserToSrc() {
+      $(this.picker.$root).appendTo($(this.element).parent());
     };
 
     MdDatePicker.prototype.detached = function detached() {

diff --git a/dist/aurelia-materialize-bridge.d.ts b/dist/aurelia-materialize-bridge.d.ts
@@ -10,15 +10,15 @@ declare module 'aurelia-materialize-bridge' {
   import {
     inject
   } from 'aurelia-dependency-injection';
+  import {
+    Router
+  } from 'aurelia-router';
   import {
     bindingMode,
     observable,
     BindingEngine,
     ObserverLocator
   } from 'aurelia-binding';
-  import {
-    Router
-  } from 'aurelia-router';
   import {
     TaskQueue
   } from 'aurelia-task-queue';
@@ -104,12 +104,6 @@ declare module 'aurelia-materialize-bridge' {
     attached(): any;
     detached(): any;
   }
-  export class MdBox {
-    caption: any;
-    constructor(element: any);
-    attached(): any;
-    detached(): any;
-  }
 
   // taken from: https://github.com/heruan/aurelia-breadcrumbs
   export class MdBreadcrumbs {
@@ -121,16 +115,11 @@ declare module 'aurelia-materialize-bridge' {
   export class InstructionFilterValueConverter {
     toView(navigationInstructions: any): any;
   }
-  export class MdButton {
-    disabled: any;
-    flat: any;
-    floating: any;
-    large: any;
+  export class MdBox {
+    caption: any;
     constructor(element: any);
     attached(): any;
     detached(): any;
-    disabledChanged(newValue: any): any;
-    flatChanged(newValue: any): any;
   }
   export class MdCard {
     mdImage: any;
@@ -140,6 +129,17 @@ declare module 'aurelia-materialize-bridge' {
     constructor(element: any);
     attached(): any;
   }
+  export class MdButton {
+    disabled: any;
+    flat: any;
+    floating: any;
+    large: any;
+    constructor(element: any);
+    attached(): any;
+    detached(): any;
+    disabledChanged(newValue: any): any;
+    flatChanged(newValue: any): any;
+  }
 
   // @customElement('md-carousel-item')
   export class MdCarouselItem {
@@ -159,10 +159,6 @@ declare module 'aurelia-materialize-bridge' {
     attached(): any;
     detached(): any;
   }
-  export class MdChip {
-    mdClose: any;
-    attached(): any;
-  }
   export class MdCheckbox {
     static id: any;
     mdChecked: any;
@@ -175,13 +171,25 @@ declare module 'aurelia-materialize-bridge' {
     mdCheckedChanged(newValue: any): any;
     mdDisabledChanged(newValue: any): any;
   }
+  export class MdChip {
+    mdClose: any;
+    attached(): any;
+  }
   export class MdCollapsible {
     constructor(element: any);
     attached(): any;
     detached(): any;
     refresh(): any;
     accordionChanged(): any;
   }
+
+  /* eslint-enable */
+  export class DarkenValueConverter {
+    toView(value: any, steps: any): any;
+  }
+  export class LightenValueConverter {
+    toView(value: any, steps: any): any;
+  }
   export class MdCollectionHeader {
     constructor(element: any);
   }
@@ -235,14 +243,6 @@ declare module 'aurelia-materialize-bridge' {
   * @param data Addition data to attach to an event
   */
   export function fireMaterializeEvent(element: Element, name: string, data?: any): any;
-
-  /* eslint-enable */
-  export class DarkenValueConverter {
-    toView(value: any, steps: any): any;
-  }
-  export class LightenValueConverter {
-    toView(value: any, steps: any): any;
-  }
   export class MdDatePicker {
     container: any;
     translation: any;
@@ -252,6 +252,7 @@ declare module 'aurelia-materialize-bridge' {
     options: any;
     constructor(element: any, taskQueue: any);
     bind(): any;
+    movePickerCloserToSrc(): any;
     detached(): any;
     openDatePicker(): any;
     closeDatePicker(): any;
@@ -393,6 +394,13 @@ declare module 'aurelia-materialize-bridge' {
   }
 
   // destroy handler not available
+  export class MdRange {
+    mdMin: any;
+    mdMax: any;
+    mdStep: any;
+    mdValue: any;
+    constructor(element: any);
+  }
   export class MdRadio {
     static id: any;
     mdChecked: any;
@@ -421,13 +429,6 @@ declare module 'aurelia-materialize-bridge' {
     // }
     mdDisabledChanged(newValue: any): any;
   }
-  export class MdRange {
-    mdMin: any;
-    mdMax: any;
-    mdStep: any;
-    mdValue: any;
-    constructor(element: any);
-  }
 
   /* eslint no-new-func:0 */
   export class ScrollfirePatch {