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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -6,25 +6,61 @@
6
6
  "kind": "javascript-module",
7
7
  "path": "sp-menu-divider.ts",
8
8
  "declarations": [],
9
- "exports": []
9
+ "exports": [
10
+ {
11
+ "kind": "custom-element-definition",
12
+ "name": "sp-menu-divider",
13
+ "declaration": {
14
+ "name": "MenuDivider",
15
+ "module": "/src/MenuDivider.js"
16
+ }
17
+ }
18
+ ]
10
19
  },
11
20
  {
12
21
  "kind": "javascript-module",
13
22
  "path": "sp-menu-group.ts",
14
23
  "declarations": [],
15
- "exports": []
24
+ "exports": [
25
+ {
26
+ "kind": "custom-element-definition",
27
+ "name": "sp-menu-group",
28
+ "declaration": {
29
+ "name": "MenuGroup",
30
+ "module": "/src/MenuGroup.js"
31
+ }
32
+ }
33
+ ]
16
34
  },
17
35
  {
18
36
  "kind": "javascript-module",
19
37
  "path": "sp-menu-item.ts",
20
38
  "declarations": [],
21
- "exports": []
39
+ "exports": [
40
+ {
41
+ "kind": "custom-element-definition",
42
+ "name": "sp-menu-item",
43
+ "declaration": {
44
+ "name": "MenuItem",
45
+ "module": "/src/MenuItem.js"
46
+ }
47
+ }
48
+ ]
22
49
  },
23
50
  {
24
51
  "kind": "javascript-module",
25
52
  "path": "sp-menu.ts",
26
53
  "declarations": [],
27
- "exports": []
54
+ "exports": [
55
+ {
56
+ "kind": "custom-element-definition",
57
+ "name": "sp-menu",
58
+ "declaration": {
59
+ "name": "Menu",
60
+ "module": "/src/Menu.js"
61
+ }
62
+ }
63
+ ]
28
64
  },
29
65
  {
30
66
  "kind": "javascript-module",
@@ -147,7 +183,8 @@
147
183
  "type": {
148
184
  "text": "MenuItem[]"
149
185
  },
150
- "privacy": "public"
186
+ "privacy": "public",
187
+ "readonly": true
151
188
  },
152
189
  {
153
190
  "kind": "field",
@@ -174,7 +211,8 @@
174
211
  "text": "string"
175
212
  },
176
213
  "privacy": "private",
177
- "description": "Hide this getter from web-component-analyzer until\nhttps://github.com/runem/web-component-analyzer/issues/131\nhas been addressed."
214
+ "description": "Hide this getter from web-component-analyzer until\nhttps://github.com/runem/web-component-analyzer/issues/131\nhas been addressed.",
215
+ "readonly": true
178
216
  },
179
217
  {
180
218
  "kind": "field",
@@ -182,7 +220,8 @@
182
220
  "type": {
183
221
  "text": "string"
184
222
  },
185
- "privacy": "protected"
223
+ "privacy": "protected",
224
+ "readonly": true
186
225
  },
187
226
  {
188
227
  "kind": "field",
@@ -730,6 +769,7 @@
730
769
  "text": "string"
731
770
  },
732
771
  "privacy": "protected",
772
+ "readonly": true,
733
773
  "inheritedFrom": {
734
774
  "name": "Menu",
735
775
  "module": "src/Menu.ts"
@@ -900,6 +940,7 @@
900
940
  "text": "MenuItem[]"
901
941
  },
902
942
  "privacy": "public",
943
+ "readonly": true,
903
944
  "inheritedFrom": {
904
945
  "name": "Menu",
905
946
  "module": "src/Menu.ts"
@@ -939,6 +980,7 @@
939
980
  },
940
981
  "privacy": "private",
941
982
  "description": "Hide this getter from web-component-analyzer until\nhttps://github.com/runem/web-component-analyzer/issues/131\nhas been addressed.",
983
+ "readonly": true,
942
984
  "inheritedFrom": {
943
985
  "name": "Menu",
944
986
  "module": "src/Menu.ts"
@@ -1545,7 +1587,8 @@
1545
1587
  "name": "item",
1546
1588
  "type": {
1547
1589
  "text": "MenuItem"
1548
- }
1590
+ },
1591
+ "readonly": true
1549
1592
  },
1550
1593
  {
1551
1594
  "kind": "field",
@@ -1603,7 +1646,8 @@
1603
1646
  "name": "item",
1604
1647
  "type": {
1605
1648
  "text": "MenuItem"
1606
- }
1649
+ },
1650
+ "readonly": true
1607
1651
  },
1608
1652
  {
1609
1653
  "kind": "field",
@@ -1747,7 +1791,8 @@
1747
1791
  "type": {
1748
1792
  "text": "string"
1749
1793
  },
1750
- "privacy": "private"
1794
+ "privacy": "private",
1795
+ "readonly": true
1751
1796
  },
1752
1797
  {
1753
1798
  "kind": "field",
@@ -1784,7 +1829,8 @@
1784
1829
  "type": {
1785
1830
  "text": "HTMLElement"
1786
1831
  },
1787
- "privacy": "public"
1832
+ "privacy": "public",
1833
+ "readonly": true
1788
1834
  },
1789
1835
  {
1790
1836
  "kind": "field",
@@ -1792,7 +1838,8 @@
1792
1838
  "type": {
1793
1839
  "text": "MenuItemChildren"
1794
1840
  },
1795
- "privacy": "public"
1841
+ "privacy": "public",
1842
+ "readonly": true
1796
1843
  },
1797
1844
  {
1798
1845
  "kind": "field",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spectrum-web-components/menu",
3
- "version": "0.31.1-react.2+971de948d",
3
+ "version": "0.31.1-react.21+44f0b1df9",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -85,16 +85,16 @@
85
85
  ],
86
86
  "dependencies": {
87
87
  "@lit-labs/observers": "^2.0.0",
88
- "@spectrum-web-components/action-button": "^0.31.1-react.2+971de948d",
89
- "@spectrum-web-components/base": "^0.31.1-react.2+971de948d",
90
- "@spectrum-web-components/divider": "^0.31.1-react.2+971de948d",
91
- "@spectrum-web-components/icon": "^0.31.1-react.2+971de948d",
92
- "@spectrum-web-components/icons-ui": "^0.31.1-react.2+971de948d",
93
- "@spectrum-web-components/overlay": "^0.31.1-react.2+971de948d",
94
- "@spectrum-web-components/shared": "^0.31.1-react.2+971de948d"
88
+ "@spectrum-web-components/action-button": "^0.31.1-react.21+44f0b1df9",
89
+ "@spectrum-web-components/base": "^0.31.1-react.21+44f0b1df9",
90
+ "@spectrum-web-components/divider": "^0.31.1-react.21+44f0b1df9",
91
+ "@spectrum-web-components/icon": "^0.31.1-react.21+44f0b1df9",
92
+ "@spectrum-web-components/icons-ui": "^0.31.1-react.21+44f0b1df9",
93
+ "@spectrum-web-components/overlay": "^0.31.1-react.21+44f0b1df9",
94
+ "@spectrum-web-components/shared": "^0.31.1-react.21+44f0b1df9"
95
95
  },
96
96
  "devDependencies": {
97
- "@spectrum-css/menu": "^4.0.26"
97
+ "@spectrum-css/menu": "^4.0.34"
98
98
  },
99
99
  "types": "./src/index.d.ts",
100
100
  "customElements": "custom-elements.json",
@@ -102,5 +102,5 @@
102
102
  "./sp-*.js",
103
103
  "./**/*.dev.js"
104
104
  ],
105
- "gitHead": "971de948df12f7082f13ab5dd5e638d456ebbb94"
105
+ "gitHead": "44f0b1df9e1ea77d9e931629a63918ceee2744c2"
106
106
  }
@@ -75,7 +75,10 @@ const _MenuGroup = class extends Menu {
75
75
  export let MenuGroup = _MenuGroup;
76
76
  MenuGroup.instances = 0;
77
77
  __decorateClass([
78
- queryAssignedNodes("header", true)
78
+ queryAssignedNodes({
79
+ slot: "header",
80
+ flatten: true
81
+ })
79
82
  ], MenuGroup.prototype, "headerElements", 2);
80
83
  __decorateClass([
81
84
  state()
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["MenuGroup.ts"],
4
- "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('header', true)\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"],
5
- "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,EAkBA,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;AAnEO,WAAM,YAAN;AAAM,UAKM,YAAY;AAWnB;AAAA,EADP,mBAAmB,UAAU,IAAI;AAAA,GAfzB,UAgBD;AAGA;AAAA,EADP,MAAM;AAAA,GAlBE,UAmBD;",
4
+ "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"],
5
+ "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;",
6
6
  "names": []
7
7
  }
package/src/MenuGroup.js CHANGED
@@ -9,5 +9,5 @@
9
9
  <sp-menu role="none">
10
10
  <slot></slot>
11
11
  </sp-menu>
12
- `}};export let MenuGroup=i;MenuGroup.instances=0,d([p("header",!0)],MenuGroup.prototype,"headerElements",2),d([u()],MenuGroup.prototype,"headerElement",2);
12
+ `}};export let MenuGroup=i;MenuGroup.instances=0,d([p({slot:"header",flatten:!0})],MenuGroup.prototype,"headerElements",2),d([u()],MenuGroup.prototype,"headerElement",2);
13
13
  //# sourceMappingURL=MenuGroup.js.map
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["MenuGroup.ts"],
4
- "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('header', true)\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"],
5
- "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,CAkBA,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,EAnEO,WAAM,UAANK,EAAM,UAKM,UAAY,EAWnBG,EAAA,CADPP,EAAmB,SAAU,EAAI,GAfzB,UAgBD,8BAGAO,EAAA,CADPN,EAAM,GAlBE,UAmBD",
4
+ "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"],
5
+ "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",
6
6
  "names": ["html", "queryAssignedNodes", "state", "Menu", "menuGroupStyles", "_MenuGroup", "headerElement", "headerId", "__decorateClass"]
7
7
  }