@spectrum-web-components/action-group 1.0.0 → 1.0.1
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.
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@spectrum-web-components/action-group",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.1",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -59,10 +59,10 @@
|
|
|
59
59
|
],
|
|
60
60
|
"dependencies": {
|
|
61
61
|
"@lit-labs/observers": "^2.0.2",
|
|
62
|
-
"@spectrum-web-components/action-button": "^1.0.
|
|
63
|
-
"@spectrum-web-components/base": "^1.0.
|
|
64
|
-
"@spectrum-web-components/icons-workflow": "^1.0.
|
|
65
|
-
"@spectrum-web-components/reactive-controllers": "^1.0.
|
|
62
|
+
"@spectrum-web-components/action-button": "^1.0.1",
|
|
63
|
+
"@spectrum-web-components/base": "^1.0.1",
|
|
64
|
+
"@spectrum-web-components/icons-workflow": "^1.0.1",
|
|
65
|
+
"@spectrum-web-components/reactive-controllers": "^1.0.1"
|
|
66
66
|
},
|
|
67
67
|
"devDependencies": {
|
|
68
68
|
"@spectrum-css/actiongroup": "^6.0.0-s2-foundations.15"
|
|
@@ -73,5 +73,5 @@
|
|
|
73
73
|
"./sp-*.js",
|
|
74
74
|
"./**/*.dev.js"
|
|
75
75
|
],
|
|
76
|
-
"gitHead": "
|
|
76
|
+
"gitHead": "b359bc0242712be118c5e3e2cc05f88707d3eeb1"
|
|
77
77
|
}
|
package/src/ActionGroup.dev.js
CHANGED
|
@@ -56,6 +56,9 @@ export class ActionGroup extends SizedMixin(SpectrumElement, {
|
|
|
56
56
|
this._selected = EMPTY_SELECTION;
|
|
57
57
|
this.hasManaged = false;
|
|
58
58
|
this.manageButtons = () => {
|
|
59
|
+
if (!this.slotElement) {
|
|
60
|
+
return;
|
|
61
|
+
}
|
|
59
62
|
const assignedElements = this.slotElement.assignedElements({
|
|
60
63
|
flatten: true
|
|
61
64
|
});
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["ActionGroup.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 PropertyValues,\n SizedMixin,\n SpectrumElement,\n TemplateResult,\n} from '@spectrum-web-components/base';\nimport {\n property,\n query,\n} from '@spectrum-web-components/base/src/decorators.js';\nimport type { ActionButton } from '@spectrum-web-components/action-button';\nimport { RovingTabindexController } from '@spectrum-web-components/reactive-controllers/src/RovingTabindex.js';\nimport { MutationController } from '@lit-labs/observers/mutation-controller.js';\n\nimport styles from './action-group.css.js';\n\nconst EMPTY_SELECTION: string[] = [];\n\n/**\n * @element sp-action-group\n * @slot - the sp-action-button elements that make up the group\n *\n * @fires change - Announces that selection state has been changed by user\n */\nexport class ActionGroup extends SizedMixin(SpectrumElement, {\n validSizes: ['xs', 's', 'm', 'l', 'xl'],\n noDefaultSize: true,\n}) {\n public static override get styles(): CSSResultArray {\n return [styles];\n }\n\n public set buttons(buttons: ActionButton[]) {\n /* c8 ignore next 1 */\n if (buttons === this.buttons) return;\n this._buttons = buttons;\n this.rovingTabindexController.clearElementCache();\n }\n\n public get buttons(): ActionButton[] {\n return this._buttons;\n }\n\n public _buttons: ActionButton[] = [];\n\n protected _buttonSelector = 'sp-action-button, sp-action-menu';\n\n constructor() {\n super();\n\n new MutationController(this, {\n config: {\n childList: true,\n subtree: true,\n },\n callback: () => {\n this.manageButtons();\n },\n skipInitial: true,\n });\n }\n\n rovingTabindexController = new RovingTabindexController<ActionButton>(\n this,\n {\n focusInIndex: (elements: ActionButton[]) => {\n let firstEnabledIndex = -1;\n const firstSelectedIndex = elements.findIndex((el, index) => {\n if (!elements[firstEnabledIndex] && !el.disabled) {\n firstEnabledIndex = index;\n }\n return el.selected && !el.disabled;\n });\n return elements[firstSelectedIndex]\n ? firstSelectedIndex\n : firstEnabledIndex;\n },\n elements: () => this.buttons,\n isFocusableElement: (el: ActionButton) => !el.disabled,\n }\n );\n\n @property({ type: Boolean, reflect: true })\n public compact = false;\n\n @property({ type: Boolean, reflect: true })\n public emphasized = false;\n\n @property({ type: Boolean, reflect: true })\n public justified = false;\n\n @property({ type: String })\n public label = '';\n\n @property({ type: Boolean, reflect: true })\n public quiet = false;\n\n @property({ type: String })\n public selects: undefined | 'single' | 'multiple';\n\n @property({ reflect: true, attribute: 'static-color' })\n public staticColor?: 'white' | 'black';\n\n @property({ type: Boolean, reflect: true })\n public vertical = false;\n\n private _selected: string[] = EMPTY_SELECTION;\n\n set selected(selected: string[]) {\n this.requestUpdate('selected', this._selected);\n this._selected = selected;\n this.updateComplete.then(() => {\n this.applySelects();\n this.manageChildren();\n });\n }\n\n @property({ type: Array })\n get selected(): string[] {\n return this._selected;\n }\n\n @query('slot')\n slotElement!: HTMLSlotElement;\n\n private dispatchChange(old: string[]): void {\n const applyDefault = this.dispatchEvent(\n new Event('change', {\n bubbles: true,\n composed: true,\n cancelable: true,\n })\n );\n\n if (!applyDefault) {\n this.setSelected(old);\n this.buttons.map((button) => {\n button.selected = this.selected.includes(button.value);\n });\n }\n }\n\n private setSelected(selected: string[], announce?: boolean): void {\n /* c8 ignore next 1 */\n if (selected === this.selected) return;\n\n const old = this.selected;\n this.requestUpdate('selected', old);\n this._selected = selected;\n if (!announce) return;\n this.dispatchChange(old);\n }\n\n public override focus(options?: FocusOptions): void {\n this.rovingTabindexController.focus(options);\n }\n\n private deselectSelectedButtons(): void {\n this.buttons.forEach((button) => {\n if (!button.selected) return;\n\n button.selected = false;\n button.tabIndex = -1;\n button.setAttribute(\n this.selects ? 'aria-checked' : /* c8 ignore */ 'aria-pressed',\n 'false'\n );\n });\n }\n\n private handleActionButtonChange(event: Event): void {\n event.stopPropagation();\n event.preventDefault();\n }\n\n private handleClick(event: Event): void {\n const target = event.target as ActionButton;\n if (typeof target.value === 'undefined') {\n return;\n }\n switch (this.selects) {\n case 'single': {\n this.deselectSelectedButtons();\n target.selected = true;\n target.tabIndex = 0;\n target.setAttribute('aria-checked', 'true');\n this.setSelected([target.value], true);\n break;\n }\n case 'multiple': {\n const selected = [...this.selected];\n target.selected = !target.selected;\n target.setAttribute(\n 'aria-checked',\n target.selected ? 'true' : 'false'\n );\n if (target.selected) {\n selected.push(target.value);\n } else {\n selected.splice(this.selected.indexOf(target.value), 1);\n }\n this.setSelected(selected, true);\n\n this.buttons.forEach((button) => {\n button.tabIndex = -1;\n });\n\n target.tabIndex = 0;\n\n break;\n }\n default:\n break;\n }\n }\n\n private async applySelects(): Promise<void> {\n await this.manageSelects(true);\n }\n\n private async manageSelects(applied?: boolean): Promise<void> {\n if (!this.buttons.length) {\n return;\n }\n\n const options = this.buttons;\n switch (this.selects) {\n case 'single': {\n // single behaves as a radio group\n this.setAttribute('role', 'radiogroup');\n const selections: ActionButton[] = [];\n const updates = options.map(async (option) => {\n await option.updateComplete;\n option.setAttribute('role', 'radio');\n option.setAttribute(\n 'aria-checked',\n option.selected ? 'true' : 'false'\n );\n if (option.selected) {\n selections.push(option);\n }\n });\n if (applied) break;\n await Promise.all(updates);\n\n const selected = selections.map((button) => {\n return button.value;\n });\n\n this.setSelected(selected || EMPTY_SELECTION);\n break;\n }\n case 'multiple': {\n // switching from single to multiple, remove role=\"radiogroup\"\n if (this.getAttribute('role') === 'radiogroup') {\n this.removeAttribute('role');\n }\n const selection: string[] = [];\n const selections: ActionButton[] = [];\n const updates = options.map(async (option) => {\n await option.updateComplete;\n option.setAttribute('role', 'checkbox');\n option.setAttribute(\n 'aria-checked',\n option.selected ? 'true' : 'false'\n );\n if (option.selected) {\n selection.push(option.value);\n selections.push(option);\n }\n });\n if (applied) break;\n await Promise.all(updates);\n const selected = !!selection.length\n ? selection\n : EMPTY_SELECTION;\n this.setSelected(selected);\n break;\n }\n default:\n // if user defines .selected\n if (this.selected.length) {\n const selections: ActionButton[] = [];\n const updates = options.map(async (option) => {\n await option.updateComplete;\n option.setAttribute('role', 'button');\n if (option.selected) {\n option.setAttribute('aria-pressed', 'true');\n selections.push(option);\n } else {\n option.removeAttribute('aria-pressed');\n }\n });\n if (applied) break;\n await Promise.all(updates);\n\n this.setSelected(\n selections.map((button) => {\n return button.value;\n })\n );\n } else {\n this.buttons.forEach((option) => {\n option.setAttribute('role', 'button');\n });\n break;\n }\n }\n\n // When no other role is defined, use role=\"toolbar\", which is appropriate with roving tabindex.\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'toolbar');\n }\n }\n\n protected override render(): TemplateResult {\n return html`\n <slot role=\"presentation\" @slotchange=${this.manageButtons}></slot>\n `;\n }\n\n protected override firstUpdated(changes: PropertyValues): void {\n super.firstUpdated(changes);\n this.addEventListener('click', this.handleClick);\n }\n\n protected override updated(changes: PropertyValues): void {\n super.updated(changes);\n if (changes.has('selects')) {\n this.manageSelects();\n this.manageChildren();\n if (!!this.selects) {\n this.shadowRoot.addEventListener(\n 'change',\n this.handleActionButtonChange\n );\n } else {\n this.shadowRoot.removeEventListener(\n 'change',\n this.handleActionButtonChange\n );\n }\n }\n if (\n changes.has('quiet') ||\n changes.has('emphasized') ||\n changes.has('size') ||\n changes.has('staticColor')\n ) {\n this.manageChildren(changes);\n }\n // Update `aria-label` when `label` available or not first `updated`\n if (\n changes.has('label') &&\n (this.label || typeof changes.get('label') !== 'undefined')\n ) {\n if (this.label.length) {\n this.setAttribute('aria-label', this.label);\n } else {\n this.removeAttribute('aria-label');\n }\n }\n }\n\n private manageChildren(changes?: PropertyValues): void {\n this.buttons.forEach((button) => {\n if (this.quiet || changes?.get('quiet')) {\n button.quiet = this.quiet;\n }\n if (this.emphasized || changes?.get('emphasized')) {\n button.emphasized = this.emphasized;\n }\n if (this.staticColor || changes?.get('staticColor')) {\n button.staticColor = this.staticColor;\n }\n if (this.selects || !this.hasManaged) {\n button.selected = this.selected.includes(button.value);\n }\n if (\n this.size &&\n (this.size !== 'm' ||\n typeof changes?.get('size') !== 'undefined')\n ) {\n button.size = this.size;\n }\n });\n }\n\n private hasManaged = false;\n\n private manageButtons = (): void => {\n const assignedElements = this.slotElement.assignedElements({\n flatten: true,\n });\n const buttons = assignedElements.reduce((acc: unknown[], el) => {\n if (el.matches(this._buttonSelector)) {\n acc.push(el);\n } else {\n const buttonDescendents = Array.from(\n el.querySelectorAll(`:scope > ${this._buttonSelector}`)\n );\n acc.push(...buttonDescendents);\n }\n return acc;\n }, []);\n this.buttons = buttons as ActionButton[];\n if (this.selects || !this.hasManaged) {\n // <select> element merges selected so following paradigm here\n const currentlySelectedButtons: string[] = [];\n this.buttons.forEach((button: ActionButton) => {\n if (button.selected) {\n currentlySelectedButtons.push(button.value);\n }\n });\n this.setSelected(this.selected.concat(currentlySelectedButtons));\n }\n this.manageChildren();\n this.manageSelects();\n this.hasManaged = true;\n };\n}\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;AAYA;AAAA,EAEI;AAAA,EAEA;AAAA,EACA;AAAA,OAEG;AACP;AAAA,EACI;AAAA,EACA;AAAA,OACG;AAEP,SAAS,gCAAgC;AACzC,SAAS,0BAA0B;AAEnC,OAAO,YAAY;AAEnB,MAAM,kBAA4B,CAAC;AAQ5B,aAAM,oBAAoB,WAAW,iBAAiB;AAAA,EACzD,YAAY,CAAC,MAAM,KAAK,KAAK,KAAK,IAAI;AAAA,EACtC,eAAe;AACnB,CAAC,EAAE;AAAA,EAoBC,cAAc;AACV,UAAM;AALV,SAAO,WAA2B,CAAC;AAEnC,SAAU,kBAAkB;AAiB5B,oCAA2B,IAAI;AAAA,MAC3B;AAAA,MACA;AAAA,QACI,cAAc,CAAC,aAA6B;AACxC,cAAI,oBAAoB;AACxB,gBAAM,qBAAqB,SAAS,UAAU,CAAC,IAAI,UAAU;AACzD,gBAAI,CAAC,SAAS,iBAAiB,KAAK,CAAC,GAAG,UAAU;AAC9C,kCAAoB;AAAA,YACxB;AACA,mBAAO,GAAG,YAAY,CAAC,GAAG;AAAA,UAC9B,CAAC;AACD,iBAAO,SAAS,kBAAkB,IAC5B,qBACA;AAAA,QACV;AAAA,QACA,UAAU,MAAM,KAAK;AAAA,QACrB,oBAAoB,CAAC,OAAqB,CAAC,GAAG;AAAA,MAClD;AAAA,IACJ;AAGA,SAAO,UAAU;AAGjB,SAAO,aAAa;AAGpB,SAAO,YAAY;AAGnB,SAAO,QAAQ;AAGf,SAAO,QAAQ;AASf,SAAO,WAAW;AAElB,SAAQ,YAAsB;AA0R9B,SAAQ,aAAa;AAErB,SAAQ,gBAAgB,MAAY;AAChC,YAAM,mBAAmB,KAAK,YAAY,iBAAiB;AAAA,QACvD,SAAS;AAAA,MACb,CAAC;AACD,YAAM,UAAU,iBAAiB,OAAO,CAAC,KAAgB,OAAO;AAC5D,YAAI,GAAG,QAAQ,KAAK,eAAe,GAAG;AAClC,cAAI,KAAK,EAAE;AAAA,QACf,OAAO;AACH,gBAAM,oBAAoB,MAAM;AAAA,YAC5B,GAAG,iBAAiB,YAAY,KAAK,eAAe,EAAE;AAAA,UAC1D;AACA,cAAI,KAAK,GAAG,iBAAiB;AAAA,QACjC;AACA,eAAO;AAAA,MACX,GAAG,CAAC,CAAC;AACL,WAAK,UAAU;AACf,UAAI,KAAK,WAAW,CAAC,KAAK,YAAY;AAElC,cAAM,2BAAqC,CAAC;AAC5C,aAAK,QAAQ,QAAQ,CAAC,WAAyB;AAC3C,cAAI,OAAO,UAAU;AACjB,qCAAyB,KAAK,OAAO,KAAK;AAAA,UAC9C;AAAA,QACJ,CAAC;AACD,aAAK,YAAY,KAAK,SAAS,OAAO,wBAAwB,CAAC;AAAA,MACnE;AACA,WAAK,eAAe;AACpB,WAAK,cAAc;AACnB,WAAK,aAAa;AAAA,IACtB;
|
|
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 PropertyValues,\n SizedMixin,\n SpectrumElement,\n TemplateResult,\n} from '@spectrum-web-components/base';\nimport {\n property,\n query,\n} from '@spectrum-web-components/base/src/decorators.js';\nimport type { ActionButton } from '@spectrum-web-components/action-button';\nimport { RovingTabindexController } from '@spectrum-web-components/reactive-controllers/src/RovingTabindex.js';\nimport { MutationController } from '@lit-labs/observers/mutation-controller.js';\n\nimport styles from './action-group.css.js';\n\nconst EMPTY_SELECTION: string[] = [];\n\n/**\n * @element sp-action-group\n * @slot - the sp-action-button elements that make up the group\n *\n * @fires change - Announces that selection state has been changed by user\n */\nexport class ActionGroup extends SizedMixin(SpectrumElement, {\n validSizes: ['xs', 's', 'm', 'l', 'xl'],\n noDefaultSize: true,\n}) {\n public static override get styles(): CSSResultArray {\n return [styles];\n }\n\n public set buttons(buttons: ActionButton[]) {\n /* c8 ignore next 1 */\n if (buttons === this.buttons) return;\n this._buttons = buttons;\n this.rovingTabindexController.clearElementCache();\n }\n\n public get buttons(): ActionButton[] {\n return this._buttons;\n }\n\n public _buttons: ActionButton[] = [];\n\n protected _buttonSelector = 'sp-action-button, sp-action-menu';\n\n constructor() {\n super();\n\n new MutationController(this, {\n config: {\n childList: true,\n subtree: true,\n },\n callback: () => {\n this.manageButtons();\n },\n skipInitial: true,\n });\n }\n\n rovingTabindexController = new RovingTabindexController<ActionButton>(\n this,\n {\n focusInIndex: (elements: ActionButton[]) => {\n let firstEnabledIndex = -1;\n const firstSelectedIndex = elements.findIndex((el, index) => {\n if (!elements[firstEnabledIndex] && !el.disabled) {\n firstEnabledIndex = index;\n }\n return el.selected && !el.disabled;\n });\n return elements[firstSelectedIndex]\n ? firstSelectedIndex\n : firstEnabledIndex;\n },\n elements: () => this.buttons,\n isFocusableElement: (el: ActionButton) => !el.disabled,\n }\n );\n\n @property({ type: Boolean, reflect: true })\n public compact = false;\n\n @property({ type: Boolean, reflect: true })\n public emphasized = false;\n\n @property({ type: Boolean, reflect: true })\n public justified = false;\n\n @property({ type: String })\n public label = '';\n\n @property({ type: Boolean, reflect: true })\n public quiet = false;\n\n @property({ type: String })\n public selects: undefined | 'single' | 'multiple';\n\n @property({ reflect: true, attribute: 'static-color' })\n public staticColor?: 'white' | 'black';\n\n @property({ type: Boolean, reflect: true })\n public vertical = false;\n\n private _selected: string[] = EMPTY_SELECTION;\n\n set selected(selected: string[]) {\n this.requestUpdate('selected', this._selected);\n this._selected = selected;\n this.updateComplete.then(() => {\n this.applySelects();\n this.manageChildren();\n });\n }\n\n @property({ type: Array })\n get selected(): string[] {\n return this._selected;\n }\n\n @query('slot')\n slotElement!: HTMLSlotElement;\n\n private dispatchChange(old: string[]): void {\n const applyDefault = this.dispatchEvent(\n new Event('change', {\n bubbles: true,\n composed: true,\n cancelable: true,\n })\n );\n\n if (!applyDefault) {\n this.setSelected(old);\n this.buttons.map((button) => {\n button.selected = this.selected.includes(button.value);\n });\n }\n }\n\n private setSelected(selected: string[], announce?: boolean): void {\n /* c8 ignore next 1 */\n if (selected === this.selected) return;\n\n const old = this.selected;\n this.requestUpdate('selected', old);\n this._selected = selected;\n if (!announce) return;\n this.dispatchChange(old);\n }\n\n public override focus(options?: FocusOptions): void {\n this.rovingTabindexController.focus(options);\n }\n\n private deselectSelectedButtons(): void {\n this.buttons.forEach((button) => {\n if (!button.selected) return;\n\n button.selected = false;\n button.tabIndex = -1;\n button.setAttribute(\n this.selects ? 'aria-checked' : /* c8 ignore */ 'aria-pressed',\n 'false'\n );\n });\n }\n\n private handleActionButtonChange(event: Event): void {\n event.stopPropagation();\n event.preventDefault();\n }\n\n private handleClick(event: Event): void {\n const target = event.target as ActionButton;\n if (typeof target.value === 'undefined') {\n return;\n }\n switch (this.selects) {\n case 'single': {\n this.deselectSelectedButtons();\n target.selected = true;\n target.tabIndex = 0;\n target.setAttribute('aria-checked', 'true');\n this.setSelected([target.value], true);\n break;\n }\n case 'multiple': {\n const selected = [...this.selected];\n target.selected = !target.selected;\n target.setAttribute(\n 'aria-checked',\n target.selected ? 'true' : 'false'\n );\n if (target.selected) {\n selected.push(target.value);\n } else {\n selected.splice(this.selected.indexOf(target.value), 1);\n }\n this.setSelected(selected, true);\n\n this.buttons.forEach((button) => {\n button.tabIndex = -1;\n });\n\n target.tabIndex = 0;\n\n break;\n }\n default:\n break;\n }\n }\n\n private async applySelects(): Promise<void> {\n await this.manageSelects(true);\n }\n\n private async manageSelects(applied?: boolean): Promise<void> {\n if (!this.buttons.length) {\n return;\n }\n\n const options = this.buttons;\n switch (this.selects) {\n case 'single': {\n // single behaves as a radio group\n this.setAttribute('role', 'radiogroup');\n const selections: ActionButton[] = [];\n const updates = options.map(async (option) => {\n await option.updateComplete;\n option.setAttribute('role', 'radio');\n option.setAttribute(\n 'aria-checked',\n option.selected ? 'true' : 'false'\n );\n if (option.selected) {\n selections.push(option);\n }\n });\n if (applied) break;\n await Promise.all(updates);\n\n const selected = selections.map((button) => {\n return button.value;\n });\n\n this.setSelected(selected || EMPTY_SELECTION);\n break;\n }\n case 'multiple': {\n // switching from single to multiple, remove role=\"radiogroup\"\n if (this.getAttribute('role') === 'radiogroup') {\n this.removeAttribute('role');\n }\n const selection: string[] = [];\n const selections: ActionButton[] = [];\n const updates = options.map(async (option) => {\n await option.updateComplete;\n option.setAttribute('role', 'checkbox');\n option.setAttribute(\n 'aria-checked',\n option.selected ? 'true' : 'false'\n );\n if (option.selected) {\n selection.push(option.value);\n selections.push(option);\n }\n });\n if (applied) break;\n await Promise.all(updates);\n const selected = !!selection.length\n ? selection\n : EMPTY_SELECTION;\n this.setSelected(selected);\n break;\n }\n default:\n // if user defines .selected\n if (this.selected.length) {\n const selections: ActionButton[] = [];\n const updates = options.map(async (option) => {\n await option.updateComplete;\n option.setAttribute('role', 'button');\n if (option.selected) {\n option.setAttribute('aria-pressed', 'true');\n selections.push(option);\n } else {\n option.removeAttribute('aria-pressed');\n }\n });\n if (applied) break;\n await Promise.all(updates);\n\n this.setSelected(\n selections.map((button) => {\n return button.value;\n })\n );\n } else {\n this.buttons.forEach((option) => {\n option.setAttribute('role', 'button');\n });\n break;\n }\n }\n\n // When no other role is defined, use role=\"toolbar\", which is appropriate with roving tabindex.\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'toolbar');\n }\n }\n\n protected override render(): TemplateResult {\n return html`\n <slot role=\"presentation\" @slotchange=${this.manageButtons}></slot>\n `;\n }\n\n protected override firstUpdated(changes: PropertyValues): void {\n super.firstUpdated(changes);\n this.addEventListener('click', this.handleClick);\n }\n\n protected override updated(changes: PropertyValues): void {\n super.updated(changes);\n if (changes.has('selects')) {\n this.manageSelects();\n this.manageChildren();\n if (!!this.selects) {\n this.shadowRoot.addEventListener(\n 'change',\n this.handleActionButtonChange\n );\n } else {\n this.shadowRoot.removeEventListener(\n 'change',\n this.handleActionButtonChange\n );\n }\n }\n if (\n changes.has('quiet') ||\n changes.has('emphasized') ||\n changes.has('size') ||\n changes.has('staticColor')\n ) {\n this.manageChildren(changes);\n }\n // Update `aria-label` when `label` available or not first `updated`\n if (\n changes.has('label') &&\n (this.label || typeof changes.get('label') !== 'undefined')\n ) {\n if (this.label.length) {\n this.setAttribute('aria-label', this.label);\n } else {\n this.removeAttribute('aria-label');\n }\n }\n }\n\n private manageChildren(changes?: PropertyValues): void {\n this.buttons.forEach((button) => {\n if (this.quiet || changes?.get('quiet')) {\n button.quiet = this.quiet;\n }\n if (this.emphasized || changes?.get('emphasized')) {\n button.emphasized = this.emphasized;\n }\n if (this.staticColor || changes?.get('staticColor')) {\n button.staticColor = this.staticColor;\n }\n if (this.selects || !this.hasManaged) {\n button.selected = this.selected.includes(button.value);\n }\n if (\n this.size &&\n (this.size !== 'm' ||\n typeof changes?.get('size') !== 'undefined')\n ) {\n button.size = this.size;\n }\n });\n }\n\n private hasManaged = false;\n\n private manageButtons = (): void => {\n if (!this.slotElement) {\n return;\n }\n const assignedElements = this.slotElement.assignedElements({\n flatten: true,\n });\n const buttons = assignedElements.reduce((acc: unknown[], el) => {\n if (el.matches(this._buttonSelector)) {\n acc.push(el);\n } else {\n const buttonDescendents = Array.from(\n el.querySelectorAll(`:scope > ${this._buttonSelector}`)\n );\n acc.push(...buttonDescendents);\n }\n return acc;\n }, []);\n this.buttons = buttons as ActionButton[];\n if (this.selects || !this.hasManaged) {\n // <select> element merges selected so following paradigm here\n const currentlySelectedButtons: string[] = [];\n this.buttons.forEach((button: ActionButton) => {\n if (button.selected) {\n currentlySelectedButtons.push(button.value);\n }\n });\n this.setSelected(this.selected.concat(currentlySelectedButtons));\n }\n this.manageChildren();\n this.manageSelects();\n this.hasManaged = true;\n };\n}\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/src/ActionGroup.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";var h=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var r=(c,u,e,s)=>{for(var t=s>1?void 0:s?p(u,e):u,i=c.length-1,l;i>=0;i--)(l=c[i])&&(t=(s?l(u,e,t):l(t))||t);return s&&t&&h(u,e,t),t};import{html as b,SizedMixin as f,SpectrumElement as m}from"@spectrum-web-components/base";import{property as o,query as v}from"@spectrum-web-components/base/src/decorators.js";import{RovingTabindexController as g}from"@spectrum-web-components/reactive-controllers/src/RovingTabindex.js";import{MutationController as y}from"@lit-labs/observers/mutation-controller.js";import S from"./action-group.css.js";const d=[];export class ActionGroup extends f(m,{validSizes:["xs","s","m","l","xl"],noDefaultSize:!0}){constructor(){super();this._buttons=[];this._buttonSelector="sp-action-button, sp-action-menu";this.rovingTabindexController=new g(this,{focusInIndex:e=>{let s=-1;const t=e.findIndex((i,l)=>(!e[s]&&!i.disabled&&(s=l),i.selected&&!i.disabled));return e[t]?t:s},elements:()=>this.buttons,isFocusableElement:e=>!e.disabled});this.compact=!1;this.emphasized=!1;this.justified=!1;this.label="";this.quiet=!1;this.vertical=!1;this._selected=d;this.hasManaged=!1;this.manageButtons=()=>{const s=this.slotElement.assignedElements({flatten:!0}).reduce((t,i)=>{if(i.matches(this._buttonSelector))t.push(i);else{const l=Array.from(i.querySelectorAll(`:scope > ${this._buttonSelector}`));t.push(...l)}return t},[]);if(this.buttons=s,this.selects||!this.hasManaged){const t=[];this.buttons.forEach(i=>{i.selected&&t.push(i.value)}),this.setSelected(this.selected.concat(t))}this.manageChildren(),this.manageSelects(),this.hasManaged=!0};new y(this,{config:{childList:!0,subtree:!0},callback:()=>{this.manageButtons()},skipInitial:!0})}static get styles(){return[S]}set buttons(e){e!==this.buttons&&(this._buttons=e,this.rovingTabindexController.clearElementCache())}get buttons(){return this._buttons}set selected(e){this.requestUpdate("selected",this._selected),this._selected=e,this.updateComplete.then(()=>{this.applySelects(),this.manageChildren()})}get selected(){return this._selected}dispatchChange(e){this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0,cancelable:!0}))||(this.setSelected(e),this.buttons.map(t=>{t.selected=this.selected.includes(t.value)}))}setSelected(e,s){if(e===this.selected)return;const t=this.selected;this.requestUpdate("selected",t),this._selected=e,s&&this.dispatchChange(t)}focus(e){this.rovingTabindexController.focus(e)}deselectSelectedButtons(){this.buttons.forEach(e=>{e.selected&&(e.selected=!1,e.tabIndex=-1,e.setAttribute(this.selects?"aria-checked":"aria-pressed","false"))})}handleActionButtonChange(e){e.stopPropagation(),e.preventDefault()}handleClick(e){const s=e.target;if(typeof s.value!="undefined")switch(this.selects){case"single":{this.deselectSelectedButtons(),s.selected=!0,s.tabIndex=0,s.setAttribute("aria-checked","true"),this.setSelected([s.value],!0);break}case"multiple":{const t=[...this.selected];s.selected=!s.selected,s.setAttribute("aria-checked",s.selected?"true":"false"),s.selected?t.push(s.value):t.splice(this.selected.indexOf(s.value),1),this.setSelected(t,!0),this.buttons.forEach(i=>{i.tabIndex=-1}),s.tabIndex=0;break}default:break}}async applySelects(){await this.manageSelects(!0)}async manageSelects(e){if(!this.buttons.length)return;const s=this.buttons;switch(this.selects){case"single":{this.setAttribute("role","radiogroup");const t=[],i=s.map(async a=>{await a.updateComplete,a.setAttribute("role","radio"),a.setAttribute("aria-checked",a.selected?"true":"false"),a.selected&&t.push(a)});if(e)break;await Promise.all(i);const l=t.map(a=>a.value);this.setSelected(l||d);break}case"multiple":{this.getAttribute("role")==="radiogroup"&&this.removeAttribute("role");const t=[],i=[],l=s.map(async n=>{await n.updateComplete,n.setAttribute("role","checkbox"),n.setAttribute("aria-checked",n.selected?"true":"false"),n.selected&&(t.push(n.value),i.push(n))});if(e)break;await Promise.all(l);const a=t.length?t:d;this.setSelected(a);break}default:if(this.selected.length){const t=[],i=s.map(async l=>{await l.updateComplete,l.setAttribute("role","button"),l.selected?(l.setAttribute("aria-pressed","true"),t.push(l)):l.removeAttribute("aria-pressed")});if(e)break;await Promise.all(i),this.setSelected(t.map(l=>l.value))}else{this.buttons.forEach(t=>{t.setAttribute("role","button")});break}}this.hasAttribute("role")||this.setAttribute("role","toolbar")}render(){return b`
|
|
1
|
+
"use strict";var h=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var r=(c,u,e,s)=>{for(var t=s>1?void 0:s?p(u,e):u,i=c.length-1,l;i>=0;i--)(l=c[i])&&(t=(s?l(u,e,t):l(t))||t);return s&&t&&h(u,e,t),t};import{html as b,SizedMixin as f,SpectrumElement as m}from"@spectrum-web-components/base";import{property as o,query as v}from"@spectrum-web-components/base/src/decorators.js";import{RovingTabindexController as g}from"@spectrum-web-components/reactive-controllers/src/RovingTabindex.js";import{MutationController as y}from"@lit-labs/observers/mutation-controller.js";import S from"./action-group.css.js";const d=[];export class ActionGroup extends f(m,{validSizes:["xs","s","m","l","xl"],noDefaultSize:!0}){constructor(){super();this._buttons=[];this._buttonSelector="sp-action-button, sp-action-menu";this.rovingTabindexController=new g(this,{focusInIndex:e=>{let s=-1;const t=e.findIndex((i,l)=>(!e[s]&&!i.disabled&&(s=l),i.selected&&!i.disabled));return e[t]?t:s},elements:()=>this.buttons,isFocusableElement:e=>!e.disabled});this.compact=!1;this.emphasized=!1;this.justified=!1;this.label="";this.quiet=!1;this.vertical=!1;this._selected=d;this.hasManaged=!1;this.manageButtons=()=>{if(!this.slotElement)return;const s=this.slotElement.assignedElements({flatten:!0}).reduce((t,i)=>{if(i.matches(this._buttonSelector))t.push(i);else{const l=Array.from(i.querySelectorAll(`:scope > ${this._buttonSelector}`));t.push(...l)}return t},[]);if(this.buttons=s,this.selects||!this.hasManaged){const t=[];this.buttons.forEach(i=>{i.selected&&t.push(i.value)}),this.setSelected(this.selected.concat(t))}this.manageChildren(),this.manageSelects(),this.hasManaged=!0};new y(this,{config:{childList:!0,subtree:!0},callback:()=>{this.manageButtons()},skipInitial:!0})}static get styles(){return[S]}set buttons(e){e!==this.buttons&&(this._buttons=e,this.rovingTabindexController.clearElementCache())}get buttons(){return this._buttons}set selected(e){this.requestUpdate("selected",this._selected),this._selected=e,this.updateComplete.then(()=>{this.applySelects(),this.manageChildren()})}get selected(){return this._selected}dispatchChange(e){this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0,cancelable:!0}))||(this.setSelected(e),this.buttons.map(t=>{t.selected=this.selected.includes(t.value)}))}setSelected(e,s){if(e===this.selected)return;const t=this.selected;this.requestUpdate("selected",t),this._selected=e,s&&this.dispatchChange(t)}focus(e){this.rovingTabindexController.focus(e)}deselectSelectedButtons(){this.buttons.forEach(e=>{e.selected&&(e.selected=!1,e.tabIndex=-1,e.setAttribute(this.selects?"aria-checked":"aria-pressed","false"))})}handleActionButtonChange(e){e.stopPropagation(),e.preventDefault()}handleClick(e){const s=e.target;if(typeof s.value!="undefined")switch(this.selects){case"single":{this.deselectSelectedButtons(),s.selected=!0,s.tabIndex=0,s.setAttribute("aria-checked","true"),this.setSelected([s.value],!0);break}case"multiple":{const t=[...this.selected];s.selected=!s.selected,s.setAttribute("aria-checked",s.selected?"true":"false"),s.selected?t.push(s.value):t.splice(this.selected.indexOf(s.value),1),this.setSelected(t,!0),this.buttons.forEach(i=>{i.tabIndex=-1}),s.tabIndex=0;break}default:break}}async applySelects(){await this.manageSelects(!0)}async manageSelects(e){if(!this.buttons.length)return;const s=this.buttons;switch(this.selects){case"single":{this.setAttribute("role","radiogroup");const t=[],i=s.map(async a=>{await a.updateComplete,a.setAttribute("role","radio"),a.setAttribute("aria-checked",a.selected?"true":"false"),a.selected&&t.push(a)});if(e)break;await Promise.all(i);const l=t.map(a=>a.value);this.setSelected(l||d);break}case"multiple":{this.getAttribute("role")==="radiogroup"&&this.removeAttribute("role");const t=[],i=[],l=s.map(async n=>{await n.updateComplete,n.setAttribute("role","checkbox"),n.setAttribute("aria-checked",n.selected?"true":"false"),n.selected&&(t.push(n.value),i.push(n))});if(e)break;await Promise.all(l);const a=t.length?t:d;this.setSelected(a);break}default:if(this.selected.length){const t=[],i=s.map(async l=>{await l.updateComplete,l.setAttribute("role","button"),l.selected?(l.setAttribute("aria-pressed","true"),t.push(l)):l.removeAttribute("aria-pressed")});if(e)break;await Promise.all(i),this.setSelected(t.map(l=>l.value))}else{this.buttons.forEach(t=>{t.setAttribute("role","button")});break}}this.hasAttribute("role")||this.setAttribute("role","toolbar")}render(){return b`
|
|
2
2
|
<slot role="presentation" @slotchange=${this.manageButtons}></slot>
|
|
3
3
|
`}firstUpdated(e){super.firstUpdated(e),this.addEventListener("click",this.handleClick)}updated(e){super.updated(e),e.has("selects")&&(this.manageSelects(),this.manageChildren(),this.selects?this.shadowRoot.addEventListener("change",this.handleActionButtonChange):this.shadowRoot.removeEventListener("change",this.handleActionButtonChange)),(e.has("quiet")||e.has("emphasized")||e.has("size")||e.has("staticColor"))&&this.manageChildren(e),e.has("label")&&(this.label||typeof e.get("label")!="undefined")&&(this.label.length?this.setAttribute("aria-label",this.label):this.removeAttribute("aria-label"))}manageChildren(e){this.buttons.forEach(s=>{(this.quiet||e!=null&&e.get("quiet"))&&(s.quiet=this.quiet),(this.emphasized||e!=null&&e.get("emphasized"))&&(s.emphasized=this.emphasized),(this.staticColor||e!=null&&e.get("staticColor"))&&(s.staticColor=this.staticColor),(this.selects||!this.hasManaged)&&(s.selected=this.selected.includes(s.value)),this.size&&(this.size!=="m"||typeof(e==null?void 0:e.get("size"))!="undefined")&&(s.size=this.size)})}}r([o({type:Boolean,reflect:!0})],ActionGroup.prototype,"compact",2),r([o({type:Boolean,reflect:!0})],ActionGroup.prototype,"emphasized",2),r([o({type:Boolean,reflect:!0})],ActionGroup.prototype,"justified",2),r([o({type:String})],ActionGroup.prototype,"label",2),r([o({type:Boolean,reflect:!0})],ActionGroup.prototype,"quiet",2),r([o({type:String})],ActionGroup.prototype,"selects",2),r([o({reflect:!0,attribute:"static-color"})],ActionGroup.prototype,"staticColor",2),r([o({type:Boolean,reflect:!0})],ActionGroup.prototype,"vertical",2),r([o({type:Array})],ActionGroup.prototype,"selected",1),r([v("slot")],ActionGroup.prototype,"slotElement",2);
|
|
4
4
|
//# sourceMappingURL=ActionGroup.js.map
|
package/src/ActionGroup.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["ActionGroup.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 PropertyValues,\n SizedMixin,\n SpectrumElement,\n TemplateResult,\n} from '@spectrum-web-components/base';\nimport {\n property,\n query,\n} from '@spectrum-web-components/base/src/decorators.js';\nimport type { ActionButton } from '@spectrum-web-components/action-button';\nimport { RovingTabindexController } from '@spectrum-web-components/reactive-controllers/src/RovingTabindex.js';\nimport { MutationController } from '@lit-labs/observers/mutation-controller.js';\n\nimport styles from './action-group.css.js';\n\nconst EMPTY_SELECTION: string[] = [];\n\n/**\n * @element sp-action-group\n * @slot - the sp-action-button elements that make up the group\n *\n * @fires change - Announces that selection state has been changed by user\n */\nexport class ActionGroup extends SizedMixin(SpectrumElement, {\n validSizes: ['xs', 's', 'm', 'l', 'xl'],\n noDefaultSize: true,\n}) {\n public static override get styles(): CSSResultArray {\n return [styles];\n }\n\n public set buttons(buttons: ActionButton[]) {\n /* c8 ignore next 1 */\n if (buttons === this.buttons) return;\n this._buttons = buttons;\n this.rovingTabindexController.clearElementCache();\n }\n\n public get buttons(): ActionButton[] {\n return this._buttons;\n }\n\n public _buttons: ActionButton[] = [];\n\n protected _buttonSelector = 'sp-action-button, sp-action-menu';\n\n constructor() {\n super();\n\n new MutationController(this, {\n config: {\n childList: true,\n subtree: true,\n },\n callback: () => {\n this.manageButtons();\n },\n skipInitial: true,\n });\n }\n\n rovingTabindexController = new RovingTabindexController<ActionButton>(\n this,\n {\n focusInIndex: (elements: ActionButton[]) => {\n let firstEnabledIndex = -1;\n const firstSelectedIndex = elements.findIndex((el, index) => {\n if (!elements[firstEnabledIndex] && !el.disabled) {\n firstEnabledIndex = index;\n }\n return el.selected && !el.disabled;\n });\n return elements[firstSelectedIndex]\n ? firstSelectedIndex\n : firstEnabledIndex;\n },\n elements: () => this.buttons,\n isFocusableElement: (el: ActionButton) => !el.disabled,\n }\n );\n\n @property({ type: Boolean, reflect: true })\n public compact = false;\n\n @property({ type: Boolean, reflect: true })\n public emphasized = false;\n\n @property({ type: Boolean, reflect: true })\n public justified = false;\n\n @property({ type: String })\n public label = '';\n\n @property({ type: Boolean, reflect: true })\n public quiet = false;\n\n @property({ type: String })\n public selects: undefined | 'single' | 'multiple';\n\n @property({ reflect: true, attribute: 'static-color' })\n public staticColor?: 'white' | 'black';\n\n @property({ type: Boolean, reflect: true })\n public vertical = false;\n\n private _selected: string[] = EMPTY_SELECTION;\n\n set selected(selected: string[]) {\n this.requestUpdate('selected', this._selected);\n this._selected = selected;\n this.updateComplete.then(() => {\n this.applySelects();\n this.manageChildren();\n });\n }\n\n @property({ type: Array })\n get selected(): string[] {\n return this._selected;\n }\n\n @query('slot')\n slotElement!: HTMLSlotElement;\n\n private dispatchChange(old: string[]): void {\n const applyDefault = this.dispatchEvent(\n new Event('change', {\n bubbles: true,\n composed: true,\n cancelable: true,\n })\n );\n\n if (!applyDefault) {\n this.setSelected(old);\n this.buttons.map((button) => {\n button.selected = this.selected.includes(button.value);\n });\n }\n }\n\n private setSelected(selected: string[], announce?: boolean): void {\n /* c8 ignore next 1 */\n if (selected === this.selected) return;\n\n const old = this.selected;\n this.requestUpdate('selected', old);\n this._selected = selected;\n if (!announce) return;\n this.dispatchChange(old);\n }\n\n public override focus(options?: FocusOptions): void {\n this.rovingTabindexController.focus(options);\n }\n\n private deselectSelectedButtons(): void {\n this.buttons.forEach((button) => {\n if (!button.selected) return;\n\n button.selected = false;\n button.tabIndex = -1;\n button.setAttribute(\n this.selects ? 'aria-checked' : /* c8 ignore */ 'aria-pressed',\n 'false'\n );\n });\n }\n\n private handleActionButtonChange(event: Event): void {\n event.stopPropagation();\n event.preventDefault();\n }\n\n private handleClick(event: Event): void {\n const target = event.target as ActionButton;\n if (typeof target.value === 'undefined') {\n return;\n }\n switch (this.selects) {\n case 'single': {\n this.deselectSelectedButtons();\n target.selected = true;\n target.tabIndex = 0;\n target.setAttribute('aria-checked', 'true');\n this.setSelected([target.value], true);\n break;\n }\n case 'multiple': {\n const selected = [...this.selected];\n target.selected = !target.selected;\n target.setAttribute(\n 'aria-checked',\n target.selected ? 'true' : 'false'\n );\n if (target.selected) {\n selected.push(target.value);\n } else {\n selected.splice(this.selected.indexOf(target.value), 1);\n }\n this.setSelected(selected, true);\n\n this.buttons.forEach((button) => {\n button.tabIndex = -1;\n });\n\n target.tabIndex = 0;\n\n break;\n }\n default:\n break;\n }\n }\n\n private async applySelects(): Promise<void> {\n await this.manageSelects(true);\n }\n\n private async manageSelects(applied?: boolean): Promise<void> {\n if (!this.buttons.length) {\n return;\n }\n\n const options = this.buttons;\n switch (this.selects) {\n case 'single': {\n // single behaves as a radio group\n this.setAttribute('role', 'radiogroup');\n const selections: ActionButton[] = [];\n const updates = options.map(async (option) => {\n await option.updateComplete;\n option.setAttribute('role', 'radio');\n option.setAttribute(\n 'aria-checked',\n option.selected ? 'true' : 'false'\n );\n if (option.selected) {\n selections.push(option);\n }\n });\n if (applied) break;\n await Promise.all(updates);\n\n const selected = selections.map((button) => {\n return button.value;\n });\n\n this.setSelected(selected || EMPTY_SELECTION);\n break;\n }\n case 'multiple': {\n // switching from single to multiple, remove role=\"radiogroup\"\n if (this.getAttribute('role') === 'radiogroup') {\n this.removeAttribute('role');\n }\n const selection: string[] = [];\n const selections: ActionButton[] = [];\n const updates = options.map(async (option) => {\n await option.updateComplete;\n option.setAttribute('role', 'checkbox');\n option.setAttribute(\n 'aria-checked',\n option.selected ? 'true' : 'false'\n );\n if (option.selected) {\n selection.push(option.value);\n selections.push(option);\n }\n });\n if (applied) break;\n await Promise.all(updates);\n const selected = !!selection.length\n ? selection\n : EMPTY_SELECTION;\n this.setSelected(selected);\n break;\n }\n default:\n // if user defines .selected\n if (this.selected.length) {\n const selections: ActionButton[] = [];\n const updates = options.map(async (option) => {\n await option.updateComplete;\n option.setAttribute('role', 'button');\n if (option.selected) {\n option.setAttribute('aria-pressed', 'true');\n selections.push(option);\n } else {\n option.removeAttribute('aria-pressed');\n }\n });\n if (applied) break;\n await Promise.all(updates);\n\n this.setSelected(\n selections.map((button) => {\n return button.value;\n })\n );\n } else {\n this.buttons.forEach((option) => {\n option.setAttribute('role', 'button');\n });\n break;\n }\n }\n\n // When no other role is defined, use role=\"toolbar\", which is appropriate with roving tabindex.\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'toolbar');\n }\n }\n\n protected override render(): TemplateResult {\n return html`\n <slot role=\"presentation\" @slotchange=${this.manageButtons}></slot>\n `;\n }\n\n protected override firstUpdated(changes: PropertyValues): void {\n super.firstUpdated(changes);\n this.addEventListener('click', this.handleClick);\n }\n\n protected override updated(changes: PropertyValues): void {\n super.updated(changes);\n if (changes.has('selects')) {\n this.manageSelects();\n this.manageChildren();\n if (!!this.selects) {\n this.shadowRoot.addEventListener(\n 'change',\n this.handleActionButtonChange\n );\n } else {\n this.shadowRoot.removeEventListener(\n 'change',\n this.handleActionButtonChange\n );\n }\n }\n if (\n changes.has('quiet') ||\n changes.has('emphasized') ||\n changes.has('size') ||\n changes.has('staticColor')\n ) {\n this.manageChildren(changes);\n }\n // Update `aria-label` when `label` available or not first `updated`\n if (\n changes.has('label') &&\n (this.label || typeof changes.get('label') !== 'undefined')\n ) {\n if (this.label.length) {\n this.setAttribute('aria-label', this.label);\n } else {\n this.removeAttribute('aria-label');\n }\n }\n }\n\n private manageChildren(changes?: PropertyValues): void {\n this.buttons.forEach((button) => {\n if (this.quiet || changes?.get('quiet')) {\n button.quiet = this.quiet;\n }\n if (this.emphasized || changes?.get('emphasized')) {\n button.emphasized = this.emphasized;\n }\n if (this.staticColor || changes?.get('staticColor')) {\n button.staticColor = this.staticColor;\n }\n if (this.selects || !this.hasManaged) {\n button.selected = this.selected.includes(button.value);\n }\n if (\n this.size &&\n (this.size !== 'm' ||\n typeof changes?.get('size') !== 'undefined')\n ) {\n button.size = this.size;\n }\n });\n }\n\n private hasManaged = false;\n\n private manageButtons = (): void => {\n const assignedElements = this.slotElement.assignedElements({\n flatten: true,\n });\n const buttons = assignedElements.reduce((acc: unknown[], el) => {\n if (el.matches(this._buttonSelector)) {\n acc.push(el);\n } else {\n const buttonDescendents = Array.from(\n el.querySelectorAll(`:scope > ${this._buttonSelector}`)\n );\n acc.push(...buttonDescendents);\n }\n return acc;\n }, []);\n this.buttons = buttons as ActionButton[];\n if (this.selects || !this.hasManaged) {\n // <select> element merges selected so following paradigm here\n const currentlySelectedButtons: string[] = [];\n this.buttons.forEach((button: ActionButton) => {\n if (button.selected) {\n currentlySelectedButtons.push(button.value);\n }\n });\n this.setSelected(this.selected.concat(currentlySelectedButtons));\n }\n this.manageChildren();\n this.manageSelects();\n this.hasManaged = true;\n };\n}\n"],
|
|
5
|
-
"mappings": "qNAYA,OAEI,QAAAA,EAEA,cAAAC,EACA,mBAAAC,MAEG,gCACP,OACI,YAAAC,EACA,SAAAC,MACG,kDAEP,OAAS,4BAAAC,MAAgC,sEACzC,OAAS,sBAAAC,MAA0B,6CAEnC,OAAOC,MAAY,wBAEnB,MAAMC,EAA4B,CAAC,EAQ5B,aAAM,oBAAoBP,EAAWC,EAAiB,CACzD,WAAY,CAAC,KAAM,IAAK,IAAK,IAAK,IAAI,EACtC,cAAe,EACnB,CAAC,CAAE,CAoBC,aAAc,CACV,MAAM,EALV,KAAO,SAA2B,CAAC,EAEnC,KAAU,gBAAkB,mCAiB5B,8BAA2B,IAAIG,EAC3B,KACA,CACI,aAAeI,GAA6B,CACxC,IAAIC,EAAoB,GACxB,MAAMC,EAAqBF,EAAS,UAAU,CAACG,EAAIC,KAC3C,CAACJ,EAASC,CAAiB,GAAK,CAACE,EAAG,WACpCF,EAAoBG,GAEjBD,EAAG,UAAY,CAACA,EAAG,SAC7B,EACD,OAAOH,EAASE,CAAkB,EAC5BA,EACAD,CACV,EACA,SAAU,IAAM,KAAK,QACrB,mBAAqBE,GAAqB,CAACA,EAAG,QAClD,CACJ,EAGA,KAAO,QAAU,GAGjB,KAAO,WAAa,GAGpB,KAAO,UAAY,GAGnB,KAAO,MAAQ,GAGf,KAAO,MAAQ,GASf,KAAO,SAAW,GAElB,KAAQ,UAAsBJ,EA0R9B,KAAQ,WAAa,GAErB,KAAQ,cAAgB,IAAY,
|
|
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 PropertyValues,\n SizedMixin,\n SpectrumElement,\n TemplateResult,\n} from '@spectrum-web-components/base';\nimport {\n property,\n query,\n} from '@spectrum-web-components/base/src/decorators.js';\nimport type { ActionButton } from '@spectrum-web-components/action-button';\nimport { RovingTabindexController } from '@spectrum-web-components/reactive-controllers/src/RovingTabindex.js';\nimport { MutationController } from '@lit-labs/observers/mutation-controller.js';\n\nimport styles from './action-group.css.js';\n\nconst EMPTY_SELECTION: string[] = [];\n\n/**\n * @element sp-action-group\n * @slot - the sp-action-button elements that make up the group\n *\n * @fires change - Announces that selection state has been changed by user\n */\nexport class ActionGroup extends SizedMixin(SpectrumElement, {\n validSizes: ['xs', 's', 'm', 'l', 'xl'],\n noDefaultSize: true,\n}) {\n public static override get styles(): CSSResultArray {\n return [styles];\n }\n\n public set buttons(buttons: ActionButton[]) {\n /* c8 ignore next 1 */\n if (buttons === this.buttons) return;\n this._buttons = buttons;\n this.rovingTabindexController.clearElementCache();\n }\n\n public get buttons(): ActionButton[] {\n return this._buttons;\n }\n\n public _buttons: ActionButton[] = [];\n\n protected _buttonSelector = 'sp-action-button, sp-action-menu';\n\n constructor() {\n super();\n\n new MutationController(this, {\n config: {\n childList: true,\n subtree: true,\n },\n callback: () => {\n this.manageButtons();\n },\n skipInitial: true,\n });\n }\n\n rovingTabindexController = new RovingTabindexController<ActionButton>(\n this,\n {\n focusInIndex: (elements: ActionButton[]) => {\n let firstEnabledIndex = -1;\n const firstSelectedIndex = elements.findIndex((el, index) => {\n if (!elements[firstEnabledIndex] && !el.disabled) {\n firstEnabledIndex = index;\n }\n return el.selected && !el.disabled;\n });\n return elements[firstSelectedIndex]\n ? firstSelectedIndex\n : firstEnabledIndex;\n },\n elements: () => this.buttons,\n isFocusableElement: (el: ActionButton) => !el.disabled,\n }\n );\n\n @property({ type: Boolean, reflect: true })\n public compact = false;\n\n @property({ type: Boolean, reflect: true })\n public emphasized = false;\n\n @property({ type: Boolean, reflect: true })\n public justified = false;\n\n @property({ type: String })\n public label = '';\n\n @property({ type: Boolean, reflect: true })\n public quiet = false;\n\n @property({ type: String })\n public selects: undefined | 'single' | 'multiple';\n\n @property({ reflect: true, attribute: 'static-color' })\n public staticColor?: 'white' | 'black';\n\n @property({ type: Boolean, reflect: true })\n public vertical = false;\n\n private _selected: string[] = EMPTY_SELECTION;\n\n set selected(selected: string[]) {\n this.requestUpdate('selected', this._selected);\n this._selected = selected;\n this.updateComplete.then(() => {\n this.applySelects();\n this.manageChildren();\n });\n }\n\n @property({ type: Array })\n get selected(): string[] {\n return this._selected;\n }\n\n @query('slot')\n slotElement!: HTMLSlotElement;\n\n private dispatchChange(old: string[]): void {\n const applyDefault = this.dispatchEvent(\n new Event('change', {\n bubbles: true,\n composed: true,\n cancelable: true,\n })\n );\n\n if (!applyDefault) {\n this.setSelected(old);\n this.buttons.map((button) => {\n button.selected = this.selected.includes(button.value);\n });\n }\n }\n\n private setSelected(selected: string[], announce?: boolean): void {\n /* c8 ignore next 1 */\n if (selected === this.selected) return;\n\n const old = this.selected;\n this.requestUpdate('selected', old);\n this._selected = selected;\n if (!announce) return;\n this.dispatchChange(old);\n }\n\n public override focus(options?: FocusOptions): void {\n this.rovingTabindexController.focus(options);\n }\n\n private deselectSelectedButtons(): void {\n this.buttons.forEach((button) => {\n if (!button.selected) return;\n\n button.selected = false;\n button.tabIndex = -1;\n button.setAttribute(\n this.selects ? 'aria-checked' : /* c8 ignore */ 'aria-pressed',\n 'false'\n );\n });\n }\n\n private handleActionButtonChange(event: Event): void {\n event.stopPropagation();\n event.preventDefault();\n }\n\n private handleClick(event: Event): void {\n const target = event.target as ActionButton;\n if (typeof target.value === 'undefined') {\n return;\n }\n switch (this.selects) {\n case 'single': {\n this.deselectSelectedButtons();\n target.selected = true;\n target.tabIndex = 0;\n target.setAttribute('aria-checked', 'true');\n this.setSelected([target.value], true);\n break;\n }\n case 'multiple': {\n const selected = [...this.selected];\n target.selected = !target.selected;\n target.setAttribute(\n 'aria-checked',\n target.selected ? 'true' : 'false'\n );\n if (target.selected) {\n selected.push(target.value);\n } else {\n selected.splice(this.selected.indexOf(target.value), 1);\n }\n this.setSelected(selected, true);\n\n this.buttons.forEach((button) => {\n button.tabIndex = -1;\n });\n\n target.tabIndex = 0;\n\n break;\n }\n default:\n break;\n }\n }\n\n private async applySelects(): Promise<void> {\n await this.manageSelects(true);\n }\n\n private async manageSelects(applied?: boolean): Promise<void> {\n if (!this.buttons.length) {\n return;\n }\n\n const options = this.buttons;\n switch (this.selects) {\n case 'single': {\n // single behaves as a radio group\n this.setAttribute('role', 'radiogroup');\n const selections: ActionButton[] = [];\n const updates = options.map(async (option) => {\n await option.updateComplete;\n option.setAttribute('role', 'radio');\n option.setAttribute(\n 'aria-checked',\n option.selected ? 'true' : 'false'\n );\n if (option.selected) {\n selections.push(option);\n }\n });\n if (applied) break;\n await Promise.all(updates);\n\n const selected = selections.map((button) => {\n return button.value;\n });\n\n this.setSelected(selected || EMPTY_SELECTION);\n break;\n }\n case 'multiple': {\n // switching from single to multiple, remove role=\"radiogroup\"\n if (this.getAttribute('role') === 'radiogroup') {\n this.removeAttribute('role');\n }\n const selection: string[] = [];\n const selections: ActionButton[] = [];\n const updates = options.map(async (option) => {\n await option.updateComplete;\n option.setAttribute('role', 'checkbox');\n option.setAttribute(\n 'aria-checked',\n option.selected ? 'true' : 'false'\n );\n if (option.selected) {\n selection.push(option.value);\n selections.push(option);\n }\n });\n if (applied) break;\n await Promise.all(updates);\n const selected = !!selection.length\n ? selection\n : EMPTY_SELECTION;\n this.setSelected(selected);\n break;\n }\n default:\n // if user defines .selected\n if (this.selected.length) {\n const selections: ActionButton[] = [];\n const updates = options.map(async (option) => {\n await option.updateComplete;\n option.setAttribute('role', 'button');\n if (option.selected) {\n option.setAttribute('aria-pressed', 'true');\n selections.push(option);\n } else {\n option.removeAttribute('aria-pressed');\n }\n });\n if (applied) break;\n await Promise.all(updates);\n\n this.setSelected(\n selections.map((button) => {\n return button.value;\n })\n );\n } else {\n this.buttons.forEach((option) => {\n option.setAttribute('role', 'button');\n });\n break;\n }\n }\n\n // When no other role is defined, use role=\"toolbar\", which is appropriate with roving tabindex.\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'toolbar');\n }\n }\n\n protected override render(): TemplateResult {\n return html`\n <slot role=\"presentation\" @slotchange=${this.manageButtons}></slot>\n `;\n }\n\n protected override firstUpdated(changes: PropertyValues): void {\n super.firstUpdated(changes);\n this.addEventListener('click', this.handleClick);\n }\n\n protected override updated(changes: PropertyValues): void {\n super.updated(changes);\n if (changes.has('selects')) {\n this.manageSelects();\n this.manageChildren();\n if (!!this.selects) {\n this.shadowRoot.addEventListener(\n 'change',\n this.handleActionButtonChange\n );\n } else {\n this.shadowRoot.removeEventListener(\n 'change',\n this.handleActionButtonChange\n );\n }\n }\n if (\n changes.has('quiet') ||\n changes.has('emphasized') ||\n changes.has('size') ||\n changes.has('staticColor')\n ) {\n this.manageChildren(changes);\n }\n // Update `aria-label` when `label` available or not first `updated`\n if (\n changes.has('label') &&\n (this.label || typeof changes.get('label') !== 'undefined')\n ) {\n if (this.label.length) {\n this.setAttribute('aria-label', this.label);\n } else {\n this.removeAttribute('aria-label');\n }\n }\n }\n\n private manageChildren(changes?: PropertyValues): void {\n this.buttons.forEach((button) => {\n if (this.quiet || changes?.get('quiet')) {\n button.quiet = this.quiet;\n }\n if (this.emphasized || changes?.get('emphasized')) {\n button.emphasized = this.emphasized;\n }\n if (this.staticColor || changes?.get('staticColor')) {\n button.staticColor = this.staticColor;\n }\n if (this.selects || !this.hasManaged) {\n button.selected = this.selected.includes(button.value);\n }\n if (\n this.size &&\n (this.size !== 'm' ||\n typeof changes?.get('size') !== 'undefined')\n ) {\n button.size = this.size;\n }\n });\n }\n\n private hasManaged = false;\n\n private manageButtons = (): void => {\n if (!this.slotElement) {\n return;\n }\n const assignedElements = this.slotElement.assignedElements({\n flatten: true,\n });\n const buttons = assignedElements.reduce((acc: unknown[], el) => {\n if (el.matches(this._buttonSelector)) {\n acc.push(el);\n } else {\n const buttonDescendents = Array.from(\n el.querySelectorAll(`:scope > ${this._buttonSelector}`)\n );\n acc.push(...buttonDescendents);\n }\n return acc;\n }, []);\n this.buttons = buttons as ActionButton[];\n if (this.selects || !this.hasManaged) {\n // <select> element merges selected so following paradigm here\n const currentlySelectedButtons: string[] = [];\n this.buttons.forEach((button: ActionButton) => {\n if (button.selected) {\n currentlySelectedButtons.push(button.value);\n }\n });\n this.setSelected(this.selected.concat(currentlySelectedButtons));\n }\n this.manageChildren();\n this.manageSelects();\n this.hasManaged = true;\n };\n}\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["html", "SizedMixin", "SpectrumElement", "property", "query", "RovingTabindexController", "MutationController", "styles", "EMPTY_SELECTION", "elements", "firstEnabledIndex", "firstSelectedIndex", "el", "index", "buttons", "acc", "buttonDescendents", "currentlySelectedButtons", "button", "selected", "old", "announce", "options", "event", "target", "applied", "selections", "updates", "option", "selection", "changes", "__decorateClass"]
|
|
7
7
|
}
|
|
@@ -36,6 +36,7 @@ import { sendMouse } from "../../../test/plugins/browser.js";
|
|
|
36
36
|
import { HasActionMenuAsChild } from "../stories/action-group.stories.js";
|
|
37
37
|
import "../stories/action-group.stories.js";
|
|
38
38
|
import { isWebKit } from "@spectrum-web-components/shared";
|
|
39
|
+
import sinon from "sinon";
|
|
39
40
|
class QuietActionGroup extends LitElement {
|
|
40
41
|
render() {
|
|
41
42
|
return html`
|
|
@@ -94,6 +95,22 @@ async function multipleSelectedActionGroup(selected) {
|
|
|
94
95
|
return el;
|
|
95
96
|
}
|
|
96
97
|
describe("ActionGroup", () => {
|
|
98
|
+
it("does not throw an error if slotElement is null", async () => {
|
|
99
|
+
const el = await fixture(html`
|
|
100
|
+
<sp-action-group>
|
|
101
|
+
<sp-action-button value="first">First</sp-action-button>
|
|
102
|
+
<sp-action-button value="second">Second</sp-action-button>
|
|
103
|
+
</sp-action-group>
|
|
104
|
+
`);
|
|
105
|
+
const slotElementStub = sinon.stub(el, "slotElement").get(() => null);
|
|
106
|
+
await elementUpdated(el);
|
|
107
|
+
while (el.firstChild) {
|
|
108
|
+
el.removeChild(el.firstChild);
|
|
109
|
+
}
|
|
110
|
+
await elementUpdated(el);
|
|
111
|
+
expect(el.children.length).to.equal(0);
|
|
112
|
+
slotElementStub.restore();
|
|
113
|
+
});
|
|
97
114
|
it("loads empty action-group accessibly", async () => {
|
|
98
115
|
const el = await fixture(html`
|
|
99
116
|
<sp-action-group></sp-action-group>
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["action-group.test.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 aTimeout,\n elementUpdated,\n expect,\n fixture,\n html,\n nextFrame,\n oneEvent,\n waitUntil,\n} from '@open-wc/testing';\n\nimport { ActionButton } from '@spectrum-web-components/action-button';\nimport { MenuItem } from '@spectrum-web-components/menu';\nimport { ActionMenu } from '@spectrum-web-components/action-menu';\nimport '@spectrum-web-components/action-button/sp-action-button.js';\nimport '@spectrum-web-components/action-menu/sp-action-menu.js';\nimport '@spectrum-web-components/menu/sp-menu.js';\nimport '@spectrum-web-components/menu/sp-menu-item.js';\nimport '@spectrum-web-components/picker/sp-picker.js';\nimport {\n LitElement,\n SpectrumElement,\n TemplateResult,\n} from '@spectrum-web-components/base';\nimport '@spectrum-web-components/overlay/overlay-trigger.js';\nimport '@spectrum-web-components/tooltip/sp-tooltip.js';\nimport { ActionGroup } from '@spectrum-web-components/action-group';\nimport {\n arrowDownEvent,\n arrowLeftEvent,\n arrowRightEvent,\n arrowUpEvent,\n endEvent,\n homeEvent,\n testForLitDevWarnings,\n} from '../../../test/testing-helpers';\nimport { sendKeys } from '@web/test-runner-commands';\nimport '@spectrum-web-components/action-group/sp-action-group.js';\nimport { controlled } from '../stories/action-group-tooltip.stories.js';\nimport { spy } from 'sinon';\nimport { sendMouse } from '../../../test/plugins/browser.js';\nimport { HasActionMenuAsChild } from '../stories/action-group.stories.js';\nimport '../stories/action-group.stories.js';\nimport { isWebKit } from '@spectrum-web-components/shared';\n\nclass QuietActionGroup extends LitElement {\n protected override render(): TemplateResult {\n return html`\n <sp-action-group quiet>\n <slot name=\"first\"></slot>\n <slot name=\"second\"></slot>\n </sp-action-group>\n `;\n }\n}\ncustomElements.define('quiet-action-group', QuietActionGroup);\n\nclass EmphasizedActionGroup extends LitElement {\n protected override render(): TemplateResult {\n return html`\n <sp-action-group emphasized>\n <slot name=\"first\"></slot>\n <slot name=\"second\"></slot>\n </sp-action-group>\n `;\n }\n}\ncustomElements.define('emphasized-action-group', EmphasizedActionGroup);\n\nasync function singleSelectedActionGroup(\n selected: string[]\n): Promise<ActionGroup> {\n const el = await fixture<ActionGroup>(html`\n <sp-action-group\n label=\"Selects User-Chosen Buttons\"\n selects=\"single\"\n .selected=${selected}\n >\n <sp-action-button value=\"first\" class=\"first\">\n First\n </sp-action-button>\n <sp-action-button value=\"second\" class=\"second\">\n <div slot=\"icon\" style=\"width: 10px; height: 10px;\"></div>\n Second\n </sp-action-button>\n </sp-action-group>\n `);\n return el;\n}\n\nasync function multipleSelectedActionGroup(\n selected: string[]\n): Promise<ActionGroup> {\n const el = await fixture<ActionGroup>(html`\n <sp-action-group\n label=\"Selects User-Chosen Buttons\"\n selects=\"multiple\"\n .selected=${selected}\n >\n <sp-action-button value=\"first\" class=\"first\">\n First\n </sp-action-button>\n <sp-action-button value=\"second\" class=\"second\">\n Second\n </sp-action-button>\n </sp-action-group>\n `);\n return el;\n}\n\ndescribe('ActionGroup', () => {\n it('loads empty action-group accessibly', async () => {\n const el = await fixture<ActionGroup>(html`\n <sp-action-group></sp-action-group>\n `);\n\n await elementUpdated(el);\n\n await expect(el).to.be.accessible();\n });\n\n it('loads action-group with action-menu accessibly', async () => {\n const el = await fixture<ActionGroup>(\n HasActionMenuAsChild({ label: 'Action Group' })\n );\n\n await elementUpdated(el);\n\n await nextFrame();\n await nextFrame();\n await nextFrame();\n await nextFrame();\n\n await expect(el).to.be.accessible();\n });\n\n it('action-group with action-menu manages tabIndex correctly while using keyboard', async () => {\n const el = await fixture<ActionGroup>(\n HasActionMenuAsChild({ label: 'Action Group' })\n );\n\n await elementUpdated(el);\n\n await nextFrame();\n await nextFrame();\n await nextFrame();\n await nextFrame();\n\n // press Tab to focus into the action-group\n await sendKeys({ press: 'Tab' });\n\n await elementUpdated(el);\n\n // expect the first button to be focused\n expect(document.activeElement?.id).to.equal('first');\n\n // expect all the elements of the focus group to have a tabIndex of -1 except the first button because it is focused using Tab\n expect((el.children[0] as ActionButton)?.tabIndex).to.equal(0);\n expect((el.children[1] as ActionButton)?.tabIndex).to.equal(-1);\n expect((el.children[2] as ActionButton)?.tabIndex).to.equal(-1);\n expect((el.children[3] as ActionMenu)?.tabIndex).to.equal(-1);\n\n // navigate to the action-menu using the arrow keys\n await sendKeys({ press: 'ArrowRight' });\n await sendKeys({ press: 'ArrowRight' });\n await sendKeys({ press: 'ArrowRight' });\n\n await elementUpdated(el);\n\n // expect the action-menu to be focused\n expect((el.children[3] as ActionMenu)?.focused).to.be.true;\n\n // press Enter to open the action-menu\n await sendKeys({ press: 'Enter' });\n\n const opened = oneEvent(el.children[3] as ActionMenu, 'sp-opened');\n await elementUpdated(el.children[3]);\n await opened;\n\n // expect the first menu item to be focused\n const firstMenuItem = el.querySelector('#first-menu-item') as MenuItem;\n expect(firstMenuItem?.focused).to.be.true;\n\n // navigate to the fourth menu item using the arrow keys\n await sendKeys({ press: 'ArrowDown' });\n await sendKeys({ press: 'ArrowDown' });\n await sendKeys({ press: 'ArrowDown' });\n\n // press Enter to select the fourth menu item\n await sendKeys({ press: 'Enter' });\n\n await elementUpdated(el.children[3]);\n\n await nextFrame();\n await nextFrame();\n await nextFrame();\n await nextFrame();\n\n // expect the second submenu item to be focused\n const secondSubMenuItem = el.querySelector(\n '#second-sub-menu-item'\n ) as MenuItem;\n expect(secondSubMenuItem?.focused).to.be.true;\n\n // press Enter to select the second submenu item\n await sendKeys({ press: 'Enter' });\n\n const closed = oneEvent(el.children[3] as ActionMenu, 'sp-closed');\n await elementUpdated(el.children[3]);\n\n await closed;\n\n // expect the action-menu to be focused\n expect((el.children[3] as ActionMenu)?.focused).to.be.true;\n });\n\n it('action-group with action-menu manages tabIndex correctly while using mouse', async () => {\n const el = await fixture<ActionGroup>(\n HasActionMenuAsChild({ label: 'Action Group' })\n );\n\n await elementUpdated(el);\n\n await aTimeout(500);\n\n // get the bounding box of the first button\n const firstButton = el.querySelector('#first') as ActionButton;\n const rect = firstButton.getBoundingClientRect();\n sendMouse({\n steps: [\n {\n position: [\n rect.left + rect.width / 2,\n rect.top + rect.height / 2,\n ],\n type: 'click',\n },\n ],\n });\n\n await elementUpdated(el);\n await aTimeout(500);\n\n // expect all the elements of the focus group to have a tabIndex of -1 except the first button because it is focused using mouse\n expect((el.children[0] as ActionButton)?.tabIndex).to.equal(0);\n expect((el.children[1] as ActionButton)?.tabIndex).to.equal(-1);\n expect((el.children[2] as ActionButton)?.tabIndex).to.equal(-1);\n expect((el.children[3] as ActionMenu)?.tabIndex).to.equal(-1);\n\n // click outside the action-group and it should loose focus and update the tabIndexes\n sendMouse({\n steps: [\n {\n position: [0, 0],\n type: 'click',\n },\n ],\n });\n\n await elementUpdated(el);\n await aTimeout(500);\n\n // expect the first button to have a tabIndex of 0 and everything else to have a tabIndex of -1\n expect((el.children[0] as ActionButton)?.tabIndex).to.equal(0);\n expect((el.children[1] as ActionButton)?.tabIndex).to.equal(-1);\n expect((el.children[2] as ActionButton)?.tabIndex).to.equal(-1);\n expect((el.children[3] as ActionMenu)?.tabIndex).to.equal(-1);\n\n // get the bounding box of the action-menu\n const actionMenu = el.querySelector('#action-menu') as ActionMenu;\n const actionMenuRect = actionMenu.getBoundingClientRect();\n sendMouse({\n steps: [\n {\n position: [\n actionMenuRect.left + actionMenuRect.width / 2,\n actionMenuRect.top + actionMenuRect.height / 2,\n ],\n type: 'click',\n },\n ],\n });\n\n await elementUpdated(el);\n\n const opened = oneEvent(el.children[3] as ActionMenu, 'sp-opened');\n await opened;\n\n // use keyboard to navigate to the second menu item and select it\n await sendKeys({ press: 'ArrowDown' });\n await sendKeys({ press: 'Enter' });\n\n const closed = oneEvent(el.children[3] as ActionMenu, 'sp-closed');\n await closed;\n\n if (!isWebKit()) {\n sendMouse({\n steps: [\n {\n position: [0, 0],\n type: 'click',\n },\n ],\n });\n }\n\n await aTimeout(500);\n\n expect((el.children[0] as ActionButton)?.tabIndex).to.equal(0);\n expect((el.children[1] as ActionButton)?.tabIndex).to.equal(-1);\n expect((el.children[2] as ActionButton)?.tabIndex).to.equal(-1);\n expect((el.children[3] as ActionMenu)?.tabIndex).to.equal(-1);\n });\n\n testForLitDevWarnings(\n async () =>\n await fixture<ActionGroup>(html`\n <sp-action-group aria-label=\"Default Group\">\n <sp-action-button>First</sp-action-button>\n <sp-action-button>Second</sp-action-button>\n <sp-action-button>Third</sp-action-button>\n </sp-action-group>\n `)\n );\n it('loads default action-group accessibly', async () => {\n const el = await fixture<ActionGroup>(html`\n <sp-action-group aria-label=\"Default Group\">\n <sp-action-button>First</sp-action-button>\n <sp-action-button>Second</sp-action-button>\n <sp-action-button>Third</sp-action-button>\n </sp-action-group>\n `);\n\n await elementUpdated(el);\n\n await expect(el).to.be.accessible();\n expect(el.getAttribute('aria-label')).to.equal('Default Group');\n expect(el.getAttribute('role')).to.equal('toolbar');\n expect(el.children[0].getAttribute('role')).to.equal('button');\n });\n it('applies `static-color` attribute to its children', async () => {\n const el = await fixture<ActionGroup>(html`\n <sp-action-group static-color=\"white\">\n <sp-action-button id=\"first\">First</sp-action-button>\n <sp-action-button id=\"second\">Second</sp-action-button>\n </sp-action-group>\n `);\n const firstButton = el.querySelector('#first') as ActionButton;\n const secondButton = el.querySelector('#second') as ActionButton;\n\n await elementUpdated(el);\n\n expect(firstButton.staticColor).to.equal('white');\n expect(secondButton.staticColor).to.equal('white');\n\n el.staticColor = undefined;\n\n await elementUpdated(el);\n\n expect(firstButton.staticColor).to.be.undefined;\n expect(secondButton.staticColor).to.be.undefined;\n });\n it('manages \"label\"', async () => {\n const testLabel = 'Testable action group';\n const el = await fixture<ActionGroup>(html`\n <sp-action-group label=${testLabel}>\n <sp-action-button id=\"first\">First</sp-action-button>\n <sp-action-button id=\"second\">Second</sp-action-button>\n </sp-action-group>\n `);\n\n expect(el.getAttribute('aria-label')).to.equal(testLabel);\n\n el.label = '';\n\n await elementUpdated(el);\n\n expect(el.hasAttribute('aria-label')).to.be.false;\n });\n it('applies `quiet` attribute to its children', async () => {\n const el = await fixture<ActionGroup>(html`\n <sp-action-group quiet>\n <sp-action-button id=\"first\">First</sp-action-button>\n <sp-action-button id=\"second\">Second</sp-action-button>\n </sp-action-group>\n `);\n const firstButton = el.querySelector('#first') as ActionButton;\n const secondButton = el.querySelector('#second') as ActionButton;\n\n await elementUpdated(el);\n\n expect(firstButton.hasAttribute('quiet')).to.be.true;\n expect(firstButton.quiet).to.be.true;\n expect(secondButton.hasAttribute('quiet')).to.be.true;\n expect(secondButton.quiet).to.be.true;\n });\n it('applies `quiet` attribute to its slotted children', async () => {\n const el = await fixture<ActionGroup>(html`\n <quiet-action-group>\n <sp-action-button slot=\"first\" id=\"first\">\n First\n </sp-action-button>\n <sp-action-button slot=\"second\" id=\"second\">\n Second\n </sp-action-button>\n </quiet-action-group>\n `);\n const firstButton = el.querySelector('#first') as ActionButton;\n const secondButton = el.querySelector('#second') as ActionButton;\n\n await elementUpdated(el);\n\n expect(firstButton.hasAttribute('quiet')).to.be.true;\n expect(firstButton.quiet).to.be.true;\n expect(secondButton.hasAttribute('quiet')).to.be.true;\n expect(secondButton.quiet).to.be.true;\n });\n it('applies `emphasized` attribute to its slotted children', async () => {\n const el = await fixture<ActionGroup>(html`\n <emphasized-action-group>\n <sp-action-button slot=\"first\" id=\"first\">\n First\n </sp-action-button>\n <sp-action-button slot=\"second\" id=\"second\">\n Second\n </sp-action-button>\n </emphasized-action-group>\n `);\n const firstButton = el.querySelector('#first') as ActionButton;\n const secondButton = el.querySelector('#second') as ActionButton;\n\n await elementUpdated(el);\n\n expect(firstButton.hasAttribute('emphasized')).to.be.true;\n expect(firstButton.emphasized).to.be.true;\n expect(secondButton.hasAttribute('emphasized')).to.be.true;\n expect(secondButton.emphasized).to.be.true;\n });\n it('applies `quiet` attribute to slotted children with overlays', async () => {\n const el = await fixture<ActionGroup>(html`\n <quiet-action-group>\n <overlay-trigger slot=\"first\">\n <sp-action-button slot=\"trigger\" id=\"first\">\n First\n </sp-action-button>\n </overlay-trigger>\n <overlay-trigger slot=\"second\">\n <sp-action-button slot=\"trigger\" id=\"second\">\n Second\n </sp-action-button>\n </overlay-trigger>\n </quiet-action-group>\n `);\n const firstButton = el.querySelector('#first') as ActionButton;\n const secondButton = el.querySelector('#second') as ActionButton;\n\n await elementUpdated(el);\n\n expect(firstButton.hasAttribute('quiet')).to.be.true;\n expect(firstButton.quiet).to.be.true;\n expect(secondButton.hasAttribute('quiet')).to.be.true;\n expect(secondButton.quiet).to.be.true;\n });\n it('applies `emphasized` attribute to slotted children with overlays', async () => {\n const el = await fixture<ActionGroup>(html`\n <emphasized-action-group>\n <overlay-trigger slot=\"first\">\n <sp-action-button slot=\"trigger\" id=\"first\">\n First\n </sp-action-button>\n </overlay-trigger>\n <overlay-trigger slot=\"second\">\n <sp-action-button slot=\"trigger\" id=\"second\">\n Second\n </sp-action-button>\n </overlay-trigger>\n </emphasized-action-group>\n `);\n const firstButton = el.querySelector('#first') as ActionButton;\n const secondButton = el.querySelector('#second') as ActionButton;\n\n await elementUpdated(el);\n\n expect(firstButton.hasAttribute('emphasized')).to.be.true;\n expect(firstButton.emphasized).to.be.true;\n expect(secondButton.hasAttribute('emphasized')).to.be.true;\n expect(secondButton.emphasized).to.be.true;\n });\n it('loads [selects=\"single\"] action-group accessibly', async () => {\n const el = await fixture<ActionGroup>(html`\n <sp-action-group label=\"Selects Single Group\" selects=\"single\">\n <sp-action-button>First</sp-action-button>\n <sp-action-button>Second</sp-action-button>\n <sp-action-button>Third</sp-action-button>\n </sp-action-group>\n `);\n\n await elementUpdated(el);\n\n await expect(el).to.be.accessible();\n expect(el.getAttribute('aria-label')).to.equal('Selects Single Group');\n expect(el.getAttribute('role')).to.equal('radiogroup');\n expect(el.children[0].getAttribute('role')).to.equal('radio');\n });\n it('loads [selects=\"single\"] action-group w/ selection accessibly', async () => {\n const el = await fixture<ActionGroup>(html`\n <sp-action-group label=\"Selects Single Group\" selects=\"single\">\n <sp-action-button>First</sp-action-button>\n <sp-action-button>Second</sp-action-button>\n <sp-action-button selected>Third</sp-action-button>\n </sp-action-group>\n `);\n\n await elementUpdated(el);\n\n await expect(el).to.be.accessible();\n });\n it('loads [selects=\"multiple\"] action-group accessibly', async () => {\n const el = await fixture<ActionGroup>(html`\n <sp-action-group label=\"Selects Multiple Group\" selects=\"multiple\">\n <sp-action-button>First</sp-action-button>\n <sp-action-button>Second</sp-action-button>\n <sp-action-button>Third</sp-action-button>\n </sp-action-group>\n `);\n\n await elementUpdated(el);\n\n await expect(el).to.be.accessible();\n expect(el.getAttribute('aria-label')).to.equal(\n 'Selects Multiple Group'\n );\n expect(el.getAttribute('role')).to.equal('toolbar');\n expect(el.children[0].getAttribute('role')).to.equal('checkbox');\n });\n it('loads [selects=\"multiple\"] action-group w/ selection accessibly', async () => {\n const el = await fixture<ActionGroup>(html`\n <sp-action-group label=\"Selects Multiple Group\" selects=\"multiple\">\n <sp-action-button>First</sp-action-button>\n <sp-action-button selected>Second</sp-action-button>\n <sp-action-button selected>Third</sp-action-button>\n </sp-action-group>\n `);\n\n await elementUpdated(el);\n\n await expect(el).to.be.accessible();\n });\n it('sets tab stop when [selects=\"single\"] and the initial button is [disabled]', async () => {\n const el = await fixture<ActionGroup>(html`\n <sp-action-group label=\"Selects Single Group\" selects=\"single\">\n <sp-action-button disabled>First</sp-action-button>\n <sp-action-button class=\"second\">Second</sp-action-button>\n <sp-action-button>Third</sp-action-button>\n </sp-action-group>\n `);\n const secondButton = el.querySelector('.second') as ActionButton;\n\n await elementUpdated(el);\n\n expect(secondButton.hasAttribute('tabindex'));\n expect(secondButton.getAttribute('tabindex')).to.equal('0');\n });\n it('surfaces [selects=\"single\"] selection', async () => {\n const el = await fixture<ActionGroup>(html`\n <sp-action-group label=\"Selects Single Group\" selects=\"single\">\n <sp-action-button>First</sp-action-button>\n <sp-action-button>Second</sp-action-button>\n <sp-action-button selected>Third</sp-action-button>\n </sp-action-group>\n `);\n\n await elementUpdated(el);\n\n expect(el.selected, '\"Third\" selected').to.deep.equal(['Third']);\n });\n it('manages [selects=\"single\"] selection through multiple slots', async () => {\n const test = await fixture<HTMLDivElement>(html`\n <div>\n <sp-action-button>First</sp-action-button>\n <sp-action-button>Second</sp-action-button>\n <sp-action-button selected>Third</sp-action-button>\n </div>\n `);\n\n const firstItem = test.querySelector(\n 'sp-action-button'\n ) as ActionButton;\n const thirdItem = test.querySelector(\n 'sp-action-button[selected]'\n ) as ActionButton;\n\n const shadowRoot = test.attachShadow({ mode: 'open' });\n shadowRoot.innerHTML = `\n <sp-action-group label=\"Selects Single Group\" selects=\"single\">\n <slot></slot>\n </sp-action-group>\n `;\n\n const el = shadowRoot.querySelector('sp-action-group') as ActionGroup;\n await elementUpdated(el);\n\n expect(el.selected, '\"Third\" selected').to.deep.equal(['Third']);\n expect(firstItem.selected).to.be.false;\n expect(thirdItem.selected).to.be.true;\n\n firstItem.click();\n await elementUpdated(el);\n\n expect(el.selected, '\"First\" selected').to.deep.equal(['First']);\n expect(firstItem.selected).to.be.true;\n expect(thirdItem.selected).to.be.false;\n });\n it('surfaces [selects=\"multiple\"] selection', async () => {\n const el = await fixture<ActionGroup>(html`\n <sp-action-group label=\"Selects Multiple Group\" selects=\"multiple\">\n <sp-action-button>First</sp-action-button>\n <sp-action-button selected>Second</sp-action-button>\n <sp-action-button selected>Third</sp-action-button>\n </sp-action-group>\n `);\n\n await elementUpdated(el);\n\n expect(el.selected, '\"Second\" and \"Third\" selected').to.deep.equal([\n 'Second',\n 'Third',\n ]);\n });\n it('does not select without [selects]', async () => {\n const el = await fixture<ActionGroup>(html`\n <sp-action-group label=\"No Selects Group\">\n <sp-action-button>First</sp-action-button>\n <sp-action-button selected>Second</sp-action-button>\n <sp-action-button class=\"third\">Third</sp-action-button>\n </sp-action-group>\n `);\n const thirdElement = el.querySelector('.third') as ActionButton;\n\n await elementUpdated(el);\n expect(el.selected.length).to.equal(1);\n\n thirdElement.click();\n\n await elementUpdated(el);\n\n expect(el.selected.length).to.equal(1);\n });\n it('selects via `click` while [selects=\"single\"]', async () => {\n const el = await fixture<ActionGroup>(html`\n <sp-action-group label=\"Selects Single Group\" selects=\"single\">\n <sp-action-button value=\"first\">First</sp-action-button>\n <sp-action-button value=\"second\" selected>\n Second\n </sp-action-button>\n <sp-action-button value=\"third\" class=\"third\">\n Third\n </sp-action-button>\n </sp-action-group>\n `);\n const thirdElement = el.querySelector('.third') as ActionButton;\n\n await elementUpdated(el);\n expect(el.selected.length).to.equal(1);\n expect(el.selected.includes('second'));\n\n thirdElement.click();\n\n await elementUpdated(el);\n\n expect(thirdElement.selected, 'third child selected').to.be.true;\n\n await waitUntil(\n () => el.selected.length === 1 && el.selected.includes('third'),\n 'Updates value of `selected`'\n );\n });\n it('selects via `click` while [selects=\"multiple\"] selection', async () => {\n const el = await fixture<ActionGroup>(html`\n <sp-action-group label=\"Selects Multiple Group\" selects=\"multiple\">\n <sp-action-button selected class=\"first\">\n First\n </sp-action-button>\n <sp-action-button class=\"second\">Second</sp-action-button>\n <sp-action-button class=\"third\">Third</sp-action-button>\n </sp-action-group>\n `);\n const firstElement = el.querySelector('.first') as ActionButton;\n const secondElement = el.querySelector('.second') as ActionButton;\n const thirdElement = el.querySelector('.third') as ActionButton;\n\n await elementUpdated(el);\n expect(el.selected.length).to.equal(1);\n expect(el.selected.includes('First'));\n\n firstElement.click();\n secondElement.click();\n thirdElement.click();\n\n await elementUpdated(el);\n\n expect(secondElement.selected, 'second child selected').to.be.true;\n expect(thirdElement.selected, 'third child selected').to.be.true;\n\n await waitUntil(\n () =>\n el.selected.length === 2 &&\n el.selected.includes('Second') &&\n el.selected.includes('Third'),\n 'Updates value of `selected`'\n );\n });\n it('consumes descendant `change` events when `[selects]`', async () => {\n const changeSpy = spy();\n const el = await fixture<ActionGroup>(html`\n <sp-action-group\n @change=${() => changeSpy()}\n label=\"Selects Single Group\"\n selects=\"single\"\n >\n <sp-action-button toggles value=\"first\">First</sp-action-button>\n <sp-action-button toggles value=\"second\" selected>\n Second\n </sp-action-button>\n <sp-action-button toggles value=\"third\" class=\"third\">\n Third\n </sp-action-button>\n </sp-action-group>\n `);\n const thirdElement = el.querySelector('.third') as ActionButton;\n\n await elementUpdated(el);\n expect(el.selected.length).to.equal(1);\n expect(el.selected.includes('second'));\n expect(changeSpy.callCount).to.equal(0);\n\n thirdElement.click();\n\n await elementUpdated(el);\n\n expect(thirdElement.selected, 'third child selected').to.be.true;\n expect(changeSpy.callCount).to.equal(1);\n\n await waitUntil(\n () => el.selected.length === 1 && el.selected.includes('third'),\n 'Updates value of `selected`'\n );\n });\n it('does not respond to clicks on itself', async () => {\n const el = await fixture<ActionGroup>(html`\n <sp-action-group label=\"Selects Single Group\" selects=\"single\">\n <sp-action-button>First</sp-action-button>\n <sp-action-button>Second</sp-action-button>\n <sp-action-button class=\"third\">Third</sp-action-button>\n </sp-action-group>\n `);\n await elementUpdated(el);\n expect(el.selected.length).to.equal(0);\n\n el.click();\n\n await elementUpdated(el);\n\n expect(el.selected.length).to.equal(0);\n });\n it('selection can be prevented', async () => {\n const el = await fixture<ActionGroup>(html`\n <sp-action-group\n label=\"Selects Single Group\"\n selects=\"single\"\n @change=${(event: Event): void => {\n event.preventDefault();\n }}\n >\n <sp-action-button>First</sp-action-button>\n <sp-action-button>Second</sp-action-button>\n <sp-action-button class=\"third\">Third</sp-action-button>\n </sp-action-group>\n `);\n const thirdElement = el.querySelector('.third') as ActionButton;\n\n await elementUpdated(el);\n expect(el.selected.length).to.equal(0);\n\n thirdElement.click();\n\n await elementUpdated(el);\n\n expect(thirdElement.selected, 'third child not selected').to.be.false;\n expect(el.selected.length).to.equal(0);\n });\n\n it('selects user-passed value while [selects=\"single\"]', async () => {\n const el = await singleSelectedActionGroup(['first']);\n await elementUpdated(el);\n expect(el.selected.length).to.equal(1);\n\n const firstButton = el.querySelector('.first') as ActionButton;\n const secondButton = el.querySelector('.second') as ActionButton;\n expect(firstButton.selected, 'first button selected').to.be.true;\n expect(secondButton.selected, 'second button not selected').to.be.false;\n\n secondButton.click();\n await elementUpdated(el);\n\n expect(el.selected.length).to.equal(1);\n expect(firstButton.selected, 'first button not selected').to.be.false;\n expect(secondButton.selected, 'second button selected').to.be.true;\n });\n\n it('selects can be updated while [selects=\"single\"]', async () => {\n const el = await singleSelectedActionGroup(['first']);\n await elementUpdated(el);\n expect(el.selected.length).to.equal(1);\n\n const firstButton = el.querySelector('.first') as ActionButton;\n const secondButton = el.querySelector('.second') as ActionButton;\n expect(firstButton.selected, 'first button selected').to.be.true;\n expect(secondButton.selected, 'second button not selected').to.be.false;\n\n el.selected = ['second'];\n await elementUpdated(el);\n\n expect(el.selected.length).to.equal(1);\n expect(firstButton.selected, 'first button not selected').to.be.false;\n expect(secondButton.selected, 'second button selected').to.be.true;\n });\n\n it('does not allow interaction with child content to interrupt the selection mechanism', async () => {\n const el = await singleSelectedActionGroup([]);\n await elementUpdated(el);\n expect(el.selected.length).to.equal(0);\n\n const firstButton = el.querySelector('.first') as ActionButton;\n const secondButton = el.querySelector('.second') as ActionButton;\n const icon = secondButton.querySelector('[slot=icon]') as HTMLElement;\n expect(firstButton.selected, 'first button selected').to.be.false;\n expect(secondButton.selected, 'second button not selected').to.be.false;\n\n secondButton.click();\n await elementUpdated(el);\n\n expect(el.selected.length).to.equal(1);\n expect(el.selected).to.deep.equal(['second']);\n expect(firstButton.selected, 'first button not selected').to.be.false;\n expect(secondButton.selected, 'second button selected').to.be.true;\n\n firstButton.click();\n await elementUpdated(el);\n\n expect(el.selected.length).to.equal(1);\n expect(el.selected).to.deep.equal(['first']);\n expect(firstButton.selected, 'first button selected').to.be.true;\n expect(secondButton.selected, 'second button not selected').to.be.false;\n\n const rect = icon.getBoundingClientRect();\n await sendMouse({\n steps: [\n {\n type: 'click',\n position: [\n rect.left + rect.width / 2,\n rect.top + rect.height / 2,\n ],\n },\n ],\n });\n icon.click();\n await elementUpdated(el);\n\n expect(el.selected.length).to.equal(1);\n expect(el.selected).to.deep.equal(['second']);\n expect(firstButton.selected, 'first button not selected').to.be.false;\n expect(secondButton.selected, 'second button selected').to.be.true;\n });\n\n it('selects user-passed value while [selects=\"multiple\"]', async () => {\n const el = await fixture<ActionGroup>(html`\n <sp-action-group\n label=\"Selects Multiple Group\"\n selects=\"multiple\"\n .selected=${['first', 'second']}\n >\n <sp-action-button class=\"first\" value=\"first\">\n First\n </sp-action-button>\n <sp-action-button class=\"second\" value=\"second\">\n Second\n </sp-action-button>\n <sp-action-button class=\"third \" value=\"third\">\n Third\n </sp-action-button>\n </sp-action-group>\n `);\n\n await elementUpdated(el);\n\n await Promise.all(el.buttons.map((button) => elementUpdated(button)));\n\n const firstButton = el.querySelector('.first') as ActionButton;\n const secondButton = el.querySelector('.second') as ActionButton;\n const thirdButton = el.querySelector('.third') as ActionButton;\n\n expect(el.selected.length).to.equal(2);\n expect(firstButton.selected, 'first button selected').to.be.true;\n expect(secondButton.selected, 'second button selected').to.be.true;\n expect(thirdButton.selected, 'third button not selected').to.be.false;\n\n thirdButton.click();\n await elementUpdated(el);\n\n expect(el.selected.length).to.equal(3);\n expect(firstButton.selected, 'first button selected').to.be.true;\n expect(secondButton.selected, 'second button selected').to.be.true;\n expect(thirdButton.selected, 'third button selected').to.be.true;\n\n firstButton.click();\n await elementUpdated(el);\n\n expect(el.selected.length).to.equal(2);\n expect(firstButton.selected, 'first button not selected').to.be.false;\n expect(secondButton.selected, 'second button selected').to.be.true;\n expect(thirdButton.selected, 'third button selected').to.be.true;\n });\n\n it('selects can be updated while [selects=\"multiple\"]', async () => {\n const el = await fixture<ActionGroup>(html`\n <sp-action-group\n label=\"Selects Multiple Group\"\n selects=\"multiple\"\n .selected=${['first', 'second']}\n >\n <sp-action-button class=\"first\" value=\"first\">\n First\n </sp-action-button>\n <sp-action-button class=\"second\" value=\"second\">\n Second\n </sp-action-button>\n <sp-action-button class=\"third \" value=\"third\">\n Third\n </sp-action-button>\n </sp-action-group>\n `);\n\n await elementUpdated(el);\n\n await Promise.all(el.buttons.map((button) => elementUpdated(button)));\n\n const firstButton = el.querySelector('.first') as ActionButton;\n const secondButton = el.querySelector('.second') as ActionButton;\n const thirdButton = el.querySelector('.third') as ActionButton;\n\n expect(el.selected.length).to.equal(2);\n expect(firstButton.selected, 'first button selected').to.be.true;\n expect(secondButton.selected, 'second button selected').to.be.true;\n expect(thirdButton.selected, 'third button not selected').to.be.false;\n\n el.selected = ['first', 'second', 'third'];\n await elementUpdated(el);\n\n expect(el.selected.length).to.equal(3);\n expect(firstButton.selected, 'first button selected').to.be.true;\n expect(secondButton.selected, 'second button selected').to.be.true;\n expect(thirdButton.selected, 'third button selected').to.be.true;\n\n el.selected = ['second', 'third'];\n await elementUpdated(el);\n\n expect(el.selected.length, JSON.stringify(el.selected)).to.equal(2);\n expect(firstButton.selected, 'first button not selected').to.be.false;\n expect(secondButton.selected, 'second button selected').to.be.true;\n expect(thirdButton.selected, 'third button selected').to.be.true;\n });\n\n it('selects multiple user-passed values while [selects=\"single\"], but then proceeds with radio-button style functionality', async () => {\n const el = await singleSelectedActionGroup(['first', 'second']);\n await elementUpdated(el);\n expect(el.selected.length).to.equal(2);\n\n const firstButton = el.querySelector('.first') as ActionButton;\n const secondButton = el.querySelector('.second') as ActionButton;\n expect(firstButton.selected, 'first button selected').to.be.true;\n expect(secondButton.selected, 'second button selected').to.be.true;\n\n secondButton.click();\n await elementUpdated(el);\n\n expect(el.selected.length).to.equal(1);\n expect(firstButton.selected, 'first button selected').to.be.false;\n expect(secondButton.selected, 'second button selected').to.be.true;\n });\n\n it('Clicking button event should bubble up from inner label to outer button element', async () => {\n const el = await fixture<ActionGroup>(html`\n <sp-action-group\n label=\"Selects Multiple Group\"\n selects=\"multiple\"\n .selected=${['first', 'second']}\n >\n <sp-action-button class=\"first\" value=\"first\">\n First\n </sp-action-button>\n <sp-action-button class=\"second\" value=\"second\">\n Second\n </sp-action-button>\n </sp-action-group>\n `);\n\n await elementUpdated(el);\n expect(el.selected.length).to.equal(2);\n\n const firstButtonEl = el.querySelector('.first') as ActionButton;\n const firstSpanEl = firstButtonEl.shadowRoot.querySelector(\n '#label'\n ) as HTMLSpanElement;\n const secondButtonEl = el.querySelector('.second') as ActionButton;\n\n expect(firstButtonEl.selected, 'first button selected').to.be.true;\n expect(secondButtonEl.selected, 'second button selected').to.be.true;\n\n firstSpanEl.click(); // clicking inner span bubbles up and fires outer button click\n await elementUpdated(el);\n\n expect(firstButtonEl.selected, 'first button selected').to.be.false;\n expect(secondButtonEl.selected, 'second button selected').to.be.true;\n\n firstButtonEl.click(); // clicking outer action-button element fires own click event\n await elementUpdated(el);\n\n expect(firstButtonEl.selected, 'first button selected').to.be.true;\n expect(secondButtonEl.selected, 'second button selected').to.be.true;\n });\n\n it('only selects user-passed buttons if present in action-group while [selects=\"multiple\"]', async () => {\n const el = await multipleSelectedActionGroup(['second', 'fourth']);\n\n await elementUpdated(el);\n expect(el.selected.length).to.equal(1);\n const secondButton = el.querySelector('.second') as ActionButton;\n expect(secondButton.selected, 'second button selected').to.be.true;\n\n const firstButton = el.querySelector('.first') as ActionButton;\n expect(firstButton.selected, 'first button selected').to.be.false;\n });\n\n it('selects user-passed values with no .selects value, but does not allow interaction afterwards', async () => {\n const el = await fixture<ActionGroup>(html`\n <sp-action-group\n label=\"Selects User-Chosen Buttons\"\n .selected=${['first']}\n >\n <sp-action-button value=\"first\" class=\"first\">\n First\n </sp-action-button>\n <sp-action-button value=\"second\" class=\"second\">\n Second\n </sp-action-button>\n </sp-action-group>\n `);\n\n await elementUpdated(el);\n expect(el.selected.length).to.equal(1);\n const firstButton = el.querySelector('.first') as ActionButton;\n const secondButton = el.querySelector('.second') as ActionButton;\n expect(firstButton.selected, 'first button selected').to.be.true;\n expect(secondButton.selected, 'second button selected').to.be.false;\n\n secondButton.click();\n await elementUpdated(el);\n\n expect(el.selected.length).to.equal(1);\n expect(firstButton.selected, 'first button selected').to.be.true;\n expect(secondButton.selected, 'second button selected').to.be.false;\n });\n\n it('selects multiple buttons if .selected is passed in, but does not allow further interaction afterwards', async () => {\n const el = await fixture<ActionGroup>(html`\n <sp-action-group\n label=\"Selects User-Chosen Buttons\"\n .selected=${['first', 'second']}\n >\n <sp-action-button class=\"first\" value=\"first\">\n First\n </sp-action-button>\n <sp-action-button class=\"second\" value=\"second\">\n Second\n </sp-action-button>\n </sp-action-group>\n `);\n\n await elementUpdated(el);\n expect(el.getAttribute('role')).to.equal('toolbar');\n expect(el.selected.length).to.equal(2);\n\n const firstButton = el.querySelector('.first') as ActionButton;\n expect(firstButton.selected, 'first button selected').to.be.true;\n expect(firstButton.hasAttribute('aria-checked')).to.be.false;\n expect(\n firstButton.getAttribute('aria-pressed'),\n 'first button aria-pressed'\n ).to.eq('true');\n expect(firstButton.getAttribute('role'), 'first button role').to.eq(\n 'button'\n );\n\n const secondButton = el.querySelector('.second') as ActionButton;\n expect(secondButton.selected, 'second button selected').to.be.true;\n expect(secondButton.hasAttribute('aria-checked')).to.be.false;\n expect(\n secondButton.getAttribute('aria-pressed'),\n 'second button aria-pressed'\n ).to.eq('true');\n expect(secondButton.getAttribute('role'), 'first button role').to.eq(\n 'button'\n );\n\n firstButton.click();\n await elementUpdated(el);\n\n expect(el.selected.length).to.equal(2);\n expect(firstButton.selected, 'first button selected').to.be.true;\n expect(firstButton.hasAttribute('aria-checked')).to.be.false;\n expect(\n firstButton.getAttribute('aria-pressed'),\n 'first button aria-pressed'\n ).to.eq('true');\n expect(firstButton.getAttribute('role'), 'first button role').to.eq(\n 'button'\n );\n\n expect(secondButton.selected, 'second button selected').to.be.true;\n expect(secondButton.hasAttribute('aria-checked')).to.be.false;\n expect(\n secondButton.getAttribute('aria-pressed'),\n 'second button aria-pressed'\n ).to.eq('true');\n expect(secondButton.getAttribute('role'), 'first button role').to.eq(\n 'button'\n );\n });\n\n it('will not change .selected state if event is prevented while [selects=\"multiple\"]', async () => {\n const el = await fixture<ActionGroup>(html`\n <sp-action-group\n label=\"Selects Multiple Group\"\n selects=\"multiple\"\n .selected=${['first', 'second']}\n @change=${(event: Event): void => {\n event.preventDefault();\n }}\n >\n <sp-action-button class=\"first\" value=\"first\">\n First\n </sp-action-button>\n <sp-action-button class=\"second\" value=\"second\">\n Second\n </sp-action-button>\n <sp-action-button class=\"third \" value=\"third\">\n Third\n </sp-action-button>\n </sp-action-group>\n `);\n const firstElement = el.querySelector('.first') as ActionButton;\n const secondElement = el.querySelector('.second') as ActionButton;\n const thirdElement = el.querySelector('.third') as ActionButton;\n\n // checking if the first and second are selected\n await elementUpdated(el);\n expect(el.selected.length).to.equal(2);\n expect(firstElement.selected, 'first child selected').to.be.true;\n expect(secondElement.selected, 'second child selected').to.be.true;\n\n // making sure third element isn't selected\n thirdElement.click();\n await elementUpdated(el);\n expect(thirdElement.selected, 'third child not selected').to.be.false;\n expect(el.selected.length).to.equal(2);\n\n // making sure already-selected elements are not de-selected\n secondElement.click();\n await elementUpdated(el);\n\n expect(secondElement.selected, 'second element still selected').to.be\n .true;\n });\n\n it('will not change .selected state if event is prevented while [selects=\"single\"]', async () => {\n const el = await fixture<ActionGroup>(html`\n <sp-action-group\n label=\"Selects Single Group\"\n selects=\"single\"\n .selected=${['first']}\n @change=${(event: Event): void => {\n event.preventDefault();\n }}\n >\n <sp-action-button class=\"first\" value=\"first\">\n First\n </sp-action-button>\n <sp-action-button class=\"second\" value=\"second\">\n Second\n </sp-action-button>\n </sp-action-group>\n `);\n const firstElement = el.querySelector('.first') as ActionButton;\n const secondElement = el.querySelector('.second') as ActionButton;\n\n // checking if the first element is selected\n await elementUpdated(el);\n expect(el.selected.length).to.equal(1);\n expect(firstElement.selected, 'first child selected').to.be.true;\n\n // making sure third element isn't selected\n secondElement.click();\n\n await elementUpdated(el);\n\n expect(secondElement.selected, 'second child not selected').to.be.false;\n expect(el.selected.length).to.equal(1);\n\n // making sure already-selected elements are not de-selected\n firstElement.click();\n await elementUpdated(el);\n\n expect(firstElement.selected, 'first element still selected').to.be\n .true;\n });\n\n it('will not change .selected state if event is prevented while selects is undefined', async () => {\n const el = await fixture<ActionGroup>(html`\n <sp-action-group\n label=\"Selects Single Group\"\n .selected=${['first']}\n @change=${(event: Event): void => {\n event.preventDefault();\n }}\n >\n <sp-action-button class=\"first\" value=\"first\">\n First\n </sp-action-button>\n <sp-action-button class=\"second\" value=\"second\">\n Second\n </sp-action-button>\n </sp-action-group>\n `);\n const firstElement = el.querySelector('.first') as ActionButton;\n const secondElement = el.querySelector('.second') as ActionButton;\n\n // checking if the first element is selected\n await elementUpdated(el);\n expect(el.selected.length).to.equal(1);\n expect(firstElement.selected, 'first child selected').to.be.true;\n\n secondElement.click();\n await elementUpdated(el);\n\n // state should be exactly the same\n expect(el.selected.length).to.equal(1);\n expect(firstElement.selected, 'first child selected').to.be.true;\n expect(secondElement.selected, 'second child not selected').to.be.false;\n });\n\n it('manages a `size` attribute', async () => {\n const el = await fixture<ActionButton>(html`\n <sp-action-group size=\"xl\">\n <sp-action-button>Button</sp-action-button>\n </sp-action-group>\n `);\n\n const button = el.querySelector('sp-action-button') as ActionButton;\n\n await elementUpdated(el);\n expect(el.size).to.equal('xl');\n expect(button.size).to.equal('xl');\n expect(el.getAttribute('size')).to.equal('xl');\n expect(button.getAttribute('size')).to.equal('xl');\n el.removeAttribute('size');\n await elementUpdated(el);\n expect(el.size).to.equal('m');\n expect(el.hasAttribute('size')).to.be.false;\n expect(button.size).to.equal('m');\n expect(button.getAttribute('size')).to.equal('m');\n });\n\n it('does not apply a default `size` attribute', async () => {\n const el = await fixture<ActionButton>(html`\n <sp-action-group>\n <sp-action-button>Button</sp-action-button>\n </sp-action-group>\n `);\n\n const button = el.querySelector('sp-action-button') as ActionButton;\n\n await elementUpdated(el);\n expect(el.size).to.equal('m');\n expect(button.size).to.equal('m');\n expect(el.hasAttribute('size')).to.be.false;\n expect(button.hasAttribute('size')).to.be.false;\n });\n\n it('will accept selected as a JSON string', async () => {\n const el = await fixture<ActionGroup>(html`\n <sp-action-group\n label=\"Selects Single Group\"\n selects=\"single\"\n selected='[\"first\"]'\n >\n <sp-action-button class=\"first\" value=\"first\">\n First\n </sp-action-button>\n <sp-action-button class=\"second\" value=\"second\">\n Second\n </sp-action-button>\n </sp-action-group>\n `);\n // checking if the first element is selected\n await elementUpdated(el);\n const firstElement = el.querySelector('.first') as ActionButton;\n const secondElement = el.querySelector('.second') as ActionButton;\n\n expect(el.selected.length).to.equal(1);\n expect(firstElement.selected, 'first child selected').to.be.true;\n expect(secondElement.selected, 'second child selected').to.be.false;\n });\n\n it('accepts role attribute override', async () => {\n const el = await fixture<ActionGroup>(html`\n <sp-action-group role=\"group\">\n <sp-action-button>Button</sp-action-button>\n </sp-action-group>\n `);\n\n // with a role of group, the role should not be overridden\n await elementUpdated(el);\n expect(el.getAttribute('role')).to.equal('group');\n\n // setting selects to single should override role to radiogroup\n el.setAttribute('selects', 'single');\n await elementUpdated(el);\n expect(el.getAttribute('role')).to.equal('radiogroup');\n\n // setting selects to multiple should override role to toolbar\n el.setAttribute('selects', 'multiple');\n await elementUpdated(el);\n expect(el.getAttribute('role')).to.equal('toolbar');\n\n // by default, role should be toolbar\n el.removeAttribute('role');\n el.removeAttribute('selects');\n await elementUpdated(el);\n expect(el.getAttribute('role')).to.equal('toolbar');\n });\n\n const acceptKeyboardInput = async (el: ActionGroup): Promise<void> => {\n const thirdElement = el.querySelector('.third') as ActionButton;\n\n await elementUpdated(el);\n expect(el.selected.length).to.equal(1);\n expect(el.selected[0]).to.equal('Second');\n\n thirdElement.focus();\n thirdElement.click();\n\n await elementUpdated(el);\n\n expect(thirdElement.selected, 'third child selected').to.be.true;\n expect(el.selected.length).to.equal(1);\n expect(el.selected[0]).to.equal('Third');\n\n el.dispatchEvent(arrowRightEvent());\n await sendKeys({ press: 'Enter' });\n\n await elementUpdated(el);\n\n expect(el.selected.length).to.equal(1);\n expect(el.selected[0]).to.equal('First');\n\n el.dispatchEvent(arrowLeftEvent());\n el.dispatchEvent(arrowUpEvent());\n await sendKeys({ press: 'Enter' });\n\n expect(el.selected.length).to.equal(1);\n expect(el.selected[0]).to.equal('Second');\n\n el.dispatchEvent(endEvent());\n await sendKeys({ press: 'Enter' });\n\n expect(el.selected.length).to.equal(1);\n expect(el.selected[0]).to.equal('Third');\n\n await sendKeys({ press: 'Enter' });\n\n el.dispatchEvent(homeEvent());\n await sendKeys({ press: 'Enter' });\n\n expect(el.selected.length).to.equal(1);\n expect(el.selected[0]).to.equal('First');\n\n el.dispatchEvent(arrowDownEvent());\n await sendKeys({ press: 'Enter' });\n\n expect(el.selected.length).to.equal(1);\n expect(el.selected[0]).to.equal('Second');\n };\n it('accepts keybord input', async () => {\n const el = await fixture<ActionGroup>(html`\n <sp-action-group label=\"Selects Single Group\" selects=\"single\">\n <sp-action-button>First</sp-action-button>\n <sp-action-button selected>Second</sp-action-button>\n <sp-action-button class=\"third\">Third</sp-action-button>\n </sp-action-group>\n `);\n await acceptKeyboardInput(el);\n });\n it('accepts keybord input with tooltip', async () => {\n const el = await fixture<ActionGroup>(html`\n <sp-action-group label=\"Selects Single Group\" selects=\"single\">\n <overlay-trigger>\n <sp-action-button slot=\"trigger\">First</sp-action-button>\n <sp-tooltip slot=\"hover-content\">\n Definitely the first one.\n </sp-tooltip>\n </overlay-trigger>\n <overlay-trigger>\n <sp-action-button slot=\"trigger\" selected>\n Second\n </sp-action-button>\n <sp-tooltip slot=\"hover-content\">\n Not the first, not the last.\n </sp-tooltip>\n </overlay-trigger>\n <overlay-trigger>\n <sp-action-button slot=\"trigger\" class=\"third\">\n Third\n </sp-action-button>\n <sp-tooltip slot=\"hover-content\">Select me.</sp-tooltip>\n </overlay-trigger>\n </sp-action-group>\n `);\n await acceptKeyboardInput(el);\n });\n it('accepts keybord input when [dir=\"ltr\"]', async () => {\n const el = await fixture<ActionGroup>(html`\n <sp-action-group\n label=\"Selects Single Group\"\n selects=\"single\"\n dir=\"ltr\"\n >\n <sp-action-button>First</sp-action-button>\n <sp-action-button disabled>Second</sp-action-button>\n <sp-action-button class=\"third\">Third</sp-action-button>\n </sp-action-group>\n `);\n const thirdElement = el.querySelector('.third') as ActionButton;\n\n await elementUpdated(el);\n expect(el.selected.length).to.equal(0);\n\n thirdElement.focus();\n thirdElement.click();\n\n await elementUpdated(el);\n\n expect(thirdElement.selected, 'third child selected').to.be.true;\n expect(el.selected.length).to.equal(1);\n expect(el.selected[0]).to.equal('Third');\n\n el.dispatchEvent(arrowRightEvent());\n await sendKeys({ press: 'Enter' });\n\n await elementUpdated(el);\n\n expect(el.selected.length).to.equal(1);\n expect(el.selected[0]).to.equal('First');\n\n el.dispatchEvent(arrowUpEvent());\n await sendKeys({ press: 'Enter' });\n\n expect(el.selected.length).to.equal(1);\n expect(el.selected[0]).to.equal('Third');\n });\n it('processes `selects` correctly when mutations occur (because Overlays/Tooltips)', async () => {\n const test = await fixture<SpectrumElement>(controlled());\n const actionButtons = [\n ...test.shadowRoot.querySelectorAll('sp-action-button'),\n ] as ActionButton[];\n\n expect(actionButtons[0].selected).to.be.true;\n expect(actionButtons[1].selected).to.be.false;\n expect(actionButtons[2].selected).to.be.false;\n\n const changeSpy = spy();\n test.addEventListener('change', () => changeSpy());\n const rect = actionButtons[1].getBoundingClientRect();\n sendMouse({\n steps: [\n {\n position: [\n rect.left + rect.width / 2,\n rect.top + rect.height / 2,\n ],\n type: 'click',\n },\n ],\n });\n\n await aTimeout(500);\n\n expect(actionButtons[0].selected).to.be.false;\n expect(actionButtons[1].selected).to.be.true;\n expect(actionButtons[2].selected).to.be.false;\n });\n});\n"],
|
|
5
|
-
"mappings": "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",
|
|
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 aTimeout,\n elementUpdated,\n expect,\n fixture,\n html,\n nextFrame,\n oneEvent,\n waitUntil,\n} from '@open-wc/testing';\n\nimport { ActionButton } from '@spectrum-web-components/action-button';\nimport { MenuItem } from '@spectrum-web-components/menu';\nimport { ActionMenu } from '@spectrum-web-components/action-menu';\nimport '@spectrum-web-components/action-button/sp-action-button.js';\nimport '@spectrum-web-components/action-menu/sp-action-menu.js';\nimport '@spectrum-web-components/menu/sp-menu.js';\nimport '@spectrum-web-components/menu/sp-menu-item.js';\nimport '@spectrum-web-components/picker/sp-picker.js';\nimport {\n LitElement,\n SpectrumElement,\n TemplateResult,\n} from '@spectrum-web-components/base';\nimport '@spectrum-web-components/overlay/overlay-trigger.js';\nimport '@spectrum-web-components/tooltip/sp-tooltip.js';\nimport { ActionGroup } from '@spectrum-web-components/action-group';\nimport {\n arrowDownEvent,\n arrowLeftEvent,\n arrowRightEvent,\n arrowUpEvent,\n endEvent,\n homeEvent,\n testForLitDevWarnings,\n} from '../../../test/testing-helpers';\nimport { sendKeys } from '@web/test-runner-commands';\nimport '@spectrum-web-components/action-group/sp-action-group.js';\nimport { controlled } from '../stories/action-group-tooltip.stories.js';\nimport { spy } from 'sinon';\nimport { sendMouse } from '../../../test/plugins/browser.js';\nimport { HasActionMenuAsChild } from '../stories/action-group.stories.js';\nimport '../stories/action-group.stories.js';\nimport { isWebKit } from '@spectrum-web-components/shared';\nimport sinon from 'sinon';\n\nclass QuietActionGroup extends LitElement {\n protected override render(): TemplateResult {\n return html`\n <sp-action-group quiet>\n <slot name=\"first\"></slot>\n <slot name=\"second\"></slot>\n </sp-action-group>\n `;\n }\n}\ncustomElements.define('quiet-action-group', QuietActionGroup);\n\nclass EmphasizedActionGroup extends LitElement {\n protected override render(): TemplateResult {\n return html`\n <sp-action-group emphasized>\n <slot name=\"first\"></slot>\n <slot name=\"second\"></slot>\n </sp-action-group>\n `;\n }\n}\ncustomElements.define('emphasized-action-group', EmphasizedActionGroup);\n\nasync function singleSelectedActionGroup(\n selected: string[]\n): Promise<ActionGroup> {\n const el = await fixture<ActionGroup>(html`\n <sp-action-group\n label=\"Selects User-Chosen Buttons\"\n selects=\"single\"\n .selected=${selected}\n >\n <sp-action-button value=\"first\" class=\"first\">\n First\n </sp-action-button>\n <sp-action-button value=\"second\" class=\"second\">\n <div slot=\"icon\" style=\"width: 10px; height: 10px;\"></div>\n Second\n </sp-action-button>\n </sp-action-group>\n `);\n return el;\n}\n\nasync function multipleSelectedActionGroup(\n selected: string[]\n): Promise<ActionGroup> {\n const el = await fixture<ActionGroup>(html`\n <sp-action-group\n label=\"Selects User-Chosen Buttons\"\n selects=\"multiple\"\n .selected=${selected}\n >\n <sp-action-button value=\"first\" class=\"first\">\n First\n </sp-action-button>\n <sp-action-button value=\"second\" class=\"second\">\n Second\n </sp-action-button>\n </sp-action-group>\n `);\n return el;\n}\n\ndescribe('ActionGroup', () => {\n it('does not throw an error if slotElement is null', async () => {\n // To verify that this test is not evergreen, you can temporarily disable the safeguard\n // clause in `manageButtons` by commenting out the following lines:\n // if (!this.slotElement) { return; }\n\n const el = await fixture<ActionGroup>(html`\n <sp-action-group>\n <sp-action-button value=\"first\">First</sp-action-button>\n <sp-action-button value=\"second\">Second</sp-action-button>\n </sp-action-group>\n `);\n\n // Stub the slotElement getter to return null\n const slotElementStub = sinon.stub(el, 'slotElement').get(() => null);\n await elementUpdated(el);\n\n // trigger a slotchange event\n while (el.firstChild) {\n el.removeChild(el.firstChild);\n }\n await elementUpdated(el);\n expect(el.children.length).to.equal(0);\n slotElementStub.restore();\n });\n\n it('loads empty action-group accessibly', async () => {\n const el = await fixture<ActionGroup>(html`\n <sp-action-group></sp-action-group>\n `);\n\n await elementUpdated(el);\n\n await expect(el).to.be.accessible();\n });\n\n it('loads action-group with action-menu accessibly', async () => {\n const el = await fixture<ActionGroup>(\n HasActionMenuAsChild({ label: 'Action Group' })\n );\n\n await elementUpdated(el);\n\n await nextFrame();\n await nextFrame();\n await nextFrame();\n await nextFrame();\n\n await expect(el).to.be.accessible();\n });\n\n it('action-group with action-menu manages tabIndex correctly while using keyboard', async () => {\n const el = await fixture<ActionGroup>(\n HasActionMenuAsChild({ label: 'Action Group' })\n );\n\n await elementUpdated(el);\n\n await nextFrame();\n await nextFrame();\n await nextFrame();\n await nextFrame();\n\n // press Tab to focus into the action-group\n await sendKeys({ press: 'Tab' });\n\n await elementUpdated(el);\n\n // expect the first button to be focused\n expect(document.activeElement?.id).to.equal('first');\n\n // expect all the elements of the focus group to have a tabIndex of -1 except the first button because it is focused using Tab\n expect((el.children[0] as ActionButton)?.tabIndex).to.equal(0);\n expect((el.children[1] as ActionButton)?.tabIndex).to.equal(-1);\n expect((el.children[2] as ActionButton)?.tabIndex).to.equal(-1);\n expect((el.children[3] as ActionMenu)?.tabIndex).to.equal(-1);\n\n // navigate to the action-menu using the arrow keys\n await sendKeys({ press: 'ArrowRight' });\n await sendKeys({ press: 'ArrowRight' });\n await sendKeys({ press: 'ArrowRight' });\n\n await elementUpdated(el);\n\n // expect the action-menu to be focused\n expect((el.children[3] as ActionMenu)?.focused).to.be.true;\n\n // press Enter to open the action-menu\n await sendKeys({ press: 'Enter' });\n\n const opened = oneEvent(el.children[3] as ActionMenu, 'sp-opened');\n await elementUpdated(el.children[3]);\n await opened;\n\n // expect the first menu item to be focused\n const firstMenuItem = el.querySelector('#first-menu-item') as MenuItem;\n expect(firstMenuItem?.focused).to.be.true;\n\n // navigate to the fourth menu item using the arrow keys\n await sendKeys({ press: 'ArrowDown' });\n await sendKeys({ press: 'ArrowDown' });\n await sendKeys({ press: 'ArrowDown' });\n\n // press Enter to select the fourth menu item\n await sendKeys({ press: 'Enter' });\n\n await elementUpdated(el.children[3]);\n\n await nextFrame();\n await nextFrame();\n await nextFrame();\n await nextFrame();\n\n // expect the second submenu item to be focused\n const secondSubMenuItem = el.querySelector(\n '#second-sub-menu-item'\n ) as MenuItem;\n expect(secondSubMenuItem?.focused).to.be.true;\n\n // press Enter to select the second submenu item\n await sendKeys({ press: 'Enter' });\n\n const closed = oneEvent(el.children[3] as ActionMenu, 'sp-closed');\n await elementUpdated(el.children[3]);\n\n await closed;\n\n // expect the action-menu to be focused\n expect((el.children[3] as ActionMenu)?.focused).to.be.true;\n });\n\n it('action-group with action-menu manages tabIndex correctly while using mouse', async () => {\n const el = await fixture<ActionGroup>(\n HasActionMenuAsChild({ label: 'Action Group' })\n );\n\n await elementUpdated(el);\n\n await aTimeout(500);\n\n // get the bounding box of the first button\n const firstButton = el.querySelector('#first') as ActionButton;\n const rect = firstButton.getBoundingClientRect();\n sendMouse({\n steps: [\n {\n position: [\n rect.left + rect.width / 2,\n rect.top + rect.height / 2,\n ],\n type: 'click',\n },\n ],\n });\n\n await elementUpdated(el);\n await aTimeout(500);\n\n // expect all the elements of the focus group to have a tabIndex of -1 except the first button because it is focused using mouse\n expect((el.children[0] as ActionButton)?.tabIndex).to.equal(0);\n expect((el.children[1] as ActionButton)?.tabIndex).to.equal(-1);\n expect((el.children[2] as ActionButton)?.tabIndex).to.equal(-1);\n expect((el.children[3] as ActionMenu)?.tabIndex).to.equal(-1);\n\n // click outside the action-group and it should loose focus and update the tabIndexes\n sendMouse({\n steps: [\n {\n position: [0, 0],\n type: 'click',\n },\n ],\n });\n\n await elementUpdated(el);\n await aTimeout(500);\n\n // expect the first button to have a tabIndex of 0 and everything else to have a tabIndex of -1\n expect((el.children[0] as ActionButton)?.tabIndex).to.equal(0);\n expect((el.children[1] as ActionButton)?.tabIndex).to.equal(-1);\n expect((el.children[2] as ActionButton)?.tabIndex).to.equal(-1);\n expect((el.children[3] as ActionMenu)?.tabIndex).to.equal(-1);\n\n // get the bounding box of the action-menu\n const actionMenu = el.querySelector('#action-menu') as ActionMenu;\n const actionMenuRect = actionMenu.getBoundingClientRect();\n sendMouse({\n steps: [\n {\n position: [\n actionMenuRect.left + actionMenuRect.width / 2,\n actionMenuRect.top + actionMenuRect.height / 2,\n ],\n type: 'click',\n },\n ],\n });\n\n await elementUpdated(el);\n\n const opened = oneEvent(el.children[3] as ActionMenu, 'sp-opened');\n await opened;\n\n // use keyboard to navigate to the second menu item and select it\n await sendKeys({ press: 'ArrowDown' });\n await sendKeys({ press: 'Enter' });\n\n const closed = oneEvent(el.children[3] as ActionMenu, 'sp-closed');\n await closed;\n\n if (!isWebKit()) {\n sendMouse({\n steps: [\n {\n position: [0, 0],\n type: 'click',\n },\n ],\n });\n }\n\n await aTimeout(500);\n\n expect((el.children[0] as ActionButton)?.tabIndex).to.equal(0);\n expect((el.children[1] as ActionButton)?.tabIndex).to.equal(-1);\n expect((el.children[2] as ActionButton)?.tabIndex).to.equal(-1);\n expect((el.children[3] as ActionMenu)?.tabIndex).to.equal(-1);\n });\n\n testForLitDevWarnings(\n async () =>\n await fixture<ActionGroup>(html`\n <sp-action-group aria-label=\"Default Group\">\n <sp-action-button>First</sp-action-button>\n <sp-action-button>Second</sp-action-button>\n <sp-action-button>Third</sp-action-button>\n </sp-action-group>\n `)\n );\n it('loads default action-group accessibly', async () => {\n const el = await fixture<ActionGroup>(html`\n <sp-action-group aria-label=\"Default Group\">\n <sp-action-button>First</sp-action-button>\n <sp-action-button>Second</sp-action-button>\n <sp-action-button>Third</sp-action-button>\n </sp-action-group>\n `);\n\n await elementUpdated(el);\n\n await expect(el).to.be.accessible();\n expect(el.getAttribute('aria-label')).to.equal('Default Group');\n expect(el.getAttribute('role')).to.equal('toolbar');\n expect(el.children[0].getAttribute('role')).to.equal('button');\n });\n it('applies `static-color` attribute to its children', async () => {\n const el = await fixture<ActionGroup>(html`\n <sp-action-group static-color=\"white\">\n <sp-action-button id=\"first\">First</sp-action-button>\n <sp-action-button id=\"second\">Second</sp-action-button>\n </sp-action-group>\n `);\n const firstButton = el.querySelector('#first') as ActionButton;\n const secondButton = el.querySelector('#second') as ActionButton;\n\n await elementUpdated(el);\n\n expect(firstButton.staticColor).to.equal('white');\n expect(secondButton.staticColor).to.equal('white');\n\n el.staticColor = undefined;\n\n await elementUpdated(el);\n\n expect(firstButton.staticColor).to.be.undefined;\n expect(secondButton.staticColor).to.be.undefined;\n });\n it('manages \"label\"', async () => {\n const testLabel = 'Testable action group';\n const el = await fixture<ActionGroup>(html`\n <sp-action-group label=${testLabel}>\n <sp-action-button id=\"first\">First</sp-action-button>\n <sp-action-button id=\"second\">Second</sp-action-button>\n </sp-action-group>\n `);\n\n expect(el.getAttribute('aria-label')).to.equal(testLabel);\n\n el.label = '';\n\n await elementUpdated(el);\n\n expect(el.hasAttribute('aria-label')).to.be.false;\n });\n it('applies `quiet` attribute to its children', async () => {\n const el = await fixture<ActionGroup>(html`\n <sp-action-group quiet>\n <sp-action-button id=\"first\">First</sp-action-button>\n <sp-action-button id=\"second\">Second</sp-action-button>\n </sp-action-group>\n `);\n const firstButton = el.querySelector('#first') as ActionButton;\n const secondButton = el.querySelector('#second') as ActionButton;\n\n await elementUpdated(el);\n\n expect(firstButton.hasAttribute('quiet')).to.be.true;\n expect(firstButton.quiet).to.be.true;\n expect(secondButton.hasAttribute('quiet')).to.be.true;\n expect(secondButton.quiet).to.be.true;\n });\n it('applies `quiet` attribute to its slotted children', async () => {\n const el = await fixture<ActionGroup>(html`\n <quiet-action-group>\n <sp-action-button slot=\"first\" id=\"first\">\n First\n </sp-action-button>\n <sp-action-button slot=\"second\" id=\"second\">\n Second\n </sp-action-button>\n </quiet-action-group>\n `);\n const firstButton = el.querySelector('#first') as ActionButton;\n const secondButton = el.querySelector('#second') as ActionButton;\n\n await elementUpdated(el);\n\n expect(firstButton.hasAttribute('quiet')).to.be.true;\n expect(firstButton.quiet).to.be.true;\n expect(secondButton.hasAttribute('quiet')).to.be.true;\n expect(secondButton.quiet).to.be.true;\n });\n it('applies `emphasized` attribute to its slotted children', async () => {\n const el = await fixture<ActionGroup>(html`\n <emphasized-action-group>\n <sp-action-button slot=\"first\" id=\"first\">\n First\n </sp-action-button>\n <sp-action-button slot=\"second\" id=\"second\">\n Second\n </sp-action-button>\n </emphasized-action-group>\n `);\n const firstButton = el.querySelector('#first') as ActionButton;\n const secondButton = el.querySelector('#second') as ActionButton;\n\n await elementUpdated(el);\n\n expect(firstButton.hasAttribute('emphasized')).to.be.true;\n expect(firstButton.emphasized).to.be.true;\n expect(secondButton.hasAttribute('emphasized')).to.be.true;\n expect(secondButton.emphasized).to.be.true;\n });\n it('applies `quiet` attribute to slotted children with overlays', async () => {\n const el = await fixture<ActionGroup>(html`\n <quiet-action-group>\n <overlay-trigger slot=\"first\">\n <sp-action-button slot=\"trigger\" id=\"first\">\n First\n </sp-action-button>\n </overlay-trigger>\n <overlay-trigger slot=\"second\">\n <sp-action-button slot=\"trigger\" id=\"second\">\n Second\n </sp-action-button>\n </overlay-trigger>\n </quiet-action-group>\n `);\n const firstButton = el.querySelector('#first') as ActionButton;\n const secondButton = el.querySelector('#second') as ActionButton;\n\n await elementUpdated(el);\n\n expect(firstButton.hasAttribute('quiet')).to.be.true;\n expect(firstButton.quiet).to.be.true;\n expect(secondButton.hasAttribute('quiet')).to.be.true;\n expect(secondButton.quiet).to.be.true;\n });\n it('applies `emphasized` attribute to slotted children with overlays', async () => {\n const el = await fixture<ActionGroup>(html`\n <emphasized-action-group>\n <overlay-trigger slot=\"first\">\n <sp-action-button slot=\"trigger\" id=\"first\">\n First\n </sp-action-button>\n </overlay-trigger>\n <overlay-trigger slot=\"second\">\n <sp-action-button slot=\"trigger\" id=\"second\">\n Second\n </sp-action-button>\n </overlay-trigger>\n </emphasized-action-group>\n `);\n const firstButton = el.querySelector('#first') as ActionButton;\n const secondButton = el.querySelector('#second') as ActionButton;\n\n await elementUpdated(el);\n\n expect(firstButton.hasAttribute('emphasized')).to.be.true;\n expect(firstButton.emphasized).to.be.true;\n expect(secondButton.hasAttribute('emphasized')).to.be.true;\n expect(secondButton.emphasized).to.be.true;\n });\n it('loads [selects=\"single\"] action-group accessibly', async () => {\n const el = await fixture<ActionGroup>(html`\n <sp-action-group label=\"Selects Single Group\" selects=\"single\">\n <sp-action-button>First</sp-action-button>\n <sp-action-button>Second</sp-action-button>\n <sp-action-button>Third</sp-action-button>\n </sp-action-group>\n `);\n\n await elementUpdated(el);\n\n await expect(el).to.be.accessible();\n expect(el.getAttribute('aria-label')).to.equal('Selects Single Group');\n expect(el.getAttribute('role')).to.equal('radiogroup');\n expect(el.children[0].getAttribute('role')).to.equal('radio');\n });\n it('loads [selects=\"single\"] action-group w/ selection accessibly', async () => {\n const el = await fixture<ActionGroup>(html`\n <sp-action-group label=\"Selects Single Group\" selects=\"single\">\n <sp-action-button>First</sp-action-button>\n <sp-action-button>Second</sp-action-button>\n <sp-action-button selected>Third</sp-action-button>\n </sp-action-group>\n `);\n\n await elementUpdated(el);\n\n await expect(el).to.be.accessible();\n });\n it('loads [selects=\"multiple\"] action-group accessibly', async () => {\n const el = await fixture<ActionGroup>(html`\n <sp-action-group label=\"Selects Multiple Group\" selects=\"multiple\">\n <sp-action-button>First</sp-action-button>\n <sp-action-button>Second</sp-action-button>\n <sp-action-button>Third</sp-action-button>\n </sp-action-group>\n `);\n\n await elementUpdated(el);\n\n await expect(el).to.be.accessible();\n expect(el.getAttribute('aria-label')).to.equal(\n 'Selects Multiple Group'\n );\n expect(el.getAttribute('role')).to.equal('toolbar');\n expect(el.children[0].getAttribute('role')).to.equal('checkbox');\n });\n it('loads [selects=\"multiple\"] action-group w/ selection accessibly', async () => {\n const el = await fixture<ActionGroup>(html`\n <sp-action-group label=\"Selects Multiple Group\" selects=\"multiple\">\n <sp-action-button>First</sp-action-button>\n <sp-action-button selected>Second</sp-action-button>\n <sp-action-button selected>Third</sp-action-button>\n </sp-action-group>\n `);\n\n await elementUpdated(el);\n\n await expect(el).to.be.accessible();\n });\n it('sets tab stop when [selects=\"single\"] and the initial button is [disabled]', async () => {\n const el = await fixture<ActionGroup>(html`\n <sp-action-group label=\"Selects Single Group\" selects=\"single\">\n <sp-action-button disabled>First</sp-action-button>\n <sp-action-button class=\"second\">Second</sp-action-button>\n <sp-action-button>Third</sp-action-button>\n </sp-action-group>\n `);\n const secondButton = el.querySelector('.second') as ActionButton;\n\n await elementUpdated(el);\n\n expect(secondButton.hasAttribute('tabindex'));\n expect(secondButton.getAttribute('tabindex')).to.equal('0');\n });\n it('surfaces [selects=\"single\"] selection', async () => {\n const el = await fixture<ActionGroup>(html`\n <sp-action-group label=\"Selects Single Group\" selects=\"single\">\n <sp-action-button>First</sp-action-button>\n <sp-action-button>Second</sp-action-button>\n <sp-action-button selected>Third</sp-action-button>\n </sp-action-group>\n `);\n\n await elementUpdated(el);\n\n expect(el.selected, '\"Third\" selected').to.deep.equal(['Third']);\n });\n it('manages [selects=\"single\"] selection through multiple slots', async () => {\n const test = await fixture<HTMLDivElement>(html`\n <div>\n <sp-action-button>First</sp-action-button>\n <sp-action-button>Second</sp-action-button>\n <sp-action-button selected>Third</sp-action-button>\n </div>\n `);\n\n const firstItem = test.querySelector(\n 'sp-action-button'\n ) as ActionButton;\n const thirdItem = test.querySelector(\n 'sp-action-button[selected]'\n ) as ActionButton;\n\n const shadowRoot = test.attachShadow({ mode: 'open' });\n shadowRoot.innerHTML = `\n <sp-action-group label=\"Selects Single Group\" selects=\"single\">\n <slot></slot>\n </sp-action-group>\n `;\n\n const el = shadowRoot.querySelector('sp-action-group') as ActionGroup;\n await elementUpdated(el);\n\n expect(el.selected, '\"Third\" selected').to.deep.equal(['Third']);\n expect(firstItem.selected).to.be.false;\n expect(thirdItem.selected).to.be.true;\n\n firstItem.click();\n await elementUpdated(el);\n\n expect(el.selected, '\"First\" selected').to.deep.equal(['First']);\n expect(firstItem.selected).to.be.true;\n expect(thirdItem.selected).to.be.false;\n });\n it('surfaces [selects=\"multiple\"] selection', async () => {\n const el = await fixture<ActionGroup>(html`\n <sp-action-group label=\"Selects Multiple Group\" selects=\"multiple\">\n <sp-action-button>First</sp-action-button>\n <sp-action-button selected>Second</sp-action-button>\n <sp-action-button selected>Third</sp-action-button>\n </sp-action-group>\n `);\n\n await elementUpdated(el);\n\n expect(el.selected, '\"Second\" and \"Third\" selected').to.deep.equal([\n 'Second',\n 'Third',\n ]);\n });\n it('does not select without [selects]', async () => {\n const el = await fixture<ActionGroup>(html`\n <sp-action-group label=\"No Selects Group\">\n <sp-action-button>First</sp-action-button>\n <sp-action-button selected>Second</sp-action-button>\n <sp-action-button class=\"third\">Third</sp-action-button>\n </sp-action-group>\n `);\n const thirdElement = el.querySelector('.third') as ActionButton;\n\n await elementUpdated(el);\n expect(el.selected.length).to.equal(1);\n\n thirdElement.click();\n\n await elementUpdated(el);\n\n expect(el.selected.length).to.equal(1);\n });\n it('selects via `click` while [selects=\"single\"]', async () => {\n const el = await fixture<ActionGroup>(html`\n <sp-action-group label=\"Selects Single Group\" selects=\"single\">\n <sp-action-button value=\"first\">First</sp-action-button>\n <sp-action-button value=\"second\" selected>\n Second\n </sp-action-button>\n <sp-action-button value=\"third\" class=\"third\">\n Third\n </sp-action-button>\n </sp-action-group>\n `);\n const thirdElement = el.querySelector('.third') as ActionButton;\n\n await elementUpdated(el);\n expect(el.selected.length).to.equal(1);\n expect(el.selected.includes('second'));\n\n thirdElement.click();\n\n await elementUpdated(el);\n\n expect(thirdElement.selected, 'third child selected').to.be.true;\n\n await waitUntil(\n () => el.selected.length === 1 && el.selected.includes('third'),\n 'Updates value of `selected`'\n );\n });\n it('selects via `click` while [selects=\"multiple\"] selection', async () => {\n const el = await fixture<ActionGroup>(html`\n <sp-action-group label=\"Selects Multiple Group\" selects=\"multiple\">\n <sp-action-button selected class=\"first\">\n First\n </sp-action-button>\n <sp-action-button class=\"second\">Second</sp-action-button>\n <sp-action-button class=\"third\">Third</sp-action-button>\n </sp-action-group>\n `);\n const firstElement = el.querySelector('.first') as ActionButton;\n const secondElement = el.querySelector('.second') as ActionButton;\n const thirdElement = el.querySelector('.third') as ActionButton;\n\n await elementUpdated(el);\n expect(el.selected.length).to.equal(1);\n expect(el.selected.includes('First'));\n\n firstElement.click();\n secondElement.click();\n thirdElement.click();\n\n await elementUpdated(el);\n\n expect(secondElement.selected, 'second child selected').to.be.true;\n expect(thirdElement.selected, 'third child selected').to.be.true;\n\n await waitUntil(\n () =>\n el.selected.length === 2 &&\n el.selected.includes('Second') &&\n el.selected.includes('Third'),\n 'Updates value of `selected`'\n );\n });\n it('consumes descendant `change` events when `[selects]`', async () => {\n const changeSpy = spy();\n const el = await fixture<ActionGroup>(html`\n <sp-action-group\n @change=${() => changeSpy()}\n label=\"Selects Single Group\"\n selects=\"single\"\n >\n <sp-action-button toggles value=\"first\">First</sp-action-button>\n <sp-action-button toggles value=\"second\" selected>\n Second\n </sp-action-button>\n <sp-action-button toggles value=\"third\" class=\"third\">\n Third\n </sp-action-button>\n </sp-action-group>\n `);\n const thirdElement = el.querySelector('.third') as ActionButton;\n\n await elementUpdated(el);\n expect(el.selected.length).to.equal(1);\n expect(el.selected.includes('second'));\n expect(changeSpy.callCount).to.equal(0);\n\n thirdElement.click();\n\n await elementUpdated(el);\n\n expect(thirdElement.selected, 'third child selected').to.be.true;\n expect(changeSpy.callCount).to.equal(1);\n\n await waitUntil(\n () => el.selected.length === 1 && el.selected.includes('third'),\n 'Updates value of `selected`'\n );\n });\n it('does not respond to clicks on itself', async () => {\n const el = await fixture<ActionGroup>(html`\n <sp-action-group label=\"Selects Single Group\" selects=\"single\">\n <sp-action-button>First</sp-action-button>\n <sp-action-button>Second</sp-action-button>\n <sp-action-button class=\"third\">Third</sp-action-button>\n </sp-action-group>\n `);\n await elementUpdated(el);\n expect(el.selected.length).to.equal(0);\n\n el.click();\n\n await elementUpdated(el);\n\n expect(el.selected.length).to.equal(0);\n });\n it('selection can be prevented', async () => {\n const el = await fixture<ActionGroup>(html`\n <sp-action-group\n label=\"Selects Single Group\"\n selects=\"single\"\n @change=${(event: Event): void => {\n event.preventDefault();\n }}\n >\n <sp-action-button>First</sp-action-button>\n <sp-action-button>Second</sp-action-button>\n <sp-action-button class=\"third\">Third</sp-action-button>\n </sp-action-group>\n `);\n const thirdElement = el.querySelector('.third') as ActionButton;\n\n await elementUpdated(el);\n expect(el.selected.length).to.equal(0);\n\n thirdElement.click();\n\n await elementUpdated(el);\n\n expect(thirdElement.selected, 'third child not selected').to.be.false;\n expect(el.selected.length).to.equal(0);\n });\n\n it('selects user-passed value while [selects=\"single\"]', async () => {\n const el = await singleSelectedActionGroup(['first']);\n await elementUpdated(el);\n expect(el.selected.length).to.equal(1);\n\n const firstButton = el.querySelector('.first') as ActionButton;\n const secondButton = el.querySelector('.second') as ActionButton;\n expect(firstButton.selected, 'first button selected').to.be.true;\n expect(secondButton.selected, 'second button not selected').to.be.false;\n\n secondButton.click();\n await elementUpdated(el);\n\n expect(el.selected.length).to.equal(1);\n expect(firstButton.selected, 'first button not selected').to.be.false;\n expect(secondButton.selected, 'second button selected').to.be.true;\n });\n\n it('selects can be updated while [selects=\"single\"]', async () => {\n const el = await singleSelectedActionGroup(['first']);\n await elementUpdated(el);\n expect(el.selected.length).to.equal(1);\n\n const firstButton = el.querySelector('.first') as ActionButton;\n const secondButton = el.querySelector('.second') as ActionButton;\n expect(firstButton.selected, 'first button selected').to.be.true;\n expect(secondButton.selected, 'second button not selected').to.be.false;\n\n el.selected = ['second'];\n await elementUpdated(el);\n\n expect(el.selected.length).to.equal(1);\n expect(firstButton.selected, 'first button not selected').to.be.false;\n expect(secondButton.selected, 'second button selected').to.be.true;\n });\n\n it('does not allow interaction with child content to interrupt the selection mechanism', async () => {\n const el = await singleSelectedActionGroup([]);\n await elementUpdated(el);\n expect(el.selected.length).to.equal(0);\n\n const firstButton = el.querySelector('.first') as ActionButton;\n const secondButton = el.querySelector('.second') as ActionButton;\n const icon = secondButton.querySelector('[slot=icon]') as HTMLElement;\n expect(firstButton.selected, 'first button selected').to.be.false;\n expect(secondButton.selected, 'second button not selected').to.be.false;\n\n secondButton.click();\n await elementUpdated(el);\n\n expect(el.selected.length).to.equal(1);\n expect(el.selected).to.deep.equal(['second']);\n expect(firstButton.selected, 'first button not selected').to.be.false;\n expect(secondButton.selected, 'second button selected').to.be.true;\n\n firstButton.click();\n await elementUpdated(el);\n\n expect(el.selected.length).to.equal(1);\n expect(el.selected).to.deep.equal(['first']);\n expect(firstButton.selected, 'first button selected').to.be.true;\n expect(secondButton.selected, 'second button not selected').to.be.false;\n\n const rect = icon.getBoundingClientRect();\n await sendMouse({\n steps: [\n {\n type: 'click',\n position: [\n rect.left + rect.width / 2,\n rect.top + rect.height / 2,\n ],\n },\n ],\n });\n icon.click();\n await elementUpdated(el);\n\n expect(el.selected.length).to.equal(1);\n expect(el.selected).to.deep.equal(['second']);\n expect(firstButton.selected, 'first button not selected').to.be.false;\n expect(secondButton.selected, 'second button selected').to.be.true;\n });\n\n it('selects user-passed value while [selects=\"multiple\"]', async () => {\n const el = await fixture<ActionGroup>(html`\n <sp-action-group\n label=\"Selects Multiple Group\"\n selects=\"multiple\"\n .selected=${['first', 'second']}\n >\n <sp-action-button class=\"first\" value=\"first\">\n First\n </sp-action-button>\n <sp-action-button class=\"second\" value=\"second\">\n Second\n </sp-action-button>\n <sp-action-button class=\"third \" value=\"third\">\n Third\n </sp-action-button>\n </sp-action-group>\n `);\n\n await elementUpdated(el);\n\n await Promise.all(el.buttons.map((button) => elementUpdated(button)));\n\n const firstButton = el.querySelector('.first') as ActionButton;\n const secondButton = el.querySelector('.second') as ActionButton;\n const thirdButton = el.querySelector('.third') as ActionButton;\n\n expect(el.selected.length).to.equal(2);\n expect(firstButton.selected, 'first button selected').to.be.true;\n expect(secondButton.selected, 'second button selected').to.be.true;\n expect(thirdButton.selected, 'third button not selected').to.be.false;\n\n thirdButton.click();\n await elementUpdated(el);\n\n expect(el.selected.length).to.equal(3);\n expect(firstButton.selected, 'first button selected').to.be.true;\n expect(secondButton.selected, 'second button selected').to.be.true;\n expect(thirdButton.selected, 'third button selected').to.be.true;\n\n firstButton.click();\n await elementUpdated(el);\n\n expect(el.selected.length).to.equal(2);\n expect(firstButton.selected, 'first button not selected').to.be.false;\n expect(secondButton.selected, 'second button selected').to.be.true;\n expect(thirdButton.selected, 'third button selected').to.be.true;\n });\n\n it('selects can be updated while [selects=\"multiple\"]', async () => {\n const el = await fixture<ActionGroup>(html`\n <sp-action-group\n label=\"Selects Multiple Group\"\n selects=\"multiple\"\n .selected=${['first', 'second']}\n >\n <sp-action-button class=\"first\" value=\"first\">\n First\n </sp-action-button>\n <sp-action-button class=\"second\" value=\"second\">\n Second\n </sp-action-button>\n <sp-action-button class=\"third \" value=\"third\">\n Third\n </sp-action-button>\n </sp-action-group>\n `);\n\n await elementUpdated(el);\n\n await Promise.all(el.buttons.map((button) => elementUpdated(button)));\n\n const firstButton = el.querySelector('.first') as ActionButton;\n const secondButton = el.querySelector('.second') as ActionButton;\n const thirdButton = el.querySelector('.third') as ActionButton;\n\n expect(el.selected.length).to.equal(2);\n expect(firstButton.selected, 'first button selected').to.be.true;\n expect(secondButton.selected, 'second button selected').to.be.true;\n expect(thirdButton.selected, 'third button not selected').to.be.false;\n\n el.selected = ['first', 'second', 'third'];\n await elementUpdated(el);\n\n expect(el.selected.length).to.equal(3);\n expect(firstButton.selected, 'first button selected').to.be.true;\n expect(secondButton.selected, 'second button selected').to.be.true;\n expect(thirdButton.selected, 'third button selected').to.be.true;\n\n el.selected = ['second', 'third'];\n await elementUpdated(el);\n\n expect(el.selected.length, JSON.stringify(el.selected)).to.equal(2);\n expect(firstButton.selected, 'first button not selected').to.be.false;\n expect(secondButton.selected, 'second button selected').to.be.true;\n expect(thirdButton.selected, 'third button selected').to.be.true;\n });\n\n it('selects multiple user-passed values while [selects=\"single\"], but then proceeds with radio-button style functionality', async () => {\n const el = await singleSelectedActionGroup(['first', 'second']);\n await elementUpdated(el);\n expect(el.selected.length).to.equal(2);\n\n const firstButton = el.querySelector('.first') as ActionButton;\n const secondButton = el.querySelector('.second') as ActionButton;\n expect(firstButton.selected, 'first button selected').to.be.true;\n expect(secondButton.selected, 'second button selected').to.be.true;\n\n secondButton.click();\n await elementUpdated(el);\n\n expect(el.selected.length).to.equal(1);\n expect(firstButton.selected, 'first button selected').to.be.false;\n expect(secondButton.selected, 'second button selected').to.be.true;\n });\n\n it('Clicking button event should bubble up from inner label to outer button element', async () => {\n const el = await fixture<ActionGroup>(html`\n <sp-action-group\n label=\"Selects Multiple Group\"\n selects=\"multiple\"\n .selected=${['first', 'second']}\n >\n <sp-action-button class=\"first\" value=\"first\">\n First\n </sp-action-button>\n <sp-action-button class=\"second\" value=\"second\">\n Second\n </sp-action-button>\n </sp-action-group>\n `);\n\n await elementUpdated(el);\n expect(el.selected.length).to.equal(2);\n\n const firstButtonEl = el.querySelector('.first') as ActionButton;\n const firstSpanEl = firstButtonEl.shadowRoot.querySelector(\n '#label'\n ) as HTMLSpanElement;\n const secondButtonEl = el.querySelector('.second') as ActionButton;\n\n expect(firstButtonEl.selected, 'first button selected').to.be.true;\n expect(secondButtonEl.selected, 'second button selected').to.be.true;\n\n firstSpanEl.click(); // clicking inner span bubbles up and fires outer button click\n await elementUpdated(el);\n\n expect(firstButtonEl.selected, 'first button selected').to.be.false;\n expect(secondButtonEl.selected, 'second button selected').to.be.true;\n\n firstButtonEl.click(); // clicking outer action-button element fires own click event\n await elementUpdated(el);\n\n expect(firstButtonEl.selected, 'first button selected').to.be.true;\n expect(secondButtonEl.selected, 'second button selected').to.be.true;\n });\n\n it('only selects user-passed buttons if present in action-group while [selects=\"multiple\"]', async () => {\n const el = await multipleSelectedActionGroup(['second', 'fourth']);\n\n await elementUpdated(el);\n expect(el.selected.length).to.equal(1);\n const secondButton = el.querySelector('.second') as ActionButton;\n expect(secondButton.selected, 'second button selected').to.be.true;\n\n const firstButton = el.querySelector('.first') as ActionButton;\n expect(firstButton.selected, 'first button selected').to.be.false;\n });\n\n it('selects user-passed values with no .selects value, but does not allow interaction afterwards', async () => {\n const el = await fixture<ActionGroup>(html`\n <sp-action-group\n label=\"Selects User-Chosen Buttons\"\n .selected=${['first']}\n >\n <sp-action-button value=\"first\" class=\"first\">\n First\n </sp-action-button>\n <sp-action-button value=\"second\" class=\"second\">\n Second\n </sp-action-button>\n </sp-action-group>\n `);\n\n await elementUpdated(el);\n expect(el.selected.length).to.equal(1);\n const firstButton = el.querySelector('.first') as ActionButton;\n const secondButton = el.querySelector('.second') as ActionButton;\n expect(firstButton.selected, 'first button selected').to.be.true;\n expect(secondButton.selected, 'second button selected').to.be.false;\n\n secondButton.click();\n await elementUpdated(el);\n\n expect(el.selected.length).to.equal(1);\n expect(firstButton.selected, 'first button selected').to.be.true;\n expect(secondButton.selected, 'second button selected').to.be.false;\n });\n\n it('selects multiple buttons if .selected is passed in, but does not allow further interaction afterwards', async () => {\n const el = await fixture<ActionGroup>(html`\n <sp-action-group\n label=\"Selects User-Chosen Buttons\"\n .selected=${['first', 'second']}\n >\n <sp-action-button class=\"first\" value=\"first\">\n First\n </sp-action-button>\n <sp-action-button class=\"second\" value=\"second\">\n Second\n </sp-action-button>\n </sp-action-group>\n `);\n\n await elementUpdated(el);\n expect(el.getAttribute('role')).to.equal('toolbar');\n expect(el.selected.length).to.equal(2);\n\n const firstButton = el.querySelector('.first') as ActionButton;\n expect(firstButton.selected, 'first button selected').to.be.true;\n expect(firstButton.hasAttribute('aria-checked')).to.be.false;\n expect(\n firstButton.getAttribute('aria-pressed'),\n 'first button aria-pressed'\n ).to.eq('true');\n expect(firstButton.getAttribute('role'), 'first button role').to.eq(\n 'button'\n );\n\n const secondButton = el.querySelector('.second') as ActionButton;\n expect(secondButton.selected, 'second button selected').to.be.true;\n expect(secondButton.hasAttribute('aria-checked')).to.be.false;\n expect(\n secondButton.getAttribute('aria-pressed'),\n 'second button aria-pressed'\n ).to.eq('true');\n expect(secondButton.getAttribute('role'), 'first button role').to.eq(\n 'button'\n );\n\n firstButton.click();\n await elementUpdated(el);\n\n expect(el.selected.length).to.equal(2);\n expect(firstButton.selected, 'first button selected').to.be.true;\n expect(firstButton.hasAttribute('aria-checked')).to.be.false;\n expect(\n firstButton.getAttribute('aria-pressed'),\n 'first button aria-pressed'\n ).to.eq('true');\n expect(firstButton.getAttribute('role'), 'first button role').to.eq(\n 'button'\n );\n\n expect(secondButton.selected, 'second button selected').to.be.true;\n expect(secondButton.hasAttribute('aria-checked')).to.be.false;\n expect(\n secondButton.getAttribute('aria-pressed'),\n 'second button aria-pressed'\n ).to.eq('true');\n expect(secondButton.getAttribute('role'), 'first button role').to.eq(\n 'button'\n );\n });\n\n it('will not change .selected state if event is prevented while [selects=\"multiple\"]', async () => {\n const el = await fixture<ActionGroup>(html`\n <sp-action-group\n label=\"Selects Multiple Group\"\n selects=\"multiple\"\n .selected=${['first', 'second']}\n @change=${(event: Event): void => {\n event.preventDefault();\n }}\n >\n <sp-action-button class=\"first\" value=\"first\">\n First\n </sp-action-button>\n <sp-action-button class=\"second\" value=\"second\">\n Second\n </sp-action-button>\n <sp-action-button class=\"third \" value=\"third\">\n Third\n </sp-action-button>\n </sp-action-group>\n `);\n const firstElement = el.querySelector('.first') as ActionButton;\n const secondElement = el.querySelector('.second') as ActionButton;\n const thirdElement = el.querySelector('.third') as ActionButton;\n\n // checking if the first and second are selected\n await elementUpdated(el);\n expect(el.selected.length).to.equal(2);\n expect(firstElement.selected, 'first child selected').to.be.true;\n expect(secondElement.selected, 'second child selected').to.be.true;\n\n // making sure third element isn't selected\n thirdElement.click();\n await elementUpdated(el);\n expect(thirdElement.selected, 'third child not selected').to.be.false;\n expect(el.selected.length).to.equal(2);\n\n // making sure already-selected elements are not de-selected\n secondElement.click();\n await elementUpdated(el);\n\n expect(secondElement.selected, 'second element still selected').to.be\n .true;\n });\n\n it('will not change .selected state if event is prevented while [selects=\"single\"]', async () => {\n const el = await fixture<ActionGroup>(html`\n <sp-action-group\n label=\"Selects Single Group\"\n selects=\"single\"\n .selected=${['first']}\n @change=${(event: Event): void => {\n event.preventDefault();\n }}\n >\n <sp-action-button class=\"first\" value=\"first\">\n First\n </sp-action-button>\n <sp-action-button class=\"second\" value=\"second\">\n Second\n </sp-action-button>\n </sp-action-group>\n `);\n const firstElement = el.querySelector('.first') as ActionButton;\n const secondElement = el.querySelector('.second') as ActionButton;\n\n // checking if the first element is selected\n await elementUpdated(el);\n expect(el.selected.length).to.equal(1);\n expect(firstElement.selected, 'first child selected').to.be.true;\n\n // making sure third element isn't selected\n secondElement.click();\n\n await elementUpdated(el);\n\n expect(secondElement.selected, 'second child not selected').to.be.false;\n expect(el.selected.length).to.equal(1);\n\n // making sure already-selected elements are not de-selected\n firstElement.click();\n await elementUpdated(el);\n\n expect(firstElement.selected, 'first element still selected').to.be\n .true;\n });\n\n it('will not change .selected state if event is prevented while selects is undefined', async () => {\n const el = await fixture<ActionGroup>(html`\n <sp-action-group\n label=\"Selects Single Group\"\n .selected=${['first']}\n @change=${(event: Event): void => {\n event.preventDefault();\n }}\n >\n <sp-action-button class=\"first\" value=\"first\">\n First\n </sp-action-button>\n <sp-action-button class=\"second\" value=\"second\">\n Second\n </sp-action-button>\n </sp-action-group>\n `);\n const firstElement = el.querySelector('.first') as ActionButton;\n const secondElement = el.querySelector('.second') as ActionButton;\n\n // checking if the first element is selected\n await elementUpdated(el);\n expect(el.selected.length).to.equal(1);\n expect(firstElement.selected, 'first child selected').to.be.true;\n\n secondElement.click();\n await elementUpdated(el);\n\n // state should be exactly the same\n expect(el.selected.length).to.equal(1);\n expect(firstElement.selected, 'first child selected').to.be.true;\n expect(secondElement.selected, 'second child not selected').to.be.false;\n });\n\n it('manages a `size` attribute', async () => {\n const el = await fixture<ActionButton>(html`\n <sp-action-group size=\"xl\">\n <sp-action-button>Button</sp-action-button>\n </sp-action-group>\n `);\n\n const button = el.querySelector('sp-action-button') as ActionButton;\n\n await elementUpdated(el);\n expect(el.size).to.equal('xl');\n expect(button.size).to.equal('xl');\n expect(el.getAttribute('size')).to.equal('xl');\n expect(button.getAttribute('size')).to.equal('xl');\n el.removeAttribute('size');\n await elementUpdated(el);\n expect(el.size).to.equal('m');\n expect(el.hasAttribute('size')).to.be.false;\n expect(button.size).to.equal('m');\n expect(button.getAttribute('size')).to.equal('m');\n });\n\n it('does not apply a default `size` attribute', async () => {\n const el = await fixture<ActionButton>(html`\n <sp-action-group>\n <sp-action-button>Button</sp-action-button>\n </sp-action-group>\n `);\n\n const button = el.querySelector('sp-action-button') as ActionButton;\n\n await elementUpdated(el);\n expect(el.size).to.equal('m');\n expect(button.size).to.equal('m');\n expect(el.hasAttribute('size')).to.be.false;\n expect(button.hasAttribute('size')).to.be.false;\n });\n\n it('will accept selected as a JSON string', async () => {\n const el = await fixture<ActionGroup>(html`\n <sp-action-group\n label=\"Selects Single Group\"\n selects=\"single\"\n selected='[\"first\"]'\n >\n <sp-action-button class=\"first\" value=\"first\">\n First\n </sp-action-button>\n <sp-action-button class=\"second\" value=\"second\">\n Second\n </sp-action-button>\n </sp-action-group>\n `);\n // checking if the first element is selected\n await elementUpdated(el);\n const firstElement = el.querySelector('.first') as ActionButton;\n const secondElement = el.querySelector('.second') as ActionButton;\n\n expect(el.selected.length).to.equal(1);\n expect(firstElement.selected, 'first child selected').to.be.true;\n expect(secondElement.selected, 'second child selected').to.be.false;\n });\n\n it('accepts role attribute override', async () => {\n const el = await fixture<ActionGroup>(html`\n <sp-action-group role=\"group\">\n <sp-action-button>Button</sp-action-button>\n </sp-action-group>\n `);\n\n // with a role of group, the role should not be overridden\n await elementUpdated(el);\n expect(el.getAttribute('role')).to.equal('group');\n\n // setting selects to single should override role to radiogroup\n el.setAttribute('selects', 'single');\n await elementUpdated(el);\n expect(el.getAttribute('role')).to.equal('radiogroup');\n\n // setting selects to multiple should override role to toolbar\n el.setAttribute('selects', 'multiple');\n await elementUpdated(el);\n expect(el.getAttribute('role')).to.equal('toolbar');\n\n // by default, role should be toolbar\n el.removeAttribute('role');\n el.removeAttribute('selects');\n await elementUpdated(el);\n expect(el.getAttribute('role')).to.equal('toolbar');\n });\n\n const acceptKeyboardInput = async (el: ActionGroup): Promise<void> => {\n const thirdElement = el.querySelector('.third') as ActionButton;\n\n await elementUpdated(el);\n expect(el.selected.length).to.equal(1);\n expect(el.selected[0]).to.equal('Second');\n\n thirdElement.focus();\n thirdElement.click();\n\n await elementUpdated(el);\n\n expect(thirdElement.selected, 'third child selected').to.be.true;\n expect(el.selected.length).to.equal(1);\n expect(el.selected[0]).to.equal('Third');\n\n el.dispatchEvent(arrowRightEvent());\n await sendKeys({ press: 'Enter' });\n\n await elementUpdated(el);\n\n expect(el.selected.length).to.equal(1);\n expect(el.selected[0]).to.equal('First');\n\n el.dispatchEvent(arrowLeftEvent());\n el.dispatchEvent(arrowUpEvent());\n await sendKeys({ press: 'Enter' });\n\n expect(el.selected.length).to.equal(1);\n expect(el.selected[0]).to.equal('Second');\n\n el.dispatchEvent(endEvent());\n await sendKeys({ press: 'Enter' });\n\n expect(el.selected.length).to.equal(1);\n expect(el.selected[0]).to.equal('Third');\n\n await sendKeys({ press: 'Enter' });\n\n el.dispatchEvent(homeEvent());\n await sendKeys({ press: 'Enter' });\n\n expect(el.selected.length).to.equal(1);\n expect(el.selected[0]).to.equal('First');\n\n el.dispatchEvent(arrowDownEvent());\n await sendKeys({ press: 'Enter' });\n\n expect(el.selected.length).to.equal(1);\n expect(el.selected[0]).to.equal('Second');\n };\n it('accepts keybord input', async () => {\n const el = await fixture<ActionGroup>(html`\n <sp-action-group label=\"Selects Single Group\" selects=\"single\">\n <sp-action-button>First</sp-action-button>\n <sp-action-button selected>Second</sp-action-button>\n <sp-action-button class=\"third\">Third</sp-action-button>\n </sp-action-group>\n `);\n await acceptKeyboardInput(el);\n });\n it('accepts keybord input with tooltip', async () => {\n const el = await fixture<ActionGroup>(html`\n <sp-action-group label=\"Selects Single Group\" selects=\"single\">\n <overlay-trigger>\n <sp-action-button slot=\"trigger\">First</sp-action-button>\n <sp-tooltip slot=\"hover-content\">\n Definitely the first one.\n </sp-tooltip>\n </overlay-trigger>\n <overlay-trigger>\n <sp-action-button slot=\"trigger\" selected>\n Second\n </sp-action-button>\n <sp-tooltip slot=\"hover-content\">\n Not the first, not the last.\n </sp-tooltip>\n </overlay-trigger>\n <overlay-trigger>\n <sp-action-button slot=\"trigger\" class=\"third\">\n Third\n </sp-action-button>\n <sp-tooltip slot=\"hover-content\">Select me.</sp-tooltip>\n </overlay-trigger>\n </sp-action-group>\n `);\n await acceptKeyboardInput(el);\n });\n it('accepts keybord input when [dir=\"ltr\"]', async () => {\n const el = await fixture<ActionGroup>(html`\n <sp-action-group\n label=\"Selects Single Group\"\n selects=\"single\"\n dir=\"ltr\"\n >\n <sp-action-button>First</sp-action-button>\n <sp-action-button disabled>Second</sp-action-button>\n <sp-action-button class=\"third\">Third</sp-action-button>\n </sp-action-group>\n `);\n const thirdElement = el.querySelector('.third') as ActionButton;\n\n await elementUpdated(el);\n expect(el.selected.length).to.equal(0);\n\n thirdElement.focus();\n thirdElement.click();\n\n await elementUpdated(el);\n\n expect(thirdElement.selected, 'third child selected').to.be.true;\n expect(el.selected.length).to.equal(1);\n expect(el.selected[0]).to.equal('Third');\n\n el.dispatchEvent(arrowRightEvent());\n await sendKeys({ press: 'Enter' });\n\n await elementUpdated(el);\n\n expect(el.selected.length).to.equal(1);\n expect(el.selected[0]).to.equal('First');\n\n el.dispatchEvent(arrowUpEvent());\n await sendKeys({ press: 'Enter' });\n\n expect(el.selected.length).to.equal(1);\n expect(el.selected[0]).to.equal('Third');\n });\n it('processes `selects` correctly when mutations occur (because Overlays/Tooltips)', async () => {\n const test = await fixture<SpectrumElement>(controlled());\n const actionButtons = [\n ...test.shadowRoot.querySelectorAll('sp-action-button'),\n ] as ActionButton[];\n\n expect(actionButtons[0].selected).to.be.true;\n expect(actionButtons[1].selected).to.be.false;\n expect(actionButtons[2].selected).to.be.false;\n\n const changeSpy = spy();\n test.addEventListener('change', () => changeSpy());\n const rect = actionButtons[1].getBoundingClientRect();\n sendMouse({\n steps: [\n {\n position: [\n rect.left + rect.width / 2,\n rect.top + rect.height / 2,\n ],\n type: 'click',\n },\n ],\n });\n\n await aTimeout(500);\n\n expect(actionButtons[0].selected).to.be.false;\n expect(actionButtons[1].selected).to.be.true;\n expect(actionButtons[2].selected).to.be.false;\n });\n});\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|