@shortfuse/materialdesignweb 0.7.6 → 0.8.0

package/mixins/InputMixin.js

@@ -30,7 +30,6 @@ const DOMString = { nullParser: String, empty: '' };
 export default function InputMixin(Base) {
   return Base
     .mixin(ControlMixin)
-    .extend()
     .observe({
       accept: DOMString,
       alt: DOMString,
@@ -63,13 +62,8 @@ export default function InputMixin(Base) {
       controlTagName: 'input',
     })
     .on({
-      composed({ inline }) {
-        const { label, control } = this.refs;
-        // Expose [selected] to .checked
-        label.setAttribute('selected', '{checked}');
-        label.setAttribute('invalid', '{_invalid}');
-        label.setAttribute('indeterminate', '{indeterminate}');
-
+      composed() {
+        const { control } = this.refs;
         control.setAttribute('checked', '{defaultChecked}');
         control.setAttribute('height', '{_height}');
         control.setAttribute('width', '{_width}');
@@ -177,7 +171,6 @@ export default function InputMixin(Base) {
             return;
           }
           const input = /** @type {HTMLInputElement} */ (event.currentTarget);
-          console.debug('InputMixin: Will fire checked via change event');
           this._checkedDirty = true;
           this._checked = input.checked;
         },

package/mixins/KeyboardNavMixin.js

@@ -14,7 +14,6 @@ const DEFAULT_ELEMENT_QUERY = [
  */
 export default function KeyboardNavMixin(Base) {
   return Base
-    .extend()
     .observe({
       /** Keyboard navigation attribute */
       kbdNav: { empty: 'true' },
@@ -51,6 +50,20 @@ export default function KeyboardNavMixin(Base) {
           ?? this.getAttribute('aria-orientation')
           ?? this.ariaOrientationDefault) === 'vertical';
       },
+      focusCurrentOrFirst() {
+        let current;
+        let first;
+        for (const candidate of this.kbdNavChildren) {
+          first = candidate;
+          if (candidate.tabIndex === 0) {
+            current = candidate;
+            break;
+          }
+        }
+        if (attemptFocus(current)) return current;
+        if (attemptFocus(first)) return first;
+        return null;
+      },
       /**
        * Focuses next element participating in roving tab index list
        * @param {HTMLElement} [current]