@spectrum-web-components/picker 0.33.3-overlay.61 → 0.34.0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@spectrum-web-components/picker",
-    "version": "0.33.3-overlay.61+af969dcc2",
+    "version": "0.34.0",
     "publishConfig": {
         "access": "public"
     },
@@ -65,17 +65,17 @@
         "lit-html"
     ],
     "dependencies": {
-        "@spectrum-web-components/base": "^0.33.3-overlay.61+af969dcc2",
-        "@spectrum-web-components/button": "^0.33.3-overlay.61+af969dcc2",
-        "@spectrum-web-components/icon": "^0.33.3-overlay.61+af969dcc2",
-        "@spectrum-web-components/icons-ui": "^0.33.3-overlay.61+af969dcc2",
-        "@spectrum-web-components/icons-workflow": "^0.33.3-overlay.61+af969dcc2",
-        "@spectrum-web-components/menu": "^0.33.3-overlay.61+af969dcc2",
-        "@spectrum-web-components/overlay": "^0.33.3-overlay.61+af969dcc2",
-        "@spectrum-web-components/popover": "^0.33.3-overlay.61+af969dcc2",
-        "@spectrum-web-components/reactive-controllers": "^0.33.3-overlay.61+af969dcc2",
-        "@spectrum-web-components/shared": "^0.33.3-overlay.61+af969dcc2",
-        "@spectrum-web-components/tray": "^0.33.3-overlay.61+af969dcc2"
+        "@spectrum-web-components/base": "^0.34.0",
+        "@spectrum-web-components/button": "^0.34.0",
+        "@spectrum-web-components/icon": "^0.34.0",
+        "@spectrum-web-components/icons-ui": "^0.34.0",
+        "@spectrum-web-components/icons-workflow": "^0.34.0",
+        "@spectrum-web-components/menu": "^0.34.0",
+        "@spectrum-web-components/overlay": "^0.34.0",
+        "@spectrum-web-components/popover": "^0.34.0",
+        "@spectrum-web-components/reactive-controllers": "^0.34.0",
+        "@spectrum-web-components/shared": "^0.34.0",
+        "@spectrum-web-components/tray": "^0.34.0"
     },
     "devDependencies": {
         "@spectrum-css/picker": "^4.0.15"
@@ -88,5 +88,5 @@
         "./sync/index.js",
         "./sync/sp-*.js"
     ],
-    "gitHead": "af969dcc2f8c905648b3e5a5fad982d1f81ee080"
+    "gitHead": "f9b3294d67cdd52b2c36897cdc1c20ceaeb019cf"
 }

package/src/Picker.d.ts

@@ -1,21 +1,24 @@
 import { CSSResultArray, PropertyValues, TemplateResult } from '@spectrum-web-components/base';
-import { StyleInfo } from '@spectrum-web-components/base/src/directives.js';
 import { Focusable } 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 type { Menu, MenuItem, MenuItemChildren } from '@spectrum-web-components/menu';
+import type { Menu, MenuItem, MenuItemAddedOrUpdatedEvent, MenuItemChildren, MenuItemRemovedEvent } from '@spectrum-web-components/menu';
 import '@spectrum-web-components/tray/sp-tray.js';
 import '@spectrum-web-components/popover/sp-popover.js';
-import { Placement } from '@spectrum-web-components/overlay';
+import { OverlayOptions, Placement, TriggerInteractions } from '@spectrum-web-components/overlay';
 import { MatchMediaController } from '@spectrum-web-components/reactive-controllers/src/MatchMedia.js';
 declare const PickerBase_base: typeof Focusable & {
     new (...args: any[]): import("@spectrum-web-components/base").SizedElementInterface;
     prototype: import("@spectrum-web-components/base").SizedElementInterface;
 };
 export declare class PickerBase extends PickerBase_base {
+    /**
+     * @private
+     */
+    static openOverlay: (target: HTMLElement, interaction: TriggerInteractions, content: HTMLElement, options: OverlayOptions) => Promise<() => void>;
     protected isMobile: MatchMediaController;
+    appliedLabel?: string;
     button: HTMLButtonElement;
     get target(): HTMLButtonElement | this;
     disabled: boolean;
@@ -26,7 +29,8 @@ export declare class PickerBase extends PickerBase_base {
     open: boolean;
     readonly: boolean;
     selects: undefined | 'single';
-    get menuItems(): MenuItem[];
+    menuItems: MenuItem[];
+    private restoreChildren?;
     optionsMenu: Menu;
     /**
      * @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"}
@@ -35,17 +39,15 @@ export declare class PickerBase extends PickerBase_base {
     placement: Placement;
     quiet: boolean;
     value: string;
-    get selectedItem(): MenuItem | undefined;
-    set selectedItem(selectedItem: MenuItem | undefined);
-    _selectedItem?: MenuItem;
+    selectedItem?: MenuItem;
+    private closeOverlay?;
+    private popoverEl;
     protected listRole: 'listbox' | 'menu';
     protected itemRole: string;
     constructor();
     get focusElement(): HTMLElement;
     forceFocusVisible(): void;
     onButtonBlur(): void;
-    private preventNextToggle;
-    protected handlePointerdown(): void;
     protected onButtonClick(): void;
     focus(options?: FocusOptions): void;
     onHelperFocus(): void;
@@ -56,25 +58,35 @@ export declare class PickerBase extends PickerBase_base {
     protected setMenuItemSelected(item: MenuItem, value: boolean): void;
     toggle(target?: boolean): void;
     close(): void;
-    protected get containerStyles(): StyleInfo;
+    overlayOpenCallback: () => Promise<void>;
+    overlayCloseCallback: () => Promise<void>;
+    private popoverFragment;
+    private generatePopover;
+    private openMenu;
+    protected sizePopover(popover: HTMLElement): void;
+    private closeMenu;
     protected get selectedItemContent(): MenuItemChildren;
-    protected set selectedItemContent(selectedItemContent: MenuItemChildren | undefined);
-    _selectedItemContent?: MenuItemChildren;
     protected renderLabelContent(content: Node[]): TemplateResult | Node[];
     protected get buttonContent(): TemplateResult[];
-    protected get renderOverlay(): TemplateResult;
+    applyFocusElementLabel: (value?: string) => void;
     protected render(): TemplateResult;
     protected update(changes: PropertyValues<this>): void;
     protected get dismissHelper(): TemplateResult;
-    protected get renderContainer(): TemplateResult;
-    private willManageSelection;
-    protected shouldScheduleManageSelection(event?: Event): void;
-    protected shouldManageSelection(): void;
+    protected get renderPopover(): TemplateResult;
+    private _willUpdateItems;
+    protected itemsUpdated: Promise<void>;
+    /**
+     * Acquire the available MenuItems in the Picker by
+     * direct element query or by assuming the list managed
+     * by the Menu within the open options overlay.
+     */
+    protected updateMenuItems(event?: MenuItemAddedOrUpdatedEvent | MenuItemRemovedEvent): void;
     protected manageSelection(): Promise<void>;
+    private menuStatePromise;
+    private menuStateResolver;
     private selectionPromise;
     private selectionResolver;
     protected getUpdateComplete(): Promise<boolean>;
-    private recentlyConnected;
     connectedCallback(): void;
     disconnectedCallback(): void;
 }
@@ -89,7 +101,7 @@ export declare class PickerBase extends PickerBase_base {
  */
 export declare class Picker extends PickerBase {
     static get styles(): CSSResultArray;
-    protected get containerStyles(): StyleInfo;
+    protected sizePopover(popover: HTMLElement): void;
     protected onKeydown: (event: KeyboardEvent) => void;
 }
 export {};