@spectrum-web-components/overlay 0.35.1-rc.41 → 0.36.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 (156) hide show
  1. package/README.md +150 -237
  2. package/active-overlay.d.ts +6 -0
  3. package/active-overlay.dev.js +5 -0
  4. package/{sp-overlay.dev.js.map → active-overlay.dev.js.map} +3 -3
  5. package/active-overlay.js +2 -0
  6. package/{sp-overlay.js.map → active-overlay.js.map} +4 -4
  7. package/custom-elements.json +1215 -0
  8. package/package.json +22 -49
  9. package/src/ActiveOverlay.d.ts +84 -0
  10. package/src/ActiveOverlay.dev.js +517 -0
  11. package/src/ActiveOverlay.dev.js.map +7 -0
  12. package/src/ActiveOverlay.js +16 -0
  13. package/src/ActiveOverlay.js.map +7 -0
  14. package/src/OverlayTrigger.d.ts +41 -24
  15. package/src/OverlayTrigger.dev.js +295 -133
  16. package/src/OverlayTrigger.dev.js.map +3 -3
  17. package/src/OverlayTrigger.js +22 -52
  18. package/src/OverlayTrigger.js.map +3 -3
  19. package/src/VirtualTrigger.dev.js +1 -2
  20. package/src/VirtualTrigger.dev.js.map +2 -2
  21. package/src/VirtualTrigger.js +1 -1
  22. package/src/VirtualTrigger.js.map +2 -2
  23. package/src/active-overlay.css.dev.js +13 -0
  24. package/src/active-overlay.css.dev.js.map +7 -0
  25. package/src/active-overlay.css.js +10 -0
  26. package/src/active-overlay.css.js.map +7 -0
  27. package/src/index.d.ts +3 -2
  28. package/src/index.dev.js +3 -2
  29. package/src/index.dev.js.map +2 -2
  30. package/src/index.js +1 -1
  31. package/src/index.js.map +2 -2
  32. package/src/loader.d.ts +2 -1
  33. package/src/loader.dev.js +19 -2
  34. package/src/loader.dev.js.map +2 -2
  35. package/src/loader.js +1 -1
  36. package/src/loader.js.map +3 -3
  37. package/src/overlay-stack.d.ts +50 -0
  38. package/src/overlay-stack.dev.js +515 -0
  39. package/src/overlay-stack.dev.js.map +7 -0
  40. package/src/overlay-stack.js +34 -0
  41. package/src/overlay-stack.js.map +7 -0
  42. package/src/overlay-timer.dev.js.map +2 -2
  43. package/src/overlay-timer.js.map +2 -2
  44. package/src/overlay-trigger.css.dev.js +1 -1
  45. package/src/overlay-trigger.css.dev.js.map +1 -1
  46. package/src/overlay-trigger.css.js +1 -1
  47. package/src/overlay-trigger.css.js.map +1 -1
  48. package/src/overlay-types.d.ts +31 -25
  49. package/src/overlay-types.dev.js +0 -1
  50. package/src/overlay-types.dev.js.map +3 -3
  51. package/src/overlay-types.js +1 -1
  52. package/src/overlay-types.js.map +3 -3
  53. package/src/overlay-utils.d.ts +3 -0
  54. package/src/overlay-utils.dev.js +31 -0
  55. package/src/overlay-utils.dev.js.map +7 -0
  56. package/src/overlay-utils.js +2 -0
  57. package/src/overlay-utils.js.map +7 -0
  58. package/src/overlay.d.ts +59 -0
  59. package/src/overlay.dev.js +127 -0
  60. package/src/overlay.dev.js.map +7 -0
  61. package/src/overlay.js +2 -0
  62. package/src/overlay.js.map +7 -0
  63. package/stories/overlay-story-components.js +8 -9
  64. package/stories/overlay-story-components.js.map +2 -2
  65. package/stories/overlay.stories.js +697 -825
  66. package/stories/overlay.stories.js.map +2 -2
  67. package/sync/overlay-trigger.d.ts +0 -4
  68. package/sync/overlay-trigger.dev.js +4 -1
  69. package/sync/overlay-trigger.dev.js.map +2 -2
  70. package/sync/overlay-trigger.js +1 -1
  71. package/sync/overlay-trigger.js.map +3 -3
  72. package/test/benchmark/basic-test.js +1 -1
  73. package/test/benchmark/basic-test.js.map +1 -1
  74. package/test/index.js +377 -408
  75. package/test/index.js.map +3 -3
  76. package/test/overlay-lifecycle.test.js +106 -34
  77. package/test/overlay-lifecycle.test.js.map +2 -2
  78. package/test/overlay-trigger-click.test.js +5 -11
  79. package/test/overlay-trigger-click.test.js.map +2 -2
  80. package/test/overlay-trigger-extended.test.js +36 -42
  81. package/test/overlay-trigger-extended.test.js.map +2 -2
  82. package/test/overlay-trigger-hover-click.test.js +24 -27
  83. package/test/overlay-trigger-hover-click.test.js.map +2 -2
  84. package/test/overlay-trigger-hover.test.js +35 -41
  85. package/test/overlay-trigger-hover.test.js.map +2 -2
  86. package/test/overlay-trigger-longpress.test.js +81 -206
  87. package/test/overlay-trigger-longpress.test.js.map +2 -2
  88. package/test/overlay-trigger-sync.test.js +1 -1
  89. package/test/overlay-trigger-sync.test.js.map +2 -2
  90. package/test/overlay-trigger.test.js +1 -1
  91. package/test/overlay-trigger.test.js.map +2 -2
  92. package/test/overlay-update.test.js +4 -4
  93. package/test/overlay-update.test.js.map +2 -2
  94. package/test/overlay.test.js +268 -386
  95. package/test/overlay.test.js.map +3 -3
  96. package/sp-overlay.d.ts +0 -6
  97. package/sp-overlay.dev.js +0 -5
  98. package/sp-overlay.js +0 -2
  99. package/src/AbstractOverlay.d.ts +0 -56
  100. package/src/AbstractOverlay.dev.js +0 -202
  101. package/src/AbstractOverlay.dev.js.map +0 -7
  102. package/src/AbstractOverlay.js +0 -2
  103. package/src/AbstractOverlay.js.map +0 -7
  104. package/src/Overlay.d.ts +0 -147
  105. package/src/Overlay.dev.js +0 -777
  106. package/src/Overlay.dev.js.map +0 -7
  107. package/src/Overlay.js +0 -33
  108. package/src/Overlay.js.map +0 -7
  109. package/src/OverlayDialog.d.ts +0 -4
  110. package/src/OverlayDialog.dev.js +0 -135
  111. package/src/OverlayDialog.dev.js.map +0 -7
  112. package/src/OverlayDialog.js +0 -2
  113. package/src/OverlayDialog.js.map +0 -7
  114. package/src/OverlayNoPopover.d.ts +0 -4
  115. package/src/OverlayNoPopover.dev.js +0 -110
  116. package/src/OverlayNoPopover.dev.js.map +0 -7
  117. package/src/OverlayNoPopover.js +0 -2
  118. package/src/OverlayNoPopover.js.map +0 -7
  119. package/src/OverlayPopover.d.ts +0 -4
  120. package/src/OverlayPopover.dev.js +0 -169
  121. package/src/OverlayPopover.dev.js.map +0 -7
  122. package/src/OverlayPopover.js +0 -2
  123. package/src/OverlayPopover.js.map +0 -7
  124. package/src/OverlayStack.d.ts +0 -43
  125. package/src/OverlayStack.dev.js +0 -150
  126. package/src/OverlayStack.dev.js.map +0 -7
  127. package/src/OverlayStack.js +0 -2
  128. package/src/OverlayStack.js.map +0 -7
  129. package/src/PlacementController.d.ts +0 -38
  130. package/src/PlacementController.dev.js +0 -199
  131. package/src/PlacementController.dev.js.map +0 -7
  132. package/src/PlacementController.js +0 -2
  133. package/src/PlacementController.js.map +0 -7
  134. package/src/fullSizePlugin.d.ts +0 -12
  135. package/src/fullSizePlugin.dev.js +0 -39
  136. package/src/fullSizePlugin.dev.js.map +0 -7
  137. package/src/fullSizePlugin.js +0 -2
  138. package/src/fullSizePlugin.js.map +0 -7
  139. package/src/overlay.css.dev.js +0 -9
  140. package/src/overlay.css.dev.js.map +0 -7
  141. package/src/overlay.css.js +0 -6
  142. package/src/overlay.css.js.map +0 -7
  143. package/src/topLayerOverTransforms.d.ts +0 -2
  144. package/src/topLayerOverTransforms.dev.js +0 -90
  145. package/src/topLayerOverTransforms.dev.js.map +0 -7
  146. package/src/topLayerOverTransforms.js +0 -2
  147. package/src/topLayerOverTransforms.js.map +0 -7
  148. package/stories/overlay-element.stories.js +0 -366
  149. package/stories/overlay-element.stories.js.map +0 -7
  150. package/test/overlay-element.test-vrt.js +0 -5
  151. package/test/overlay-element.test-vrt.js.map +0 -7
  152. package/test/overlay-element.test.js +0 -681
  153. package/test/overlay-element.test.js.map +0 -7
  154. package/test/overlay-v1.test.js +0 -651
  155. package/test/overlay-v1.test.js.map +0 -7
  156. /package/src/{overlay.css.d.ts → active-overlay.css.d.ts} +0 -0
package/src/Overlay.d.ts DELETED
@@ -1,147 +0,0 @@
1
- import { PropertyValues, TemplateResult } from '@spectrum-web-components/base';
2
- import { AbstractOverlay } from './AbstractOverlay.js';
3
- import { OpenableElement, OverlayState, OverlayTypes, Placement } from './overlay-types.js';
4
- import { VirtualTrigger } from './VirtualTrigger.js';
5
- import { PlacementController } from './PlacementController.js';
6
- export declare const LONGPRESS_INSTRUCTIONS: {
7
- touch: string;
8
- keyboard: string;
9
- mouse: string;
10
- };
11
- declare let OverlayFeatures: typeof AbstractOverlay & import("./overlay-types.js").Constructor<import("@lit/reactive-element").ReactiveElement>;
12
- /**
13
- * @element sp-overlay
14
- *
15
- * @fires sp-opened - announces that an overlay has completed any entry animations
16
- * @fires sp-closed - announce that an overlay has compelted any exit animations
17
- */
18
- export declare class Overlay extends OverlayFeatures {
19
- static styles: import("@spectrum-web-components/base").CSSResult[];
20
- abortController: AbortController;
21
- /**
22
- * An Overlay that is `delayed` will wait until a warm-up period of 1000ms
23
- * has completed before opening. Once the warmup period has completed, all
24
- * subsequent Overlays will open immediately. When no Overlays are opened,
25
- * a cooldown period of 1000ms will begin. Once the cooldown has completed,
26
- * the next Overlay to be opened will be subject to the warm-up period if
27
- * provided that option.
28
- */
29
- delayed: boolean;
30
- dialogEl: HTMLDialogElement & {
31
- showPopover(): void;
32
- hidePopover(): void;
33
- };
34
- /**
35
- * Whether the overlay is currently functional or not
36
- */
37
- get disabled(): boolean;
38
- set disabled(disabled: boolean);
39
- private _disabled;
40
- elements: OpenableElement[];
41
- parentOverlayToForceClose?: Overlay;
42
- private get hasNonVirtualTrigger();
43
- protected longpressState: 'null' | 'potential' | 'opening' | 'pressed';
44
- private longressTimeout;
45
- /**
46
- * The `offset` property accepts either a single number, to
47
- * define the offset of the Overlay along the main axis from
48
- * the trigger, or 2-tuple, to define the offset along the
49
- * main axis and the cross axis. This option has no effect
50
- * when there is no trigger element.
51
- */
52
- offset: number | [number, number];
53
- protected placementController: PlacementController;
54
- get open(): boolean;
55
- set open(open: boolean);
56
- private _open;
57
- static openCount: number;
58
- /**
59
- * Instruct the Overlay where to place itself in
60
- * relationship to the trigger element.
61
- */
62
- placement?: Placement;
63
- receivesFocus: 'true' | 'false' | 'auto';
64
- private releaseAriaDescribedby;
65
- private releaseLongpressDescribedby;
66
- slotEl: HTMLSlotElement;
67
- get state(): OverlayState;
68
- set state(state: OverlayState);
69
- _state: OverlayState;
70
- tipPadding?: number;
71
- /**
72
- * An optional ID reference for the trigger element combined with the optional
73
- * interaction (click | hover | longpress) by which the overlay shold open
74
- * the overlay with an `@`: e.g. `trigger@click` opens the overlay when an
75
- * element with the ID "trigger" is clicked.
76
- */
77
- trigger?: string;
78
- /**
79
- * An element reference for the trigger element that the overlay should relate to.
80
- */
81
- triggerElement: HTMLElement | VirtualTrigger | null;
82
- /**
83
- * The specific interaction to listen for on the `triggerElement` to open the overlay.
84
- */
85
- triggerInteraction?: 'click' | 'longpress' | 'hover';
86
- type: OverlayTypes;
87
- protected wasOpen: boolean;
88
- private elementResolver;
89
- private get usesDialog();
90
- private get popoverValue();
91
- protected get requiresPosition(): boolean;
92
- protected managePosition(): void;
93
- protected managePopoverOpen(): Promise<void>;
94
- protected applyFocus(targetOpenState: boolean, focusEl: HTMLElement | null): Promise<void>;
95
- protected manageOpen(oldOpen: boolean): Promise<void>;
96
- protected unbindEvents(): void;
97
- protected bindEvents(): void;
98
- protected bindClickEvents(triggerElement: HTMLElement): void;
99
- protected bindLongpressEvents(triggerElement: HTMLElement): void;
100
- protected bindHoverEvents(triggerElement: HTMLElement): void;
101
- protected manageTriggerElement(triggerElement: HTMLElement | null): void;
102
- private elementIds;
103
- private prepareLongpressDescription;
104
- private prepareAriaDescribedby;
105
- private handlePointerdown;
106
- private handlePointerup;
107
- /**
108
- * @private
109
- */
110
- protected handleKeydown: (event: KeyboardEvent) => void;
111
- protected handleKeyup: (event: KeyboardEvent) => void;
112
- /**
113
- * An overlay with a `click` interaction should not close on click `triggerElement`.
114
- * When a click is initiated (`pointerdown`), apply `preventNextToggle` when the
115
- * overlay is `open` to prevent from toggling the overlay when the click event
116
- * propagates later in the interaction.
117
- */
118
- private preventNextToggle;
119
- protected handlePointerdownForClick: () => void;
120
- protected handleClick: () => void;
121
- private focusedin;
122
- protected handleFocusin: () => void;
123
- protected handleFocusout: () => void;
124
- private pointerentered;
125
- protected handlePointerenter: () => void;
126
- protected handlePointerleave: (event: PointerEvent) => void;
127
- protected handleOverlayPointerleave: (event: PointerEvent) => void;
128
- protected doPointerleave(): void;
129
- protected handleLongpress: () => void;
130
- protected handleBeforetoggle(event: Event & {
131
- newState: string;
132
- }): void;
133
- protected handleBrowserClose(): void;
134
- protected handleSlotchange(): void;
135
- willPreventClose: boolean;
136
- shouldPreventClose(): boolean;
137
- willUpdate(changes: PropertyValues): void;
138
- protected updated(changes: PropertyValues): void;
139
- protected renderContent(): TemplateResult;
140
- private get dialogStyleMap();
141
- protected renderDialog(): TemplateResult;
142
- protected renderPopover(): TemplateResult;
143
- render(): TemplateResult;
144
- connectedCallback(): void;
145
- disconnectedCallback(): void;
146
- }
147
- export {};