@shortfuse/materialdesignweb 0.7.4 → 0.7.6

package/components/Button.js

@@ -25,7 +25,7 @@ export default CustomElement
     delegatesFocus: true,
   })
   .observe({
-    type: { value: 'button' },
+    type: { empty: 'button' },
     elevated: 'boolean',
     filled: 'string',
     outlined: 'boolean',
@@ -57,7 +57,6 @@ export default CustomElement
 
       shape.setAttribute('filled', '{filled}');
       control.setAttribute('role', 'button');
-      control.setAttribute('type', 'button');
     },
   })
   .css`

package/components/Checkbox.js

@@ -139,7 +139,6 @@ export default CustomElement
         <slot id=slot></slot>
       `);
 
-      control.setAttribute('type', 'checkbox');
       // Indeterminate must be manually expressed for ARIA
       control.setAttribute('aria-checked', '{_ariaChecked}');
     },

package/components/FilterChip.js

@@ -33,7 +33,6 @@ export default Chip
       icon.setAttribute('ink', '{iconInk}');
 
       control.removeAttribute('role');
-      control.setAttribute('type', 'checkbox');
 
       outline.removeAttribute('ink');
       outline.removeAttribute('color');

package/components/Layout.js

@@ -11,6 +11,11 @@ export default CustomElement
 
     :host {
       display: block;
+
+      /* QOL */
+      font: var(--mdw-typescale__body-large__font);
+      letter-spacing: var(--mdw-typescale__body-large__letter-spacing);
+      
     }
 
     /* Pane Slot */

package/components/ListOption.js

@@ -149,6 +149,10 @@ export default class ListOption extends ListItem
     if (selected !== undefined) {
       this._selected = selected;
     }
+  }
+
+  connectedCallback() {
+    super.connectedCallback();
     if (!this.hasAttribute('tabindex')) {
       this.tabIndex = 0;
     }

package/components/ListSelect.js

@@ -41,14 +41,18 @@ export default class ListSelect extends List
 
   constructor() {
     super();
-    if (!this.hasAttribute('tabindex')) {
-      this.tabIndex = 0;
-    }
     this.refs.slot.addEventListener('slotchange', this.onSlotChange);
     this.addEventListener('keydown', this.onControlKeydown);
     this.addEventListener('click', this.onListSelectClick);
   }
 
+  connectedCallback() {
+    super.connectedCallback();
+    if (!this.hasAttribute('tabindex')) {
+      this.tabIndex = 0;
+    }
+  }
+
   * _selectedOptionsGenerator() {
     for (const el of this.options) {
       if (!el.selected) continue;

package/components/Radio.js

@@ -32,8 +32,6 @@ export default CustomElement
         </div>
         <slot id=slot></slot>
       `);
-
-      control.setAttribute('type', 'radio');
     },
   })
   .css`

package/components/SegmentedButton.js

@@ -29,7 +29,6 @@ export default Button
       outline.setAttribute('inner-segmented-button', '{innerSegmentedButton}');
       outline.setAttribute('shape-start', '{shapeStart}');
       outline.setAttribute('shape-end', '{shapeEnd}');
-      control.setAttribute('type', 'radio');
       control.setAttribute('role', 'option');
       control.setAttribute('aria-checked', inline(
         ({ type, checked }) => (type === 'checkbox' ? `${(!!checked)}` : null),

package/components/Slider.js

@@ -194,7 +194,6 @@ export default CustomElement
         </div>
       `);
       label.removeAttribute('aria-labelledby');
-      control.setAttribute('type', 'range');
     },
     valueChanged(oldValue, newValue) {
       this._previewValue = newValue;

package/components/Switch.js

@@ -43,7 +43,6 @@ export default CustomElement
         </mdw-switch-icon>
         <slot id=slot></slot>
       `);
-      control.setAttribute('type', 'checkbox');
       control.setAttribute('role', 'switch');
     },
   })

package/components/TextArea.js

@@ -133,7 +133,6 @@ export default CustomElement
 
     /** @param {ResizeObserverEntry} entry */
     onResizeObserved(entry) {
-      super.onResizeObserved(entry);
       if (this.matches(':active')) return;
       this.resize();
     },
@@ -173,10 +172,8 @@ export default CustomElement
       // Custom
       control.setAttribute('input-prefix', '{inputPrefix}');
       control.setAttribute('input-suffix', '{inputSuffix}');
-      control.setAttribute('minrows', '{minRows}');
       control.setAttribute('fixed', '{fixed}');
       control.setAttribute('icon', '{icon}');
-      control.setAttribute('maxrows', '{maxRows}');
     },
     defaultValueAttrChanged(oldValue, newValue) {
       this.defaultValue = newValue;
@@ -210,6 +207,8 @@ export default CustomElement
       minlength: cloneAttributeCallback('minlength', 'control'),
       maxlength: cloneAttributeCallback('maxlength', 'control'),
       placeholder: cloneAttributeCallback('placeholder', 'control'),
+      minrows: cloneAttributeCallback('minrows', 'control'),
+      maxrows: cloneAttributeCallback('maxrows', 'control'),
     },
   })
   .css`
@@ -231,7 +230,11 @@ export default CustomElement
       #label {
         --max-rows: none;
         --line-height: var(--mdw-typescale__body-large__line-height);
-        --expected-height: calc((var(--control__margin-top) + var(--control__padding-top) + var(--line-height) + var(--control__padding-bottom) + var(--control__margin-bottom)));
+        --expected-height: calc(var(--line-height)
+          + var(--control__margin-top)
+          + var(--control__padding-top)
+          + var(--control__padding-bottom)
+          + var(--control__margin-bottom));
         max-block-size: 100%;
         grid-row: 1 / 1;
         padding: 0;