@spectrum-web-components/picker 1.1.0-beta.8 → 1.1.0

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.
Files changed (94) hide show
  1. package/README.md +33 -4
  2. package/package.json +17 -17
  3. package/sp-picker.d.ts +0 -6
  4. package/sp-picker.dev.js +0 -5
  5. package/sp-picker.dev.js.map +0 -7
  6. package/sp-picker.js +0 -2
  7. package/sp-picker.js.map +0 -7
  8. package/src/DesktopController.d.ts +0 -7
  9. package/src/DesktopController.dev.js +0 -72
  10. package/src/DesktopController.dev.js.map +0 -7
  11. package/src/DesktopController.js +0 -2
  12. package/src/DesktopController.js.map +0 -7
  13. package/src/InteractionController.d.ts +0 -43
  14. package/src/InteractionController.dev.js +0 -121
  15. package/src/InteractionController.dev.js.map +0 -7
  16. package/src/InteractionController.js +0 -2
  17. package/src/InteractionController.js.map +0 -7
  18. package/src/MobileController.d.ts +0 -9
  19. package/src/MobileController.dev.js +0 -51
  20. package/src/MobileController.dev.js.map +0 -7
  21. package/src/MobileController.js +0 -2
  22. package/src/MobileController.js.map +0 -7
  23. package/src/Picker.d.ts +0 -133
  24. package/src/Picker.dev.js +0 -713
  25. package/src/Picker.dev.js.map +0 -7
  26. package/src/Picker.js +0 -116
  27. package/src/Picker.js.map +0 -7
  28. package/src/index.d.ts +0 -1
  29. package/src/index.dev.js +0 -3
  30. package/src/index.dev.js.map +0 -7
  31. package/src/index.js +0 -2
  32. package/src/index.js.map +0 -7
  33. package/src/picker-overrides.css.d.ts +0 -2
  34. package/src/picker-overrides.css.dev.js +0 -7
  35. package/src/picker-overrides.css.dev.js.map +0 -7
  36. package/src/picker-overrides.css.js +0 -4
  37. package/src/picker-overrides.css.js.map +0 -7
  38. package/src/picker.css.d.ts +0 -2
  39. package/src/picker.css.dev.js +0 -7
  40. package/src/picker.css.dev.js.map +0 -7
  41. package/src/picker.css.js +0 -4
  42. package/src/picker.css.js.map +0 -7
  43. package/src/spectrum-picker.css.d.ts +0 -2
  44. package/src/spectrum-picker.css.dev.js +0 -7
  45. package/src/spectrum-picker.css.dev.js.map +0 -7
  46. package/src/spectrum-picker.css.js +0 -4
  47. package/src/spectrum-picker.css.js.map +0 -7
  48. package/src/strategies.d.ts +0 -6
  49. package/src/strategies.dev.js +0 -8
  50. package/src/strategies.dev.js.map +0 -7
  51. package/src/strategies.js +0 -2
  52. package/src/strategies.js.map +0 -7
  53. package/stories/args.js +0 -56
  54. package/stories/args.js.map +0 -7
  55. package/stories/picker-pending.stories.js +0 -16
  56. package/stories/picker-pending.stories.js.map +0 -7
  57. package/stories/picker-sizes.stories.js +0 -75
  58. package/stories/picker-sizes.stories.js.map +0 -7
  59. package/stories/picker.stories.js +0 -606
  60. package/stories/picker.stories.js.map +0 -7
  61. package/stories/states.js +0 -228
  62. package/stories/states.js.map +0 -7
  63. package/stories/template.js +0 -32
  64. package/stories/template.js.map +0 -7
  65. package/sync/index.d.ts +0 -3
  66. package/sync/index.dev.js +0 -5
  67. package/sync/index.dev.js.map +0 -7
  68. package/sync/index.js +0 -2
  69. package/sync/index.js.map +0 -7
  70. package/sync/sp-picker.d.ts +0 -2
  71. package/sync/sp-picker.dev.js +0 -4
  72. package/sync/sp-picker.dev.js.map +0 -7
  73. package/sync/sp-picker.js +0 -2
  74. package/sync/sp-picker.js.map +0 -7
  75. package/test/benchmark/basic-test.js +0 -269
  76. package/test/benchmark/basic-test.js.map +0 -7
  77. package/test/index.js +0 -1680
  78. package/test/index.js.map +0 -7
  79. package/test/picker-memory.test.js +0 -5
  80. package/test/picker-memory.test.js.map +0 -7
  81. package/test/picker-pending.test-vrt.js +0 -5
  82. package/test/picker-pending.test-vrt.js.map +0 -7
  83. package/test/picker-reparenting.test.js +0 -92
  84. package/test/picker-reparenting.test.js.map +0 -7
  85. package/test/picker-responsive.test.js +0 -75
  86. package/test/picker-responsive.test.js.map +0 -7
  87. package/test/picker-sizes.test-vrt.js +0 -5
  88. package/test/picker-sizes.test-vrt.js.map +0 -7
  89. package/test/picker-sync.test.js +0 -7
  90. package/test/picker-sync.test.js.map +0 -7
  91. package/test/picker.test-vrt.js +0 -5
  92. package/test/picker.test-vrt.js.map +0 -7
  93. package/test/picker.test.js +0 -7
  94. package/test/picker.test.js.map +0 -7
package/src/Picker.d.ts DELETED
@@ -1,133 +0,0 @@
1
- import { CSSResultArray, PropertyValues, TemplateResult } from '@spectrum-web-components/base';
2
- import { StyleInfo } from '@spectrum-web-components/base/src/directives.js';
3
- import { Focusable } from '@spectrum-web-components/shared/src/focusable.js';
4
- import type { Tooltip } from '@spectrum-web-components/tooltip';
5
- import '@spectrum-web-components/icons-ui/icons/sp-icon-chevron100.js';
6
- import '@spectrum-web-components/icons-workflow/icons/sp-icon-alert.js';
7
- import '@spectrum-web-components/menu/sp-menu.js';
8
- import type { Menu, MenuItem, MenuItemChildren } from '@spectrum-web-components/menu';
9
- import { Placement } from '@spectrum-web-components/overlay';
10
- import { MatchMediaController } from '@spectrum-web-components/reactive-controllers/src/MatchMedia.js';
11
- import { DependencyManagerController } from '@spectrum-web-components/reactive-controllers/src/DependencyManger.js';
12
- import { PendingStateController } from '@spectrum-web-components/reactive-controllers/src/PendingState.js';
13
- import { Overlay } from '@spectrum-web-components/overlay/src/Overlay.js';
14
- import type { SlottableRequestEvent } from '@spectrum-web-components/overlay/src/slottable-request-event.js';
15
- import type { FieldLabel } from '@spectrum-web-components/field-label';
16
- import { DesktopController } from './DesktopController.js';
17
- import { MobileController } from './MobileController.js';
18
- export declare const DESCRIPTION_ID = "option-picker";
19
- declare const PickerBase_base: typeof Focusable & {
20
- new (...args: any[]): import("@spectrum-web-components/base").SizedElementInterface;
21
- prototype: import("@spectrum-web-components/base").SizedElementInterface;
22
- };
23
- export declare class PickerBase extends PickerBase_base {
24
- isMobile: MatchMediaController;
25
- strategy: DesktopController | MobileController;
26
- appliedLabel?: string;
27
- button: HTMLButtonElement;
28
- dependencyManager: DependencyManagerController;
29
- private deprecatedMenu;
30
- disabled: boolean;
31
- focused: boolean;
32
- icons?: 'only' | 'none';
33
- invalid: boolean;
34
- /** Whether the items are currently loading. */
35
- pending: boolean;
36
- /** Defines a string value that labels the Picker while it is in pending state. */
37
- pendingLabel: string;
38
- label?: string;
39
- open: boolean;
40
- readonly: boolean;
41
- selects: undefined | 'single';
42
- labelAlignment?: 'inline';
43
- protected get menuItems(): MenuItem[];
44
- optionsMenu: Menu;
45
- private _selfManageFocusElement;
46
- get selfManageFocusElement(): boolean;
47
- overlayElement: Overlay;
48
- protected tooltipEl?: Tooltip;
49
- /**
50
- * @type {"top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end"}
51
- * @attr
52
- */
53
- placement: Placement;
54
- quiet: boolean;
55
- value: string;
56
- get selectedItem(): MenuItem | undefined;
57
- pendingStateController: PendingStateController<this>;
58
- /**
59
- * Initializes the `PendingStateController` for the Picker component.
60
- * The `PendingStateController` manages the pending state of the Picker.
61
- */
62
- constructor();
63
- set selectedItem(selectedItem: MenuItem | undefined);
64
- _selectedItem?: MenuItem;
65
- protected listRole: 'listbox' | 'menu';
66
- protected itemRole: string;
67
- get focusElement(): HTMLElement;
68
- forceFocusVisible(): void;
69
- click(): void;
70
- handleButtonBlur(): void;
71
- focus(options?: FocusOptions): void;
72
- handleHelperFocus(): void;
73
- handleChange(event: Event): void;
74
- handleButtonFocus(event: FocusEvent): void;
75
- protected handleKeydown: (event: KeyboardEvent) => void;
76
- protected setValueFromItem(item: MenuItem, menuChangeEvent?: Event): Promise<void>;
77
- protected setMenuItemSelected(item: MenuItem, value: boolean): void;
78
- toggle(target?: boolean): void;
79
- close(): void;
80
- protected get containerStyles(): StyleInfo;
81
- protected get selectedItemContent(): MenuItemChildren;
82
- protected set selectedItemContent(selectedItemContent: MenuItemChildren | undefined);
83
- _selectedItemContent?: MenuItemChildren;
84
- protected handleTooltipSlotchange(event: Event & {
85
- target: HTMLSlotElement;
86
- }): void;
87
- handleSlottableRequest: (_event: SlottableRequestEvent) => void;
88
- protected renderLabelContent(content: Node[]): TemplateResult | Node[];
89
- protected get buttonContent(): TemplateResult[];
90
- applyFocusElementLabel: (value: string, labelElement: FieldLabel) => void;
91
- protected renderOverlay(menu: TemplateResult): TemplateResult;
92
- protected get renderDescriptionSlot(): TemplateResult;
93
- protected render(): TemplateResult;
94
- protected update(changes: PropertyValues<this>): void;
95
- protected bindButtonKeydownListener(): void;
96
- protected updated(changes: PropertyValues<this>): void;
97
- protected firstUpdated(changes: PropertyValues<this>): void;
98
- protected get dismissHelper(): TemplateResult;
99
- protected renderContainer(menu: TemplateResult): TemplateResult;
100
- protected hasRenderedOverlay: boolean;
101
- private onScroll;
102
- protected get renderMenu(): TemplateResult;
103
- private willManageSelection;
104
- protected shouldScheduleManageSelection(event?: Event): void;
105
- protected shouldManageSelection(): void;
106
- protected manageSelection(): Promise<void>;
107
- private selectionPromise;
108
- private selectionResolver;
109
- protected getUpdateComplete(): Promise<boolean>;
110
- private recentlyConnected;
111
- private enterKeydownOn;
112
- protected handleEnterKeydown: (event: KeyboardEvent) => void;
113
- bindEvents(): void;
114
- connectedCallback(): void;
115
- disconnectedCallback(): void;
116
- }
117
- /**
118
- * @element sp-picker
119
- *
120
- * @slot label - The placeholder content for the Picker
121
- * @slot description - The description content for the Picker
122
- * @slot tooltip - Tooltip to to be applied to the the Picker Button
123
- * @slot - menu items to be listed in the Picker
124
- * @fires change - Announces that the `value` of the element has changed
125
- * @fires sp-opened - Announces that the overlay has been opened
126
- * @fires sp-closed - Announces that the overlay has been closed
127
- */
128
- export declare class Picker extends PickerBase {
129
- static get styles(): CSSResultArray;
130
- protected get containerStyles(): StyleInfo;
131
- protected handleKeydown: (event: KeyboardEvent) => void;
132
- }
133
- export {};