@material/web 2.5.1-nightly.70e259d.0 → 2.5.1-nightly.e7b4db6.0

package/custom-elements.json

@@ -10903,6 +10903,194 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "labs/aria/command.js",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "getCommandState",
+          "description": "Determines an element's `command` attribute state, given the attribute value.",
+          "parameters": [
+            {
+              "name": "attrValue",
+              "type": {
+                "text": "string"
+              }
+            }
+          ],
+          "return": {
+            "type": {
+              "text": "CommandState",
+              "references": [
+                {
+                  "name": "CommandState",
+                  "package": "@material/web",
+                  "module": "labs/aria/command.js",
+                  "start": 0,
+                  "end": 12
+                }
+              ]
+            }
+          }
+        },
+        {
+          "kind": "function",
+          "name": "getPopoverState",
+          "description": "Determines the popover state of an element.",
+          "parameters": [
+            {
+              "name": "element",
+              "type": {
+                "text": "HTMLElement",
+                "references": [
+                  {
+                    "name": "HTMLElement",
+                    "package": "global:",
+                    "start": 0,
+                    "end": 11
+                  }
+                ]
+              }
+            }
+          ],
+          "return": {
+            "type": {
+              "text": "PopoverState",
+              "references": [
+                {
+                  "name": "PopoverState",
+                  "package": "@material/web",
+                  "module": "labs/aria/command.js",
+                  "start": 0,
+                  "end": 12
+                }
+              ]
+            }
+          }
+        },
+        {
+          "kind": "function",
+          "name": "getPopoverTargetActionState",
+          "description": "Determines the popover target action from an element's `popovertargetaction`\nattribute value.",
+          "parameters": [
+            {
+              "name": "attrValue",
+              "type": {
+                "text": "string"
+              }
+            }
+          ],
+          "return": {
+            "type": {
+              "text": "PopoverTargetActionState",
+              "references": [
+                {
+                  "name": "PopoverTargetActionState",
+                  "package": "@material/web",
+                  "module": "labs/aria/command.js",
+                  "start": 0,
+                  "end": 24
+                }
+              ]
+            }
+          }
+        },
+        {
+          "kind": "function",
+          "name": "sharedCommandInvokerActivationSteps",
+          "description": "Performs the 'shared command invoker activation steps' for a button or\nmenuitem, to be called when that element is activated: either runs a command\n(i.e. the element has `command` and `commandfor` attributes) or changes a\npopover's state (i.e. the element has the `popovertarget` and possibly\n`popovertargetaction` attributes).\n\nhttps://whatpr.org/html/12011/popover.html#shared-command-invoker-activation-steps",
+          "parameters": [
+            {
+              "name": "element",
+              "description": "The button or menuitem being activated.",
+              "type": {
+                "text": "HTMLElement",
+                "references": [
+                  {
+                    "name": "HTMLElement",
+                    "package": "global:",
+                    "start": 0,
+                    "end": 11
+                  }
+                ]
+              }
+            },
+            {
+              "name": "event",
+              "description": "The event that activated `element`.",
+              "type": {
+                "text": "Event",
+                "references": [
+                  {
+                    "name": "Event",
+                    "package": "global:",
+                    "start": 0,
+                    "end": 5
+                  }
+                ]
+              }
+            }
+          ],
+          "return": {
+            "type": {
+              "text": "void"
+            }
+          }
+        },
+        {
+          "kind": "function",
+          "name": "popoverTargetAttributeActivationBehavior",
+          "description": "Performs the 'popover target attribute activation behavior' for a button or\nmenuitem.\n\nThese steps are taken when a button or menuitem is activated, but doesn't\ntarget an element with a `command` attribute.\n\nhttps://whatpr.org/html/12011/popover.html#popover-target-attribute-activation-behavior",
+          "parameters": [
+            {
+              "name": "element",
+              "description": "The button or menuitem being activated.",
+              "type": {
+                "text": "HTMLElement",
+                "references": [
+                  {
+                    "name": "HTMLElement",
+                    "package": "global:",
+                    "start": 0,
+                    "end": 11
+                  }
+                ]
+              }
+            },
+            {
+              "name": "eventTarget",
+              "description": "The target of the event that activated `element`.",
+              "type": {
+                "text": "Node",
+                "references": [
+                  {
+                    "name": "Node",
+                    "package": "global:",
+                    "start": 0,
+                    "end": 4
+                  }
+                ]
+              }
+            }
+          ],
+          "return": {
+            "type": {
+              "text": "void"
+            }
+          }
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "sharedCommandInvokerActivationSteps",
+          "declaration": {
+            "name": "sharedCommandInvokerActivationSteps"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "labs/aria/query-associated.js",
@@ -11011,6 +11199,337 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "labs/aria/menu/md-aria-menuitem.js"
+    },
+    {
+      "kind": "javascript-module",
+      "path": "labs/aria/menu/md-aria-menulist.js"
+    },
+    {
+      "kind": "javascript-module",
+      "path": "labs/aria/menu/menuitem.js",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "ancestorMenulist",
+          "description": "Private property key for the `ancestorMenulist` context.",
+          "type": {
+            "text": "unique symbol"
+          }
+        },
+        {
+          "kind": "class",
+          "name": "baseClass",
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "mixins": [
+            {
+              "name": "mixinCustomStateSet",
+              "package": "@material/web",
+              "module": "labs/behaviors/custom-state-set.js"
+            },
+            {
+              "name": "mixinFocusable",
+              "package": "@material/web",
+              "module": "labs/behaviors/focusable.js"
+            },
+            {
+              "name": "mixinElementInternals",
+              "package": "@material/web",
+              "module": "labs/behaviors/element-internals.js"
+            }
+          ]
+        },
+        {
+          "kind": "class",
+          "name": "AriaMenuitemElement",
+          "description": "An element implementing the proposed `<menuitem>` built-in element.",
+          "superclass": {
+            "name": "baseClass",
+            "package": "@material/web",
+            "module": "labs/aria/menu/menuitem.js"
+          },
+          "members": [
+            {
+              "kind": "field",
+              "name": "disabled",
+              "privacy": "public",
+              "type": {
+                "text": "boolean"
+              },
+              "attribute": "disabled",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "styles",
+              "static": true,
+              "privacy": "public",
+              "type": {
+                "text": "CSSResultOrNative[]",
+                "references": [
+                  {
+                    "name": "CSSResultOrNative",
+                    "package": "lit",
+                    "start": 0,
+                    "end": 17
+                  }
+                ]
+              },
+              "default": "[\n    css`\n      :host {\n        display: inline-flex;\n      }\n    `,\n  ]"
+            },
+            {
+              "kind": "method",
+              "name": "render",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "TemplateResult<1>",
+                  "references": [
+                    {
+                      "name": "TemplateResult",
+                      "package": "lit-html",
+                      "module": "development/lit-html.js",
+                      "start": 0,
+                      "end": 14
+                    }
+                  ]
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "click",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            }
+          ],
+          "customElement": true,
+          "attributes": [
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "fieldName": "disabled"
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "AriaMenuitemElement",
+          "declaration": {
+            "name": "AriaMenuitemElement"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "labs/aria/menu/menulist.js",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "ancestorMenulistContext",
+          "description": "The `<md-aria-menulist>` that should own descendant `<md-aria-menuitem>`s.",
+          "type": {
+            "text": "{ __context__: AriaMenulistElement; }",
+            "references": [
+              {
+                "name": "AriaMenulistElement",
+                "package": "@material/web",
+                "module": "labs/aria/menu/menulist.js",
+                "start": 15,
+                "end": 34
+              }
+            ]
+          }
+        },
+        {
+          "kind": "class",
+          "name": "baseClass",
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "mixins": [
+            {
+              "name": "mixinElementInternals",
+              "package": "@material/web",
+              "module": "labs/behaviors/element-internals.js"
+            }
+          ]
+        },
+        {
+          "kind": "class",
+          "name": "AriaMenulistElement",
+          "description": "An element implementing the proposed `<menulist>` built-in element.",
+          "superclass": {
+            "name": "baseClass",
+            "package": "@material/web",
+            "module": "labs/aria/menu/menulist.js"
+          },
+          "members": [
+            {
+              "kind": "field",
+              "name": "popover",
+              "privacy": "public",
+              "type": {
+                "text": "string"
+              },
+              "default": "'auto'",
+              "attribute": "popover",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "focusGroup",
+              "privacy": "public",
+              "type": {
+                "text": "string"
+              },
+              "default": "'menu'",
+              "attribute": "focusgroup",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "opener",
+              "privacy": "private",
+              "type": {
+                "text": "MaybeFocusableElement",
+                "references": [
+                  {
+                    "name": "MaybeFocusableElement",
+                    "package": "@material/web",
+                    "module": "labs/aria/menu/menulist.js",
+                    "start": 0,
+                    "end": 21
+                  }
+                ]
+              },
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "styles",
+              "static": true,
+              "privacy": "public",
+              "type": {
+                "text": "CSSResultOrNative[]",
+                "references": [
+                  {
+                    "name": "CSSResultOrNative",
+                    "package": "lit",
+                    "start": 0,
+                    "end": 17
+                  }
+                ]
+              },
+              "default": "[\n    css`\n      /* Unset UA |[popover]| styles. */\n      @layer {\n        :host([popover]) {\n          position: unset;\n          width: unset;\n          height: unset;\n          color: unset;\n          background-color: unset;\n          inset: unset;\n          margin: unset;\n          border: unset;\n          border-image: unset;\n          padding: unset;\n          overflow: unset;\n        }\n\n        :host([popover]:popover-open) {\n          display: unset;\n          overlay: unset;\n        }\n      }\n\n      :host {\n        display: block;\n        position: fixed;\n        width: max-content;\n        max-block-size: stretch;\n        color: canvastext;\n        background-color: canvas;\n        margin: 0px;\n        inset: auto;\n        overflow: auto;\n        border: 1px solid currentColor;\n        border-image: none;\n        padding: 0.25em;\n\n        /* This should really only apply when the implicit anchor is a menuitem\n         * in a menubar, but applies to buttons too? */\n        position-area: block-end span-inline-end;\n      }\n\n      :host(:not(:popover-open)) {\n        display: none;\n      }\n\n      ::slotted(md-aria-menuitem) {\n        display: flex;\n        align-items: center;\n        user-select: none;\n        min-inline-size: 24px;\n        min-block-size: max(24px, 1lh);\n        font-weight: inherit;\n        gap: 0.5em;\n        padding-inline: 0.5em;\n      }\n\n      ::slotted(md-aria-menuitem:state(enabled):hover) {\n        background-color: color-mix(in lab, currentColor 10%, transparent);\n      }\n\n      ::slotted(md-aria-menuitem:state(disabled)) {\n        color: color-mix(in lab, currentColor 50%, transparent);\n      }\n\n      ::slotted(hr) {\n        color: inherit;\n        margin-inline: 0px;\n        border: none;\n        border-block-start: 1px solid currentColor;\n        border-image: none;\n      }\n\n      ::slotted(a:any-link),\n      ::slotted(img[usemap]) {\n        display: none;\n      }\n    `,\n  ]"
+            },
+            {
+              "kind": "method",
+              "name": "render",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "TemplateResult<1>",
+                  "references": [
+                    {
+                      "name": "TemplateResult",
+                      "package": "lit-html",
+                      "module": "development/lit-html.js",
+                      "start": 0,
+                      "end": 14
+                    }
+                  ]
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "handleToggle",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "ToggleEvent",
+                    "references": [
+                      {
+                        "name": "ToggleEvent",
+                        "package": "global:",
+                        "start": 0,
+                        "end": 11
+                      }
+                    ]
+                  }
+                }
+              ],
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "handleFocusout",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            }
+          ],
+          "customElement": true,
+          "attributes": [
+            {
+              "name": "popover",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "popover"
+            },
+            {
+              "name": "focusgroup",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "focusGroup"
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ancestorMenulistContext",
+          "declaration": {
+            "name": "ancestorMenulistContext"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "AriaMenulistElement",
+          "declaration": {
+            "name": "AriaMenulistElement"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "labs/aria/tabs/md-aria-tab.js"
@@ -36990,6 +37509,32 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "not/implemented",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "CommandEvent",
+          "type": {
+            "text": "CommandEvent",
+            "references": [
+              {
+                "name": "CommandEvent",
+                "package": "@material/web",
+                "module": "not/implemented",
+                "start": 0,
+                "end": 12
+              }
+            ]
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "not/implemented"
+    },
     {
       "kind": "javascript-module",
       "path": "not/implemented"
@@ -38383,27 +38928,21 @@
             {
               "name": "--container-color"
             },
-            {
-              "name": "--container-height"
-            },
             {
               "name": "--container-elevation"
             },
             {
-              "name": "--container-shape"
+              "name": "--container-height"
             },
             {
-              "name": "--outline-width"
+              "name": "--container-shape"
             },
             {
-              "name": "--outline-color"
+              "name": "--icon-color"
             },
             {
               "name": "--icon-label-space"
             },
-            {
-              "name": "--icon-color"
-            },
             {
               "name": "--icon-size"
             },
@@ -38411,14 +38950,26 @@
               "name": "--label-text"
             },
             {
-              "name": "--label-text-tracking"
+              "name": "--label-text-axes"
             },
             {
               "name": "--label-text-color"
             },
+            {
+              "name": "--label-text-tracking"
+            },
             {
               "name": "--leading-space"
             },
+            {
+              "name": "--md-icon-fill"
+            },
+            {
+              "name": "--outline-color"
+            },
+            {
+              "name": "--outline-width"
+            },
             {
               "name": "--state-layer-color"
             },
@@ -41155,6 +41706,9 @@
             {
               "name": "--label-text"
             },
+            {
+              "name": "--label-text-axes"
+            },
             {
               "name": "--label-text-color"
             },
@@ -41987,13 +42541,16 @@
               "name": "--icon-size"
             },
             {
-              "name": "--outline-color"
+              "name": "--leading-space"
             },
             {
-              "name": "--outline-width"
+              "name": "--md-icon-fill"
             },
             {
-              "name": "--leading-space"
+              "name": "--outline-color"
+            },
+            {
+              "name": "--outline-width"
             },
             {
               "name": "--trailing-space"
@@ -42670,6 +43227,9 @@
             {
               "name": "--avatar-label"
             },
+            {
+              "name": "--avatar-label-axes"
+            },
             {
               "name": "--avatar-label-tracking"
             },
@@ -42691,6 +43251,9 @@
             {
               "name": "--overline"
             },
+            {
+              "name": "--overline-axes"
+            },
             {
               "name": "--overline-tracking"
             },
@@ -42700,6 +43263,9 @@
             {
               "name": "--supporting-text"
             },
+            {
+              "name": "--supporting-text-axes"
+            },
             {
               "name": "--supporting-text-tracking"
             },
@@ -42709,6 +43275,9 @@
             {
               "name": "--trailing-supporting-text"
             },
+            {
+              "name": "--trailing-supporting-text-axes"
+            },
             {
               "name": "--trailing-supporting-text-tracking"
             },
@@ -43771,6 +44340,9 @@
             {
               "name": "--label-text"
             },
+            {
+              "name": "--label-text-axes"
+            },
             {
               "name": "--label-text-tracking"
             },
@@ -43792,6 +44364,9 @@
             {
               "name": "--supporting-text"
             },
+            {
+              "name": "--supporting-text-axes"
+            },
             {
               "name": "--supporting-text-tracking"
             },
@@ -43808,10 +44383,13 @@
               "name": "--trailing-space"
             },
             {
-              "name": "--trailing-supporting-text-color"
+              "name": "--trailing-supporting-text"
             },
             {
-              "name": "--trailing-supporting-text"
+              "name": "--trailing-supporting-text-axes"
+            },
+            {
+              "name": "--trailing-supporting-text-color"
             },
             {
               "name": "--trailing-supporting-text-tracking"