@universal-material/web 3.0.110 → 3.0.112

package/button/button-base.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button-base.styles.d.ts","sourceRoot":"","sources":["../../src/button/button-base.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAalB,CAAC"}
+{"version":3,"file":"button-base.styles.d.ts","sourceRoot":"","sources":["../../src/button/button-base.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAiBlB,CAAC"}

package/button/button-base.styles.js

@@ -12,5 +12,9 @@ export const styles = css `
   ::slotted([slot=icon]) {
     display: inline-block;
   }
+
+  .content {
+    pointer-events: none;
+  }
 `;
 //# sourceMappingURL=button-base.styles.js.map

package/button/button-base.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"button-base.styles.js","sourceRoot":"","sources":["../../src/button/button-base.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;;CAazB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n  .icon {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 1em;\n    height: 1em;\n    line-height: 1em;\n  }\n\n  ::slotted([slot=icon]) {\n    display: inline-block;\n  }\n`;\n"]}
+{"version":3,"file":"button-base.styles.js","sourceRoot":"","sources":["../../src/button/button-base.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;;;;;;CAiBzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n  .icon {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 1em;\n    height: 1em;\n    line-height: 1em;\n  }\n\n  ::slotted([slot=icon]) {\n    display: inline-block;\n  }\n\n  .content {\n    pointer-events: none;\n  }\n`;\n"]}

package/custom-elements.json

@@ -651,7 +651,7 @@
         {
           "kind": "variable",
           "name": "styles",
-          "default": "css `\n  .icon {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 1em;\n    height: 1em;\n    line-height: 1em;\n  }\n\n  ::slotted([slot=icon]) {\n    display: inline-block;\n  }\n`"
+          "default": "css `\n  .icon {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 1em;\n    height: 1em;\n    line-height: 1em;\n  }\n\n  ::slotted([slot=icon]) {\n    display: inline-block;\n  }\n\n  .content {\n    pointer-events: none;\n  }\n`"
         }
       ],
       "exports": [
@@ -5262,63 +5262,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/elevation/elevation.styles.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "styles",
-          "default": "css `\n  :host {\n    --_level: var(--u-elevation-level, 0);\n    --_shadow-color: var(--u-color-shadow, rgb(0, 0, 0));\n    -webkit-tap-highlight-color: transparent;\n    position: absolute;\n    inset: 0;\n    border-radius: inherit;\n    pointer-events: none;\n  }\n  :host::before, :host::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    border-radius: inherit;\n    transition: box-shadow 150ms ease-in-out;\n  }\n  :host::before {\n    box-shadow: 0 calc(1px * (clamp(0, var(--_level), 1) + clamp(0, var(--_level) - 3, 1) + 2 * clamp(0, var(--_level) - 4, 1))) calc(1px * (2 * clamp(0, var(--_level), 1) + clamp(0, var(--_level) - 2, 1) + clamp(0, var(--_level) - 4, 1))) 0 var(--_shadow-color);\n    opacity: 0.3;\n  }\n  :host::after {\n    box-shadow: 0 calc(1px * (clamp(0, var(--_level), 1) + clamp(0, var(--_level) - 1, 1) + 2 * clamp(0, var(--_level) - 2, 3))) calc(1px * (3 * clamp(0, var(--_level), 2) + 2 * clamp(0, var(--_level) - 2, 3))) calc(1px * (clamp(0, var(--_level), 4) + 2 * clamp(0, var(--_level) - 4, 1))) var(--_shadow-color);\n    opacity: 0.15;\n  }\n`"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "styles",
-          "declaration": {
-            "name": "styles",
-            "module": "src/elevation/elevation.styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/elevation/elevation.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "UmElevation",
-          "members": [],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "u-elevation",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "UmElevation",
-          "declaration": {
-            "name": "UmElevation",
-            "module": "src/elevation/elevation.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "u-elevation",
-          "declaration": {
-            "name": "UmElevation",
-            "module": "src/elevation/elevation.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/dialog/confirm-dialog-builder.ts",
@@ -6191,6 +6134,63 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/elevation/elevation.styles.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "styles",
+          "default": "css `\n  :host {\n    --_level: var(--u-elevation-level, 0);\n    --_shadow-color: var(--u-color-shadow, rgb(0, 0, 0));\n    -webkit-tap-highlight-color: transparent;\n    position: absolute;\n    inset: 0;\n    border-radius: inherit;\n    pointer-events: none;\n  }\n  :host::before, :host::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    border-radius: inherit;\n    transition: box-shadow 150ms ease-in-out;\n  }\n  :host::before {\n    box-shadow: 0 calc(1px * (clamp(0, var(--_level), 1) + clamp(0, var(--_level) - 3, 1) + 2 * clamp(0, var(--_level) - 4, 1))) calc(1px * (2 * clamp(0, var(--_level), 1) + clamp(0, var(--_level) - 2, 1) + clamp(0, var(--_level) - 4, 1))) 0 var(--_shadow-color);\n    opacity: 0.3;\n  }\n  :host::after {\n    box-shadow: 0 calc(1px * (clamp(0, var(--_level), 1) + clamp(0, var(--_level) - 1, 1) + 2 * clamp(0, var(--_level) - 2, 3))) calc(1px * (3 * clamp(0, var(--_level), 2) + 2 * clamp(0, var(--_level) - 2, 3))) calc(1px * (clamp(0, var(--_level), 4) + 2 * clamp(0, var(--_level) - 4, 1))) var(--_shadow-color);\n    opacity: 0.15;\n  }\n`"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "styles",
+          "declaration": {
+            "name": "styles",
+            "module": "src/elevation/elevation.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/elevation/elevation.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "UmElevation",
+          "members": [],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "u-elevation",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "UmElevation",
+          "declaration": {
+            "name": "UmElevation",
+            "module": "src/elevation/elevation.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "u-elevation",
+          "declaration": {
+            "name": "UmElevation",
+            "module": "src/elevation/elevation.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/field/field-base.styles.ts",
@@ -17510,264 +17510,99 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/shared/events/dispatch-event.ts",
-      "declarations": [],
-      "exports": []
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/shared/events/redispatch-event.ts",
+      "path": "src/shared/sets/set-base.styles.ts",
       "declarations": [
         {
-          "kind": "function",
-          "name": "redispatchEvent",
-          "parameters": [
-            {
-              "name": "element",
-              "type": {
-                "text": "Element"
-              }
-            },
-            {
-              "name": "event",
-              "type": {
-                "text": "Event"
-              }
-            }
-          ]
+          "kind": "variable",
+          "name": "styles",
+          "default": "css `\n  :host {\n    display: flex;\n    gap: 8px;\n    align-items: center;\n    flex-wrap: nowrap;\n  }\n\n  :host([alignment=start]) {\n    justify-content: flex-start;\n  }\n\n  :host([alignment=center]) {\n    justify-content: center;\n  }\n\n  :host([alignment=end]) {\n    justify-content: flex-end;\n  }\n`"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "redispatchEvent",
+          "name": "styles",
           "declaration": {
-            "name": "redispatchEvent",
-            "module": "src/shared/events/redispatch-event.ts"
+            "name": "styles",
+            "module": "src/shared/sets/set-base.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/shared/menu-field/menu-field-navigation-controller.ts",
+      "path": "src/shared/sets/set-base.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "MenuFieldNavigationController",
+          "name": "UmSetBase",
           "members": [
             {
               "kind": "field",
-              "name": "#element",
-              "privacy": "private",
-              "type": {
-                "text": "HTMLElement | null"
-              },
-              "default": "null"
-            },
-            {
-              "kind": "field",
-              "name": "focusedMenu",
+              "name": "alignment",
               "type": {
-                "text": "TMenuItem | null"
+                "text": "'start' | 'center' | 'end'"
               },
-              "privacy": "protected",
-              "default": "null"
-            },
+              "default": "'start'",
+              "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
+              "attribute": "alignment",
+              "reflects": true
+            }
+          ],
+          "attributes": [
             {
-              "kind": "field",
-              "name": "host",
+              "name": "alignment",
               "type": {
-                "text": "TField"
+                "text": "'start' | 'center' | 'end'"
               },
-              "privacy": "protected",
-              "default": "host"
-            },
+              "default": "'start'",
+              "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
+              "fieldName": "alignment"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "UmSetBase",
+          "declaration": {
+            "name": "UmSetBase",
+            "module": "src/shared/sets/set-base.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/shared/selection-control/selection-control-list-item.ts",
+      "declarations": [
+        {
+          "kind": "mixin",
+          "description": "",
+          "name": "mixinSelectionControlListItem",
+          "members": [
             {
               "kind": "field",
-              "name": "bindHandleKeyDown",
+              "name": "styles",
               "type": {
-                "text": "(event: KeyboardEvent) => void"
+                "text": "array"
               },
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "attach",
-              "parameters": [
-                {
-                  "name": "element",
-                  "type": {
-                    "text": "HTMLElement"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "detach"
-            },
-            {
-              "kind": "field",
-              "name": "#handleMenuClose",
-              "privacy": "private"
+              "static": true,
+              "default": "[\n      (base as unknown as typeof LitElement).styles ?? [],\n      css`:host {\n        --u-list-item-block-padding: 0;\n        display: block;\n      }`\n    ]"
             },
             {
               "kind": "method",
-              "name": "handleKeyDown",
-              "privacy": "protected",
+              "name": "render",
               "return": {
                 "type": {
-                  "text": "boolean"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "KeyboardEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "navigate",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "KeyboardEvent"
-                  }
-                },
-                {
-                  "name": "forwards",
-                  "type": {
-                    "text": "boolean"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "navigateTo",
-              "privacy": "protected",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "KeyboardEvent"
-                  }
-                },
-                {
-                  "name": "menu",
-                  "type": {
-                    "text": "TMenuItem | undefined"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "focusMenu",
-              "parameters": [
-                {
-                  "name": "menu",
-                  "type": {
-                    "text": "TMenuItem"
-                  }
-                },
-                {
-                  "name": "active",
-                  "default": "true"
-                },
-                {
-                  "name": "scroll",
-                  "default": "true"
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "blurMenu"
-            },
-            {
-              "kind": "method",
-              "name": "selectActiveItem",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "KeyboardEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "afterFocus",
-              "privacy": "protected",
-              "parameters": [
-                {
-                  "name": "_",
-                  "type": {
-                    "text": "TMenuItem"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "afterBlur",
-              "privacy": "protected"
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "MenuFieldNavigationController",
-          "declaration": {
-            "name": "MenuFieldNavigationController",
-            "module": "src/shared/menu-field/menu-field-navigation-controller.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/shared/menu-field/menu-field.ts",
-      "declarations": [],
-      "exports": []
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/shared/selection-control/selection-control-list-item.ts",
-      "declarations": [
-        {
-          "kind": "mixin",
-          "description": "",
-          "name": "mixinSelectionControlListItem",
-          "members": [
-            {
-              "kind": "field",
-              "name": "styles",
-              "type": {
-                "text": "array"
-              },
-              "static": true,
-              "default": "[\n      (base as unknown as typeof LitElement).styles ?? [],\n      css`:host {\n        --u-list-item-block-padding: 0;\n        display: block;\n      }`\n    ]"
-            },
-            {
-              "kind": "method",
-              "name": "render",
-              "return": {
-                "type": {
-                  "text": "HTMLTemplateResult"
+                  "text": "HTMLTemplateResult"
                 }
               }
             }
@@ -18017,71 +17852,40 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/shared/sets/set-base.styles.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "styles",
-          "default": "css `\n  :host {\n    display: flex;\n    gap: 8px;\n    align-items: center;\n    flex-wrap: nowrap;\n  }\n\n  :host([alignment=start]) {\n    justify-content: flex-start;\n  }\n\n  :host([alignment=center]) {\n    justify-content: center;\n  }\n\n  :host([alignment=end]) {\n    justify-content: flex-end;\n  }\n`"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "styles",
-          "declaration": {
-            "name": "styles",
-            "module": "src/shared/sets/set-base.styles.ts"
-          }
-        }
-      ]
+      "path": "src/shared/events/dispatch-event.ts",
+      "declarations": [],
+      "exports": []
     },
     {
       "kind": "javascript-module",
-      "path": "src/shared/sets/set-base.ts",
+      "path": "src/shared/events/redispatch-event.ts",
       "declarations": [
         {
-          "kind": "class",
-          "description": "",
-          "name": "UmSetBase",
-          "members": [
+          "kind": "function",
+          "name": "redispatchEvent",
+          "parameters": [
             {
-              "kind": "field",
-              "name": "alignment",
+              "name": "element",
               "type": {
-                "text": "'start' | 'center' | 'end'"
-              },
-              "default": "'start'",
-              "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
-              "attribute": "alignment",
-              "reflects": true
-            }
-          ],
-          "attributes": [
+                "text": "Element"
+              }
+            },
             {
-              "name": "alignment",
+              "name": "event",
               "type": {
-                "text": "'start' | 'center' | 'end'"
-              },
-              "default": "'start'",
-              "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
-              "fieldName": "alignment"
+                "text": "Event"
+              }
             }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "customElement": true
+          ]
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "UmSetBase",
+          "name": "redispatchEvent",
           "declaration": {
-            "name": "UmSetBase",
-            "module": "src/shared/sets/set-base.ts"
+            "name": "redispatchEvent",
+            "module": "src/shared/events/redispatch-event.ts"
           }
         }
       ]
@@ -18719,6 +18523,202 @@
           }
         }
       ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/shared/menu-field/menu-field-navigation-controller.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "MenuFieldNavigationController",
+          "members": [
+            {
+              "kind": "field",
+              "name": "#element",
+              "privacy": "private",
+              "type": {
+                "text": "HTMLElement | null"
+              },
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "focusedMenu",
+              "type": {
+                "text": "TMenuItem | null"
+              },
+              "privacy": "protected",
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "host",
+              "type": {
+                "text": "TField"
+              },
+              "privacy": "protected",
+              "default": "host"
+            },
+            {
+              "kind": "field",
+              "name": "bindHandleKeyDown",
+              "type": {
+                "text": "(event: KeyboardEvent) => void"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "attach",
+              "parameters": [
+                {
+                  "name": "element",
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "detach"
+            },
+            {
+              "kind": "field",
+              "name": "#handleMenuClose",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleKeyDown",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "navigate",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                },
+                {
+                  "name": "forwards",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "navigateTo",
+              "privacy": "protected",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                },
+                {
+                  "name": "menu",
+                  "type": {
+                    "text": "TMenuItem | undefined"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "focusMenu",
+              "parameters": [
+                {
+                  "name": "menu",
+                  "type": {
+                    "text": "TMenuItem"
+                  }
+                },
+                {
+                  "name": "active",
+                  "default": "true"
+                },
+                {
+                  "name": "scroll",
+                  "default": "true"
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "blurMenu"
+            },
+            {
+              "kind": "method",
+              "name": "selectActiveItem",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "afterFocus",
+              "privacy": "protected",
+              "parameters": [
+                {
+                  "name": "_",
+                  "type": {
+                    "text": "TMenuItem"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "afterBlur",
+              "privacy": "protected"
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "MenuFieldNavigationController",
+          "declaration": {
+            "name": "MenuFieldNavigationController",
+            "module": "src/shared/menu-field/menu-field-navigation-controller.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/shared/menu-field/menu-field.ts",
+      "declarations": [],
+      "exports": []
     }
   ]
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@universal-material/web",
-  "version": "3.0.110",
+  "version": "3.0.112",
   "description": "Material web components",
   "type": "module",
   "keywords": [