@spectrum-web-components/menu 0.31.1-react.21 → 0.32.0

package/custom-elements.json

@@ -4,7 +4,7 @@
   "modules": [
     {
       "kind": "javascript-module",
-      "path": "sp-menu-divider.ts",
+      "path": "sp-menu-divider.js",
       "declarations": [],
       "exports": [
         {
@@ -19,7 +19,7 @@
     },
     {
       "kind": "javascript-module",
-      "path": "sp-menu-group.ts",
+      "path": "sp-menu-group.js",
       "declarations": [],
       "exports": [
         {
@@ -34,7 +34,7 @@
     },
     {
       "kind": "javascript-module",
-      "path": "sp-menu-item.ts",
+      "path": "sp-menu-item.js",
       "declarations": [],
       "exports": [
         {
@@ -49,7 +49,7 @@
     },
     {
       "kind": "javascript-module",
-      "path": "sp-menu.ts",
+      "path": "sp-menu.js",
       "declarations": [],
       "exports": [
         {
@@ -64,7 +64,7 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/Menu.ts",
+      "path": "src/Menu.js",
       "declarations": [
         {
           "kind": "class",
@@ -669,14 +669,14 @@
           "name": "Menu",
           "declaration": {
             "name": "Menu",
-            "module": "src/Menu.ts"
+            "module": "src/Menu.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/MenuDivider.ts",
+      "path": "src/MenuDivider.js",
       "declarations": [
         {
           "kind": "class",
@@ -703,14 +703,14 @@
           "name": "MenuDivider",
           "declaration": {
             "name": "MenuDivider",
-            "module": "src/MenuDivider.ts"
+            "module": "src/MenuDivider.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/MenuGroup.ts",
+      "path": "src/MenuGroup.js",
       "declarations": [
         {
           "kind": "class",
@@ -772,7 +772,7 @@
               "readonly": true,
               "inheritedFrom": {
                 "name": "Menu",
-                "module": "src/Menu.ts"
+                "module": "src/Menu.js"
               }
             },
             {
@@ -795,7 +795,7 @@
               "default": "false",
               "inheritedFrom": {
                 "name": "Menu",
-                "module": "src/Menu.ts"
+                "module": "src/Menu.js"
               }
             },
             {
@@ -810,7 +810,7 @@
               "reflects": true,
               "inheritedFrom": {
                 "name": "Menu",
-                "module": "src/Menu.ts"
+                "module": "src/Menu.js"
               }
             },
             {
@@ -824,7 +824,7 @@
               "reflects": true,
               "inheritedFrom": {
                 "name": "Menu",
-                "module": "src/Menu.ts"
+                "module": "src/Menu.js"
               }
             },
             {
@@ -838,7 +838,7 @@
               "attribute": "value",
               "inheritedFrom": {
                 "name": "Menu",
-                "module": "src/Menu.ts"
+                "module": "src/Menu.js"
               }
             },
             {
@@ -852,7 +852,7 @@
               "attribute": "value-separator",
               "inheritedFrom": {
                 "name": "Menu",
-                "module": "src/Menu.ts"
+                "module": "src/Menu.js"
               }
             },
             {
@@ -862,7 +862,7 @@
               "default": "[]",
               "inheritedFrom": {
                 "name": "Menu",
-                "module": "src/Menu.ts"
+                "module": "src/Menu.js"
               }
             },
             {
@@ -872,7 +872,7 @@
               "default": "[]",
               "inheritedFrom": {
                 "name": "Menu",
-                "module": "src/Menu.ts"
+                "module": "src/Menu.js"
               }
             },
             {
@@ -884,7 +884,7 @@
               "privacy": "public",
               "inheritedFrom": {
                 "name": "Menu",
-                "module": "src/Menu.ts"
+                "module": "src/Menu.js"
               }
             },
             {
@@ -894,7 +894,7 @@
               "default": "new Set<MenuItem>()",
               "inheritedFrom": {
                 "name": "Menu",
-                "module": "src/Menu.ts"
+                "module": "src/Menu.js"
               }
             },
             {
@@ -907,7 +907,7 @@
               "default": "0",
               "inheritedFrom": {
                 "name": "Menu",
-                "module": "src/Menu.ts"
+                "module": "src/Menu.js"
               }
             },
             {
@@ -920,7 +920,7 @@
               "default": "0",
               "inheritedFrom": {
                 "name": "Menu",
-                "module": "src/Menu.ts"
+                "module": "src/Menu.js"
               }
             },
             {
@@ -930,7 +930,7 @@
               "default": "new Map()",
               "inheritedFrom": {
                 "name": "Menu",
-                "module": "src/Menu.ts"
+                "module": "src/Menu.js"
               }
             },
             {
@@ -943,7 +943,7 @@
               "readonly": true,
               "inheritedFrom": {
                 "name": "Menu",
-                "module": "src/Menu.ts"
+                "module": "src/Menu.js"
               }
             },
             {
@@ -955,7 +955,7 @@
               "privacy": "private",
               "inheritedFrom": {
                 "name": "Menu",
-                "module": "src/Menu.ts"
+                "module": "src/Menu.js"
               }
             },
             {
@@ -969,7 +969,7 @@
               },
               "inheritedFrom": {
                 "name": "Menu",
-                "module": "src/Menu.ts"
+                "module": "src/Menu.js"
               }
             },
             {
@@ -983,7 +983,7 @@
               "readonly": true,
               "inheritedFrom": {
                 "name": "Menu",
-                "module": "src/Menu.ts"
+                "module": "src/Menu.js"
               }
             },
             {
@@ -995,7 +995,7 @@
               "privacy": "private",
               "inheritedFrom": {
                 "name": "Menu",
-                "module": "src/Menu.ts"
+                "module": "src/Menu.js"
               }
             },
             {
@@ -1007,7 +1007,7 @@
               "privacy": "private",
               "inheritedFrom": {
                 "name": "Menu",
-                "module": "src/Menu.ts"
+                "module": "src/Menu.js"
               }
             },
             {
@@ -1030,7 +1030,7 @@
               "description": "When a descendant `<sp-menu-item>` element is added or updated it will dispatch\nthis event to announce its presence in the DOM. During the capture phase the first\nMenu based element that the event encounters will manage the focus state of the\ndispatching `<sp-menu-item>` element.",
               "inheritedFrom": {
                 "name": "Menu",
-                "module": "src/Menu.ts"
+                "module": "src/Menu.js"
               }
             },
             {
@@ -1053,7 +1053,7 @@
               "description": "When a descendant `<sp-menu-item>` element is added or updated it will dispatch\nthis event to announce its presence in the DOM. During the bubble phase the first\nMenu based element that the event encounters that does not inherit selection will\nmanage the selection state of the dispatching `<sp-menu-item>` element.",
               "inheritedFrom": {
                 "name": "Menu",
-                "module": "src/Menu.ts"
+                "module": "src/Menu.js"
               }
             },
             {
@@ -1075,7 +1075,7 @@
               ],
               "inheritedFrom": {
                 "name": "Menu",
-                "module": "src/Menu.ts"
+                "module": "src/Menu.js"
               }
             },
             {
@@ -1097,7 +1097,7 @@
               ],
               "inheritedFrom": {
                 "name": "Menu",
-                "module": "src/Menu.ts"
+                "module": "src/Menu.js"
               }
             },
             {
@@ -1120,7 +1120,7 @@
               ],
               "inheritedFrom": {
                 "name": "Menu",
-                "module": "src/Menu.ts"
+                "module": "src/Menu.js"
               }
             },
             {
@@ -1142,7 +1142,7 @@
               ],
               "inheritedFrom": {
                 "name": "Menu",
-                "module": "src/Menu.ts"
+                "module": "src/Menu.js"
               }
             },
             {
@@ -1164,7 +1164,7 @@
               ],
               "inheritedFrom": {
                 "name": "Menu",
-                "module": "src/Menu.ts"
+                "module": "src/Menu.js"
               }
             },
             {
@@ -1178,7 +1178,7 @@
               },
               "inheritedFrom": {
                 "name": "Menu",
-                "module": "src/Menu.ts"
+                "module": "src/Menu.js"
               }
             },
             {
@@ -1200,7 +1200,7 @@
               ],
               "inheritedFrom": {
                 "name": "Menu",
-                "module": "src/Menu.ts"
+                "module": "src/Menu.js"
               }
             },
             {
@@ -1214,7 +1214,7 @@
               },
               "inheritedFrom": {
                 "name": "Menu",
-                "module": "src/Menu.ts"
+                "module": "src/Menu.js"
               }
             },
             {
@@ -1236,7 +1236,7 @@
               ],
               "inheritedFrom": {
                 "name": "Menu",
-                "module": "src/Menu.ts"
+                "module": "src/Menu.js"
               }
             },
             {
@@ -1258,7 +1258,7 @@
               ],
               "inheritedFrom": {
                 "name": "Menu",
-                "module": "src/Menu.ts"
+                "module": "src/Menu.js"
               }
             },
             {
@@ -1280,7 +1280,7 @@
               ],
               "inheritedFrom": {
                 "name": "Menu",
-                "module": "src/Menu.ts"
+                "module": "src/Menu.js"
               }
             },
             {
@@ -1302,7 +1302,7 @@
               ],
               "inheritedFrom": {
                 "name": "Menu",
-                "module": "src/Menu.ts"
+                "module": "src/Menu.js"
               }
             },
             {
@@ -1324,7 +1324,7 @@
               ],
               "inheritedFrom": {
                 "name": "Menu",
-                "module": "src/Menu.ts"
+                "module": "src/Menu.js"
               }
             },
             {
@@ -1338,7 +1338,7 @@
               },
               "inheritedFrom": {
                 "name": "Menu",
-                "module": "src/Menu.ts"
+                "module": "src/Menu.js"
               }
             },
             {
@@ -1352,7 +1352,7 @@
               },
               "inheritedFrom": {
                 "name": "Menu",
-                "module": "src/Menu.ts"
+                "module": "src/Menu.js"
               }
             },
             {
@@ -1365,7 +1365,7 @@
               "default": "false",
               "inheritedFrom": {
                 "name": "Menu",
-                "module": "src/Menu.ts"
+                "module": "src/Menu.js"
               }
             },
             {
@@ -1379,7 +1379,7 @@
               },
               "inheritedFrom": {
                 "name": "Menu",
-                "module": "src/Menu.ts"
+                "module": "src/Menu.js"
               }
             },
             {
@@ -1393,7 +1393,7 @@
               },
               "inheritedFrom": {
                 "name": "Menu",
-                "module": "src/Menu.ts"
+                "module": "src/Menu.js"
               }
             },
             {
@@ -1415,7 +1415,7 @@
               ],
               "inheritedFrom": {
                 "name": "Menu",
-                "module": "src/Menu.ts"
+                "module": "src/Menu.js"
               }
             },
             {
@@ -1428,7 +1428,7 @@
               "default": "false",
               "inheritedFrom": {
                 "name": "Menu",
-                "module": "src/Menu.ts"
+                "module": "src/Menu.js"
               }
             },
             {
@@ -1442,7 +1442,7 @@
               },
               "inheritedFrom": {
                 "name": "Menu",
-                "module": "src/Menu.ts"
+                "module": "src/Menu.js"
               }
             },
             {
@@ -1454,7 +1454,7 @@
               "privacy": "protected",
               "inheritedFrom": {
                 "name": "Menu",
-                "module": "src/Menu.ts"
+                "module": "src/Menu.js"
               }
             },
             {
@@ -1463,7 +1463,7 @@
               "privacy": "protected",
               "inheritedFrom": {
                 "name": "Menu",
-                "module": "src/Menu.ts"
+                "module": "src/Menu.js"
               }
             },
             {
@@ -1477,7 +1477,7 @@
               },
               "inheritedFrom": {
                 "name": "Menu",
-                "module": "src/Menu.ts"
+                "module": "src/Menu.js"
               }
             }
           ],
@@ -1568,14 +1568,14 @@
           "name": "MenuGroup",
           "declaration": {
             "name": "MenuGroup",
-            "module": "src/MenuGroup.ts"
+            "module": "src/MenuGroup.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/MenuItem.ts",
+      "path": "src/MenuItem.js",
       "declarations": [
         {
           "kind": "class",
@@ -2181,7 +2181,7 @@
           "name": "MenuItemRemovedEvent",
           "declaration": {
             "name": "MenuItemRemovedEvent",
-            "module": "src/MenuItem.ts"
+            "module": "src/MenuItem.js"
           }
         },
         {
@@ -2189,7 +2189,7 @@
           "name": "MenuItemAddedOrUpdatedEvent",
           "declaration": {
             "name": "MenuItemAddedOrUpdatedEvent",
-            "module": "src/MenuItem.ts"
+            "module": "src/MenuItem.js"
           }
         },
         {
@@ -2197,7 +2197,7 @@
           "name": "MenuItem",
           "declaration": {
             "name": "MenuItem",
-            "module": "src/MenuItem.ts"
+            "module": "src/MenuItem.js"
           }
         }
       ]

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@spectrum-web-components/menu",
-    "version": "0.31.1-react.21+44f0b1df9",
+    "version": "0.32.0",
     "publishConfig": {
         "access": "public"
     },
@@ -85,13 +85,13 @@
     ],
     "dependencies": {
         "@lit-labs/observers": "^2.0.0",
-        "@spectrum-web-components/action-button": "^0.31.1-react.21+44f0b1df9",
-        "@spectrum-web-components/base": "^0.31.1-react.21+44f0b1df9",
-        "@spectrum-web-components/divider": "^0.31.1-react.21+44f0b1df9",
-        "@spectrum-web-components/icon": "^0.31.1-react.21+44f0b1df9",
-        "@spectrum-web-components/icons-ui": "^0.31.1-react.21+44f0b1df9",
-        "@spectrum-web-components/overlay": "^0.31.1-react.21+44f0b1df9",
-        "@spectrum-web-components/shared": "^0.31.1-react.21+44f0b1df9"
+        "@spectrum-web-components/action-button": "^0.32.0",
+        "@spectrum-web-components/base": "^0.32.0",
+        "@spectrum-web-components/divider": "^0.32.0",
+        "@spectrum-web-components/icon": "^0.32.0",
+        "@spectrum-web-components/icons-ui": "^0.32.0",
+        "@spectrum-web-components/overlay": "^0.32.0",
+        "@spectrum-web-components/shared": "^0.32.0"
     },
     "devDependencies": {
         "@spectrum-css/menu": "^4.0.34"
@@ -102,5 +102,5 @@
         "./sp-*.js",
         "./**/*.dev.js"
     ],
-    "gitHead": "44f0b1df9e1ea77d9e931629a63918ceee2744c2"
+    "gitHead": "c5f67662ac54d0e37debaf7cbd7c2df60e8b294e"
 }

package/src/MenuGroup.d.ts

@@ -1,6 +1,6 @@
 import { CSSResultArray, TemplateResult } from '@spectrum-web-components/base';
 import { Menu } from './Menu.js';
-import '../sp-menu.js';
+import "@spectrum-web-components/menu/sp-menu.js";
 /**
  * @element sp-menu-group
  *

package/src/MenuGroup.dev.js

@@ -18,7 +18,7 @@ import {
   state
 } from "@spectrum-web-components/base/src/decorators.js";
 import { Menu } from "./Menu.dev.js";
-import "../sp-menu.dev.js";
+import "@spectrum-web-components/menu/sp-menu.js";
 import menuGroupStyles from "./menu-group.css.js";
 const _MenuGroup = class extends Menu {
   constructor() {

package/src/MenuGroup.dev.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["MenuGroup.ts"],
-  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport {\n    CSSResultArray,\n    html,\n    TemplateResult,\n} from '@spectrum-web-components/base';\nimport {\n    queryAssignedNodes,\n    state,\n} from '@spectrum-web-components/base/src/decorators.js';\n\nimport { Menu } from './Menu.dev.js'\nimport '../sp-menu.dev.js'\nimport menuGroupStyles from './menu-group.css.js';\n\n/**\n * @element sp-menu-group\n *\n * @slot header - headline of the menu group\n * @slot - menu items to be listed in the group\n */\nexport class MenuGroup extends Menu {\n    public static override get styles(): CSSResultArray {\n        return [...super.styles, menuGroupStyles];\n    }\n\n    private static instances = 0;\n\n    private headerId!: string;\n\n    public constructor() {\n        super();\n        MenuGroup.instances += 1;\n        this.headerId = `sp-menu-group-label-${MenuGroup.instances}`;\n    }\n\n    @queryAssignedNodes({\n        slot: 'header',\n        flatten: true,\n    })\n    private headerElements!: NodeListOf<HTMLElement>;\n\n    @state()\n    private headerElement?: HTMLElement;\n\n    protected override get ownRole(): string {\n        switch (this.selects) {\n            case 'multiple':\n            case 'single':\n            case 'inherit':\n                return 'group';\n            default:\n                return 'menu';\n        }\n    }\n\n    protected updateLabel(): void {\n        const headerElement = this.headerElements.length\n            ? this.headerElements[0]\n            : undefined;\n        if (headerElement !== this.headerElement) {\n            if (this.headerElement && this.headerElement.id === this.headerId) {\n                this.headerElement.removeAttribute('id');\n            }\n            if (headerElement) {\n                const headerId = headerElement.id || this.headerId;\n                if (!headerElement.id) {\n                    headerElement.id = headerId;\n                }\n                this.setAttribute('aria-labelledby', headerId);\n            } else {\n                this.removeAttribute('aria-labelledby');\n            }\n        }\n        this.headerElement = headerElement;\n    }\n\n    public override render(): TemplateResult {\n        return html`\n            <span\n                class=\"header\"\n                aria-hidden=\"true\"\n                ?hidden=${!this.headerElement}\n            >\n                <slot name=\"header\" @slotchange=${this.updateLabel}></slot>\n            </span>\n            <sp-menu role=\"none\">\n                <slot></slot>\n            </sp-menu>\n        `;\n    }\n}\n"],
-  "mappings": ";;;;;;;;;;;;AAYA;AAAA,EAEI;AAAA,OAEG;AACP;AAAA,EACI;AAAA,EACA;AAAA,OACG;AAEP,SAAS,YAAY;AACrB,OAAO;AACP,OAAO,qBAAqB;AAQrB,MAAM,aAAN,cAAwB,KAAK;AAAA,EASzB,cAAc;AACjB,UAAM;AACN,eAAU,aAAa;AACvB,SAAK,WAAW,uBAAuB,WAAU;AAAA,EACrD;AAAA,EAZA,WAA2B,SAAyB;AAChD,WAAO,CAAC,GAAG,MAAM,QAAQ,eAAe;AAAA,EAC5C;AAAA,EAqBA,IAAuB,UAAkB;AACrC,YAAQ,KAAK,SAAS;AAAA,MAClB,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AACD,eAAO;AAAA,MACX;AACI,eAAO;AAAA,IACf;AAAA,EACJ;AAAA,EAEU,cAAoB;AAC1B,UAAM,gBAAgB,KAAK,eAAe,SACpC,KAAK,eAAe,CAAC,IACrB;AACN,QAAI,kBAAkB,KAAK,eAAe;AACtC,UAAI,KAAK,iBAAiB,KAAK,cAAc,OAAO,KAAK,UAAU;AAC/D,aAAK,cAAc,gBAAgB,IAAI;AAAA,MAC3C;AACA,UAAI,eAAe;AACf,cAAM,WAAW,cAAc,MAAM,KAAK;AAC1C,YAAI,CAAC,cAAc,IAAI;AACnB,wBAAc,KAAK;AAAA,QACvB;AACA,aAAK,aAAa,mBAAmB,QAAQ;AAAA,MACjD,OAAO;AACH,aAAK,gBAAgB,iBAAiB;AAAA,MAC1C;AAAA,IACJ;AACA,SAAK,gBAAgB;AAAA,EACzB;AAAA,EAEgB,SAAyB;AACrC,WAAO;AAAA;AAAA;AAAA;AAAA,0BAIW,CAAC,KAAK;AAAA;AAAA,kDAEkB,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMnD;AACJ;AAtEO,WAAM,YAAN;AAAM,UAKM,YAAY;AAcnB;AAAA,EAJP,mBAAmB;AAAA,IAChB,MAAM;AAAA,IACN,SAAS;AAAA,EACb,CAAC;AAAA,GAlBQ,UAmBD;AAGA;AAAA,EADP,MAAM;AAAA,GArBE,UAsBD;",
+  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport {\n    CSSResultArray,\n    html,\n    TemplateResult,\n} from '@spectrum-web-components/base';\nimport {\n    queryAssignedNodes,\n    state,\n} from '@spectrum-web-components/base/src/decorators.js';\n\nimport { Menu } from './Menu.dev.js'\n// Leveraged in build systems that use aliasing to prevent multiple registrations: https://github.com/adobe/spectrum-web-components/pull/3225\nimport \"@spectrum-web-components/menu/sp-menu.js\"\nimport menuGroupStyles from './menu-group.css.js';\n\n/**\n * @element sp-menu-group\n *\n * @slot header - headline of the menu group\n * @slot - menu items to be listed in the group\n */\nexport class MenuGroup extends Menu {\n    public static override get styles(): CSSResultArray {\n        return [...super.styles, menuGroupStyles];\n    }\n\n    private static instances = 0;\n\n    private headerId!: string;\n\n    public constructor() {\n        super();\n        MenuGroup.instances += 1;\n        this.headerId = `sp-menu-group-label-${MenuGroup.instances}`;\n    }\n\n    @queryAssignedNodes({\n        slot: 'header',\n        flatten: true,\n    })\n    private headerElements!: NodeListOf<HTMLElement>;\n\n    @state()\n    private headerElement?: HTMLElement;\n\n    protected override get ownRole(): string {\n        switch (this.selects) {\n            case 'multiple':\n            case 'single':\n            case 'inherit':\n                return 'group';\n            default:\n                return 'menu';\n        }\n    }\n\n    protected updateLabel(): void {\n        const headerElement = this.headerElements.length\n            ? this.headerElements[0]\n            : undefined;\n        if (headerElement !== this.headerElement) {\n            if (this.headerElement && this.headerElement.id === this.headerId) {\n                this.headerElement.removeAttribute('id');\n            }\n            if (headerElement) {\n                const headerId = headerElement.id || this.headerId;\n                if (!headerElement.id) {\n                    headerElement.id = headerId;\n                }\n                this.setAttribute('aria-labelledby', headerId);\n            } else {\n                this.removeAttribute('aria-labelledby');\n            }\n        }\n        this.headerElement = headerElement;\n    }\n\n    public override render(): TemplateResult {\n        return html`\n            <span\n                class=\"header\"\n                aria-hidden=\"true\"\n                ?hidden=${!this.headerElement}\n            >\n                <slot name=\"header\" @slotchange=${this.updateLabel}></slot>\n            </span>\n            <sp-menu role=\"none\">\n                <slot></slot>\n            </sp-menu>\n        `;\n    }\n}\n"],
+  "mappings": ";;;;;;;;;;;;AAYA;AAAA,EAEI;AAAA,OAEG;AACP;AAAA,EACI;AAAA,EACA;AAAA,OACG;AAEP,SAAS,YAAY;AAErB,OAAO;AACP,OAAO,qBAAqB;AAQrB,MAAM,aAAN,cAAwB,KAAK;AAAA,EASzB,cAAc;AACjB,UAAM;AACN,eAAU,aAAa;AACvB,SAAK,WAAW,uBAAuB,WAAU;AAAA,EACrD;AAAA,EAZA,WAA2B,SAAyB;AAChD,WAAO,CAAC,GAAG,MAAM,QAAQ,eAAe;AAAA,EAC5C;AAAA,EAqBA,IAAuB,UAAkB;AACrC,YAAQ,KAAK,SAAS;AAAA,MAClB,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AACD,eAAO;AAAA,MACX;AACI,eAAO;AAAA,IACf;AAAA,EACJ;AAAA,EAEU,cAAoB;AAC1B,UAAM,gBAAgB,KAAK,eAAe,SACpC,KAAK,eAAe,CAAC,IACrB;AACN,QAAI,kBAAkB,KAAK,eAAe;AACtC,UAAI,KAAK,iBAAiB,KAAK,cAAc,OAAO,KAAK,UAAU;AAC/D,aAAK,cAAc,gBAAgB,IAAI;AAAA,MAC3C;AACA,UAAI,eAAe;AACf,cAAM,WAAW,cAAc,MAAM,KAAK;AAC1C,YAAI,CAAC,cAAc,IAAI;AACnB,wBAAc,KAAK;AAAA,QACvB;AACA,aAAK,aAAa,mBAAmB,QAAQ;AAAA,MACjD,OAAO;AACH,aAAK,gBAAgB,iBAAiB;AAAA,MAC1C;AAAA,IACJ;AACA,SAAK,gBAAgB;AAAA,EACzB;AAAA,EAEgB,SAAyB;AACrC,WAAO;AAAA;AAAA;AAAA;AAAA,0BAIW,CAAC,KAAK;AAAA;AAAA,kDAEkB,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMnD;AACJ;AAtEO,WAAM,YAAN;AAAM,UAKM,YAAY;AAcnB;AAAA,EAJP,mBAAmB;AAAA,IAChB,MAAM;AAAA,IACN,SAAS;AAAA,EACb,CAAC;AAAA,GAlBQ,UAmBD;AAGA;AAAA,EADP,MAAM;AAAA,GArBE,UAsBD;",
   "names": []
 }

package/src/MenuGroup.js

@@ -1,4 +1,4 @@
-"use strict";var h=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var d=(n,s,e,t)=>{for(var r=t>1?void 0:t?m(s,e):s,a=n.length-1,l;a>=0;a--)(l=n[a])&&(r=(t?l(s,e,r):l(r))||r);return t&&r&&h(s,e,r),r};import{html as o}from"@spectrum-web-components/base";import{queryAssignedNodes as p,state as u}from"@spectrum-web-components/base/src/decorators.js";import{Menu as c}from"./Menu.js";import"../sp-menu.js";import b from"./menu-group.css.js";const i=class extends c{constructor(){super();i.instances+=1,this.headerId=`sp-menu-group-label-${i.instances}`}static get styles(){return[...super.styles,b]}get ownRole(){switch(this.selects){case"multiple":case"single":case"inherit":return"group";default:return"menu"}}updateLabel(){const e=this.headerElements.length?this.headerElements[0]:void 0;if(e!==this.headerElement)if(this.headerElement&&this.headerElement.id===this.headerId&&this.headerElement.removeAttribute("id"),e){const t=e.id||this.headerId;e.id||(e.id=t),this.setAttribute("aria-labelledby",t)}else this.removeAttribute("aria-labelledby");this.headerElement=e}render(){return o`
+"use strict";var h=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var d=(n,s,e,t)=>{for(var r=t>1?void 0:t?m(s,e):s,a=n.length-1,l;a>=0;a--)(l=n[a])&&(r=(t?l(s,e,r):l(r))||r);return t&&r&&h(s,e,r),r};import{html as o}from"@spectrum-web-components/base";import{queryAssignedNodes as p,state as u}from"@spectrum-web-components/base/src/decorators.js";import{Menu as c}from"./Menu.js";import"@spectrum-web-components/menu/sp-menu.js";import b from"./menu-group.css.js";const i=class extends c{constructor(){super();i.instances+=1,this.headerId=`sp-menu-group-label-${i.instances}`}static get styles(){return[...super.styles,b]}get ownRole(){switch(this.selects){case"multiple":case"single":case"inherit":return"group";default:return"menu"}}updateLabel(){const e=this.headerElements.length?this.headerElements[0]:void 0;if(e!==this.headerElement)if(this.headerElement&&this.headerElement.id===this.headerId&&this.headerElement.removeAttribute("id"),e){const t=e.id||this.headerId;e.id||(e.id=t),this.setAttribute("aria-labelledby",t)}else this.removeAttribute("aria-labelledby");this.headerElement=e}render(){return o`
             <span
                 class="header"
                 aria-hidden="true"

package/src/MenuGroup.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["MenuGroup.ts"],
-  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport {\n    CSSResultArray,\n    html,\n    TemplateResult,\n} from '@spectrum-web-components/base';\nimport {\n    queryAssignedNodes,\n    state,\n} from '@spectrum-web-components/base/src/decorators.js';\n\nimport { Menu } from './Menu.js';\nimport '../sp-menu.js';\nimport menuGroupStyles from './menu-group.css.js';\n\n/**\n * @element sp-menu-group\n *\n * @slot header - headline of the menu group\n * @slot - menu items to be listed in the group\n */\nexport class MenuGroup extends Menu {\n    public static override get styles(): CSSResultArray {\n        return [...super.styles, menuGroupStyles];\n    }\n\n    private static instances = 0;\n\n    private headerId!: string;\n\n    public constructor() {\n        super();\n        MenuGroup.instances += 1;\n        this.headerId = `sp-menu-group-label-${MenuGroup.instances}`;\n    }\n\n    @queryAssignedNodes({\n        slot: 'header',\n        flatten: true,\n    })\n    private headerElements!: NodeListOf<HTMLElement>;\n\n    @state()\n    private headerElement?: HTMLElement;\n\n    protected override get ownRole(): string {\n        switch (this.selects) {\n            case 'multiple':\n            case 'single':\n            case 'inherit':\n                return 'group';\n            default:\n                return 'menu';\n        }\n    }\n\n    protected updateLabel(): void {\n        const headerElement = this.headerElements.length\n            ? this.headerElements[0]\n            : undefined;\n        if (headerElement !== this.headerElement) {\n            if (this.headerElement && this.headerElement.id === this.headerId) {\n                this.headerElement.removeAttribute('id');\n            }\n            if (headerElement) {\n                const headerId = headerElement.id || this.headerId;\n                if (!headerElement.id) {\n                    headerElement.id = headerId;\n                }\n                this.setAttribute('aria-labelledby', headerId);\n            } else {\n                this.removeAttribute('aria-labelledby');\n            }\n        }\n        this.headerElement = headerElement;\n    }\n\n    public override render(): TemplateResult {\n        return html`\n            <span\n                class=\"header\"\n                aria-hidden=\"true\"\n                ?hidden=${!this.headerElement}\n            >\n                <slot name=\"header\" @slotchange=${this.updateLabel}></slot>\n            </span>\n            <sp-menu role=\"none\">\n                <slot></slot>\n            </sp-menu>\n        `;\n    }\n}\n"],
-  "mappings": "qNAYA,OAEI,QAAAA,MAEG,gCACP,OACI,sBAAAC,EACA,SAAAC,MACG,kDAEP,OAAS,QAAAC,MAAY,YACrB,MAAO,gBACP,OAAOC,MAAqB,sBAQrB,MAAMC,EAAN,cAAwBF,CAAK,CASzB,aAAc,CACjB,MAAM,EACNE,EAAU,WAAa,EACvB,KAAK,SAAW,uBAAuBA,EAAU,WACrD,CAZA,WAA2B,QAAyB,CAChD,MAAO,CAAC,GAAG,MAAM,OAAQD,CAAe,CAC5C,CAqBA,IAAuB,SAAkB,CACrC,OAAQ,KAAK,QAAS,CAClB,IAAK,WACL,IAAK,SACL,IAAK,UACD,MAAO,QACX,QACI,MAAO,MACf,CACJ,CAEU,aAAoB,CAC1B,MAAME,EAAgB,KAAK,eAAe,OACpC,KAAK,eAAe,CAAC,EACrB,OACN,GAAIA,IAAkB,KAAK,cAIvB,GAHI,KAAK,eAAiB,KAAK,cAAc,KAAO,KAAK,UACrD,KAAK,cAAc,gBAAgB,IAAI,EAEvCA,EAAe,CACf,MAAMC,EAAWD,EAAc,IAAM,KAAK,SACrCA,EAAc,KACfA,EAAc,GAAKC,GAEvB,KAAK,aAAa,kBAAmBA,CAAQ,OAE7C,KAAK,gBAAgB,iBAAiB,EAG9C,KAAK,cAAgBD,CACzB,CAEgB,QAAyB,CACrC,OAAON;AAAA;AAAA;AAAA;AAAA,0BAIW,CAAC,KAAK;AAAA;AAAA,kDAEkB,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,SAMnD,CACJ,EAtEO,WAAM,UAANK,EAAM,UAKM,UAAY,EAcnBG,EAAA,CAJPP,EAAmB,CAChB,KAAM,SACN,QAAS,EACb,CAAC,GAlBQ,UAmBD,8BAGAO,EAAA,CADPN,EAAM,GArBE,UAsBD",
+  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport {\n    CSSResultArray,\n    html,\n    TemplateResult,\n} from '@spectrum-web-components/base';\nimport {\n    queryAssignedNodes,\n    state,\n} from '@spectrum-web-components/base/src/decorators.js';\n\nimport { Menu } from './Menu.js';\n// Leveraged in build systems that use aliasing to prevent multiple registrations: https://github.com/adobe/spectrum-web-components/pull/3225\nimport \"@spectrum-web-components/menu/sp-menu.js\"\nimport menuGroupStyles from './menu-group.css.js';\n\n/**\n * @element sp-menu-group\n *\n * @slot header - headline of the menu group\n * @slot - menu items to be listed in the group\n */\nexport class MenuGroup extends Menu {\n    public static override get styles(): CSSResultArray {\n        return [...super.styles, menuGroupStyles];\n    }\n\n    private static instances = 0;\n\n    private headerId!: string;\n\n    public constructor() {\n        super();\n        MenuGroup.instances += 1;\n        this.headerId = `sp-menu-group-label-${MenuGroup.instances}`;\n    }\n\n    @queryAssignedNodes({\n        slot: 'header',\n        flatten: true,\n    })\n    private headerElements!: NodeListOf<HTMLElement>;\n\n    @state()\n    private headerElement?: HTMLElement;\n\n    protected override get ownRole(): string {\n        switch (this.selects) {\n            case 'multiple':\n            case 'single':\n            case 'inherit':\n                return 'group';\n            default:\n                return 'menu';\n        }\n    }\n\n    protected updateLabel(): void {\n        const headerElement = this.headerElements.length\n            ? this.headerElements[0]\n            : undefined;\n        if (headerElement !== this.headerElement) {\n            if (this.headerElement && this.headerElement.id === this.headerId) {\n                this.headerElement.removeAttribute('id');\n            }\n            if (headerElement) {\n                const headerId = headerElement.id || this.headerId;\n                if (!headerElement.id) {\n                    headerElement.id = headerId;\n                }\n                this.setAttribute('aria-labelledby', headerId);\n            } else {\n                this.removeAttribute('aria-labelledby');\n            }\n        }\n        this.headerElement = headerElement;\n    }\n\n    public override render(): TemplateResult {\n        return html`\n            <span\n                class=\"header\"\n                aria-hidden=\"true\"\n                ?hidden=${!this.headerElement}\n            >\n                <slot name=\"header\" @slotchange=${this.updateLabel}></slot>\n            </span>\n            <sp-menu role=\"none\">\n                <slot></slot>\n            </sp-menu>\n        `;\n    }\n}\n"],
+  "mappings": "qNAYA,OAEI,QAAAA,MAEG,gCACP,OACI,sBAAAC,EACA,SAAAC,MACG,kDAEP,OAAS,QAAAC,MAAY,YAErB,MAAO,2CACP,OAAOC,MAAqB,sBAQrB,MAAMC,EAAN,cAAwBF,CAAK,CASzB,aAAc,CACjB,MAAM,EACNE,EAAU,WAAa,EACvB,KAAK,SAAW,uBAAuBA,EAAU,WACrD,CAZA,WAA2B,QAAyB,CAChD,MAAO,CAAC,GAAG,MAAM,OAAQD,CAAe,CAC5C,CAqBA,IAAuB,SAAkB,CACrC,OAAQ,KAAK,QAAS,CAClB,IAAK,WACL,IAAK,SACL,IAAK,UACD,MAAO,QACX,QACI,MAAO,MACf,CACJ,CAEU,aAAoB,CAC1B,MAAME,EAAgB,KAAK,eAAe,OACpC,KAAK,eAAe,CAAC,EACrB,OACN,GAAIA,IAAkB,KAAK,cAIvB,GAHI,KAAK,eAAiB,KAAK,cAAc,KAAO,KAAK,UACrD,KAAK,cAAc,gBAAgB,IAAI,EAEvCA,EAAe,CACf,MAAMC,EAAWD,EAAc,IAAM,KAAK,SACrCA,EAAc,KACfA,EAAc,GAAKC,GAEvB,KAAK,aAAa,kBAAmBA,CAAQ,OAE7C,KAAK,gBAAgB,iBAAiB,EAG9C,KAAK,cAAgBD,CACzB,CAEgB,QAAyB,CACrC,OAAON;AAAA;AAAA;AAAA;AAAA,0BAIW,CAAC,KAAK;AAAA;AAAA,kDAEkB,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,SAMnD,CACJ,EAtEO,WAAM,UAANK,EAAM,UAKM,UAAY,EAcnBG,EAAA,CAJPP,EAAmB,CAChB,KAAM,SACN,QAAS,EACb,CAAC,GAlBQ,UAmBD,8BAGAO,EAAA,CADPN,EAAM,GArBE,UAsBD",
   "names": ["html", "queryAssignedNodes", "state", "Menu", "menuGroupStyles", "_MenuGroup", "headerElement", "headerId", "__decorateClass"]
 }