@spectrum-web-components/picker 0.30.1-overlay.37 → 0.30.1-overlay.38
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 +13 -13
- package/src/Picker.d.ts +2 -1
- package/src/Picker.dev.js +10 -9
- package/src/Picker.dev.js.map +2 -2
- package/src/Picker.js +3 -2
- package/src/Picker.js.map +2 -2
- package/test/index.js +60 -0
- package/test/index.js.map +2 -2
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@spectrum-web-components/picker",
|
|
3
|
-
"version": "0.30.1-overlay.
|
|
3
|
+
"version": "0.30.1-overlay.38+85eb9e16c",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -65,17 +65,17 @@
|
|
|
65
65
|
"lit-html"
|
|
66
66
|
],
|
|
67
67
|
"dependencies": {
|
|
68
|
-
"@spectrum-web-components/base": "^0.30.1-overlay.
|
|
69
|
-
"@spectrum-web-components/button": "^0.30.1-overlay.
|
|
70
|
-
"@spectrum-web-components/icon": "^0.30.1-overlay.
|
|
71
|
-
"@spectrum-web-components/icons-ui": "^0.30.1-overlay.
|
|
72
|
-
"@spectrum-web-components/icons-workflow": "^0.30.1-overlay.
|
|
73
|
-
"@spectrum-web-components/menu": "^0.30.1-overlay.
|
|
74
|
-
"@spectrum-web-components/overlay": "^0.30.1-overlay.
|
|
75
|
-
"@spectrum-web-components/popover": "^0.30.1-overlay.
|
|
76
|
-
"@spectrum-web-components/reactive-controllers": "^0.30.1-overlay.
|
|
77
|
-
"@spectrum-web-components/shared": "^0.30.1-overlay.
|
|
78
|
-
"@spectrum-web-components/tray": "^0.30.1-overlay.
|
|
68
|
+
"@spectrum-web-components/base": "^0.30.1-overlay.38+85eb9e16c",
|
|
69
|
+
"@spectrum-web-components/button": "^0.30.1-overlay.38+85eb9e16c",
|
|
70
|
+
"@spectrum-web-components/icon": "^0.30.1-overlay.38+85eb9e16c",
|
|
71
|
+
"@spectrum-web-components/icons-ui": "^0.30.1-overlay.38+85eb9e16c",
|
|
72
|
+
"@spectrum-web-components/icons-workflow": "^0.30.1-overlay.38+85eb9e16c",
|
|
73
|
+
"@spectrum-web-components/menu": "^0.30.1-overlay.38+85eb9e16c",
|
|
74
|
+
"@spectrum-web-components/overlay": "^0.30.1-overlay.38+85eb9e16c",
|
|
75
|
+
"@spectrum-web-components/popover": "^0.30.1-overlay.38+85eb9e16c",
|
|
76
|
+
"@spectrum-web-components/reactive-controllers": "^0.30.1-overlay.38+85eb9e16c",
|
|
77
|
+
"@spectrum-web-components/shared": "^0.30.1-overlay.38+85eb9e16c",
|
|
78
|
+
"@spectrum-web-components/tray": "^0.30.1-overlay.38+85eb9e16c"
|
|
79
79
|
},
|
|
80
80
|
"devDependencies": {
|
|
81
81
|
"@spectrum-css/picker": "^2.0.11"
|
|
@@ -88,5 +88,5 @@
|
|
|
88
88
|
"./sync/index.js",
|
|
89
89
|
"./sync/sp-*.js"
|
|
90
90
|
],
|
|
91
|
-
"gitHead": "
|
|
91
|
+
"gitHead": "85eb9e16c4e340f831d89615003ac474098bfdf9"
|
|
92
92
|
}
|
package/src/Picker.d.ts
CHANGED
|
@@ -44,6 +44,8 @@ export declare class PickerBase extends PickerBase_base {
|
|
|
44
44
|
get focusElement(): HTMLElement;
|
|
45
45
|
forceFocusVisible(): void;
|
|
46
46
|
onButtonBlur(): void;
|
|
47
|
+
private preventNextToggle;
|
|
48
|
+
protected handlePointerdown(): void;
|
|
47
49
|
protected onButtonClick(): void;
|
|
48
50
|
focus(options?: FocusOptions): void;
|
|
49
51
|
onHelperFocus(): void;
|
|
@@ -52,7 +54,6 @@ export declare class PickerBase extends PickerBase_base {
|
|
|
52
54
|
protected onKeydown: (event: KeyboardEvent) => void;
|
|
53
55
|
setValueFromItem(item: MenuItem, menuChangeEvent?: Event): Promise<void>;
|
|
54
56
|
protected setMenuItemSelected(item: MenuItem, value: boolean): void;
|
|
55
|
-
private preventToggle;
|
|
56
57
|
toggle(target?: boolean): void;
|
|
57
58
|
close(): void;
|
|
58
59
|
protected get containerStyles(): StyleInfo;
|
package/src/Picker.dev.js
CHANGED
|
@@ -57,6 +57,7 @@ export class PickerBase extends SizedMixin(Focusable) {
|
|
|
57
57
|
this.value = "";
|
|
58
58
|
this.listRole = "listbox";
|
|
59
59
|
this.itemRole = "option";
|
|
60
|
+
this.preventNextToggle = false;
|
|
60
61
|
this.onKeydown = (event) => {
|
|
61
62
|
this.focused = true;
|
|
62
63
|
if (event.code !== "ArrowDown" && event.code !== "ArrowUp") {
|
|
@@ -65,7 +66,6 @@ export class PickerBase extends SizedMixin(Focusable) {
|
|
|
65
66
|
event.preventDefault();
|
|
66
67
|
this.toggle(true);
|
|
67
68
|
};
|
|
68
|
-
this.preventToggle = false;
|
|
69
69
|
this.willManageSelection = false;
|
|
70
70
|
this.selectionPromise = Promise.resolve();
|
|
71
71
|
this.onKeydown = this.onKeydown.bind(this);
|
|
@@ -109,8 +109,14 @@ export class PickerBase extends SizedMixin(Focusable) {
|
|
|
109
109
|
this.onKeydown
|
|
110
110
|
);
|
|
111
111
|
}
|
|
112
|
+
handlePointerdown() {
|
|
113
|
+
this.preventNextToggle = this.open;
|
|
114
|
+
}
|
|
112
115
|
onButtonClick() {
|
|
113
|
-
this.
|
|
116
|
+
if (!this.preventNextToggle) {
|
|
117
|
+
this.toggle();
|
|
118
|
+
}
|
|
119
|
+
this.preventNextToggle = false;
|
|
114
120
|
}
|
|
115
121
|
focus(options) {
|
|
116
122
|
super.focus(options);
|
|
@@ -178,8 +184,6 @@ export class PickerBase extends SizedMixin(Focusable) {
|
|
|
178
184
|
item.selected = value;
|
|
179
185
|
}
|
|
180
186
|
toggle(target) {
|
|
181
|
-
if (this.preventToggle)
|
|
182
|
-
return;
|
|
183
187
|
if (this.readonly) {
|
|
184
188
|
return;
|
|
185
189
|
}
|
|
@@ -254,12 +258,8 @@ export class PickerBase extends SizedMixin(Focusable) {
|
|
|
254
258
|
if (event.composedPath()[0] !== event.target) {
|
|
255
259
|
return;
|
|
256
260
|
}
|
|
257
|
-
this.open = event.
|
|
261
|
+
this.open = event.newState === "open";
|
|
258
262
|
if (!this.open) {
|
|
259
|
-
this.preventToggle = true;
|
|
260
|
-
requestAnimationFrame(
|
|
261
|
-
() => this.preventToggle = false
|
|
262
|
-
);
|
|
263
263
|
this.optionsMenu.updateSelectedItemIndex();
|
|
264
264
|
this.optionsMenu.closeDescendentOverlays();
|
|
265
265
|
}
|
|
@@ -287,6 +287,7 @@ export class PickerBase extends SizedMixin(Focusable) {
|
|
|
287
287
|
@blur=${this.onButtonBlur}
|
|
288
288
|
@click=${this.onButtonClick}
|
|
289
289
|
@focus=${this.onButtonFocus}
|
|
290
|
+
@pointerdown=${this.handlePointerdown}
|
|
290
291
|
?disabled=${this.disabled}
|
|
291
292
|
tabindex="-1"
|
|
292
293
|
>
|
package/src/Picker.dev.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["Picker.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 DefaultElementSize,\n html,\n nothing,\n PropertyValues,\n SizedMixin,\n TemplateResult,\n} from '@spectrum-web-components/base';\nimport {\n classMap,\n StyleInfo,\n styleMap,\n} from '@spectrum-web-components/base/src/directives.js';\nimport {\n property,\n query,\n} from '@spectrum-web-components/base/src/decorators.js';\n\nimport pickerStyles from './picker.css.js';\nimport chevronStyles from '@spectrum-web-components/icon/src/spectrum-icon-chevron.css.js';\n\nimport { Focusable } from '@spectrum-web-components/shared/src/focusable.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-chevron100.js';\nimport '@spectrum-web-components/icons-workflow/icons/sp-icon-alert.js';\nimport '@spectrum-web-components/overlay/sp-overlay.js';\nimport '@spectrum-web-components/menu/sp-menu.js';\nimport type {\n Menu,\n MenuItem,\n MenuItemChildren,\n} from '@spectrum-web-components/menu';\nimport '@spectrum-web-components/tray/sp-tray.js';\nimport '@spectrum-web-components/popover/sp-popover.js';\nimport { Placement } from '@spectrum-web-components/overlay';\nimport {\n IS_MOBILE,\n MatchMediaController,\n} from '@spectrum-web-components/reactive-controllers/src/MatchMedia.js';\nimport { OverlayBase } from '@spectrum-web-components/overlay/src/OverlayBase.js';\n\nconst chevronClass = {\n s: 'spectrum-UIIcon-ChevronDown75',\n m: 'spectrum-UIIcon-ChevronDown100',\n l: 'spectrum-UIIcon-ChevronDown200',\n xl: 'spectrum-UIIcon-ChevronDown300',\n};\n\nexport class PickerBase extends SizedMixin(Focusable) {\n protected isMobile = new MatchMediaController(this, IS_MOBILE);\n\n @query('#button')\n public button!: HTMLButtonElement;\n\n public get target(): HTMLButtonElement | this {\n return this.button;\n }\n\n @property({ type: Boolean, reflect: true })\n public override disabled = false;\n\n @property({ type: Boolean, reflect: true })\n public focused = false;\n\n @property({ type: String, reflect: true })\n public icons?: 'only' | 'none';\n\n @property({ type: Boolean, reflect: true })\n public invalid = false;\n\n @property()\n public label?: string;\n\n @property({ type: Boolean, reflect: true })\n public open = false;\n\n @property({ type: Boolean, reflect: true })\n public readonly = false;\n\n public selects: undefined | 'single' = 'single';\n\n public get menuItems(): MenuItem[] {\n return this.optionsMenu.childItems;\n }\n\n @query('sp-menu')\n public optionsMenu!: Menu;\n\n /**\n * @type {\"auto\" | \"auto-start\" | \"auto-end\" | \"top\" | \"bottom\" | \"right\" | \"left\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\" | \"right-start\" | \"right-end\" | \"left-start\" | \"left-end\" | \"none\"}\n * @attr\n */\n\n @property()\n public placement: Placement = 'bottom-start';\n\n @property({ type: Boolean, reflect: true })\n public quiet = false;\n\n @property({ type: String })\n public value = '';\n\n @property({ attribute: false })\n public get selectedItem(): MenuItem | undefined {\n return this._selectedItem;\n }\n\n public set selectedItem(selectedItem: MenuItem | undefined) {\n this.selectedItemContent = selectedItem\n ? selectedItem.itemChildren\n : undefined;\n\n if (selectedItem === this.selectedItem) return;\n const oldSelectedItem = this.selectedItem;\n this._selectedItem = selectedItem;\n this.requestUpdate('selectedItem', oldSelectedItem);\n }\n\n _selectedItem?: MenuItem;\n\n protected listRole: 'listbox' | 'menu' = 'listbox';\n protected itemRole = 'option';\n\n public constructor() {\n super();\n this.onKeydown = this.onKeydown.bind(this);\n this.addEventListener('focusout', (event: FocusEvent) => {\n if (\n (event.relatedTarget &&\n this.contains(event.relatedTarget as Element)) ||\n event.target !== this\n ) {\n return;\n }\n this.open = false;\n });\n }\n\n public override get focusElement(): HTMLElement {\n if (this.open) {\n return this.optionsMenu;\n }\n return this.button;\n }\n\n public forceFocusVisible(): void {\n this.focused = true;\n }\n\n public onButtonBlur(): void {\n this.focused = false;\n (this.target as HTMLButtonElement).removeEventListener(\n 'keydown',\n this.onKeydown\n );\n }\n\n protected onButtonClick(): void {\n this.toggle();\n }\n\n public override focus(options?: FocusOptions): void {\n super.focus(options);\n\n if (!this.disabled && this.focusElement) {\n this.focused = this.hasVisibleFocusInTree();\n }\n }\n\n public onHelperFocus(): void {\n // set focused to true here instead of onButtonFocus so clicks don't flash a focus outline\n this.focused = true;\n this.button.focus();\n }\n\n public onButtonFocus(): void {\n (this.target as HTMLButtonElement).addEventListener(\n 'keydown',\n this.onKeydown\n );\n }\n\n public handleChange(event: Event): void {\n const target = event.target as Menu;\n const [selected] = target.selectedItems;\n event.stopPropagation();\n if (event.cancelable) {\n this.setValueFromItem(selected, event);\n } else {\n // Non-cancelable \"change\" events announce a selection with no value\n // change that should close the Picker element.\n this.open = false;\n }\n }\n\n protected onKeydown = (event: KeyboardEvent): void => {\n this.focused = true;\n if (event.code !== 'ArrowDown' && event.code !== 'ArrowUp') {\n return;\n }\n event.preventDefault();\n this.toggle(true);\n };\n\n public async setValueFromItem(\n item: MenuItem,\n menuChangeEvent?: Event\n ): Promise<void> {\n // should always close when \"setting\" a value.\n this.open = false;\n const oldSelectedItem = this.selectedItem;\n const oldValue = this.value;\n\n // When there are no selects, don't set a value.\n if (this.selects) {\n // Set a value, but allow it to be prevented.\n this.selectedItem = item;\n this.value = item.value;\n await this.updateComplete;\n }\n const applyDefault = this.dispatchEvent(\n new Event('change', {\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n );\n if (!applyDefault && this.selects) {\n if (menuChangeEvent) {\n menuChangeEvent.preventDefault();\n }\n this.setMenuItemSelected(this.selectedItem as MenuItem, false);\n if (oldSelectedItem) {\n this.setMenuItemSelected(oldSelectedItem, true);\n }\n this.selectedItem = oldSelectedItem;\n this.value = oldValue;\n this.open = true;\n return;\n }\n if (oldSelectedItem) {\n this.setMenuItemSelected(oldSelectedItem, false);\n }\n this.setMenuItemSelected(item, !!this.selects);\n }\n\n protected setMenuItemSelected(item: MenuItem, value: boolean): void {\n // matches null | undefined\n if (this.selects == null) return;\n item.selected = value;\n }\n\n private preventToggle = false;\n\n public toggle(target?: boolean): void {\n if (this.preventToggle) return;\n if (this.readonly) {\n return;\n }\n this.open = typeof target !== 'undefined' ? target : !this.open;\n }\n\n public close(): void {\n if (this.readonly) {\n return;\n }\n this.open = false;\n }\n\n protected get containerStyles(): StyleInfo {\n if (this.isMobile.matches) {\n return {\n '--swc-menu-width': '100%',\n };\n }\n return {};\n }\n\n @property({ attribute: false })\n protected get selectedItemContent(): MenuItemChildren {\n return this._selectedItemContent || { icon: [], content: [] };\n }\n\n protected set selectedItemContent(\n selectedItemContent: MenuItemChildren | undefined\n ) {\n if (selectedItemContent === this.selectedItemContent) return;\n\n const oldContent = this.selectedItemContent;\n this._selectedItemContent = selectedItemContent;\n this.requestUpdate('selectedItemContent', oldContent);\n }\n\n _selectedItemContent?: MenuItemChildren;\n\n protected renderLabelContent(content: Node[]): TemplateResult | Node[] {\n if (this.value && this.selectedItem) {\n return content;\n }\n return html`\n <slot name=\"label\">${this.label}</slot>\n `;\n }\n\n protected get buttonContent(): TemplateResult[] {\n const labelClasses = {\n 'visually-hidden': this.icons === 'only' && !!this.value,\n placeholder: !this.value,\n };\n return [\n html`\n <span id=\"icon\" ?hidden=${this.icons === 'none'}>\n ${this.selectedItemContent.icon}\n </span>\n <span id=\"label\" class=${classMap(labelClasses)}>\n ${this.renderLabelContent(this.selectedItemContent.content)}\n </span>\n ${this.invalid\n ? html`\n <sp-icon-alert\n class=\"validation-icon\"\n ></sp-icon-alert>\n `\n : nothing}\n <sp-icon-chevron100\n class=\"picker ${chevronClass[\n this.size as DefaultElementSize\n ]}\"\n ></sp-icon-chevron100>\n `,\n ];\n }\n\n protected get renderOverlay(): TemplateResult {\n return html`\n <sp-overlay\n .triggerElement=${this as HTMLElement}\n .offset=${0}\n ?open=${this.open}\n .placement=${this.placement}\n type=\"auto\"\n .receivesFocus=${'true'}\n @beforetoggle=${(event: Event & { target: OverlayBase }) => {\n if (event.composedPath()[0] !== event.target) {\n return;\n }\n this.open = event.target.open;\n if (!this.open) {\n this.preventToggle = true;\n requestAnimationFrame(\n () => (this.preventToggle = false)\n );\n this.optionsMenu.updateSelectedItemIndex();\n this.optionsMenu.closeDescendentOverlays();\n }\n }}\n >\n ${this.renderContainer}\n </sp-overlay>\n `;\n }\n\n // a helper to throw focus to the button is needed because Safari\n // won't include buttons in the tab order even with tabindex=\"0\"\n protected override render(): TemplateResult {\n return html`\n <span\n id=\"focus-helper\"\n tabindex=\"${this.focused || this.open ? '-1' : '0'}\"\n @focus=${this.onHelperFocus}\n ></span>\n <button\n aria-haspopup=\"true\"\n aria-expanded=${this.open ? 'true' : 'false'}\n aria-labelledby=\"button icon label\"\n id=\"button\"\n class=\"button\"\n @blur=${this.onButtonBlur}\n @click=${this.onButtonClick}\n @focus=${this.onButtonFocus}\n ?disabled=${this.disabled}\n tabindex=\"-1\"\n >\n ${this.buttonContent}\n </button>\n ${this.renderOverlay}\n `;\n }\n\n protected override update(changes: PropertyValues<this>): void {\n if (this.selects) {\n // Always force `selects` to \"single\" when set.\n // TODO: Add support functionally and visually for \"multiple\"\n this.selects = 'single';\n }\n if (changes.has('disabled') && this.disabled) {\n this.open = false;\n }\n if (changes.has('value')) {\n // MenuItems update a frame late for <slot> management,\n // await the same here.\n this.shouldScheduleManageSelection();\n }\n // Maybe it's finally time to remove this support?\n if (!this.hasUpdated) {\n const deprecatedMenu = this.querySelector(':scope > sp-menu');\n deprecatedMenu?.setAttribute('selects', 'inherit');\n }\n if (window.__swc.DEBUG) {\n if (!this.hasUpdated && this.querySelector(':scope > sp-menu')) {\n const { localName } = this;\n window.__swc.warn(\n this,\n `You no longer need to provide an <sp-menu> child to ${localName}. Any styling or attributes on the <sp-menu> will be ignored.`,\n 'https://opensource.adobe.com/spectrum-web-components/components/picker/#sizes',\n { level: 'deprecation' }\n );\n }\n }\n super.update(changes);\n }\n\n protected get dismissHelper(): TemplateResult {\n return html`\n <div class=\"visually-hidden\">\n <button\n tabindex=\"-1\"\n arial-label=\"Dismiss\"\n @click=${this.close}\n ></button>\n </div>\n `;\n }\n\n protected get renderContainer(): TemplateResult {\n const content = html`\n ${this.dismissHelper}\n <sp-menu\n id=\"menu\"\n role=\"${this.listRole}\"\n @change=${this.handleChange}\n .selects=${this.selects}\n .selected=${this.value ? [this.value] : []}\n @sp-menu-item-added-or-updated=${this.shouldManageSelection}\n >\n <slot @slotchange=${this.shouldScheduleManageSelection}></slot>\n </sp-menu>\n ${this.dismissHelper}\n `;\n if (this.isMobile.matches) {\n return html`\n <sp-tray\n id=\"popover\"\n role=\"dialog\"\n style=${styleMap(this.containerStyles)}\n >\n ${content}\n </sp-tray>\n `;\n }\n return html`\n <sp-popover\n id=\"popover\"\n role=\"dialog\"\n style=${styleMap(this.containerStyles)}\n placement=${this.placement}\n >\n ${content}\n </sp-popover>\n `;\n }\n\n private willManageSelection = false;\n\n protected shouldScheduleManageSelection(event?: Event): void {\n if (\n !this.willManageSelection &&\n (!event ||\n ((event.target as HTMLElement).getRootNode() as ShadowRoot)\n .host === this)\n ) {\n this.willManageSelection = true;\n requestAnimationFrame(() => {\n requestAnimationFrame(() => {\n this.manageSelection();\n });\n });\n }\n }\n\n protected shouldManageSelection(): void {\n if (this.willManageSelection) {\n return;\n }\n this.willManageSelection = true;\n this.manageSelection();\n }\n\n protected async manageSelection(): Promise<void> {\n if (this.selects == null) return;\n\n this.selectionPromise = new Promise(\n (res) => (this.selectionResolver = res)\n );\n let selectedItem: MenuItem | undefined;\n await this.optionsMenu.updateComplete;\n this.menuItems.forEach((item) => {\n if (this.value === item.value && !item.disabled) {\n selectedItem = item;\n } else {\n item.selected = false;\n }\n });\n if (selectedItem) {\n selectedItem.selected = !!this.selects;\n this.selectedItem = selectedItem;\n } else {\n this.value = '';\n this.selectedItem = undefined;\n }\n if (this.open) {\n await this.optionsMenu.updateComplete;\n this.optionsMenu.updateSelectedItemIndex();\n }\n this.selectionResolver();\n this.willManageSelection = false;\n }\n\n private selectionPromise = Promise.resolve();\n private selectionResolver!: () => void;\n\n protected override async getUpdateComplete(): Promise<boolean> {\n const complete = (await super.getUpdateComplete()) as boolean;\n await this.selectionPromise;\n return complete;\n }\n\n public override disconnectedCallback(): void {\n this.close();\n\n super.disconnectedCallback();\n }\n}\n\n/**\n * @element sp-picker\n *\n * @slot label - The placeholder content for the Picker\n * @slot - menu items to be listed in the Picker\n * @fires change - Announces that the `value` of the element has changed\n * @fires sp-opened - Announces that the overlay has been opened\n * @fires sp-closed - Announces that the overlay has been closed\n */\nexport class Picker extends PickerBase {\n public static override get styles(): CSSResultArray {\n return [pickerStyles, chevronStyles];\n }\n\n protected override get containerStyles(): StyleInfo {\n const styles = super.containerStyles;\n if (!this.quiet) {\n styles['min-width'] = `${this.offsetWidth}px`;\n }\n return styles;\n }\n\n protected override onKeydown = (event: KeyboardEvent): void => {\n const { code } = event;\n this.focused = true;\n if (!code.startsWith('Arrow') || this.readonly) {\n return;\n }\n event.preventDefault();\n if (code === 'ArrowUp' || code === 'ArrowDown') {\n this.toggle(true);\n return;\n }\n const selectedIndex = this.selectedItem\n ? this.menuItems.indexOf(this.selectedItem)\n : -1;\n // use a positive offset to find the first non-disabled item when no selection is available.\n const nextOffset = !this.value || code === 'ArrowRight' ? 1 : -1;\n let nextIndex = selectedIndex + nextOffset;\n while (\n this.menuItems[nextIndex] &&\n this.menuItems[nextIndex].disabled\n ) {\n nextIndex += nextOffset;\n }\n if (!this.menuItems[nextIndex] || this.menuItems[nextIndex].disabled) {\n return;\n }\n if (!this.value || nextIndex !== selectedIndex) {\n this.setValueFromItem(this.menuItems[nextIndex]);\n }\n };\n}\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;AAYA;AAAA,EAGI;AAAA,EACA;AAAA,EAEA;AAAA,OAEG;AACP;AAAA,EACI;AAAA,EAEA;AAAA,OACG;AACP;AAAA,EACI;AAAA,EACA;AAAA,OACG;AAEP,OAAO,kBAAkB;AACzB,OAAO,mBAAmB;AAE1B,SAAS,iBAAiB;AAC1B,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AAMP,OAAO;AACP,OAAO;AAEP;AAAA,EACI;AAAA,EACA;AAAA,OACG;AAGP,MAAM,eAAe;AAAA,EACjB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,IAAI;AACR;AAEO,aAAM,mBAAmB,WAAW,SAAS,EAAE;AAAA,EA2E3C,cAAc;AACjB,UAAM;AA3EV,SAAU,WAAW,IAAI,qBAAqB,MAAM,SAAS;AAU7D,SAAgB,WAAW;AAG3B,SAAO,UAAU;AAMjB,SAAO,UAAU;AAMjB,SAAO,OAAO;AAGd,SAAO,WAAW;AAElB,SAAO,UAAgC;AAevC,SAAO,YAAuB;AAG9B,SAAO,QAAQ;AAGf,SAAO,QAAQ;AAoBf,SAAU,WAA+B;AACzC,SAAU,WAAW;
|
|
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 DefaultElementSize,\n html,\n nothing,\n PropertyValues,\n SizedMixin,\n TemplateResult,\n} from '@spectrum-web-components/base';\nimport {\n classMap,\n StyleInfo,\n styleMap,\n} from '@spectrum-web-components/base/src/directives.js';\nimport {\n property,\n query,\n} from '@spectrum-web-components/base/src/decorators.js';\n\nimport pickerStyles from './picker.css.js';\nimport chevronStyles from '@spectrum-web-components/icon/src/spectrum-icon-chevron.css.js';\n\nimport { Focusable } from '@spectrum-web-components/shared/src/focusable.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-chevron100.js';\nimport '@spectrum-web-components/icons-workflow/icons/sp-icon-alert.js';\nimport '@spectrum-web-components/overlay/sp-overlay.js';\nimport '@spectrum-web-components/menu/sp-menu.js';\nimport type {\n Menu,\n MenuItem,\n MenuItemChildren,\n} from '@spectrum-web-components/menu';\nimport '@spectrum-web-components/tray/sp-tray.js';\nimport '@spectrum-web-components/popover/sp-popover.js';\nimport { Placement } from '@spectrum-web-components/overlay';\nimport {\n IS_MOBILE,\n MatchMediaController,\n} from '@spectrum-web-components/reactive-controllers/src/MatchMedia.js';\nimport { OverlayBase } from '@spectrum-web-components/overlay/src/OverlayBase.js';\n\nconst chevronClass = {\n s: 'spectrum-UIIcon-ChevronDown75',\n m: 'spectrum-UIIcon-ChevronDown100',\n l: 'spectrum-UIIcon-ChevronDown200',\n xl: 'spectrum-UIIcon-ChevronDown300',\n};\n\nexport class PickerBase extends SizedMixin(Focusable) {\n protected isMobile = new MatchMediaController(this, IS_MOBILE);\n\n @query('#button')\n public button!: HTMLButtonElement;\n\n public get target(): HTMLButtonElement | this {\n return this.button;\n }\n\n @property({ type: Boolean, reflect: true })\n public override disabled = false;\n\n @property({ type: Boolean, reflect: true })\n public focused = false;\n\n @property({ type: String, reflect: true })\n public icons?: 'only' | 'none';\n\n @property({ type: Boolean, reflect: true })\n public invalid = false;\n\n @property()\n public label?: string;\n\n @property({ type: Boolean, reflect: true })\n public open = false;\n\n @property({ type: Boolean, reflect: true })\n public readonly = false;\n\n public selects: undefined | 'single' = 'single';\n\n public get menuItems(): MenuItem[] {\n return this.optionsMenu.childItems;\n }\n\n @query('sp-menu')\n public optionsMenu!: Menu;\n\n /**\n * @type {\"auto\" | \"auto-start\" | \"auto-end\" | \"top\" | \"bottom\" | \"right\" | \"left\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\" | \"right-start\" | \"right-end\" | \"left-start\" | \"left-end\" | \"none\"}\n * @attr\n */\n\n @property()\n public placement: Placement = 'bottom-start';\n\n @property({ type: Boolean, reflect: true })\n public quiet = false;\n\n @property({ type: String })\n public value = '';\n\n @property({ attribute: false })\n public get selectedItem(): MenuItem | undefined {\n return this._selectedItem;\n }\n\n public set selectedItem(selectedItem: MenuItem | undefined) {\n this.selectedItemContent = selectedItem\n ? selectedItem.itemChildren\n : undefined;\n\n if (selectedItem === this.selectedItem) return;\n const oldSelectedItem = this.selectedItem;\n this._selectedItem = selectedItem;\n this.requestUpdate('selectedItem', oldSelectedItem);\n }\n\n _selectedItem?: MenuItem;\n\n protected listRole: 'listbox' | 'menu' = 'listbox';\n protected itemRole = 'option';\n\n public constructor() {\n super();\n this.onKeydown = this.onKeydown.bind(this);\n this.addEventListener('focusout', (event: FocusEvent) => {\n if (\n (event.relatedTarget &&\n this.contains(event.relatedTarget as Element)) ||\n event.target !== this\n ) {\n return;\n }\n this.open = false;\n });\n }\n\n public override get focusElement(): HTMLElement {\n if (this.open) {\n return this.optionsMenu;\n }\n return this.button;\n }\n\n public forceFocusVisible(): void {\n this.focused = true;\n }\n\n public onButtonBlur(): void {\n this.focused = false;\n (this.target as HTMLButtonElement).removeEventListener(\n 'keydown',\n this.onKeydown\n );\n }\n\n private preventNextToggle = false;\n\n protected handlePointerdown(): void {\n this.preventNextToggle = this.open;\n }\n\n protected onButtonClick(): void {\n if (!this.preventNextToggle) {\n this.toggle();\n }\n this.preventNextToggle = false;\n }\n\n public override focus(options?: FocusOptions): void {\n super.focus(options);\n\n if (!this.disabled && this.focusElement) {\n this.focused = this.hasVisibleFocusInTree();\n }\n }\n\n public onHelperFocus(): void {\n // set focused to true here instead of onButtonFocus so clicks don't flash a focus outline\n this.focused = true;\n this.button.focus();\n }\n\n public onButtonFocus(): void {\n (this.target as HTMLButtonElement).addEventListener(\n 'keydown',\n this.onKeydown\n );\n }\n\n public handleChange(event: Event): void {\n const target = event.target as Menu;\n const [selected] = target.selectedItems;\n event.stopPropagation();\n if (event.cancelable) {\n this.setValueFromItem(selected, event);\n } else {\n // Non-cancelable \"change\" events announce a selection with no value\n // change that should close the Picker element.\n this.open = false;\n }\n }\n\n protected onKeydown = (event: KeyboardEvent): void => {\n this.focused = true;\n if (event.code !== 'ArrowDown' && event.code !== 'ArrowUp') {\n return;\n }\n event.preventDefault();\n this.toggle(true);\n };\n\n public async setValueFromItem(\n item: MenuItem,\n menuChangeEvent?: Event\n ): Promise<void> {\n // should always close when \"setting\" a value.\n this.open = false;\n const oldSelectedItem = this.selectedItem;\n const oldValue = this.value;\n\n // When there are no selects, don't set a value.\n if (this.selects) {\n // Set a value, but allow it to be prevented.\n this.selectedItem = item;\n this.value = item.value;\n await this.updateComplete;\n }\n const applyDefault = this.dispatchEvent(\n new Event('change', {\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n );\n if (!applyDefault && this.selects) {\n if (menuChangeEvent) {\n menuChangeEvent.preventDefault();\n }\n this.setMenuItemSelected(this.selectedItem as MenuItem, false);\n if (oldSelectedItem) {\n this.setMenuItemSelected(oldSelectedItem, true);\n }\n this.selectedItem = oldSelectedItem;\n this.value = oldValue;\n this.open = true;\n return;\n }\n if (oldSelectedItem) {\n this.setMenuItemSelected(oldSelectedItem, false);\n }\n this.setMenuItemSelected(item, !!this.selects);\n }\n\n protected setMenuItemSelected(item: MenuItem, value: boolean): void {\n // matches null | undefined\n if (this.selects == null) return;\n item.selected = value;\n }\n\n public toggle(target?: boolean): void {\n if (this.readonly) {\n return;\n }\n this.open = typeof target !== 'undefined' ? target : !this.open;\n }\n\n public close(): void {\n if (this.readonly) {\n return;\n }\n this.open = false;\n }\n\n protected get containerStyles(): StyleInfo {\n if (this.isMobile.matches) {\n return {\n '--swc-menu-width': '100%',\n };\n }\n return {};\n }\n\n @property({ attribute: false })\n protected get selectedItemContent(): MenuItemChildren {\n return this._selectedItemContent || { icon: [], content: [] };\n }\n\n protected set selectedItemContent(\n selectedItemContent: MenuItemChildren | undefined\n ) {\n if (selectedItemContent === this.selectedItemContent) return;\n\n const oldContent = this.selectedItemContent;\n this._selectedItemContent = selectedItemContent;\n this.requestUpdate('selectedItemContent', oldContent);\n }\n\n _selectedItemContent?: MenuItemChildren;\n\n protected renderLabelContent(content: Node[]): TemplateResult | Node[] {\n if (this.value && this.selectedItem) {\n return content;\n }\n return html`\n <slot name=\"label\">${this.label}</slot>\n `;\n }\n\n protected get buttonContent(): TemplateResult[] {\n const labelClasses = {\n 'visually-hidden': this.icons === 'only' && !!this.value,\n placeholder: !this.value,\n };\n return [\n html`\n <span id=\"icon\" ?hidden=${this.icons === 'none'}>\n ${this.selectedItemContent.icon}\n </span>\n <span id=\"label\" class=${classMap(labelClasses)}>\n ${this.renderLabelContent(this.selectedItemContent.content)}\n </span>\n ${this.invalid\n ? html`\n <sp-icon-alert\n class=\"validation-icon\"\n ></sp-icon-alert>\n `\n : nothing}\n <sp-icon-chevron100\n class=\"picker ${chevronClass[\n this.size as DefaultElementSize\n ]}\"\n ></sp-icon-chevron100>\n `,\n ];\n }\n\n protected get renderOverlay(): TemplateResult {\n return html`\n <sp-overlay\n .triggerElement=${this as HTMLElement}\n .offset=${0}\n ?open=${this.open}\n .placement=${this.placement}\n type=\"auto\"\n .receivesFocus=${'true'}\n @beforetoggle=${(\n event: Event & {\n target: OverlayBase;\n newState: 'open' | 'closed';\n }\n ) => {\n if (event.composedPath()[0] !== event.target) {\n return;\n }\n this.open = event.newState === 'open';\n if (!this.open) {\n this.optionsMenu.updateSelectedItemIndex();\n this.optionsMenu.closeDescendentOverlays();\n }\n }}\n >\n ${this.renderContainer}\n </sp-overlay>\n `;\n }\n\n // a helper to throw focus to the button is needed because Safari\n // won't include buttons in the tab order even with tabindex=\"0\"\n protected override render(): TemplateResult {\n return html`\n <span\n id=\"focus-helper\"\n tabindex=\"${this.focused || this.open ? '-1' : '0'}\"\n @focus=${this.onHelperFocus}\n ></span>\n <button\n aria-haspopup=\"true\"\n aria-expanded=${this.open ? 'true' : 'false'}\n aria-labelledby=\"button icon label\"\n id=\"button\"\n class=\"button\"\n @blur=${this.onButtonBlur}\n @click=${this.onButtonClick}\n @focus=${this.onButtonFocus}\n @pointerdown=${this.handlePointerdown}\n ?disabled=${this.disabled}\n tabindex=\"-1\"\n >\n ${this.buttonContent}\n </button>\n ${this.renderOverlay}\n `;\n }\n\n protected override update(changes: PropertyValues<this>): void {\n if (this.selects) {\n // Always force `selects` to \"single\" when set.\n // TODO: Add support functionally and visually for \"multiple\"\n this.selects = 'single';\n }\n if (changes.has('disabled') && this.disabled) {\n this.open = false;\n }\n if (changes.has('value')) {\n // MenuItems update a frame late for <slot> management,\n // await the same here.\n this.shouldScheduleManageSelection();\n }\n // Maybe it's finally time to remove this support?\n if (!this.hasUpdated) {\n const deprecatedMenu = this.querySelector(':scope > sp-menu');\n deprecatedMenu?.setAttribute('selects', 'inherit');\n }\n if (window.__swc.DEBUG) {\n if (!this.hasUpdated && this.querySelector(':scope > sp-menu')) {\n const { localName } = this;\n window.__swc.warn(\n this,\n `You no longer need to provide an <sp-menu> child to ${localName}. Any styling or attributes on the <sp-menu> will be ignored.`,\n 'https://opensource.adobe.com/spectrum-web-components/components/picker/#sizes',\n { level: 'deprecation' }\n );\n }\n }\n super.update(changes);\n }\n\n protected get dismissHelper(): TemplateResult {\n return html`\n <div class=\"visually-hidden\">\n <button\n tabindex=\"-1\"\n arial-label=\"Dismiss\"\n @click=${this.close}\n ></button>\n </div>\n `;\n }\n\n protected get renderContainer(): TemplateResult {\n const content = html`\n ${this.dismissHelper}\n <sp-menu\n id=\"menu\"\n role=\"${this.listRole}\"\n @change=${this.handleChange}\n .selects=${this.selects}\n .selected=${this.value ? [this.value] : []}\n @sp-menu-item-added-or-updated=${this.shouldManageSelection}\n >\n <slot @slotchange=${this.shouldScheduleManageSelection}></slot>\n </sp-menu>\n ${this.dismissHelper}\n `;\n if (this.isMobile.matches) {\n return html`\n <sp-tray\n id=\"popover\"\n role=\"dialog\"\n style=${styleMap(this.containerStyles)}\n >\n ${content}\n </sp-tray>\n `;\n }\n return html`\n <sp-popover\n id=\"popover\"\n role=\"dialog\"\n style=${styleMap(this.containerStyles)}\n placement=${this.placement}\n >\n ${content}\n </sp-popover>\n `;\n }\n\n private willManageSelection = false;\n\n protected shouldScheduleManageSelection(event?: Event): void {\n if (\n !this.willManageSelection &&\n (!event ||\n ((event.target as HTMLElement).getRootNode() as ShadowRoot)\n .host === this)\n ) {\n this.willManageSelection = true;\n requestAnimationFrame(() => {\n requestAnimationFrame(() => {\n this.manageSelection();\n });\n });\n }\n }\n\n protected shouldManageSelection(): void {\n if (this.willManageSelection) {\n return;\n }\n this.willManageSelection = true;\n this.manageSelection();\n }\n\n protected async manageSelection(): Promise<void> {\n if (this.selects == null) return;\n\n this.selectionPromise = new Promise(\n (res) => (this.selectionResolver = res)\n );\n let selectedItem: MenuItem | undefined;\n await this.optionsMenu.updateComplete;\n this.menuItems.forEach((item) => {\n if (this.value === item.value && !item.disabled) {\n selectedItem = item;\n } else {\n item.selected = false;\n }\n });\n if (selectedItem) {\n selectedItem.selected = !!this.selects;\n this.selectedItem = selectedItem;\n } else {\n this.value = '';\n this.selectedItem = undefined;\n }\n if (this.open) {\n await this.optionsMenu.updateComplete;\n this.optionsMenu.updateSelectedItemIndex();\n }\n this.selectionResolver();\n this.willManageSelection = false;\n }\n\n private selectionPromise = Promise.resolve();\n private selectionResolver!: () => void;\n\n protected override async getUpdateComplete(): Promise<boolean> {\n const complete = (await super.getUpdateComplete()) as boolean;\n await this.selectionPromise;\n return complete;\n }\n\n public override disconnectedCallback(): void {\n this.close();\n\n super.disconnectedCallback();\n }\n}\n\n/**\n * @element sp-picker\n *\n * @slot label - The placeholder content for the Picker\n * @slot - menu items to be listed in the Picker\n * @fires change - Announces that the `value` of the element has changed\n * @fires sp-opened - Announces that the overlay has been opened\n * @fires sp-closed - Announces that the overlay has been closed\n */\nexport class Picker extends PickerBase {\n public static override get styles(): CSSResultArray {\n return [pickerStyles, chevronStyles];\n }\n\n protected override get containerStyles(): StyleInfo {\n const styles = super.containerStyles;\n if (!this.quiet) {\n styles['min-width'] = `${this.offsetWidth}px`;\n }\n return styles;\n }\n\n protected override onKeydown = (event: KeyboardEvent): void => {\n const { code } = event;\n this.focused = true;\n if (!code.startsWith('Arrow') || this.readonly) {\n return;\n }\n event.preventDefault();\n if (code === 'ArrowUp' || code === 'ArrowDown') {\n this.toggle(true);\n return;\n }\n const selectedIndex = this.selectedItem\n ? this.menuItems.indexOf(this.selectedItem)\n : -1;\n // use a positive offset to find the first non-disabled item when no selection is available.\n const nextOffset = !this.value || code === 'ArrowRight' ? 1 : -1;\n let nextIndex = selectedIndex + nextOffset;\n while (\n this.menuItems[nextIndex] &&\n this.menuItems[nextIndex].disabled\n ) {\n nextIndex += nextOffset;\n }\n if (!this.menuItems[nextIndex] || this.menuItems[nextIndex].disabled) {\n return;\n }\n if (!this.value || nextIndex !== selectedIndex) {\n this.setValueFromItem(this.menuItems[nextIndex]);\n }\n };\n}\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/src/Picker.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";var p=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var i=(a,
|
|
1
|
+
"use strict";var p=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var i=(u,a,e,t)=>{for(var s=t>1?void 0:t?h(a,e):a,r=u.length-1,o;r>=0;r--)(o=u[r])&&(s=(t?o(a,e,s):o(s))||s);return t&&s&&p(a,e,s),s};import{html as l,nothing as m,SizedMixin as f}from"@spectrum-web-components/base";import{classMap as b,styleMap as c}from"@spectrum-web-components/base/src/directives.js";import{property as n,query as d}from"@spectrum-web-components/base/src/decorators.js";import v from"./picker.css.js";import I from"@spectrum-web-components/icon/src/spectrum-icon-chevron.css.js";import{Focusable as g}from"@spectrum-web-components/shared/src/focusable.js";import"@spectrum-web-components/icons-ui/icons/sp-icon-chevron100.js";import"@spectrum-web-components/icons-workflow/icons/sp-icon-alert.js";import"@spectrum-web-components/overlay/sp-overlay.js";import"@spectrum-web-components/menu/sp-menu.js";import"@spectrum-web-components/tray/sp-tray.js";import"@spectrum-web-components/popover/sp-popover.js";import{IS_MOBILE as y,MatchMediaController as M}from"@spectrum-web-components/reactive-controllers/src/MatchMedia.js";const w={s:"spectrum-UIIcon-ChevronDown75",m:"spectrum-UIIcon-ChevronDown100",l:"spectrum-UIIcon-ChevronDown200",xl:"spectrum-UIIcon-ChevronDown300"};export class PickerBase extends f(g){constructor(){super();this.isMobile=new M(this,y);this.disabled=!1;this.focused=!1;this.invalid=!1;this.open=!1;this.readonly=!1;this.selects="single";this.placement="bottom-start";this.quiet=!1;this.value="";this.listRole="listbox";this.itemRole="option";this.preventNextToggle=!1;this.onKeydown=e=>{this.focused=!0,!(e.code!=="ArrowDown"&&e.code!=="ArrowUp")&&(e.preventDefault(),this.toggle(!0))};this.willManageSelection=!1;this.selectionPromise=Promise.resolve();this.onKeydown=this.onKeydown.bind(this),this.addEventListener("focusout",e=>{e.relatedTarget&&this.contains(e.relatedTarget)||e.target!==this||(this.open=!1)})}get target(){return this.button}get menuItems(){return this.optionsMenu.childItems}get selectedItem(){return this._selectedItem}set selectedItem(e){if(this.selectedItemContent=e?e.itemChildren:void 0,e===this.selectedItem)return;const t=this.selectedItem;this._selectedItem=e,this.requestUpdate("selectedItem",t)}get focusElement(){return this.open?this.optionsMenu:this.button}forceFocusVisible(){this.focused=!0}onButtonBlur(){this.focused=!1,this.target.removeEventListener("keydown",this.onKeydown)}handlePointerdown(){this.preventNextToggle=this.open}onButtonClick(){this.preventNextToggle||this.toggle(),this.preventNextToggle=!1}focus(e){super.focus(e),!this.disabled&&this.focusElement&&(this.focused=this.hasVisibleFocusInTree())}onHelperFocus(){this.focused=!0,this.button.focus()}onButtonFocus(){this.target.addEventListener("keydown",this.onKeydown)}handleChange(e){const t=e.target,[s]=t.selectedItems;e.stopPropagation(),e.cancelable?this.setValueFromItem(s,e):this.open=!1}async setValueFromItem(e,t){this.open=!1;const s=this.selectedItem,r=this.value;if(this.selects&&(this.selectedItem=e,this.value=e.value,await this.updateComplete),!this.dispatchEvent(new Event("change",{bubbles:!0,cancelable:!0,composed:!0}))&&this.selects){t&&t.preventDefault(),this.setMenuItemSelected(this.selectedItem,!1),s&&this.setMenuItemSelected(s,!0),this.selectedItem=s,this.value=r,this.open=!0;return}s&&this.setMenuItemSelected(s,!1),this.setMenuItemSelected(e,!!this.selects)}setMenuItemSelected(e,t){this.selects!=null&&(e.selected=t)}toggle(e){this.readonly||(this.open=typeof e!="undefined"?e:!this.open)}close(){this.readonly||(this.open=!1)}get containerStyles(){return this.isMobile.matches?{"--swc-menu-width":"100%"}:{}}get selectedItemContent(){return this._selectedItemContent||{icon:[],content:[]}}set selectedItemContent(e){if(e===this.selectedItemContent)return;const t=this.selectedItemContent;this._selectedItemContent=e,this.requestUpdate("selectedItemContent",t)}renderLabelContent(e){return this.value&&this.selectedItem?e:l`
|
|
2
2
|
<slot name="label">${this.label}</slot>
|
|
3
3
|
`}get buttonContent(){const e={"visually-hidden":this.icons==="only"&&!!this.value,placeholder:!this.value};return[l`
|
|
4
4
|
<span id="icon" ?hidden=${this.icons==="none"}>
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
.placement=${this.placement}
|
|
24
24
|
type="auto"
|
|
25
25
|
.receivesFocus=${"true"}
|
|
26
|
-
@beforetoggle=${e=>{e.composedPath()[0]===e.target&&(this.open=e.
|
|
26
|
+
@beforetoggle=${e=>{e.composedPath()[0]===e.target&&(this.open=e.newState==="open",this.open||(this.optionsMenu.updateSelectedItemIndex(),this.optionsMenu.closeDescendentOverlays()))}}
|
|
27
27
|
>
|
|
28
28
|
${this.renderContainer}
|
|
29
29
|
</sp-overlay>
|
|
@@ -42,6 +42,7 @@
|
|
|
42
42
|
@blur=${this.onButtonBlur}
|
|
43
43
|
@click=${this.onButtonClick}
|
|
44
44
|
@focus=${this.onButtonFocus}
|
|
45
|
+
@pointerdown=${this.handlePointerdown}
|
|
45
46
|
?disabled=${this.disabled}
|
|
46
47
|
tabindex="-1"
|
|
47
48
|
>
|
package/src/Picker.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["Picker.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 DefaultElementSize,\n html,\n nothing,\n PropertyValues,\n SizedMixin,\n TemplateResult,\n} from '@spectrum-web-components/base';\nimport {\n classMap,\n StyleInfo,\n styleMap,\n} from '@spectrum-web-components/base/src/directives.js';\nimport {\n property,\n query,\n} from '@spectrum-web-components/base/src/decorators.js';\n\nimport pickerStyles from './picker.css.js';\nimport chevronStyles from '@spectrum-web-components/icon/src/spectrum-icon-chevron.css.js';\n\nimport { Focusable } from '@spectrum-web-components/shared/src/focusable.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-chevron100.js';\nimport '@spectrum-web-components/icons-workflow/icons/sp-icon-alert.js';\nimport '@spectrum-web-components/overlay/sp-overlay.js';\nimport '@spectrum-web-components/menu/sp-menu.js';\nimport type {\n Menu,\n MenuItem,\n MenuItemChildren,\n} from '@spectrum-web-components/menu';\nimport '@spectrum-web-components/tray/sp-tray.js';\nimport '@spectrum-web-components/popover/sp-popover.js';\nimport { Placement } from '@spectrum-web-components/overlay';\nimport {\n IS_MOBILE,\n MatchMediaController,\n} from '@spectrum-web-components/reactive-controllers/src/MatchMedia.js';\nimport { OverlayBase } from '@spectrum-web-components/overlay/src/OverlayBase.js';\n\nconst chevronClass = {\n s: 'spectrum-UIIcon-ChevronDown75',\n m: 'spectrum-UIIcon-ChevronDown100',\n l: 'spectrum-UIIcon-ChevronDown200',\n xl: 'spectrum-UIIcon-ChevronDown300',\n};\n\nexport class PickerBase extends SizedMixin(Focusable) {\n protected isMobile = new MatchMediaController(this, IS_MOBILE);\n\n @query('#button')\n public button!: HTMLButtonElement;\n\n public get target(): HTMLButtonElement | this {\n return this.button;\n }\n\n @property({ type: Boolean, reflect: true })\n public override disabled = false;\n\n @property({ type: Boolean, reflect: true })\n public focused = false;\n\n @property({ type: String, reflect: true })\n public icons?: 'only' | 'none';\n\n @property({ type: Boolean, reflect: true })\n public invalid = false;\n\n @property()\n public label?: string;\n\n @property({ type: Boolean, reflect: true })\n public open = false;\n\n @property({ type: Boolean, reflect: true })\n public readonly = false;\n\n public selects: undefined | 'single' = 'single';\n\n public get menuItems(): MenuItem[] {\n return this.optionsMenu.childItems;\n }\n\n @query('sp-menu')\n public optionsMenu!: Menu;\n\n /**\n * @type {\"auto\" | \"auto-start\" | \"auto-end\" | \"top\" | \"bottom\" | \"right\" | \"left\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\" | \"right-start\" | \"right-end\" | \"left-start\" | \"left-end\" | \"none\"}\n * @attr\n */\n\n @property()\n public placement: Placement = 'bottom-start';\n\n @property({ type: Boolean, reflect: true })\n public quiet = false;\n\n @property({ type: String })\n public value = '';\n\n @property({ attribute: false })\n public get selectedItem(): MenuItem | undefined {\n return this._selectedItem;\n }\n\n public set selectedItem(selectedItem: MenuItem | undefined) {\n this.selectedItemContent = selectedItem\n ? selectedItem.itemChildren\n : undefined;\n\n if (selectedItem === this.selectedItem) return;\n const oldSelectedItem = this.selectedItem;\n this._selectedItem = selectedItem;\n this.requestUpdate('selectedItem', oldSelectedItem);\n }\n\n _selectedItem?: MenuItem;\n\n protected listRole: 'listbox' | 'menu' = 'listbox';\n protected itemRole = 'option';\n\n public constructor() {\n super();\n this.onKeydown = this.onKeydown.bind(this);\n this.addEventListener('focusout', (event: FocusEvent) => {\n if (\n (event.relatedTarget &&\n this.contains(event.relatedTarget as Element)) ||\n event.target !== this\n ) {\n return;\n }\n this.open = false;\n });\n }\n\n public override get focusElement(): HTMLElement {\n if (this.open) {\n return this.optionsMenu;\n }\n return this.button;\n }\n\n public forceFocusVisible(): void {\n this.focused = true;\n }\n\n public onButtonBlur(): void {\n this.focused = false;\n (this.target as HTMLButtonElement).removeEventListener(\n 'keydown',\n this.onKeydown\n );\n }\n\n protected onButtonClick(): void {\n this.toggle();\n }\n\n public override focus(options?: FocusOptions): void {\n super.focus(options);\n\n if (!this.disabled && this.focusElement) {\n this.focused = this.hasVisibleFocusInTree();\n }\n }\n\n public onHelperFocus(): void {\n // set focused to true here instead of onButtonFocus so clicks don't flash a focus outline\n this.focused = true;\n this.button.focus();\n }\n\n public onButtonFocus(): void {\n (this.target as HTMLButtonElement).addEventListener(\n 'keydown',\n this.onKeydown\n );\n }\n\n public handleChange(event: Event): void {\n const target = event.target as Menu;\n const [selected] = target.selectedItems;\n event.stopPropagation();\n if (event.cancelable) {\n this.setValueFromItem(selected, event);\n } else {\n // Non-cancelable \"change\" events announce a selection with no value\n // change that should close the Picker element.\n this.open = false;\n }\n }\n\n protected onKeydown = (event: KeyboardEvent): void => {\n this.focused = true;\n if (event.code !== 'ArrowDown' && event.code !== 'ArrowUp') {\n return;\n }\n event.preventDefault();\n this.toggle(true);\n };\n\n public async setValueFromItem(\n item: MenuItem,\n menuChangeEvent?: Event\n ): Promise<void> {\n // should always close when \"setting\" a value.\n this.open = false;\n const oldSelectedItem = this.selectedItem;\n const oldValue = this.value;\n\n // When there are no selects, don't set a value.\n if (this.selects) {\n // Set a value, but allow it to be prevented.\n this.selectedItem = item;\n this.value = item.value;\n await this.updateComplete;\n }\n const applyDefault = this.dispatchEvent(\n new Event('change', {\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n );\n if (!applyDefault && this.selects) {\n if (menuChangeEvent) {\n menuChangeEvent.preventDefault();\n }\n this.setMenuItemSelected(this.selectedItem as MenuItem, false);\n if (oldSelectedItem) {\n this.setMenuItemSelected(oldSelectedItem, true);\n }\n this.selectedItem = oldSelectedItem;\n this.value = oldValue;\n this.open = true;\n return;\n }\n if (oldSelectedItem) {\n this.setMenuItemSelected(oldSelectedItem, false);\n }\n this.setMenuItemSelected(item, !!this.selects);\n }\n\n protected setMenuItemSelected(item: MenuItem, value: boolean): void {\n // matches null | undefined\n if (this.selects == null) return;\n item.selected = value;\n }\n\n private preventToggle = false;\n\n public toggle(target?: boolean): void {\n if (this.preventToggle) return;\n if (this.readonly) {\n return;\n }\n this.open = typeof target !== 'undefined' ? target : !this.open;\n }\n\n public close(): void {\n if (this.readonly) {\n return;\n }\n this.open = false;\n }\n\n protected get containerStyles(): StyleInfo {\n if (this.isMobile.matches) {\n return {\n '--swc-menu-width': '100%',\n };\n }\n return {};\n }\n\n @property({ attribute: false })\n protected get selectedItemContent(): MenuItemChildren {\n return this._selectedItemContent || { icon: [], content: [] };\n }\n\n protected set selectedItemContent(\n selectedItemContent: MenuItemChildren | undefined\n ) {\n if (selectedItemContent === this.selectedItemContent) return;\n\n const oldContent = this.selectedItemContent;\n this._selectedItemContent = selectedItemContent;\n this.requestUpdate('selectedItemContent', oldContent);\n }\n\n _selectedItemContent?: MenuItemChildren;\n\n protected renderLabelContent(content: Node[]): TemplateResult | Node[] {\n if (this.value && this.selectedItem) {\n return content;\n }\n return html`\n <slot name=\"label\">${this.label}</slot>\n `;\n }\n\n protected get buttonContent(): TemplateResult[] {\n const labelClasses = {\n 'visually-hidden': this.icons === 'only' && !!this.value,\n placeholder: !this.value,\n };\n return [\n html`\n <span id=\"icon\" ?hidden=${this.icons === 'none'}>\n ${this.selectedItemContent.icon}\n </span>\n <span id=\"label\" class=${classMap(labelClasses)}>\n ${this.renderLabelContent(this.selectedItemContent.content)}\n </span>\n ${this.invalid\n ? html`\n <sp-icon-alert\n class=\"validation-icon\"\n ></sp-icon-alert>\n `\n : nothing}\n <sp-icon-chevron100\n class=\"picker ${chevronClass[\n this.size as DefaultElementSize\n ]}\"\n ></sp-icon-chevron100>\n `,\n ];\n }\n\n protected get renderOverlay(): TemplateResult {\n return html`\n <sp-overlay\n .triggerElement=${this as HTMLElement}\n .offset=${0}\n ?open=${this.open}\n .placement=${this.placement}\n type=\"auto\"\n .receivesFocus=${'true'}\n @beforetoggle=${(event: Event & { target: OverlayBase }) => {\n if (event.composedPath()[0] !== event.target) {\n return;\n }\n this.open = event.target.open;\n if (!this.open) {\n this.preventToggle = true;\n requestAnimationFrame(\n () => (this.preventToggle = false)\n );\n this.optionsMenu.updateSelectedItemIndex();\n this.optionsMenu.closeDescendentOverlays();\n }\n }}\n >\n ${this.renderContainer}\n </sp-overlay>\n `;\n }\n\n // a helper to throw focus to the button is needed because Safari\n // won't include buttons in the tab order even with tabindex=\"0\"\n protected override render(): TemplateResult {\n return html`\n <span\n id=\"focus-helper\"\n tabindex=\"${this.focused || this.open ? '-1' : '0'}\"\n @focus=${this.onHelperFocus}\n ></span>\n <button\n aria-haspopup=\"true\"\n aria-expanded=${this.open ? 'true' : 'false'}\n aria-labelledby=\"button icon label\"\n id=\"button\"\n class=\"button\"\n @blur=${this.onButtonBlur}\n @click=${this.onButtonClick}\n @focus=${this.onButtonFocus}\n ?disabled=${this.disabled}\n tabindex=\"-1\"\n >\n ${this.buttonContent}\n </button>\n ${this.renderOverlay}\n `;\n }\n\n protected override update(changes: PropertyValues<this>): void {\n if (this.selects) {\n // Always force `selects` to \"single\" when set.\n // TODO: Add support functionally and visually for \"multiple\"\n this.selects = 'single';\n }\n if (changes.has('disabled') && this.disabled) {\n this.open = false;\n }\n if (changes.has('value')) {\n // MenuItems update a frame late for <slot> management,\n // await the same here.\n this.shouldScheduleManageSelection();\n }\n // Maybe it's finally time to remove this support?\n if (!this.hasUpdated) {\n const deprecatedMenu = this.querySelector(':scope > sp-menu');\n deprecatedMenu?.setAttribute('selects', 'inherit');\n }\n if (window.__swc.DEBUG) {\n if (!this.hasUpdated && this.querySelector(':scope > sp-menu')) {\n const { localName } = this;\n window.__swc.warn(\n this,\n `You no longer need to provide an <sp-menu> child to ${localName}. Any styling or attributes on the <sp-menu> will be ignored.`,\n 'https://opensource.adobe.com/spectrum-web-components/components/picker/#sizes',\n { level: 'deprecation' }\n );\n }\n }\n super.update(changes);\n }\n\n protected get dismissHelper(): TemplateResult {\n return html`\n <div class=\"visually-hidden\">\n <button\n tabindex=\"-1\"\n arial-label=\"Dismiss\"\n @click=${this.close}\n ></button>\n </div>\n `;\n }\n\n protected get renderContainer(): TemplateResult {\n const content = html`\n ${this.dismissHelper}\n <sp-menu\n id=\"menu\"\n role=\"${this.listRole}\"\n @change=${this.handleChange}\n .selects=${this.selects}\n .selected=${this.value ? [this.value] : []}\n @sp-menu-item-added-or-updated=${this.shouldManageSelection}\n >\n <slot @slotchange=${this.shouldScheduleManageSelection}></slot>\n </sp-menu>\n ${this.dismissHelper}\n `;\n if (this.isMobile.matches) {\n return html`\n <sp-tray\n id=\"popover\"\n role=\"dialog\"\n style=${styleMap(this.containerStyles)}\n >\n ${content}\n </sp-tray>\n `;\n }\n return html`\n <sp-popover\n id=\"popover\"\n role=\"dialog\"\n style=${styleMap(this.containerStyles)}\n placement=${this.placement}\n >\n ${content}\n </sp-popover>\n `;\n }\n\n private willManageSelection = false;\n\n protected shouldScheduleManageSelection(event?: Event): void {\n if (\n !this.willManageSelection &&\n (!event ||\n ((event.target as HTMLElement).getRootNode() as ShadowRoot)\n .host === this)\n ) {\n this.willManageSelection = true;\n requestAnimationFrame(() => {\n requestAnimationFrame(() => {\n this.manageSelection();\n });\n });\n }\n }\n\n protected shouldManageSelection(): void {\n if (this.willManageSelection) {\n return;\n }\n this.willManageSelection = true;\n this.manageSelection();\n }\n\n protected async manageSelection(): Promise<void> {\n if (this.selects == null) return;\n\n this.selectionPromise = new Promise(\n (res) => (this.selectionResolver = res)\n );\n let selectedItem: MenuItem | undefined;\n await this.optionsMenu.updateComplete;\n this.menuItems.forEach((item) => {\n if (this.value === item.value && !item.disabled) {\n selectedItem = item;\n } else {\n item.selected = false;\n }\n });\n if (selectedItem) {\n selectedItem.selected = !!this.selects;\n this.selectedItem = selectedItem;\n } else {\n this.value = '';\n this.selectedItem = undefined;\n }\n if (this.open) {\n await this.optionsMenu.updateComplete;\n this.optionsMenu.updateSelectedItemIndex();\n }\n this.selectionResolver();\n this.willManageSelection = false;\n }\n\n private selectionPromise = Promise.resolve();\n private selectionResolver!: () => void;\n\n protected override async getUpdateComplete(): Promise<boolean> {\n const complete = (await super.getUpdateComplete()) as boolean;\n await this.selectionPromise;\n return complete;\n }\n\n public override disconnectedCallback(): void {\n this.close();\n\n super.disconnectedCallback();\n }\n}\n\n/**\n * @element sp-picker\n *\n * @slot label - The placeholder content for the Picker\n * @slot - menu items to be listed in the Picker\n * @fires change - Announces that the `value` of the element has changed\n * @fires sp-opened - Announces that the overlay has been opened\n * @fires sp-closed - Announces that the overlay has been closed\n */\nexport class Picker extends PickerBase {\n public static override get styles(): CSSResultArray {\n return [pickerStyles, chevronStyles];\n }\n\n protected override get containerStyles(): StyleInfo {\n const styles = super.containerStyles;\n if (!this.quiet) {\n styles['min-width'] = `${this.offsetWidth}px`;\n }\n return styles;\n }\n\n protected override onKeydown = (event: KeyboardEvent): void => {\n const { code } = event;\n this.focused = true;\n if (!code.startsWith('Arrow') || this.readonly) {\n return;\n }\n event.preventDefault();\n if (code === 'ArrowUp' || code === 'ArrowDown') {\n this.toggle(true);\n return;\n }\n const selectedIndex = this.selectedItem\n ? this.menuItems.indexOf(this.selectedItem)\n : -1;\n // use a positive offset to find the first non-disabled item when no selection is available.\n const nextOffset = !this.value || code === 'ArrowRight' ? 1 : -1;\n let nextIndex = selectedIndex + nextOffset;\n while (\n this.menuItems[nextIndex] &&\n this.menuItems[nextIndex].disabled\n ) {\n nextIndex += nextOffset;\n }\n if (!this.menuItems[nextIndex] || this.menuItems[nextIndex].disabled) {\n return;\n }\n if (!this.value || nextIndex !== selectedIndex) {\n this.setValueFromItem(this.menuItems[nextIndex]);\n }\n };\n}\n"],
|
|
5
|
-
"mappings": "qNAYA,OAGI,QAAAA,EACA,WAAAC,EAEA,cAAAC,MAEG,gCACP,OACI,YAAAC,EAEA,YAAAC,MACG,kDACP,OACI,YAAAC,EACA,SAAAC,MACG,kDAEP,OAAOC,MAAkB,kBACzB,OAAOC,MAAmB,iEAE1B,OAAS,aAAAC,MAAiB,mDAC1B,MAAO,gEACP,MAAO,iEACP,MAAO,iDACP,MAAO,2CAMP,MAAO,2CACP,MAAO,iDAEP,OACI,aAAAC,EACA,wBAAAC,MACG,kEAGP,MAAMC,EAAe,CACjB,EAAG,gCACH,EAAG,iCACH,EAAG,iCACH,GAAI,gCACR,EAEO,aAAM,mBAAmBV,EAAWO,CAAS,CAAE,CA2E3C,aAAc,CACjB,MAAM,EA3EV,KAAU,SAAW,IAAIE,EAAqB,KAAMD,CAAS,EAU7D,KAAgB,SAAW,GAG3B,KAAO,QAAU,GAMjB,KAAO,QAAU,GAMjB,KAAO,KAAO,GAGd,KAAO,SAAW,GAElB,KAAO,QAAgC,SAevC,KAAO,UAAuB,eAG9B,KAAO,MAAQ,GAGf,KAAO,MAAQ,GAoBf,KAAU,SAA+B,UACzC,KAAU,SAAW,
|
|
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 DefaultElementSize,\n html,\n nothing,\n PropertyValues,\n SizedMixin,\n TemplateResult,\n} from '@spectrum-web-components/base';\nimport {\n classMap,\n StyleInfo,\n styleMap,\n} from '@spectrum-web-components/base/src/directives.js';\nimport {\n property,\n query,\n} from '@spectrum-web-components/base/src/decorators.js';\n\nimport pickerStyles from './picker.css.js';\nimport chevronStyles from '@spectrum-web-components/icon/src/spectrum-icon-chevron.css.js';\n\nimport { Focusable } from '@spectrum-web-components/shared/src/focusable.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-chevron100.js';\nimport '@spectrum-web-components/icons-workflow/icons/sp-icon-alert.js';\nimport '@spectrum-web-components/overlay/sp-overlay.js';\nimport '@spectrum-web-components/menu/sp-menu.js';\nimport type {\n Menu,\n MenuItem,\n MenuItemChildren,\n} from '@spectrum-web-components/menu';\nimport '@spectrum-web-components/tray/sp-tray.js';\nimport '@spectrum-web-components/popover/sp-popover.js';\nimport { Placement } from '@spectrum-web-components/overlay';\nimport {\n IS_MOBILE,\n MatchMediaController,\n} from '@spectrum-web-components/reactive-controllers/src/MatchMedia.js';\nimport { OverlayBase } from '@spectrum-web-components/overlay/src/OverlayBase.js';\n\nconst chevronClass = {\n s: 'spectrum-UIIcon-ChevronDown75',\n m: 'spectrum-UIIcon-ChevronDown100',\n l: 'spectrum-UIIcon-ChevronDown200',\n xl: 'spectrum-UIIcon-ChevronDown300',\n};\n\nexport class PickerBase extends SizedMixin(Focusable) {\n protected isMobile = new MatchMediaController(this, IS_MOBILE);\n\n @query('#button')\n public button!: HTMLButtonElement;\n\n public get target(): HTMLButtonElement | this {\n return this.button;\n }\n\n @property({ type: Boolean, reflect: true })\n public override disabled = false;\n\n @property({ type: Boolean, reflect: true })\n public focused = false;\n\n @property({ type: String, reflect: true })\n public icons?: 'only' | 'none';\n\n @property({ type: Boolean, reflect: true })\n public invalid = false;\n\n @property()\n public label?: string;\n\n @property({ type: Boolean, reflect: true })\n public open = false;\n\n @property({ type: Boolean, reflect: true })\n public readonly = false;\n\n public selects: undefined | 'single' = 'single';\n\n public get menuItems(): MenuItem[] {\n return this.optionsMenu.childItems;\n }\n\n @query('sp-menu')\n public optionsMenu!: Menu;\n\n /**\n * @type {\"auto\" | \"auto-start\" | \"auto-end\" | \"top\" | \"bottom\" | \"right\" | \"left\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\" | \"right-start\" | \"right-end\" | \"left-start\" | \"left-end\" | \"none\"}\n * @attr\n */\n\n @property()\n public placement: Placement = 'bottom-start';\n\n @property({ type: Boolean, reflect: true })\n public quiet = false;\n\n @property({ type: String })\n public value = '';\n\n @property({ attribute: false })\n public get selectedItem(): MenuItem | undefined {\n return this._selectedItem;\n }\n\n public set selectedItem(selectedItem: MenuItem | undefined) {\n this.selectedItemContent = selectedItem\n ? selectedItem.itemChildren\n : undefined;\n\n if (selectedItem === this.selectedItem) return;\n const oldSelectedItem = this.selectedItem;\n this._selectedItem = selectedItem;\n this.requestUpdate('selectedItem', oldSelectedItem);\n }\n\n _selectedItem?: MenuItem;\n\n protected listRole: 'listbox' | 'menu' = 'listbox';\n protected itemRole = 'option';\n\n public constructor() {\n super();\n this.onKeydown = this.onKeydown.bind(this);\n this.addEventListener('focusout', (event: FocusEvent) => {\n if (\n (event.relatedTarget &&\n this.contains(event.relatedTarget as Element)) ||\n event.target !== this\n ) {\n return;\n }\n this.open = false;\n });\n }\n\n public override get focusElement(): HTMLElement {\n if (this.open) {\n return this.optionsMenu;\n }\n return this.button;\n }\n\n public forceFocusVisible(): void {\n this.focused = true;\n }\n\n public onButtonBlur(): void {\n this.focused = false;\n (this.target as HTMLButtonElement).removeEventListener(\n 'keydown',\n this.onKeydown\n );\n }\n\n private preventNextToggle = false;\n\n protected handlePointerdown(): void {\n this.preventNextToggle = this.open;\n }\n\n protected onButtonClick(): void {\n if (!this.preventNextToggle) {\n this.toggle();\n }\n this.preventNextToggle = false;\n }\n\n public override focus(options?: FocusOptions): void {\n super.focus(options);\n\n if (!this.disabled && this.focusElement) {\n this.focused = this.hasVisibleFocusInTree();\n }\n }\n\n public onHelperFocus(): void {\n // set focused to true here instead of onButtonFocus so clicks don't flash a focus outline\n this.focused = true;\n this.button.focus();\n }\n\n public onButtonFocus(): void {\n (this.target as HTMLButtonElement).addEventListener(\n 'keydown',\n this.onKeydown\n );\n }\n\n public handleChange(event: Event): void {\n const target = event.target as Menu;\n const [selected] = target.selectedItems;\n event.stopPropagation();\n if (event.cancelable) {\n this.setValueFromItem(selected, event);\n } else {\n // Non-cancelable \"change\" events announce a selection with no value\n // change that should close the Picker element.\n this.open = false;\n }\n }\n\n protected onKeydown = (event: KeyboardEvent): void => {\n this.focused = true;\n if (event.code !== 'ArrowDown' && event.code !== 'ArrowUp') {\n return;\n }\n event.preventDefault();\n this.toggle(true);\n };\n\n public async setValueFromItem(\n item: MenuItem,\n menuChangeEvent?: Event\n ): Promise<void> {\n // should always close when \"setting\" a value.\n this.open = false;\n const oldSelectedItem = this.selectedItem;\n const oldValue = this.value;\n\n // When there are no selects, don't set a value.\n if (this.selects) {\n // Set a value, but allow it to be prevented.\n this.selectedItem = item;\n this.value = item.value;\n await this.updateComplete;\n }\n const applyDefault = this.dispatchEvent(\n new Event('change', {\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n );\n if (!applyDefault && this.selects) {\n if (menuChangeEvent) {\n menuChangeEvent.preventDefault();\n }\n this.setMenuItemSelected(this.selectedItem as MenuItem, false);\n if (oldSelectedItem) {\n this.setMenuItemSelected(oldSelectedItem, true);\n }\n this.selectedItem = oldSelectedItem;\n this.value = oldValue;\n this.open = true;\n return;\n }\n if (oldSelectedItem) {\n this.setMenuItemSelected(oldSelectedItem, false);\n }\n this.setMenuItemSelected(item, !!this.selects);\n }\n\n protected setMenuItemSelected(item: MenuItem, value: boolean): void {\n // matches null | undefined\n if (this.selects == null) return;\n item.selected = value;\n }\n\n public toggle(target?: boolean): void {\n if (this.readonly) {\n return;\n }\n this.open = typeof target !== 'undefined' ? target : !this.open;\n }\n\n public close(): void {\n if (this.readonly) {\n return;\n }\n this.open = false;\n }\n\n protected get containerStyles(): StyleInfo {\n if (this.isMobile.matches) {\n return {\n '--swc-menu-width': '100%',\n };\n }\n return {};\n }\n\n @property({ attribute: false })\n protected get selectedItemContent(): MenuItemChildren {\n return this._selectedItemContent || { icon: [], content: [] };\n }\n\n protected set selectedItemContent(\n selectedItemContent: MenuItemChildren | undefined\n ) {\n if (selectedItemContent === this.selectedItemContent) return;\n\n const oldContent = this.selectedItemContent;\n this._selectedItemContent = selectedItemContent;\n this.requestUpdate('selectedItemContent', oldContent);\n }\n\n _selectedItemContent?: MenuItemChildren;\n\n protected renderLabelContent(content: Node[]): TemplateResult | Node[] {\n if (this.value && this.selectedItem) {\n return content;\n }\n return html`\n <slot name=\"label\">${this.label}</slot>\n `;\n }\n\n protected get buttonContent(): TemplateResult[] {\n const labelClasses = {\n 'visually-hidden': this.icons === 'only' && !!this.value,\n placeholder: !this.value,\n };\n return [\n html`\n <span id=\"icon\" ?hidden=${this.icons === 'none'}>\n ${this.selectedItemContent.icon}\n </span>\n <span id=\"label\" class=${classMap(labelClasses)}>\n ${this.renderLabelContent(this.selectedItemContent.content)}\n </span>\n ${this.invalid\n ? html`\n <sp-icon-alert\n class=\"validation-icon\"\n ></sp-icon-alert>\n `\n : nothing}\n <sp-icon-chevron100\n class=\"picker ${chevronClass[\n this.size as DefaultElementSize\n ]}\"\n ></sp-icon-chevron100>\n `,\n ];\n }\n\n protected get renderOverlay(): TemplateResult {\n return html`\n <sp-overlay\n .triggerElement=${this as HTMLElement}\n .offset=${0}\n ?open=${this.open}\n .placement=${this.placement}\n type=\"auto\"\n .receivesFocus=${'true'}\n @beforetoggle=${(\n event: Event & {\n target: OverlayBase;\n newState: 'open' | 'closed';\n }\n ) => {\n if (event.composedPath()[0] !== event.target) {\n return;\n }\n this.open = event.newState === 'open';\n if (!this.open) {\n this.optionsMenu.updateSelectedItemIndex();\n this.optionsMenu.closeDescendentOverlays();\n }\n }}\n >\n ${this.renderContainer}\n </sp-overlay>\n `;\n }\n\n // a helper to throw focus to the button is needed because Safari\n // won't include buttons in the tab order even with tabindex=\"0\"\n protected override render(): TemplateResult {\n return html`\n <span\n id=\"focus-helper\"\n tabindex=\"${this.focused || this.open ? '-1' : '0'}\"\n @focus=${this.onHelperFocus}\n ></span>\n <button\n aria-haspopup=\"true\"\n aria-expanded=${this.open ? 'true' : 'false'}\n aria-labelledby=\"button icon label\"\n id=\"button\"\n class=\"button\"\n @blur=${this.onButtonBlur}\n @click=${this.onButtonClick}\n @focus=${this.onButtonFocus}\n @pointerdown=${this.handlePointerdown}\n ?disabled=${this.disabled}\n tabindex=\"-1\"\n >\n ${this.buttonContent}\n </button>\n ${this.renderOverlay}\n `;\n }\n\n protected override update(changes: PropertyValues<this>): void {\n if (this.selects) {\n // Always force `selects` to \"single\" when set.\n // TODO: Add support functionally and visually for \"multiple\"\n this.selects = 'single';\n }\n if (changes.has('disabled') && this.disabled) {\n this.open = false;\n }\n if (changes.has('value')) {\n // MenuItems update a frame late for <slot> management,\n // await the same here.\n this.shouldScheduleManageSelection();\n }\n // Maybe it's finally time to remove this support?\n if (!this.hasUpdated) {\n const deprecatedMenu = this.querySelector(':scope > sp-menu');\n deprecatedMenu?.setAttribute('selects', 'inherit');\n }\n if (window.__swc.DEBUG) {\n if (!this.hasUpdated && this.querySelector(':scope > sp-menu')) {\n const { localName } = this;\n window.__swc.warn(\n this,\n `You no longer need to provide an <sp-menu> child to ${localName}. Any styling or attributes on the <sp-menu> will be ignored.`,\n 'https://opensource.adobe.com/spectrum-web-components/components/picker/#sizes',\n { level: 'deprecation' }\n );\n }\n }\n super.update(changes);\n }\n\n protected get dismissHelper(): TemplateResult {\n return html`\n <div class=\"visually-hidden\">\n <button\n tabindex=\"-1\"\n arial-label=\"Dismiss\"\n @click=${this.close}\n ></button>\n </div>\n `;\n }\n\n protected get renderContainer(): TemplateResult {\n const content = html`\n ${this.dismissHelper}\n <sp-menu\n id=\"menu\"\n role=\"${this.listRole}\"\n @change=${this.handleChange}\n .selects=${this.selects}\n .selected=${this.value ? [this.value] : []}\n @sp-menu-item-added-or-updated=${this.shouldManageSelection}\n >\n <slot @slotchange=${this.shouldScheduleManageSelection}></slot>\n </sp-menu>\n ${this.dismissHelper}\n `;\n if (this.isMobile.matches) {\n return html`\n <sp-tray\n id=\"popover\"\n role=\"dialog\"\n style=${styleMap(this.containerStyles)}\n >\n ${content}\n </sp-tray>\n `;\n }\n return html`\n <sp-popover\n id=\"popover\"\n role=\"dialog\"\n style=${styleMap(this.containerStyles)}\n placement=${this.placement}\n >\n ${content}\n </sp-popover>\n `;\n }\n\n private willManageSelection = false;\n\n protected shouldScheduleManageSelection(event?: Event): void {\n if (\n !this.willManageSelection &&\n (!event ||\n ((event.target as HTMLElement).getRootNode() as ShadowRoot)\n .host === this)\n ) {\n this.willManageSelection = true;\n requestAnimationFrame(() => {\n requestAnimationFrame(() => {\n this.manageSelection();\n });\n });\n }\n }\n\n protected shouldManageSelection(): void {\n if (this.willManageSelection) {\n return;\n }\n this.willManageSelection = true;\n this.manageSelection();\n }\n\n protected async manageSelection(): Promise<void> {\n if (this.selects == null) return;\n\n this.selectionPromise = new Promise(\n (res) => (this.selectionResolver = res)\n );\n let selectedItem: MenuItem | undefined;\n await this.optionsMenu.updateComplete;\n this.menuItems.forEach((item) => {\n if (this.value === item.value && !item.disabled) {\n selectedItem = item;\n } else {\n item.selected = false;\n }\n });\n if (selectedItem) {\n selectedItem.selected = !!this.selects;\n this.selectedItem = selectedItem;\n } else {\n this.value = '';\n this.selectedItem = undefined;\n }\n if (this.open) {\n await this.optionsMenu.updateComplete;\n this.optionsMenu.updateSelectedItemIndex();\n }\n this.selectionResolver();\n this.willManageSelection = false;\n }\n\n private selectionPromise = Promise.resolve();\n private selectionResolver!: () => void;\n\n protected override async getUpdateComplete(): Promise<boolean> {\n const complete = (await super.getUpdateComplete()) as boolean;\n await this.selectionPromise;\n return complete;\n }\n\n public override disconnectedCallback(): void {\n this.close();\n\n super.disconnectedCallback();\n }\n}\n\n/**\n * @element sp-picker\n *\n * @slot label - The placeholder content for the Picker\n * @slot - menu items to be listed in the Picker\n * @fires change - Announces that the `value` of the element has changed\n * @fires sp-opened - Announces that the overlay has been opened\n * @fires sp-closed - Announces that the overlay has been closed\n */\nexport class Picker extends PickerBase {\n public static override get styles(): CSSResultArray {\n return [pickerStyles, chevronStyles];\n }\n\n protected override get containerStyles(): StyleInfo {\n const styles = super.containerStyles;\n if (!this.quiet) {\n styles['min-width'] = `${this.offsetWidth}px`;\n }\n return styles;\n }\n\n protected override onKeydown = (event: KeyboardEvent): void => {\n const { code } = event;\n this.focused = true;\n if (!code.startsWith('Arrow') || this.readonly) {\n return;\n }\n event.preventDefault();\n if (code === 'ArrowUp' || code === 'ArrowDown') {\n this.toggle(true);\n return;\n }\n const selectedIndex = this.selectedItem\n ? this.menuItems.indexOf(this.selectedItem)\n : -1;\n // use a positive offset to find the first non-disabled item when no selection is available.\n const nextOffset = !this.value || code === 'ArrowRight' ? 1 : -1;\n let nextIndex = selectedIndex + nextOffset;\n while (\n this.menuItems[nextIndex] &&\n this.menuItems[nextIndex].disabled\n ) {\n nextIndex += nextOffset;\n }\n if (!this.menuItems[nextIndex] || this.menuItems[nextIndex].disabled) {\n return;\n }\n if (!this.value || nextIndex !== selectedIndex) {\n this.setValueFromItem(this.menuItems[nextIndex]);\n }\n };\n}\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["html", "nothing", "SizedMixin", "classMap", "styleMap", "property", "query", "pickerStyles", "chevronStyles", "Focusable", "IS_MOBILE", "MatchMediaController", "chevronClass", "event", "selectedItem", "oldSelectedItem", "options", "target", "selected", "item", "menuChangeEvent", "oldValue", "value", "selectedItemContent", "oldContent", "content", "labelClasses", "changes", "deprecatedMenu", "res", "complete", "__decorateClass", "code", "selectedIndex", "nextOffset", "nextIndex", "styles"]
|
|
7
7
|
}
|
package/test/index.js
CHANGED
|
@@ -304,6 +304,66 @@ export function runPickerTests() {
|
|
|
304
304
|
expect(el.open).to.be.true;
|
|
305
305
|
expect(firstItem.focused, "still not visually focused").to.be.false;
|
|
306
306
|
});
|
|
307
|
+
it("opens/closes multiple times", async () => {
|
|
308
|
+
expect(el.open).to.be.false;
|
|
309
|
+
const boundingRect = el.button.getBoundingClientRect();
|
|
310
|
+
let opened = oneEvent(el, "sp-opened");
|
|
311
|
+
sendMouse({
|
|
312
|
+
steps: [
|
|
313
|
+
{
|
|
314
|
+
type: "click",
|
|
315
|
+
position: [
|
|
316
|
+
boundingRect.x + boundingRect.width / 2,
|
|
317
|
+
boundingRect.y + boundingRect.height / 2
|
|
318
|
+
]
|
|
319
|
+
}
|
|
320
|
+
]
|
|
321
|
+
});
|
|
322
|
+
await opened;
|
|
323
|
+
expect(el.open).to.be.true;
|
|
324
|
+
let closed = oneEvent(el, "sp-closed");
|
|
325
|
+
sendMouse({
|
|
326
|
+
steps: [
|
|
327
|
+
{
|
|
328
|
+
type: "click",
|
|
329
|
+
position: [
|
|
330
|
+
boundingRect.x + boundingRect.width / 2,
|
|
331
|
+
boundingRect.y + boundingRect.height / 2
|
|
332
|
+
]
|
|
333
|
+
}
|
|
334
|
+
]
|
|
335
|
+
});
|
|
336
|
+
await closed;
|
|
337
|
+
expect(el.open).to.be.false;
|
|
338
|
+
opened = oneEvent(el, "sp-opened");
|
|
339
|
+
sendMouse({
|
|
340
|
+
steps: [
|
|
341
|
+
{
|
|
342
|
+
type: "click",
|
|
343
|
+
position: [
|
|
344
|
+
boundingRect.x + boundingRect.width / 2,
|
|
345
|
+
boundingRect.y + boundingRect.height / 2
|
|
346
|
+
]
|
|
347
|
+
}
|
|
348
|
+
]
|
|
349
|
+
});
|
|
350
|
+
await opened;
|
|
351
|
+
expect(el.open).to.be.true;
|
|
352
|
+
closed = oneEvent(el, "sp-closed");
|
|
353
|
+
sendMouse({
|
|
354
|
+
steps: [
|
|
355
|
+
{
|
|
356
|
+
type: "click",
|
|
357
|
+
position: [
|
|
358
|
+
boundingRect.x + boundingRect.width / 2,
|
|
359
|
+
boundingRect.y + boundingRect.height / 2
|
|
360
|
+
]
|
|
361
|
+
}
|
|
362
|
+
]
|
|
363
|
+
});
|
|
364
|
+
await closed;
|
|
365
|
+
expect(el.open).to.be.false;
|
|
366
|
+
});
|
|
307
367
|
it("closes when becoming disabled", async () => {
|
|
308
368
|
expect(el.open).to.be.false;
|
|
309
369
|
el.click();
|
package/test/index.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["index.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 type { Picker } from '@spectrum-web-components/picker';\n\n// import type { OverlayOpenCloseDetail } from '@spectrum-web-components/overlay';\nimport type { MenuItem } from '@spectrum-web-components/menu';\nimport {\n aTimeout,\n elementUpdated,\n expect,\n fixture,\n html,\n nextFrame,\n oneEvent,\n waitUntil,\n} from '@open-wc/testing';\nimport '@spectrum-web-components/shared/src/focus-visible.js';\nimport { spy, stub } from 'sinon';\nimport {\n arrowDownEvent,\n arrowLeftEvent,\n arrowRightEvent,\n arrowUpEvent,\n testForLitDevWarnings,\n tEvent,\n} from '../../../test/testing-helpers.js';\nimport {\n a11ySnapshot,\n findAccessibilityNode,\n sendKeys,\n} from '@web/test-runner-commands';\nimport { iconsOnly } from '../stories/picker.stories.js';\nimport { sendMouse } from '../../../test/plugins/browser.js';\nimport type { Popover } from '@spectrum-web-components/popover';\nimport { ignoreResizeObserverLoopError } from '../../../test/testing-helpers.js';\nimport '@spectrum-web-components/theme/sp-theme.js';\nimport '@spectrum-web-components/theme/src/themes.js';\n\nignoreResizeObserverLoopError(before, after);\n\nconst isMenuActiveElement = function (el: Picker): boolean {\n return el.shadowRoot.activeElement?.localName === 'sp-menu';\n};\n\nexport function runPickerTests(): void {\n let el: Picker;\n const pickerFixture = async (): Promise<Picker> => {\n const test = await fixture<HTMLDivElement>(\n html`\n <sp-theme scale=\"medium\" color=\"light\">\n <sp-field-label for=\"picker\">\n Where do you live?\n </sp-field-label>\n <sp-picker\n id=\"picker\"\n style=\"width: 200px; --spectrum-alias-ui-icon-chevron-size-100: 10px;\"\n >\n <sp-menu-item>Deselect</sp-menu-item>\n <sp-menu-item value=\"option-2\">\n Select Inverse\n </sp-menu-item>\n <sp-menu-item>Feather...</sp-menu-item>\n <sp-menu-item>Select and Mask...</sp-menu-item>\n <sp-menu-divider></sp-menu-divider>\n <sp-menu-item>Save Selection</sp-menu-item>\n <sp-menu-item disabled>Make Work Path</sp-menu-item>\n </sp-picker>\n </sp-theme>\n `\n );\n\n return test.querySelector('sp-picker') as Picker;\n };\n describe('standard', () => {\n beforeEach(async () => {\n el = await pickerFixture();\n await elementUpdated(el);\n });\n it('loads accessibly', async () => {\n await expect(el).to.be.accessible();\n });\n it('closes accessibly', async () => {\n const opened = oneEvent(el, 'sp-opened');\n el.open = true;\n await opened;\n\n expect(el.open).to.be.true;\n const accessibleCloseButton = el.shadowRoot.querySelector(\n '.visually-hidden button'\n ) as HTMLButtonElement;\n\n const closed = oneEvent(el, 'sp-closed');\n accessibleCloseButton.click();\n await closed;\n\n expect(el.open).to.be.false;\n });\n it('accepts new selected item content', async () => {\n await nextFrame();\n await nextFrame();\n const option2 = el.querySelector('[value=\"option-2\"') as MenuItem;\n el.value = 'option-2';\n await elementUpdated(option2);\n await elementUpdated(el);\n await aTimeout(150);\n expect(el.value).to.equal('option-2');\n expect((el.button.textContent || '').trim()).to.equal(\n 'Select Inverse'\n );\n let itemUpdated = oneEvent(el, 'sp-menu-item-added-or-updated');\n const newLabel1 = 'Invert Selection';\n option2.innerHTML = newLabel1;\n await itemUpdated;\n await elementUpdated(el);\n expect(el.value).to.equal('option-2');\n expect((el.button.textContent || '').trim()).to.equal(newLabel1);\n itemUpdated = oneEvent(el, 'sp-menu-item-added-or-updated');\n const newLabel2 = 'Other option';\n option2.childNodes[0].textContent = newLabel2;\n await itemUpdated;\n await elementUpdated(el);\n expect(el.value).to.equal('option-2');\n expect((el.button.textContent || '').trim()).to.equal(newLabel2);\n });\n it('accepts new selected item content when open', async () => {\n await nextFrame();\n const option2 = el.querySelector('[value=\"option-2\"') as MenuItem;\n el.value = 'option-2';\n await elementUpdated(el);\n await aTimeout(150);\n expect(el.value).to.equal('option-2');\n expect((el.button.textContent || '').trim()).to.equal(\n 'Select Inverse'\n );\n const opened = oneEvent(el, 'sp-opened');\n el.open = true;\n await opened;\n const itemUpdated = oneEvent(\n option2,\n 'sp-menu-item-added-or-updated'\n );\n option2.innerHTML = 'Invert Selection';\n await itemUpdated;\n await elementUpdated(el);\n expect(el.value).to.equal('option-2');\n expect((el.button.textContent || '').trim()).to.equal(\n 'Invert Selection'\n );\n });\n it('unsets value when children removed', async () => {\n await nextFrame();\n el.value = 'option-2';\n\n await elementUpdated(el);\n await aTimeout(150);\n expect(el.value).to.equal('option-2');\n expect((el.button.textContent || '').trim()).to.equal(\n 'Select Inverse'\n );\n\n const items = el.querySelectorAll('sp-menu-item');\n const removals: Promise<unknown>[] = [];\n items.forEach((item) => {\n const removal = oneEvent(el, 'sp-menu-item-removed');\n item.remove();\n removals.push(removal);\n });\n await Promise.all(removals);\n await elementUpdated(el);\n await nextFrame();\n await aTimeout(150);\n expect(el.optionsMenu.childItems.length).to.equal(0);\n if ('showPopover' in document.createElement('div')) {\n return;\n }\n expect((el.button.textContent || '').trim()).to.equal('');\n expect(el.value).to.equal('');\n });\n it('accepts a new item and value at the same time', async () => {\n el.value = 'option-2';\n\n await elementUpdated(el);\n expect(el.value).to.equal('option-2');\n\n const item = document.createElement('sp-menu-item');\n item.value = 'option-new';\n item.textContent = 'New Option';\n\n el.append(item);\n await elementUpdated(el);\n\n el.value = 'option-new';\n\n await elementUpdated(el);\n expect(el.value).to.equal('option-new');\n });\n it('accepts a new item that can be selected', async () => {\n el.value = 'option-2';\n\n await elementUpdated(el);\n expect(el.value).to.equal('option-2');\n const item = document.createElement('sp-menu-item');\n item.value = 'option-new';\n item.textContent = 'New Option';\n\n el.append(item);\n await nextFrame();\n await elementUpdated(el);\n\n let opened = oneEvent(el, 'sp-opened');\n el.open = true;\n await opened;\n // Overlaid content is outside of the context of the Picker element\n // and cannot be managed via its updateComplete cycle.\n await nextFrame();\n\n const close = oneEvent(el, 'sp-closed');\n item.click();\n await close;\n // Overlaid content is outside of the context of the Picker element\n // and cannot be managed via its updateComplete cycle.\n await nextFrame();\n\n expect(el.value, 'first time').to.equal('option-new');\n\n opened = oneEvent(el, 'sp-opened');\n el.open = true;\n await opened;\n // Overlaid content is outside of the context of the Picker element\n // and cannot be managed via its updateComplete cycle.\n await nextFrame();\n\n expect(el.value, 'second time').to.equal('option-new');\n });\n it('manages its \"name\" value in the accessibility tree', async () => {\n await nextFrame();\n type NamedNode = { name: string };\n let snapshot = (await a11ySnapshot({})) as unknown as NamedNode & {\n children: NamedNode[];\n };\n\n expect(\n findAccessibilityNode<NamedNode>(\n snapshot,\n (node) => node.name === 'Where do you live?'\n ),\n '`name` is the label text'\n ).to.not.be.null;\n\n el.value = 'option-2';\n await elementUpdated(el);\n await nextFrame();\n await nextFrame();\n snapshot = (await a11ySnapshot({})) as unknown as NamedNode & {\n children: NamedNode[];\n };\n\n expect(\n findAccessibilityNode<NamedNode>(\n snapshot,\n (node) => node.name === 'Where do you live? Select Inverse'\n ),\n '`name` is the label text plus the selected item text'\n ).to.not.be.null;\n });\n it('manages `aria-activedescendant`', async () => {\n const firstItem = el.querySelector('sp-menu-item:nth-child(1)');\n const secondItem = el.querySelector('sp-menu-item:nth-child(2)');\n const opened = oneEvent(el, 'sp-opened');\n el.open = true;\n await opened;\n expect(\n el.optionsMenu.getAttribute('aria-activedescendant')\n ).to.equal(firstItem?.id);\n await sendKeys({ press: 'ArrowDown' });\n await elementUpdated(el);\n expect(\n el.optionsMenu.getAttribute('aria-activedescendant')\n ).to.equal(secondItem?.id);\n });\n it('renders invalid accessibly', async () => {\n el.invalid = true;\n await elementUpdated(el);\n\n expect(el.invalid).to.be.true;\n await expect(el).to.be.accessible();\n });\n it('renders selection accessibly', async () => {\n el.value = 'option-2';\n await elementUpdated(el);\n\n await expect(el).to.be.accessible();\n });\n it('opens with visible focus on a menu item on `DownArrow`', async () => {\n const firstItem = el.querySelector('sp-menu-item') as MenuItem;\n\n await elementUpdated(el);\n\n expect(firstItem.focused, 'should not visually focused').to.be\n .false;\n\n el.focus();\n await elementUpdated(el);\n const opened = oneEvent(el, 'sp-opened');\n await sendKeys({ press: 'ArrowRight' });\n await sendKeys({ press: 'ArrowLeft' });\n await sendKeys({ press: 'ArrowDown' });\n await opened;\n\n expect(el.open).to.be.true;\n expect(firstItem.focused, 'should be visually focused').to.be.true;\n\n const closed = oneEvent(el, 'sp-closed');\n await sendKeys({\n press: 'Escape',\n });\n await closed;\n\n expect(el.open).to.be.false;\n expect(\n document.activeElement === el,\n `focused ${document.activeElement?.localName} instead of back on Picker`\n ).to.be.true;\n expect(\n el.shadowRoot.activeElement === el.button,\n `focused ${el.shadowRoot.activeElement?.localName} instead of back on button`\n ).to.be.true;\n await waitUntil(\n () => !firstItem.focused,\n 'finally, not visually focused'\n );\n });\n it('opens, on click, without visible focus on a menu item', async () => {\n await nextFrame();\n await nextFrame();\n const firstItem = el.querySelector('sp-menu-item') as MenuItem;\n const boundingRect = el.button.getBoundingClientRect();\n\n expect(firstItem.focused, 'not visually focused').to.be.false;\n const opened = oneEvent(el, 'sp-opened');\n sendMouse({\n steps: [\n {\n type: 'click',\n position: [\n boundingRect.x + boundingRect.width / 2,\n boundingRect.y + boundingRect.height / 2,\n ],\n },\n ],\n });\n await opened;\n\n expect(el.open).to.be.true;\n expect(firstItem.focused, 'still not visually focused').to.be.false;\n });\n it('closes when becoming disabled', async () => {\n expect(el.open).to.be.false;\n el.click();\n await elementUpdated(el);\n\n expect(el.open).to.be.true;\n el.disabled = true;\n await elementUpdated(el);\n\n expect(el.open).to.be.false;\n });\n it('closes when clicking away', async () => {\n el.id = 'closing';\n const other = document.createElement('div');\n document.body.append(other);\n\n await elementUpdated(el);\n\n expect(el.open).to.be.false;\n const opened = oneEvent(el, 'sp-opened');\n el.click();\n await opened;\n await elementUpdated(el);\n\n expect(el.open).to.be.true;\n const closed = oneEvent(el, 'sp-closed');\n other.click();\n closed;\n await elementUpdated(el);\n\n other.remove();\n });\n it('selects', async () => {\n const secondItem = el.querySelector(\n 'sp-menu-item:nth-of-type(2)'\n ) as MenuItem;\n const button = el.button as HTMLButtonElement;\n\n const opened = oneEvent(el, 'sp-opened');\n button.click();\n await opened;\n\n expect(el.open).to.be.true;\n expect(el.selectedItem?.itemText).to.be.undefined;\n expect(el.value).to.equal('');\n\n const closed = oneEvent(el, 'sp-closed');\n secondItem.click();\n await closed;\n\n expect(el.open).to.be.false;\n expect(el.selectedItem?.itemText).to.equal('Select Inverse');\n expect(el.value).to.equal('option-2');\n });\n it('re-selects', async () => {\n const firstItem = el.querySelector(\n 'sp-menu-item:nth-of-type(1)'\n ) as MenuItem;\n const secondItem = el.querySelector(\n 'sp-menu-item:nth-of-type(2)'\n ) as MenuItem;\n const button = el.button as HTMLButtonElement;\n\n let opened = oneEvent(el, 'sp-opened');\n button.click();\n await opened;\n\n expect(el.open).to.be.true;\n expect(el.selectedItem?.itemText).to.be.undefined;\n expect(el.value).to.equal('');\n\n let closed = oneEvent(el, 'sp-closed');\n secondItem.click();\n await closed;\n\n expect(el.open).to.be.false;\n expect(el.selectedItem?.itemText).to.equal('Select Inverse');\n expect(el.value).to.equal('option-2');\n\n opened = oneEvent(el, 'sp-opened');\n button.click();\n await opened;\n\n expect(el.open).to.be.true;\n expect(el.selectedItem?.itemText).to.equal('Select Inverse');\n expect(el.value).to.equal('option-2');\n\n closed = oneEvent(el, 'sp-closed');\n firstItem.click();\n await closed;\n\n expect(el.open).to.be.false;\n expect(el.selectedItem?.itemText).to.equal('Deselect');\n expect(el.value).to.equal('Deselect');\n });\n it('dispatches bubbling and composed events', async () => {\n const changeSpy = spy();\n const parent = el.parentElement as HTMLElement;\n (parent.shadowRoot as ShadowRoot).append(el);\n const secondItem = el.querySelector(\n 'sp-menu-item:nth-of-type(2)'\n ) as MenuItem;\n\n parent.addEventListener('change', () => changeSpy());\n\n expect(el.value).to.equal('');\n\n const opened = oneEvent(el, 'sp-opened');\n el.open = true;\n await opened;\n\n const closed = oneEvent(el, 'sp-closed');\n secondItem.click();\n await closed;\n\n expect(el.value).to.equal(secondItem.value);\n expect(changeSpy.calledOnce).to.be.true;\n });\n it('can have selection prevented', async () => {\n const preventChangeSpy = spy();\n const secondItem = el.querySelector(\n 'sp-menu-item:nth-of-type(2)'\n ) as MenuItem;\n const button = el.button as HTMLButtonElement;\n\n const opened = oneEvent(el, 'sp-opened');\n button.click();\n await opened;\n\n expect(el.open).to.be.true;\n expect(el.selectedItem?.itemText).to.be.undefined;\n expect(el.value).to.equal('');\n expect(secondItem.selected).to.be.false;\n\n el.addEventListener('change', (event: Event): void => {\n event.preventDefault();\n preventChangeSpy();\n });\n\n secondItem.click();\n // What is the time all about and how can it be better measured?\n await nextFrame();\n await nextFrame();\n expect(preventChangeSpy.calledOnce).to.be.true;\n expect(secondItem.selected, 'selection prevented').to.be.false;\n expect(el.open).to.be.true;\n });\n it('can throw focus after `change`', async () => {\n const input = document.createElement('input');\n document.body.append(input);\n\n await elementUpdated(el);\n\n const secondItem = el.querySelector(\n 'sp-menu-item:nth-of-type(2)'\n ) as MenuItem;\n const button = el.button as HTMLButtonElement;\n\n const opened = oneEvent(el, 'sp-opened');\n button.click();\n await opened;\n await elementUpdated(el);\n\n expect(el.open).to.be.true;\n expect(el.selectedItem?.itemText).to.be.undefined;\n expect(el.value).to.equal('');\n expect(secondItem.selected).to.be.false;\n\n el.addEventListener('change', (): void => {\n input.focus();\n });\n\n const closed = oneEvent(el, 'sp-closed');\n secondItem.click();\n await closed;\n await elementUpdated(el);\n\n expect(el.open).to.be.false;\n expect(el.value, 'value changed').to.equal('option-2');\n expect(secondItem.selected, 'selected changed').to.be.true;\n await waitUntil(\n () => document.activeElement === input,\n 'focus throw'\n );\n input.remove();\n });\n it('opens on ArrowUp', async () => {\n const button = el.button as HTMLButtonElement;\n\n el.focus();\n await elementUpdated(el);\n\n expect(el.open, 'inially closed').to.be.false;\n\n button.dispatchEvent(tEvent());\n await elementUpdated(el);\n\n expect(el.open, 'still closed').to.be.false;\n\n const opened = oneEvent(el, 'sp-opened');\n button.dispatchEvent(arrowUpEvent());\n await elementUpdated(el);\n\n expect(el.open, 'open by ArrowUp').to.be.true;\n await opened;\n\n const closed = oneEvent(el, 'sp-closed');\n sendKeys({\n press: 'Escape',\n });\n await closed;\n expect(el.open).to.be.false;\n });\n it('opens on ArrowDown', async () => {\n const firstItem = el.querySelector(\n 'sp-menu-item:nth-of-type(1)'\n ) as MenuItem;\n const button = el.button as HTMLButtonElement;\n\n el.focus();\n await elementUpdated(el);\n\n expect(el.open, 'inially closed').to.be.false;\n\n const opened = oneEvent(el, 'sp-opened');\n button.dispatchEvent(arrowDownEvent());\n await opened;\n\n expect(el.open, 'open by ArrowDown').to.be.true;\n expect(el.selectedItem?.itemText).to.be.undefined;\n expect(el.value).to.equal('');\n\n const closed = oneEvent(el, 'sp-closed');\n firstItem.click();\n await closed;\n\n expect(el.open).to.be.false;\n expect(el.selectedItem?.itemText).to.equal('Deselect');\n expect(el.value).to.equal('Deselect');\n });\n it('quick selects on ArrowLeft/Right', async () => {\n await nextFrame();\n const selectionSpy = spy();\n el.addEventListener('change', (event: Event) => {\n const { value } = event.target as Picker;\n selectionSpy(value);\n });\n const button = el.button as HTMLButtonElement;\n\n el.focus();\n button.dispatchEvent(arrowLeftEvent());\n\n await elementUpdated(el);\n\n expect(selectionSpy.callCount).to.equal(1);\n expect(selectionSpy.calledWith('Deselected'));\n button.dispatchEvent(arrowLeftEvent());\n\n await elementUpdated(el);\n expect(selectionSpy.callCount).to.equal(1);\n button.dispatchEvent(arrowRightEvent());\n\n await elementUpdated(el);\n expect(selectionSpy.calledWith('option-2'));\n\n button.dispatchEvent(arrowRightEvent());\n button.dispatchEvent(arrowRightEvent());\n button.dispatchEvent(arrowRightEvent());\n button.dispatchEvent(arrowRightEvent());\n\n await elementUpdated(el);\n expect(selectionSpy.callCount).to.equal(5);\n expect(selectionSpy.calledWith('Save Selection'));\n expect(selectionSpy.calledWith('Make Work Path')).to.be.false;\n });\n it('quick selects first item on ArrowRight when no value', async () => {\n await nextFrame();\n const selectionSpy = spy();\n el.addEventListener('change', (event: Event) => {\n const { value } = event.target as Picker;\n selectionSpy(value);\n });\n const button = el.button as HTMLButtonElement;\n\n el.focus();\n button.dispatchEvent(arrowRightEvent());\n\n await elementUpdated(el);\n\n expect(selectionSpy.callCount).to.equal(1);\n expect(selectionSpy.calledWith('Deselected'));\n });\n it('loads', async () => {\n expect(el).to.not.be.undefined;\n });\n it('refocuses on list when open', async () => {\n const firstItem = el.querySelector('sp-menu-item') as MenuItem;\n const thirdItem = el.querySelector(\n 'sp-menu-item:nth-of-type(3)'\n ) as MenuItem;\n const button = el.button;\n const input = document.createElement('input');\n el.insertAdjacentElement('afterend', input);\n\n el.focus();\n await sendKeys({ press: 'Tab' });\n expect(document.activeElement === input).to.be.true;\n await sendKeys({ press: 'Shift+Tab' });\n expect(document.activeElement === el).to.be.true;\n const opened = oneEvent(el, 'sp-opened');\n sendKeys({ press: 'Enter' });\n await opened;\n await elementUpdated(el);\n\n await waitUntil(\n () => firstItem.focused,\n 'The first items should have become focused visually.'\n );\n\n await sendKeys({ press: 'ArrowDown' });\n await sendKeys({ press: 'ArrowDown' });\n expect(thirdItem.focused).to.be.true;\n\n button.focus();\n expect(isMenuActiveElement(el)).to.be.false;\n el.focus();\n await elementUpdated(el);\n await waitUntil(\n () => isMenuActiveElement(el),\n 'first item refocused'\n );\n expect(isMenuActiveElement(el)).to.be.true;\n expect(thirdItem.focused).to.be.true;\n });\n it('allows tabing to close', async () => {\n const input = document.createElement('input');\n el.insertAdjacentElement('afterend', input);\n const opened = oneEvent(el, 'sp-opened');\n el.open = true;\n await opened;\n await nextFrame();\n\n expect(el.open).to.be.true;\n el.focus();\n\n const closed = oneEvent(el, 'sp-closed');\n sendKeys({ press: 'Tab' });\n await closed;\n\n expect(el.open, 'closes').to.be.false;\n });\n describe('tab order', () => {\n let input1: HTMLInputElement;\n let input2: HTMLInputElement;\n beforeEach(() => {\n const surroundingInput = (): HTMLInputElement => {\n const input = document.createElement('input');\n input.type = 'text';\n input.tabIndex = 0;\n return input;\n };\n input1 = surroundingInput();\n input2 = surroundingInput();\n\n el.insertAdjacentElement('beforebegin', input1);\n el.insertAdjacentElement('afterend', input2);\n });\n afterEach(() => {\n input1.remove();\n input2.remove();\n });\n it('tabs forward through the element', async () => {\n // start at input1\n input1.focus();\n await nextFrame();\n expect(document.activeElement === input1, 'focuses input 1').to\n .true;\n // tab to the picker\n let focused = oneEvent(el, 'focus');\n await sendKeys({ press: 'Tab' });\n await focused;\n\n expect(el.focused, 'focused').to.be.true;\n expect(el.open, 'closed').to.be.false;\n expect(document.activeElement === el, 'focuses el').to.be.true;\n // tab through the picker to input2\n focused = oneEvent(input2, 'focus');\n await sendKeys({ press: 'Tab' });\n await focused;\n expect(document.activeElement === input2, 'focuses input 2').to\n .true;\n });\n it('shift+tabs backwards through the element', async () => {\n // start at input1\n input2.focus();\n await nextFrame();\n expect(document.activeElement, 'focuses input 2').to.equal(\n input2\n );\n // tab to the picker\n let focused = oneEvent(el, 'focus');\n await sendKeys({ press: 'Shift+Tab' });\n await focused;\n\n expect(el.focused, 'focused').to.be.true;\n expect(el.open, 'closed').to.be.false;\n expect(document.activeElement, 'focuses el').to.equal(el);\n // tab through the picker to input2\n focused = oneEvent(input1, 'focus');\n await sendKeys({ press: 'Shift+Tab' });\n await focused;\n expect(document.activeElement, 'focuses input 1').to.equal(\n input1\n );\n });\n it('can close and immediately tab to the next tab stop', async () => {\n el.focus();\n await nextFrame();\n expect(document.activeElement, 'focuses el').to.equal(el);\n // press down to open the picker\n const opened = oneEvent(el, 'sp-opened');\n await sendKeys({ press: 'ArrowUp' });\n await opened;\n\n expect(el.open, 'opened').to.be.true;\n await waitUntil(\n () => isMenuActiveElement(el),\n 'first item focused'\n );\n\n const closed = oneEvent(el, 'sp-closed');\n el.open = false;\n await closed;\n\n expect(el.open).to.be.false;\n expect(document.activeElement === el).to.be.true;\n\n const focused = oneEvent(input2, 'focus');\n await sendKeys({ press: 'Tab' });\n await focused;\n\n expect(el.open).to.be.false;\n expect(document.activeElement === input2).to.be.true;\n });\n it('can close and immediate shift+tab to the previous tab stop', async () => {\n el.focus();\n await nextFrame();\n expect(document.activeElement === el, 'focuses el').to.be.true;\n // press down to open the picker\n const opened = oneEvent(el, 'sp-opened');\n await sendKeys({ press: 'ArrowUp' });\n await opened;\n\n expect(el.open, 'opened').to.be.true;\n await waitUntil(\n () => isMenuActiveElement(el),\n 'first item focused'\n );\n\n const closed = oneEvent(el, 'sp-closed');\n el.open = false;\n await closed;\n\n expect(el.open).to.be.false;\n expect(document.activeElement === el).to.be.true;\n\n const focused = oneEvent(input1, 'focus');\n sendKeys({ press: 'Shift+Tab' });\n await focused;\n\n expect(el.open).to.be.false;\n expect(document.activeElement === input1).to.be.true;\n });\n });\n it('does not open when [readonly]', async () => {\n el.readonly = true;\n\n await elementUpdated(el);\n\n const button = el.button as HTMLButtonElement;\n\n button.click();\n await elementUpdated(el);\n\n expect(el.open).to.be.false;\n });\n it('scrolls selected into view on open', async () => {\n (\n el.shadowRoot.querySelector('sp-popover') as Popover\n ).style.height = '40px';\n\n const firstItem = el.querySelector(\n 'sp-menu-item:first-child'\n ) as MenuItem;\n const lastItem = el.querySelector(\n 'sp-menu-item:last-child'\n ) as MenuItem;\n lastItem.disabled = false;\n el.value = lastItem.value;\n\n await elementUpdated(el);\n\n const opened = oneEvent(el, 'sp-opened');\n el.open = true;\n await opened;\n await waitUntil(\n () => isMenuActiveElement(el),\n 'first item focused'\n );\n const getParentOffset = (el: HTMLElement): number => {\n const parentScroll = (\n (el as HTMLElement & { assignedSlot: HTMLSlotElement })\n .assignedSlot.parentElement as HTMLElement\n ).scrollTop;\n const parentOffset = el.offsetTop - parentScroll;\n return parentOffset;\n };\n expect(getParentOffset(lastItem)).to.be.lessThan(40);\n expect(getParentOffset(firstItem)).to.be.lessThan(-1);\n\n lastItem.dispatchEvent(\n new FocusEvent('focusin', { bubbles: true })\n );\n await sendKeys({\n press: 'ArrowDown',\n });\n await elementUpdated(el);\n await nextFrame();\n expect(getParentOffset(lastItem)).to.be.greaterThan(40);\n expect(getParentOffset(firstItem)).to.be.greaterThan(-1);\n });\n });\n describe('grouped', async () => {\n const groupedFixture = async (): Promise<Picker> => {\n return fixture<Picker>(\n html`\n <sp-picker\n quiet\n label=\"I would like to use Spectrum Web Components\"\n value=\"0\"\n >\n <sp-menu-group>\n <span slot=\"header\">Timeline</span>\n <sp-menu-item value=\"0\" id=\"should-be-selected\">\n Immediately\n </sp-menu-item>\n <sp-menu-item value=\"1\">\n I'm already using them\n </sp-menu-item>\n <sp-menu-divider></sp-menu-divider>\n <sp-menu-item value=\"2\">Soon</sp-menu-item>\n <sp-menu-item value=\"3\">\n As part of my next project\n </sp-menu-item>\n <sp-menu-item value=\"4\">In the future</sp-menu-item>\n </sp-menu-group>\n </sp-picker>\n `\n );\n };\n beforeEach(async () => {\n el = await groupedFixture();\n await elementUpdated(el);\n await nextFrame();\n await nextFrame();\n });\n it('selects the item with a matching value in a group', async () => {\n const item = el.querySelector('#should-be-selected') as MenuItem;\n expect(item.selected).to.be.true;\n });\n });\n describe('slotted label', () => {\n const pickerFixture = async (): Promise<Picker> => {\n const test = await fixture<Picker>(\n html`\n <div>\n <sp-field-label for=\"picker-slotted\">\n Where do you live?\n </sp-field-label>\n <sp-picker id=\"picker-slotted\">\n <span slot=\"label\">\n Select a Country with a very long label, too\n long in fact\n </span>\n <sp-menu-item>Deselect</sp-menu-item>\n <sp-menu-item value=\"option-2\">\n Select Inverse\n </sp-menu-item>\n <sp-menu-item>Feather...</sp-menu-item>\n <sp-menu-item>Select and Mask...</sp-menu-item>\n <sp-menu-divider></sp-menu-divider>\n <sp-menu-item>Save Selection</sp-menu-item>\n <sp-menu-item disabled>Make Work Path</sp-menu-item>\n </sp-picker>\n </div>\n `\n );\n\n return test.querySelector('sp-picker') as Picker;\n };\n beforeEach(async () => {\n el = await pickerFixture();\n await elementUpdated(el);\n await nextFrame();\n });\n afterEach(async () => {\n if (el.open) {\n const closed = oneEvent(el, 'sp-closed');\n el.open = false;\n await closed;\n }\n });\n\n it('loads accessibly w/ slotted label', async () => {\n await expect(el).to.be.accessible();\n });\n });\n describe('deprecated', () => {\n const pickerFixture = async (): Promise<Picker> => {\n const test = await fixture<Picker>(\n html`\n <div>\n <sp-field-label for=\"picker-deprecated\">\n Where do you live?\n </sp-field-label>\n <sp-picker\n id=\"picker-deprecated\"\n label=\"Select a Country with a very long label, too long in fact\"\n >\n <sp-menu>\n <sp-menu-item>Deselect</sp-menu-item>\n <sp-menu-item value=\"option-2\">\n Select Inverse\n </sp-menu-item>\n <sp-menu-item>Feather...</sp-menu-item>\n <sp-menu-item>Select and Mask...</sp-menu-item>\n <sp-menu-divider></sp-menu-divider>\n <sp-menu-item>Save Selection</sp-menu-item>\n <sp-menu-item disabled>\n Make Work Path\n </sp-menu-item>\n </sp-menu>\n </sp-picker>\n </div>\n `\n );\n\n return test.querySelector('sp-picker') as Picker;\n };\n describe('Dev mode', () => {\n it('warns in Dev Mode of deprecated `<sp-menu>` usage', async () => {\n const consoleWarnStub = stub(console, 'warn');\n el = await pickerFixture();\n await elementUpdated(el);\n\n expect(consoleWarnStub.called).to.be.true;\n const spyCall = consoleWarnStub.getCall(0);\n expect(\n spyCall.args.at(0).includes('<sp-menu>'),\n 'confirm <sp-menu>-centric message'\n ).to.be.true;\n expect(\n spyCall.args.at(-1),\n 'confirm `data` shape'\n ).to.deep.equal({\n data: {\n localName: 'sp-picker',\n type: 'api',\n level: 'deprecation',\n },\n });\n consoleWarnStub.restore();\n if (el.open) {\n const closed = oneEvent(el, 'sp-closed');\n el.open = false;\n await closed;\n }\n });\n });\n describe('Dev mode ignored', () => {\n const { ignoreWarningLocalNames } = window.__swc;\n before(() => {\n window.__swc.ignoreWarningLocalNames = {\n 'sp-picker': true,\n };\n });\n before(() => {\n window.__swc.ignoreWarningLocalNames = ignoreWarningLocalNames;\n });\n beforeEach(async () => {\n el = await pickerFixture();\n await elementUpdated(el);\n await nextFrame();\n });\n afterEach(async () => {\n if (el.open) {\n const closed = oneEvent(el, 'sp-closed');\n el.open = false;\n await closed;\n }\n });\n it('selects with deprecated syntax', async () => {\n const secondItem = el.querySelector(\n 'sp-menu-item:nth-of-type(2)'\n ) as MenuItem;\n\n const opened = oneEvent(el, 'sp-opened');\n el.button.click();\n await opened;\n\n expect(el.open).to.be.true;\n expect(el.selectedItem?.itemText).to.be.undefined;\n expect(el.value).to.equal('');\n\n const closed = oneEvent(el, 'sp-closed');\n secondItem.click();\n await closed;\n\n expect(el.open).to.be.false;\n expect(el.selectedItem?.itemText).to.equal('Select Inverse');\n expect(el.value).to.equal('option-2');\n });\n });\n });\n testForLitDevWarnings(async () => await pickerFixture());\n it('manages its \"name\" value in the accessibility tree when [icons-only]', async () => {\n const test = await fixture<HTMLDivElement>(html`\n <div>${iconsOnly({})}</div>\n `);\n const el = test.querySelector('sp-picker') as Picker;\n\n await elementUpdated(el);\n await nextFrame();\n type NamedNode = { name: string };\n let snapshot = (await a11ySnapshot({})) as unknown as NamedNode & {\n children: NamedNode[];\n };\n\n expect(\n findAccessibilityNode<NamedNode>(\n snapshot,\n (node) => node.name === 'Choose an action type... Delete'\n ),\n '`name` is the label text'\n ).to.not.be.null;\n\n el.value = '2';\n await elementUpdated(el);\n await nextFrame();\n await nextFrame();\n expect(el.value).to.equal('2');\n snapshot = (await a11ySnapshot({})) as unknown as NamedNode & {\n children: NamedNode[];\n };\n\n expect(\n findAccessibilityNode<NamedNode>(\n snapshot,\n (node) => node.name === 'Choose an action type... Copy'\n ),\n '`name` is the label text plus the selected item text'\n ).to.not.be.null;\n });\n it('toggles between pickers', async () => {\n const el2 = await pickerFixture();\n const el1 = await pickerFixture();\n\n (el1.parentElement as HTMLElement).style.float = 'left';\n (el2.parentElement as HTMLElement).style.float = 'left';\n el1.id = 'away';\n el2.id = 'other';\n\n await Promise.all([elementUpdated(el1), elementUpdated(el2)]);\n\n expect(el1.open, 'closed 1').to.be.false;\n expect(el2.open, 'closed 1').to.be.false;\n let open = oneEvent(el1, 'sp-opened');\n el1.click();\n await open;\n expect(el1.open).to.be.true;\n expect(el2.open).to.be.false;\n\n open = oneEvent(el2, 'sp-opened');\n let closed = oneEvent(el1, 'sp-closed');\n el2.click();\n await Promise.all([open, closed]);\n expect(el1.open).to.be.false;\n expect(el2.open).to.be.true;\n\n open = oneEvent(el1, 'sp-opened');\n closed = oneEvent(el2, 'sp-closed');\n el1.click();\n await Promise.all([open, closed]);\n expect(el2.open).to.be.false;\n expect(el1.open).to.be.true;\n\n closed = oneEvent(el1, 'sp-closed');\n sendKeys({\n press: 'Escape',\n });\n await closed;\n expect(el1.open).to.be.false;\n });\n it('displays selected item text by default', async () => {\n const el = await fixture<Picker>(\n html`\n <sp-picker\n value=\"inverse\"\n label=\"Select a Country with a very long label, too long in fact\"\n >\n <sp-menu-item value=\"deselect\">Deselect Text</sp-menu-item>\n <sp-menu-item value=\"inverse\">Select Inverse</sp-menu-item>\n <sp-menu-item>Feather...</sp-menu-item>\n <sp-menu-item>Select and Mask...</sp-menu-item>\n <sp-menu-divider></sp-menu-divider>\n <sp-menu-item>Save Selection</sp-menu-item>\n <sp-menu-item disabled>Make Work Path</sp-menu-item>\n </sp-picker>\n `\n );\n await nextFrame();\n\n await elementUpdated(el);\n await waitUntil(\n () => el.selectedItem?.itemText === 'Select Inverse',\n `Selected Item Text: ${el.selectedItem?.itemText}`\n );\n\n const firstItem = el.querySelector(\n 'sp-menu-item:nth-of-type(1)'\n ) as MenuItem;\n const secondItem = el.querySelector(\n 'sp-menu-item:nth-of-type(2)'\n ) as MenuItem;\n\n expect(el.value).to.equal('inverse');\n expect(el.selectedItem?.itemText).to.equal('Select Inverse');\n\n el.focus();\n await elementUpdated(el);\n expect(\n el === document.activeElement,\n `activeElement is ${document.activeElement?.localName}`\n ).to.be.true;\n\n const opened = oneEvent(el, 'sp-opened');\n sendKeys({ press: 'Enter' });\n await opened;\n\n expect(\n el === document.activeElement,\n `activeElement is ${document.activeElement?.localName}`\n ).to.be.true;\n expect(\n el.optionsMenu === el.shadowRoot.activeElement,\n `activeElement is ${el.shadowRoot.activeElement?.localName}`\n ).to.be.true;\n\n expect(firstItem.focused, 'firstItem NOT \"focused\"').to.be.false;\n expect(secondItem.focused, 'secondItem \"focused\"').to.be.true;\n expect(el.optionsMenu.getAttribute('aria-activedescendant')).to.equal(\n secondItem.id\n );\n });\n it('resets value when item not available', async () => {\n const el = await fixture<Picker>(\n html`\n <sp-picker\n value=\"missing\"\n label=\"Select a Country with a very long label, too long in fact\"\n >\n <sp-menu-item value=\"deselect\">Deselect Text</sp-menu-item>\n <sp-menu-item value=\"inverse\">Select Inverse</sp-menu-item>\n <sp-menu-item>Feather...</sp-menu-item>\n <sp-menu-item>Select and Mask...</sp-menu-item>\n <sp-menu-divider></sp-menu-divider>\n <sp-menu-item>Save Selection</sp-menu-item>\n <sp-menu-item disabled>Make Work Path</sp-menu-item>\n </sp-picker>\n `\n );\n\n await elementUpdated(el);\n await waitUntil(() => el.value === '');\n\n expect(el.value).to.equal('');\n expect(el.selectedItem?.itemText).to.be.undefined;\n });\n it('allows event listeners on child items', async () => {\n const mouseenterSpy = spy();\n const handleMouseenter = (): void => mouseenterSpy();\n const el = await fixture<Picker>(\n html`\n <sp-picker\n label=\"Select a Country with a very long label, too long in fact\"\n >\n <sp-menu-item\n value=\"deselect\"\n @mouseenter=${handleMouseenter}\n >\n Deselect Text\n </sp-menu-item>\n </sp-picker>\n `\n );\n\n await elementUpdated(el);\n\n const hoverEl = el.querySelector('sp-menu-item') as MenuItem;\n\n const opened = oneEvent(el, 'sp-opened');\n el.open = true;\n await opened;\n await elementUpdated(el);\n\n expect(el.open).to.be.true;\n hoverEl.dispatchEvent(new MouseEvent('mouseenter'));\n await elementUpdated(el);\n\n expect(el.open).to.be.true;\n\n const closed = oneEvent(el, 'sp-closed');\n el.open = false;\n await closed;\n await elementUpdated(el);\n\n expect(el.open).to.be.false;\n expect(mouseenterSpy.calledOnce).to.be.true;\n });\n it('dispatches events on open/close', async () => {\n const openedSpy = spy();\n const closedSpy = spy();\n const handleOpenedSpy = (event: Event): void => openedSpy(event);\n const handleClosedSpy = (event: Event): void => closedSpy(event);\n\n const el = await fixture<Picker>(\n html`\n <sp-picker\n label=\"Select a Country with a very long label, too long in fact\"\n @sp-opened=${handleOpenedSpy}\n @sp-closed=${handleClosedSpy}\n >\n <sp-menu-item value=\"deselect\">Deselect Text</sp-menu-item>\n </sp-picker>\n `\n );\n\n await elementUpdated(el);\n const opened = oneEvent(el, 'sp-opened');\n el.open = true;\n await opened;\n await elementUpdated(el);\n\n expect(openedSpy.calledOnce).to.be.true;\n expect(closedSpy.calledOnce).to.be.false;\n\n // const openedEvent = openedSpy\n // .args[0][0] as CustomEvent<OverlayOpenCloseDetail>;\n // expect(openedEvent.detail.interaction).to.equal('modal');\n\n const closed = oneEvent(el, 'sp-closed');\n el.open = false;\n await closed;\n await elementUpdated(el);\n\n expect(closedSpy.calledOnce).to.be.true;\n\n // const closedEvent = closedSpy\n // .args[0][0] as CustomEvent<OverlayOpenCloseDetail>;\n // expect(closedEvent.detail.interaction).to.equal('modal');\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 type { Picker } from '@spectrum-web-components/picker';\n\n// import type { OverlayOpenCloseDetail } from '@spectrum-web-components/overlay';\nimport type { MenuItem } from '@spectrum-web-components/menu';\nimport {\n aTimeout,\n elementUpdated,\n expect,\n fixture,\n html,\n nextFrame,\n oneEvent,\n waitUntil,\n} from '@open-wc/testing';\nimport '@spectrum-web-components/shared/src/focus-visible.js';\nimport { spy, stub } from 'sinon';\nimport {\n arrowDownEvent,\n arrowLeftEvent,\n arrowRightEvent,\n arrowUpEvent,\n testForLitDevWarnings,\n tEvent,\n} from '../../../test/testing-helpers.js';\nimport {\n a11ySnapshot,\n findAccessibilityNode,\n sendKeys,\n} from '@web/test-runner-commands';\nimport { iconsOnly } from '../stories/picker.stories.js';\nimport { sendMouse } from '../../../test/plugins/browser.js';\nimport type { Popover } from '@spectrum-web-components/popover';\nimport { ignoreResizeObserverLoopError } from '../../../test/testing-helpers.js';\nimport '@spectrum-web-components/theme/sp-theme.js';\nimport '@spectrum-web-components/theme/src/themes.js';\n\nignoreResizeObserverLoopError(before, after);\n\nconst isMenuActiveElement = function (el: Picker): boolean {\n return el.shadowRoot.activeElement?.localName === 'sp-menu';\n};\n\nexport function runPickerTests(): void {\n let el: Picker;\n const pickerFixture = async (): Promise<Picker> => {\n const test = await fixture<HTMLDivElement>(\n html`\n <sp-theme scale=\"medium\" color=\"light\">\n <sp-field-label for=\"picker\">\n Where do you live?\n </sp-field-label>\n <sp-picker\n id=\"picker\"\n style=\"width: 200px; --spectrum-alias-ui-icon-chevron-size-100: 10px;\"\n >\n <sp-menu-item>Deselect</sp-menu-item>\n <sp-menu-item value=\"option-2\">\n Select Inverse\n </sp-menu-item>\n <sp-menu-item>Feather...</sp-menu-item>\n <sp-menu-item>Select and Mask...</sp-menu-item>\n <sp-menu-divider></sp-menu-divider>\n <sp-menu-item>Save Selection</sp-menu-item>\n <sp-menu-item disabled>Make Work Path</sp-menu-item>\n </sp-picker>\n </sp-theme>\n `\n );\n\n return test.querySelector('sp-picker') as Picker;\n };\n describe('standard', () => {\n beforeEach(async () => {\n el = await pickerFixture();\n await elementUpdated(el);\n });\n it('loads accessibly', async () => {\n await expect(el).to.be.accessible();\n });\n it('closes accessibly', async () => {\n const opened = oneEvent(el, 'sp-opened');\n el.open = true;\n await opened;\n\n expect(el.open).to.be.true;\n const accessibleCloseButton = el.shadowRoot.querySelector(\n '.visually-hidden button'\n ) as HTMLButtonElement;\n\n const closed = oneEvent(el, 'sp-closed');\n accessibleCloseButton.click();\n await closed;\n\n expect(el.open).to.be.false;\n });\n it('accepts new selected item content', async () => {\n await nextFrame();\n await nextFrame();\n const option2 = el.querySelector('[value=\"option-2\"') as MenuItem;\n el.value = 'option-2';\n await elementUpdated(option2);\n await elementUpdated(el);\n await aTimeout(150);\n expect(el.value).to.equal('option-2');\n expect((el.button.textContent || '').trim()).to.equal(\n 'Select Inverse'\n );\n let itemUpdated = oneEvent(el, 'sp-menu-item-added-or-updated');\n const newLabel1 = 'Invert Selection';\n option2.innerHTML = newLabel1;\n await itemUpdated;\n await elementUpdated(el);\n expect(el.value).to.equal('option-2');\n expect((el.button.textContent || '').trim()).to.equal(newLabel1);\n itemUpdated = oneEvent(el, 'sp-menu-item-added-or-updated');\n const newLabel2 = 'Other option';\n option2.childNodes[0].textContent = newLabel2;\n await itemUpdated;\n await elementUpdated(el);\n expect(el.value).to.equal('option-2');\n expect((el.button.textContent || '').trim()).to.equal(newLabel2);\n });\n it('accepts new selected item content when open', async () => {\n await nextFrame();\n const option2 = el.querySelector('[value=\"option-2\"') as MenuItem;\n el.value = 'option-2';\n await elementUpdated(el);\n await aTimeout(150);\n expect(el.value).to.equal('option-2');\n expect((el.button.textContent || '').trim()).to.equal(\n 'Select Inverse'\n );\n const opened = oneEvent(el, 'sp-opened');\n el.open = true;\n await opened;\n const itemUpdated = oneEvent(\n option2,\n 'sp-menu-item-added-or-updated'\n );\n option2.innerHTML = 'Invert Selection';\n await itemUpdated;\n await elementUpdated(el);\n expect(el.value).to.equal('option-2');\n expect((el.button.textContent || '').trim()).to.equal(\n 'Invert Selection'\n );\n });\n it('unsets value when children removed', async () => {\n await nextFrame();\n el.value = 'option-2';\n\n await elementUpdated(el);\n await aTimeout(150);\n expect(el.value).to.equal('option-2');\n expect((el.button.textContent || '').trim()).to.equal(\n 'Select Inverse'\n );\n\n const items = el.querySelectorAll('sp-menu-item');\n const removals: Promise<unknown>[] = [];\n items.forEach((item) => {\n const removal = oneEvent(el, 'sp-menu-item-removed');\n item.remove();\n removals.push(removal);\n });\n await Promise.all(removals);\n await elementUpdated(el);\n await nextFrame();\n await aTimeout(150);\n expect(el.optionsMenu.childItems.length).to.equal(0);\n if ('showPopover' in document.createElement('div')) {\n return;\n }\n expect((el.button.textContent || '').trim()).to.equal('');\n expect(el.value).to.equal('');\n });\n it('accepts a new item and value at the same time', async () => {\n el.value = 'option-2';\n\n await elementUpdated(el);\n expect(el.value).to.equal('option-2');\n\n const item = document.createElement('sp-menu-item');\n item.value = 'option-new';\n item.textContent = 'New Option';\n\n el.append(item);\n await elementUpdated(el);\n\n el.value = 'option-new';\n\n await elementUpdated(el);\n expect(el.value).to.equal('option-new');\n });\n it('accepts a new item that can be selected', async () => {\n el.value = 'option-2';\n\n await elementUpdated(el);\n expect(el.value).to.equal('option-2');\n const item = document.createElement('sp-menu-item');\n item.value = 'option-new';\n item.textContent = 'New Option';\n\n el.append(item);\n await nextFrame();\n await elementUpdated(el);\n\n let opened = oneEvent(el, 'sp-opened');\n el.open = true;\n await opened;\n // Overlaid content is outside of the context of the Picker element\n // and cannot be managed via its updateComplete cycle.\n await nextFrame();\n\n const close = oneEvent(el, 'sp-closed');\n item.click();\n await close;\n // Overlaid content is outside of the context of the Picker element\n // and cannot be managed via its updateComplete cycle.\n await nextFrame();\n\n expect(el.value, 'first time').to.equal('option-new');\n\n opened = oneEvent(el, 'sp-opened');\n el.open = true;\n await opened;\n // Overlaid content is outside of the context of the Picker element\n // and cannot be managed via its updateComplete cycle.\n await nextFrame();\n\n expect(el.value, 'second time').to.equal('option-new');\n });\n it('manages its \"name\" value in the accessibility tree', async () => {\n await nextFrame();\n type NamedNode = { name: string };\n let snapshot = (await a11ySnapshot({})) as unknown as NamedNode & {\n children: NamedNode[];\n };\n\n expect(\n findAccessibilityNode<NamedNode>(\n snapshot,\n (node) => node.name === 'Where do you live?'\n ),\n '`name` is the label text'\n ).to.not.be.null;\n\n el.value = 'option-2';\n await elementUpdated(el);\n await nextFrame();\n await nextFrame();\n snapshot = (await a11ySnapshot({})) as unknown as NamedNode & {\n children: NamedNode[];\n };\n\n expect(\n findAccessibilityNode<NamedNode>(\n snapshot,\n (node) => node.name === 'Where do you live? Select Inverse'\n ),\n '`name` is the label text plus the selected item text'\n ).to.not.be.null;\n });\n it('manages `aria-activedescendant`', async () => {\n const firstItem = el.querySelector('sp-menu-item:nth-child(1)');\n const secondItem = el.querySelector('sp-menu-item:nth-child(2)');\n const opened = oneEvent(el, 'sp-opened');\n el.open = true;\n await opened;\n expect(\n el.optionsMenu.getAttribute('aria-activedescendant')\n ).to.equal(firstItem?.id);\n await sendKeys({ press: 'ArrowDown' });\n await elementUpdated(el);\n expect(\n el.optionsMenu.getAttribute('aria-activedescendant')\n ).to.equal(secondItem?.id);\n });\n it('renders invalid accessibly', async () => {\n el.invalid = true;\n await elementUpdated(el);\n\n expect(el.invalid).to.be.true;\n await expect(el).to.be.accessible();\n });\n it('renders selection accessibly', async () => {\n el.value = 'option-2';\n await elementUpdated(el);\n\n await expect(el).to.be.accessible();\n });\n it('opens with visible focus on a menu item on `DownArrow`', async () => {\n const firstItem = el.querySelector('sp-menu-item') as MenuItem;\n\n await elementUpdated(el);\n\n expect(firstItem.focused, 'should not visually focused').to.be\n .false;\n\n el.focus();\n await elementUpdated(el);\n const opened = oneEvent(el, 'sp-opened');\n await sendKeys({ press: 'ArrowRight' });\n await sendKeys({ press: 'ArrowLeft' });\n await sendKeys({ press: 'ArrowDown' });\n await opened;\n\n expect(el.open).to.be.true;\n expect(firstItem.focused, 'should be visually focused').to.be.true;\n\n const closed = oneEvent(el, 'sp-closed');\n await sendKeys({\n press: 'Escape',\n });\n await closed;\n\n expect(el.open).to.be.false;\n expect(\n document.activeElement === el,\n `focused ${document.activeElement?.localName} instead of back on Picker`\n ).to.be.true;\n expect(\n el.shadowRoot.activeElement === el.button,\n `focused ${el.shadowRoot.activeElement?.localName} instead of back on button`\n ).to.be.true;\n await waitUntil(\n () => !firstItem.focused,\n 'finally, not visually focused'\n );\n });\n it('opens, on click, without visible focus on a menu item', async () => {\n await nextFrame();\n await nextFrame();\n const firstItem = el.querySelector('sp-menu-item') as MenuItem;\n const boundingRect = el.button.getBoundingClientRect();\n\n expect(firstItem.focused, 'not visually focused').to.be.false;\n const opened = oneEvent(el, 'sp-opened');\n sendMouse({\n steps: [\n {\n type: 'click',\n position: [\n boundingRect.x + boundingRect.width / 2,\n boundingRect.y + boundingRect.height / 2,\n ],\n },\n ],\n });\n await opened;\n\n expect(el.open).to.be.true;\n expect(firstItem.focused, 'still not visually focused').to.be.false;\n });\n it('opens/closes multiple times', async () => {\n expect(el.open).to.be.false;\n const boundingRect = el.button.getBoundingClientRect();\n let opened = oneEvent(el, 'sp-opened');\n sendMouse({\n steps: [\n {\n type: 'click',\n position: [\n boundingRect.x + boundingRect.width / 2,\n boundingRect.y + boundingRect.height / 2,\n ],\n },\n ],\n });\n await opened;\n expect(el.open).to.be.true;\n\n let closed = oneEvent(el, 'sp-closed');\n sendMouse({\n steps: [\n {\n type: 'click',\n position: [\n boundingRect.x + boundingRect.width / 2,\n boundingRect.y + boundingRect.height / 2,\n ],\n },\n ],\n });\n await closed;\n expect(el.open).to.be.false;\n\n opened = oneEvent(el, 'sp-opened');\n sendMouse({\n steps: [\n {\n type: 'click',\n position: [\n boundingRect.x + boundingRect.width / 2,\n boundingRect.y + boundingRect.height / 2,\n ],\n },\n ],\n });\n await opened;\n expect(el.open).to.be.true;\n\n closed = oneEvent(el, 'sp-closed');\n sendMouse({\n steps: [\n {\n type: 'click',\n position: [\n boundingRect.x + boundingRect.width / 2,\n boundingRect.y + boundingRect.height / 2,\n ],\n },\n ],\n });\n await closed;\n expect(el.open).to.be.false;\n });\n it('closes when becoming disabled', async () => {\n expect(el.open).to.be.false;\n el.click();\n await elementUpdated(el);\n\n expect(el.open).to.be.true;\n el.disabled = true;\n await elementUpdated(el);\n\n expect(el.open).to.be.false;\n });\n it('closes when clicking away', async () => {\n el.id = 'closing';\n const other = document.createElement('div');\n document.body.append(other);\n\n await elementUpdated(el);\n\n expect(el.open).to.be.false;\n const opened = oneEvent(el, 'sp-opened');\n el.click();\n await opened;\n await elementUpdated(el);\n\n expect(el.open).to.be.true;\n const closed = oneEvent(el, 'sp-closed');\n other.click();\n closed;\n await elementUpdated(el);\n\n other.remove();\n });\n it('selects', async () => {\n const secondItem = el.querySelector(\n 'sp-menu-item:nth-of-type(2)'\n ) as MenuItem;\n const button = el.button as HTMLButtonElement;\n\n const opened = oneEvent(el, 'sp-opened');\n button.click();\n await opened;\n\n expect(el.open).to.be.true;\n expect(el.selectedItem?.itemText).to.be.undefined;\n expect(el.value).to.equal('');\n\n const closed = oneEvent(el, 'sp-closed');\n secondItem.click();\n await closed;\n\n expect(el.open).to.be.false;\n expect(el.selectedItem?.itemText).to.equal('Select Inverse');\n expect(el.value).to.equal('option-2');\n });\n it('re-selects', async () => {\n const firstItem = el.querySelector(\n 'sp-menu-item:nth-of-type(1)'\n ) as MenuItem;\n const secondItem = el.querySelector(\n 'sp-menu-item:nth-of-type(2)'\n ) as MenuItem;\n const button = el.button as HTMLButtonElement;\n\n let opened = oneEvent(el, 'sp-opened');\n button.click();\n await opened;\n\n expect(el.open).to.be.true;\n expect(el.selectedItem?.itemText).to.be.undefined;\n expect(el.value).to.equal('');\n\n let closed = oneEvent(el, 'sp-closed');\n secondItem.click();\n await closed;\n\n expect(el.open).to.be.false;\n expect(el.selectedItem?.itemText).to.equal('Select Inverse');\n expect(el.value).to.equal('option-2');\n\n opened = oneEvent(el, 'sp-opened');\n button.click();\n await opened;\n\n expect(el.open).to.be.true;\n expect(el.selectedItem?.itemText).to.equal('Select Inverse');\n expect(el.value).to.equal('option-2');\n\n closed = oneEvent(el, 'sp-closed');\n firstItem.click();\n await closed;\n\n expect(el.open).to.be.false;\n expect(el.selectedItem?.itemText).to.equal('Deselect');\n expect(el.value).to.equal('Deselect');\n });\n it('dispatches bubbling and composed events', async () => {\n const changeSpy = spy();\n const parent = el.parentElement as HTMLElement;\n (parent.shadowRoot as ShadowRoot).append(el);\n const secondItem = el.querySelector(\n 'sp-menu-item:nth-of-type(2)'\n ) as MenuItem;\n\n parent.addEventListener('change', () => changeSpy());\n\n expect(el.value).to.equal('');\n\n const opened = oneEvent(el, 'sp-opened');\n el.open = true;\n await opened;\n\n const closed = oneEvent(el, 'sp-closed');\n secondItem.click();\n await closed;\n\n expect(el.value).to.equal(secondItem.value);\n expect(changeSpy.calledOnce).to.be.true;\n });\n it('can have selection prevented', async () => {\n const preventChangeSpy = spy();\n const secondItem = el.querySelector(\n 'sp-menu-item:nth-of-type(2)'\n ) as MenuItem;\n const button = el.button as HTMLButtonElement;\n\n const opened = oneEvent(el, 'sp-opened');\n button.click();\n await opened;\n\n expect(el.open).to.be.true;\n expect(el.selectedItem?.itemText).to.be.undefined;\n expect(el.value).to.equal('');\n expect(secondItem.selected).to.be.false;\n\n el.addEventListener('change', (event: Event): void => {\n event.preventDefault();\n preventChangeSpy();\n });\n\n secondItem.click();\n // What is the time all about and how can it be better measured?\n await nextFrame();\n await nextFrame();\n expect(preventChangeSpy.calledOnce).to.be.true;\n expect(secondItem.selected, 'selection prevented').to.be.false;\n expect(el.open).to.be.true;\n });\n it('can throw focus after `change`', async () => {\n const input = document.createElement('input');\n document.body.append(input);\n\n await elementUpdated(el);\n\n const secondItem = el.querySelector(\n 'sp-menu-item:nth-of-type(2)'\n ) as MenuItem;\n const button = el.button as HTMLButtonElement;\n\n const opened = oneEvent(el, 'sp-opened');\n button.click();\n await opened;\n await elementUpdated(el);\n\n expect(el.open).to.be.true;\n expect(el.selectedItem?.itemText).to.be.undefined;\n expect(el.value).to.equal('');\n expect(secondItem.selected).to.be.false;\n\n el.addEventListener('change', (): void => {\n input.focus();\n });\n\n const closed = oneEvent(el, 'sp-closed');\n secondItem.click();\n await closed;\n await elementUpdated(el);\n\n expect(el.open).to.be.false;\n expect(el.value, 'value changed').to.equal('option-2');\n expect(secondItem.selected, 'selected changed').to.be.true;\n await waitUntil(\n () => document.activeElement === input,\n 'focus throw'\n );\n input.remove();\n });\n it('opens on ArrowUp', async () => {\n const button = el.button as HTMLButtonElement;\n\n el.focus();\n await elementUpdated(el);\n\n expect(el.open, 'inially closed').to.be.false;\n\n button.dispatchEvent(tEvent());\n await elementUpdated(el);\n\n expect(el.open, 'still closed').to.be.false;\n\n const opened = oneEvent(el, 'sp-opened');\n button.dispatchEvent(arrowUpEvent());\n await elementUpdated(el);\n\n expect(el.open, 'open by ArrowUp').to.be.true;\n await opened;\n\n const closed = oneEvent(el, 'sp-closed');\n sendKeys({\n press: 'Escape',\n });\n await closed;\n expect(el.open).to.be.false;\n });\n it('opens on ArrowDown', async () => {\n const firstItem = el.querySelector(\n 'sp-menu-item:nth-of-type(1)'\n ) as MenuItem;\n const button = el.button as HTMLButtonElement;\n\n el.focus();\n await elementUpdated(el);\n\n expect(el.open, 'inially closed').to.be.false;\n\n const opened = oneEvent(el, 'sp-opened');\n button.dispatchEvent(arrowDownEvent());\n await opened;\n\n expect(el.open, 'open by ArrowDown').to.be.true;\n expect(el.selectedItem?.itemText).to.be.undefined;\n expect(el.value).to.equal('');\n\n const closed = oneEvent(el, 'sp-closed');\n firstItem.click();\n await closed;\n\n expect(el.open).to.be.false;\n expect(el.selectedItem?.itemText).to.equal('Deselect');\n expect(el.value).to.equal('Deselect');\n });\n it('quick selects on ArrowLeft/Right', async () => {\n await nextFrame();\n const selectionSpy = spy();\n el.addEventListener('change', (event: Event) => {\n const { value } = event.target as Picker;\n selectionSpy(value);\n });\n const button = el.button as HTMLButtonElement;\n\n el.focus();\n button.dispatchEvent(arrowLeftEvent());\n\n await elementUpdated(el);\n\n expect(selectionSpy.callCount).to.equal(1);\n expect(selectionSpy.calledWith('Deselected'));\n button.dispatchEvent(arrowLeftEvent());\n\n await elementUpdated(el);\n expect(selectionSpy.callCount).to.equal(1);\n button.dispatchEvent(arrowRightEvent());\n\n await elementUpdated(el);\n expect(selectionSpy.calledWith('option-2'));\n\n button.dispatchEvent(arrowRightEvent());\n button.dispatchEvent(arrowRightEvent());\n button.dispatchEvent(arrowRightEvent());\n button.dispatchEvent(arrowRightEvent());\n\n await elementUpdated(el);\n expect(selectionSpy.callCount).to.equal(5);\n expect(selectionSpy.calledWith('Save Selection'));\n expect(selectionSpy.calledWith('Make Work Path')).to.be.false;\n });\n it('quick selects first item on ArrowRight when no value', async () => {\n await nextFrame();\n const selectionSpy = spy();\n el.addEventListener('change', (event: Event) => {\n const { value } = event.target as Picker;\n selectionSpy(value);\n });\n const button = el.button as HTMLButtonElement;\n\n el.focus();\n button.dispatchEvent(arrowRightEvent());\n\n await elementUpdated(el);\n\n expect(selectionSpy.callCount).to.equal(1);\n expect(selectionSpy.calledWith('Deselected'));\n });\n it('loads', async () => {\n expect(el).to.not.be.undefined;\n });\n it('refocuses on list when open', async () => {\n const firstItem = el.querySelector('sp-menu-item') as MenuItem;\n const thirdItem = el.querySelector(\n 'sp-menu-item:nth-of-type(3)'\n ) as MenuItem;\n const button = el.button;\n const input = document.createElement('input');\n el.insertAdjacentElement('afterend', input);\n\n el.focus();\n await sendKeys({ press: 'Tab' });\n expect(document.activeElement === input).to.be.true;\n await sendKeys({ press: 'Shift+Tab' });\n expect(document.activeElement === el).to.be.true;\n const opened = oneEvent(el, 'sp-opened');\n sendKeys({ press: 'Enter' });\n await opened;\n await elementUpdated(el);\n\n await waitUntil(\n () => firstItem.focused,\n 'The first items should have become focused visually.'\n );\n\n await sendKeys({ press: 'ArrowDown' });\n await sendKeys({ press: 'ArrowDown' });\n expect(thirdItem.focused).to.be.true;\n\n button.focus();\n expect(isMenuActiveElement(el)).to.be.false;\n el.focus();\n await elementUpdated(el);\n await waitUntil(\n () => isMenuActiveElement(el),\n 'first item refocused'\n );\n expect(isMenuActiveElement(el)).to.be.true;\n expect(thirdItem.focused).to.be.true;\n });\n it('allows tabing to close', async () => {\n const input = document.createElement('input');\n el.insertAdjacentElement('afterend', input);\n const opened = oneEvent(el, 'sp-opened');\n el.open = true;\n await opened;\n await nextFrame();\n\n expect(el.open).to.be.true;\n el.focus();\n\n const closed = oneEvent(el, 'sp-closed');\n sendKeys({ press: 'Tab' });\n await closed;\n\n expect(el.open, 'closes').to.be.false;\n });\n describe('tab order', () => {\n let input1: HTMLInputElement;\n let input2: HTMLInputElement;\n beforeEach(() => {\n const surroundingInput = (): HTMLInputElement => {\n const input = document.createElement('input');\n input.type = 'text';\n input.tabIndex = 0;\n return input;\n };\n input1 = surroundingInput();\n input2 = surroundingInput();\n\n el.insertAdjacentElement('beforebegin', input1);\n el.insertAdjacentElement('afterend', input2);\n });\n afterEach(() => {\n input1.remove();\n input2.remove();\n });\n it('tabs forward through the element', async () => {\n // start at input1\n input1.focus();\n await nextFrame();\n expect(document.activeElement === input1, 'focuses input 1').to\n .true;\n // tab to the picker\n let focused = oneEvent(el, 'focus');\n await sendKeys({ press: 'Tab' });\n await focused;\n\n expect(el.focused, 'focused').to.be.true;\n expect(el.open, 'closed').to.be.false;\n expect(document.activeElement === el, 'focuses el').to.be.true;\n // tab through the picker to input2\n focused = oneEvent(input2, 'focus');\n await sendKeys({ press: 'Tab' });\n await focused;\n expect(document.activeElement === input2, 'focuses input 2').to\n .true;\n });\n it('shift+tabs backwards through the element', async () => {\n // start at input1\n input2.focus();\n await nextFrame();\n expect(document.activeElement, 'focuses input 2').to.equal(\n input2\n );\n // tab to the picker\n let focused = oneEvent(el, 'focus');\n await sendKeys({ press: 'Shift+Tab' });\n await focused;\n\n expect(el.focused, 'focused').to.be.true;\n expect(el.open, 'closed').to.be.false;\n expect(document.activeElement, 'focuses el').to.equal(el);\n // tab through the picker to input2\n focused = oneEvent(input1, 'focus');\n await sendKeys({ press: 'Shift+Tab' });\n await focused;\n expect(document.activeElement, 'focuses input 1').to.equal(\n input1\n );\n });\n it('can close and immediately tab to the next tab stop', async () => {\n el.focus();\n await nextFrame();\n expect(document.activeElement, 'focuses el').to.equal(el);\n // press down to open the picker\n const opened = oneEvent(el, 'sp-opened');\n await sendKeys({ press: 'ArrowUp' });\n await opened;\n\n expect(el.open, 'opened').to.be.true;\n await waitUntil(\n () => isMenuActiveElement(el),\n 'first item focused'\n );\n\n const closed = oneEvent(el, 'sp-closed');\n el.open = false;\n await closed;\n\n expect(el.open).to.be.false;\n expect(document.activeElement === el).to.be.true;\n\n const focused = oneEvent(input2, 'focus');\n await sendKeys({ press: 'Tab' });\n await focused;\n\n expect(el.open).to.be.false;\n expect(document.activeElement === input2).to.be.true;\n });\n it('can close and immediate shift+tab to the previous tab stop', async () => {\n el.focus();\n await nextFrame();\n expect(document.activeElement === el, 'focuses el').to.be.true;\n // press down to open the picker\n const opened = oneEvent(el, 'sp-opened');\n await sendKeys({ press: 'ArrowUp' });\n await opened;\n\n expect(el.open, 'opened').to.be.true;\n await waitUntil(\n () => isMenuActiveElement(el),\n 'first item focused'\n );\n\n const closed = oneEvent(el, 'sp-closed');\n el.open = false;\n await closed;\n\n expect(el.open).to.be.false;\n expect(document.activeElement === el).to.be.true;\n\n const focused = oneEvent(input1, 'focus');\n sendKeys({ press: 'Shift+Tab' });\n await focused;\n\n expect(el.open).to.be.false;\n expect(document.activeElement === input1).to.be.true;\n });\n });\n it('does not open when [readonly]', async () => {\n el.readonly = true;\n\n await elementUpdated(el);\n\n const button = el.button as HTMLButtonElement;\n\n button.click();\n await elementUpdated(el);\n\n expect(el.open).to.be.false;\n });\n it('scrolls selected into view on open', async () => {\n (\n el.shadowRoot.querySelector('sp-popover') as Popover\n ).style.height = '40px';\n\n const firstItem = el.querySelector(\n 'sp-menu-item:first-child'\n ) as MenuItem;\n const lastItem = el.querySelector(\n 'sp-menu-item:last-child'\n ) as MenuItem;\n lastItem.disabled = false;\n el.value = lastItem.value;\n\n await elementUpdated(el);\n\n const opened = oneEvent(el, 'sp-opened');\n el.open = true;\n await opened;\n await waitUntil(\n () => isMenuActiveElement(el),\n 'first item focused'\n );\n const getParentOffset = (el: HTMLElement): number => {\n const parentScroll = (\n (el as HTMLElement & { assignedSlot: HTMLSlotElement })\n .assignedSlot.parentElement as HTMLElement\n ).scrollTop;\n const parentOffset = el.offsetTop - parentScroll;\n return parentOffset;\n };\n expect(getParentOffset(lastItem)).to.be.lessThan(40);\n expect(getParentOffset(firstItem)).to.be.lessThan(-1);\n\n lastItem.dispatchEvent(\n new FocusEvent('focusin', { bubbles: true })\n );\n await sendKeys({\n press: 'ArrowDown',\n });\n await elementUpdated(el);\n await nextFrame();\n expect(getParentOffset(lastItem)).to.be.greaterThan(40);\n expect(getParentOffset(firstItem)).to.be.greaterThan(-1);\n });\n });\n describe('grouped', async () => {\n const groupedFixture = async (): Promise<Picker> => {\n return fixture<Picker>(\n html`\n <sp-picker\n quiet\n label=\"I would like to use Spectrum Web Components\"\n value=\"0\"\n >\n <sp-menu-group>\n <span slot=\"header\">Timeline</span>\n <sp-menu-item value=\"0\" id=\"should-be-selected\">\n Immediately\n </sp-menu-item>\n <sp-menu-item value=\"1\">\n I'm already using them\n </sp-menu-item>\n <sp-menu-divider></sp-menu-divider>\n <sp-menu-item value=\"2\">Soon</sp-menu-item>\n <sp-menu-item value=\"3\">\n As part of my next project\n </sp-menu-item>\n <sp-menu-item value=\"4\">In the future</sp-menu-item>\n </sp-menu-group>\n </sp-picker>\n `\n );\n };\n beforeEach(async () => {\n el = await groupedFixture();\n await elementUpdated(el);\n await nextFrame();\n await nextFrame();\n });\n it('selects the item with a matching value in a group', async () => {\n const item = el.querySelector('#should-be-selected') as MenuItem;\n expect(item.selected).to.be.true;\n });\n });\n describe('slotted label', () => {\n const pickerFixture = async (): Promise<Picker> => {\n const test = await fixture<Picker>(\n html`\n <div>\n <sp-field-label for=\"picker-slotted\">\n Where do you live?\n </sp-field-label>\n <sp-picker id=\"picker-slotted\">\n <span slot=\"label\">\n Select a Country with a very long label, too\n long in fact\n </span>\n <sp-menu-item>Deselect</sp-menu-item>\n <sp-menu-item value=\"option-2\">\n Select Inverse\n </sp-menu-item>\n <sp-menu-item>Feather...</sp-menu-item>\n <sp-menu-item>Select and Mask...</sp-menu-item>\n <sp-menu-divider></sp-menu-divider>\n <sp-menu-item>Save Selection</sp-menu-item>\n <sp-menu-item disabled>Make Work Path</sp-menu-item>\n </sp-picker>\n </div>\n `\n );\n\n return test.querySelector('sp-picker') as Picker;\n };\n beforeEach(async () => {\n el = await pickerFixture();\n await elementUpdated(el);\n await nextFrame();\n });\n afterEach(async () => {\n if (el.open) {\n const closed = oneEvent(el, 'sp-closed');\n el.open = false;\n await closed;\n }\n });\n\n it('loads accessibly w/ slotted label', async () => {\n await expect(el).to.be.accessible();\n });\n });\n describe('deprecated', () => {\n const pickerFixture = async (): Promise<Picker> => {\n const test = await fixture<Picker>(\n html`\n <div>\n <sp-field-label for=\"picker-deprecated\">\n Where do you live?\n </sp-field-label>\n <sp-picker\n id=\"picker-deprecated\"\n label=\"Select a Country with a very long label, too long in fact\"\n >\n <sp-menu>\n <sp-menu-item>Deselect</sp-menu-item>\n <sp-menu-item value=\"option-2\">\n Select Inverse\n </sp-menu-item>\n <sp-menu-item>Feather...</sp-menu-item>\n <sp-menu-item>Select and Mask...</sp-menu-item>\n <sp-menu-divider></sp-menu-divider>\n <sp-menu-item>Save Selection</sp-menu-item>\n <sp-menu-item disabled>\n Make Work Path\n </sp-menu-item>\n </sp-menu>\n </sp-picker>\n </div>\n `\n );\n\n return test.querySelector('sp-picker') as Picker;\n };\n describe('Dev mode', () => {\n it('warns in Dev Mode of deprecated `<sp-menu>` usage', async () => {\n const consoleWarnStub = stub(console, 'warn');\n el = await pickerFixture();\n await elementUpdated(el);\n\n expect(consoleWarnStub.called).to.be.true;\n const spyCall = consoleWarnStub.getCall(0);\n expect(\n spyCall.args.at(0).includes('<sp-menu>'),\n 'confirm <sp-menu>-centric message'\n ).to.be.true;\n expect(\n spyCall.args.at(-1),\n 'confirm `data` shape'\n ).to.deep.equal({\n data: {\n localName: 'sp-picker',\n type: 'api',\n level: 'deprecation',\n },\n });\n consoleWarnStub.restore();\n if (el.open) {\n const closed = oneEvent(el, 'sp-closed');\n el.open = false;\n await closed;\n }\n });\n });\n describe('Dev mode ignored', () => {\n const { ignoreWarningLocalNames } = window.__swc;\n before(() => {\n window.__swc.ignoreWarningLocalNames = {\n 'sp-picker': true,\n };\n });\n before(() => {\n window.__swc.ignoreWarningLocalNames = ignoreWarningLocalNames;\n });\n beforeEach(async () => {\n el = await pickerFixture();\n await elementUpdated(el);\n await nextFrame();\n });\n afterEach(async () => {\n if (el.open) {\n const closed = oneEvent(el, 'sp-closed');\n el.open = false;\n await closed;\n }\n });\n it('selects with deprecated syntax', async () => {\n const secondItem = el.querySelector(\n 'sp-menu-item:nth-of-type(2)'\n ) as MenuItem;\n\n const opened = oneEvent(el, 'sp-opened');\n el.button.click();\n await opened;\n\n expect(el.open).to.be.true;\n expect(el.selectedItem?.itemText).to.be.undefined;\n expect(el.value).to.equal('');\n\n const closed = oneEvent(el, 'sp-closed');\n secondItem.click();\n await closed;\n\n expect(el.open).to.be.false;\n expect(el.selectedItem?.itemText).to.equal('Select Inverse');\n expect(el.value).to.equal('option-2');\n });\n });\n });\n testForLitDevWarnings(async () => await pickerFixture());\n it('manages its \"name\" value in the accessibility tree when [icons-only]', async () => {\n const test = await fixture<HTMLDivElement>(html`\n <div>${iconsOnly({})}</div>\n `);\n const el = test.querySelector('sp-picker') as Picker;\n\n await elementUpdated(el);\n await nextFrame();\n type NamedNode = { name: string };\n let snapshot = (await a11ySnapshot({})) as unknown as NamedNode & {\n children: NamedNode[];\n };\n\n expect(\n findAccessibilityNode<NamedNode>(\n snapshot,\n (node) => node.name === 'Choose an action type... Delete'\n ),\n '`name` is the label text'\n ).to.not.be.null;\n\n el.value = '2';\n await elementUpdated(el);\n await nextFrame();\n await nextFrame();\n expect(el.value).to.equal('2');\n snapshot = (await a11ySnapshot({})) as unknown as NamedNode & {\n children: NamedNode[];\n };\n\n expect(\n findAccessibilityNode<NamedNode>(\n snapshot,\n (node) => node.name === 'Choose an action type... Copy'\n ),\n '`name` is the label text plus the selected item text'\n ).to.not.be.null;\n });\n it('toggles between pickers', async () => {\n const el2 = await pickerFixture();\n const el1 = await pickerFixture();\n\n (el1.parentElement as HTMLElement).style.float = 'left';\n (el2.parentElement as HTMLElement).style.float = 'left';\n el1.id = 'away';\n el2.id = 'other';\n\n await Promise.all([elementUpdated(el1), elementUpdated(el2)]);\n\n expect(el1.open, 'closed 1').to.be.false;\n expect(el2.open, 'closed 1').to.be.false;\n let open = oneEvent(el1, 'sp-opened');\n el1.click();\n await open;\n expect(el1.open).to.be.true;\n expect(el2.open).to.be.false;\n\n open = oneEvent(el2, 'sp-opened');\n let closed = oneEvent(el1, 'sp-closed');\n el2.click();\n await Promise.all([open, closed]);\n expect(el1.open).to.be.false;\n expect(el2.open).to.be.true;\n\n open = oneEvent(el1, 'sp-opened');\n closed = oneEvent(el2, 'sp-closed');\n el1.click();\n await Promise.all([open, closed]);\n expect(el2.open).to.be.false;\n expect(el1.open).to.be.true;\n\n closed = oneEvent(el1, 'sp-closed');\n sendKeys({\n press: 'Escape',\n });\n await closed;\n expect(el1.open).to.be.false;\n });\n it('displays selected item text by default', async () => {\n const el = await fixture<Picker>(\n html`\n <sp-picker\n value=\"inverse\"\n label=\"Select a Country with a very long label, too long in fact\"\n >\n <sp-menu-item value=\"deselect\">Deselect Text</sp-menu-item>\n <sp-menu-item value=\"inverse\">Select Inverse</sp-menu-item>\n <sp-menu-item>Feather...</sp-menu-item>\n <sp-menu-item>Select and Mask...</sp-menu-item>\n <sp-menu-divider></sp-menu-divider>\n <sp-menu-item>Save Selection</sp-menu-item>\n <sp-menu-item disabled>Make Work Path</sp-menu-item>\n </sp-picker>\n `\n );\n await nextFrame();\n\n await elementUpdated(el);\n await waitUntil(\n () => el.selectedItem?.itemText === 'Select Inverse',\n `Selected Item Text: ${el.selectedItem?.itemText}`\n );\n\n const firstItem = el.querySelector(\n 'sp-menu-item:nth-of-type(1)'\n ) as MenuItem;\n const secondItem = el.querySelector(\n 'sp-menu-item:nth-of-type(2)'\n ) as MenuItem;\n\n expect(el.value).to.equal('inverse');\n expect(el.selectedItem?.itemText).to.equal('Select Inverse');\n\n el.focus();\n await elementUpdated(el);\n expect(\n el === document.activeElement,\n `activeElement is ${document.activeElement?.localName}`\n ).to.be.true;\n\n const opened = oneEvent(el, 'sp-opened');\n sendKeys({ press: 'Enter' });\n await opened;\n\n expect(\n el === document.activeElement,\n `activeElement is ${document.activeElement?.localName}`\n ).to.be.true;\n expect(\n el.optionsMenu === el.shadowRoot.activeElement,\n `activeElement is ${el.shadowRoot.activeElement?.localName}`\n ).to.be.true;\n\n expect(firstItem.focused, 'firstItem NOT \"focused\"').to.be.false;\n expect(secondItem.focused, 'secondItem \"focused\"').to.be.true;\n expect(el.optionsMenu.getAttribute('aria-activedescendant')).to.equal(\n secondItem.id\n );\n });\n it('resets value when item not available', async () => {\n const el = await fixture<Picker>(\n html`\n <sp-picker\n value=\"missing\"\n label=\"Select a Country with a very long label, too long in fact\"\n >\n <sp-menu-item value=\"deselect\">Deselect Text</sp-menu-item>\n <sp-menu-item value=\"inverse\">Select Inverse</sp-menu-item>\n <sp-menu-item>Feather...</sp-menu-item>\n <sp-menu-item>Select and Mask...</sp-menu-item>\n <sp-menu-divider></sp-menu-divider>\n <sp-menu-item>Save Selection</sp-menu-item>\n <sp-menu-item disabled>Make Work Path</sp-menu-item>\n </sp-picker>\n `\n );\n\n await elementUpdated(el);\n await waitUntil(() => el.value === '');\n\n expect(el.value).to.equal('');\n expect(el.selectedItem?.itemText).to.be.undefined;\n });\n it('allows event listeners on child items', async () => {\n const mouseenterSpy = spy();\n const handleMouseenter = (): void => mouseenterSpy();\n const el = await fixture<Picker>(\n html`\n <sp-picker\n label=\"Select a Country with a very long label, too long in fact\"\n >\n <sp-menu-item\n value=\"deselect\"\n @mouseenter=${handleMouseenter}\n >\n Deselect Text\n </sp-menu-item>\n </sp-picker>\n `\n );\n\n await elementUpdated(el);\n\n const hoverEl = el.querySelector('sp-menu-item') as MenuItem;\n\n const opened = oneEvent(el, 'sp-opened');\n el.open = true;\n await opened;\n await elementUpdated(el);\n\n expect(el.open).to.be.true;\n hoverEl.dispatchEvent(new MouseEvent('mouseenter'));\n await elementUpdated(el);\n\n expect(el.open).to.be.true;\n\n const closed = oneEvent(el, 'sp-closed');\n el.open = false;\n await closed;\n await elementUpdated(el);\n\n expect(el.open).to.be.false;\n expect(mouseenterSpy.calledOnce).to.be.true;\n });\n it('dispatches events on open/close', async () => {\n const openedSpy = spy();\n const closedSpy = spy();\n const handleOpenedSpy = (event: Event): void => openedSpy(event);\n const handleClosedSpy = (event: Event): void => closedSpy(event);\n\n const el = await fixture<Picker>(\n html`\n <sp-picker\n label=\"Select a Country with a very long label, too long in fact\"\n @sp-opened=${handleOpenedSpy}\n @sp-closed=${handleClosedSpy}\n >\n <sp-menu-item value=\"deselect\">Deselect Text</sp-menu-item>\n </sp-picker>\n `\n );\n\n await elementUpdated(el);\n const opened = oneEvent(el, 'sp-opened');\n el.open = true;\n await opened;\n await elementUpdated(el);\n\n expect(openedSpy.calledOnce).to.be.true;\n expect(closedSpy.calledOnce).to.be.false;\n\n // const openedEvent = openedSpy\n // .args[0][0] as CustomEvent<OverlayOpenCloseDetail>;\n // expect(openedEvent.detail.interaction).to.equal('modal');\n\n const closed = oneEvent(el, 'sp-closed');\n el.open = false;\n await closed;\n await elementUpdated(el);\n\n expect(closedSpy.calledOnce).to.be.true;\n\n // const closedEvent = closedSpy\n // .args[0][0] as CustomEvent<OverlayOpenCloseDetail>;\n // expect(closedEvent.detail.interaction).to.equal('modal');\n });\n}\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["el", "pickerFixture", "_a"]
|
|
7
7
|
}
|