@shortfuse/materialdesignweb 0.7.1-3 → 0.7.1-4

package/components/Dialog.js

@@ -251,11 +251,11 @@ export default CustomElement
   .expressions({
     cancelAutoFocus({ default: d }) { return d === 'cancel'; },
     confirmAutoFocus({ default: d }) { return d === 'confirm'; },
+    _ariaHidden({ open }) { return (open ? 'false' : 'true'); },
   })
   .html/* html */`
-    <dialog id=dialog
-    ${supportsHTMLDialogElement ? 'aria-model=true' : ''}
-    role=dialog aria-hidden=${({ open }) => (open ? 'false' : 'true')} 
+    <dialog id=dialog aria-modal=true role=dialog
+    aria-hidden={_ariaHidden}
     aria-labelledby=headline aria-describedby=slot>
       <div _if={open} id=scrim aria-hidden=true></div>
       <mdw-surface id=surface open={open} icon={icon} elevation={elevation} color={color} ink={ink} outlined={outlined}>

package/components/RadioIcon.js

@@ -38,6 +38,7 @@ export default CustomElement
       --mdw-ink: rgb(var(--mdw-color__primary));
       /* Use CSS Variables to force filter to reapply (Chrome Bug) */
       --color: rgb(var(--mdw-color__on-surface-variant));
+      --mdw-shape__size: var(--mdw-shape__full);
       position: relative;
 
       display: inline-block;
@@ -50,12 +51,6 @@ export default CustomElement
       transition: opacity 200ms;
     }
 
-    .shape {
-      --mdw-shape__size: var(--mdw-shape__full);
-      position: absolute;
-      inset: 0;
-    }
-
     #outline {
       filter:
         drop-shadow(1px 0px 0px var(--color))

package/components/SegmentedButton.js

@@ -61,8 +61,6 @@ export default Button
 
     :host([inner-segmented-button]) {
       --mdw-shape__size: 0px;
-      --mdw-shape__rounded: 1;
-      --mdw-shape__mask-border-source: none;
     }
 
     #outline {

package/components/Shape.js

@@ -50,9 +50,15 @@ export default Box
       background-color: transparent;
     }
 
-    
     @supports(-webkit-mask-box-image: none) {
       :host {
+        -webkit-mask-box-image: var(--mdw-shape__mask-border-source)
+          8 fill /
+          var(--mdw-shape__size)
+          stretch;
+
+        -webkit-mask: var(--mdw-shape__mask);
+
         transition-duration: 200ms, 200ms, 200ms;
         transition-property: background-color, color, -webkit-mask-box-image-width;
         will-change: background-color, color, -webkit-mask-box-image;

package/core/CustomElement.js

@@ -194,7 +194,7 @@ export default class CustomElement extends ICustomElement {
    */
   static extend() {
     // @ts-expect-error Can't cast T
-    return class ExtendedClass extends this {};
+    return class extends this {};
   }
 
   /**