@spectrum-web-components/overlay 0.19.4-overlay.9 → 0.19.4

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/active-overlay.d.ts +6 -0
  2. package/active-overlay.dev.js +4 -0
  3. package/{test/overlay-element.test-vrt.js.map → active-overlay.dev.js.map} +3 -3
  4. package/active-overlay.js +2 -0
  5. package/{sp-overlay.js.map → active-overlay.js.map} +4 -4
  6. package/custom-elements.json +1212 -0
  7. package/package.json +21 -50
  8. package/src/ActiveOverlay.d.ts +84 -0
  9. package/src/ActiveOverlay.dev.js +517 -0
  10. package/src/ActiveOverlay.dev.js.map +7 -0
  11. package/src/ActiveOverlay.js +16 -0
  12. package/src/ActiveOverlay.js.map +7 -0
  13. package/src/OverlayTrigger.d.ts +31 -18
  14. package/src/OverlayTrigger.dev.js +246 -138
  15. package/src/OverlayTrigger.dev.js.map +3 -3
  16. package/src/OverlayTrigger.js +22 -54
  17. package/src/OverlayTrigger.js.map +3 -3
  18. package/src/VirtualTrigger.dev.js +2 -0
  19. package/src/VirtualTrigger.dev.js.map +2 -2
  20. package/src/VirtualTrigger.js +1 -1
  21. package/src/VirtualTrigger.js.map +3 -3
  22. package/src/active-overlay.css.dev.js +13 -0
  23. package/src/active-overlay.css.dev.js.map +7 -0
  24. package/src/active-overlay.css.js +10 -0
  25. package/src/active-overlay.css.js.map +7 -0
  26. package/src/index.d.ts +3 -2
  27. package/src/index.dev.js +3 -2
  28. package/src/index.dev.js.map +2 -2
  29. package/src/index.js +1 -1
  30. package/src/index.js.map +2 -2
  31. package/src/loader.d.ts +2 -2
  32. package/src/loader.dev.js +19 -2
  33. package/src/loader.dev.js.map +2 -2
  34. package/src/loader.js +1 -1
  35. package/src/loader.js.map +3 -3
  36. package/src/overlay-stack.d.ts +50 -0
  37. package/src/overlay-stack.dev.js +514 -0
  38. package/src/overlay-stack.dev.js.map +7 -0
  39. package/src/overlay-stack.js +33 -0
  40. package/src/overlay-stack.js.map +7 -0
  41. package/src/overlay-trigger.css.dev.js +1 -1
  42. package/src/overlay-trigger.css.dev.js.map +1 -1
  43. package/src/overlay-trigger.css.js +1 -1
  44. package/src/overlay-trigger.css.js.map +1 -1
  45. package/src/overlay-types.d.ts +3 -3
  46. package/src/overlay-types.dev.js +0 -1
  47. package/src/overlay-types.dev.js.map +3 -3
  48. package/src/overlay-types.js +1 -1
  49. package/src/overlay-types.js.map +3 -3
  50. package/src/overlay-utils.d.ts +3 -0
  51. package/src/overlay-utils.dev.js +31 -0
  52. package/src/overlay-utils.dev.js.map +7 -0
  53. package/src/overlay-utils.js +2 -0
  54. package/src/overlay-utils.js.map +7 -0
  55. package/src/overlay.d.ts +59 -0
  56. package/src/overlay.dev.js +127 -0
  57. package/src/overlay.dev.js.map +7 -0
  58. package/src/overlay.js +2 -0
  59. package/src/overlay.js.map +7 -0
  60. package/stories/overlay-story-components.js +6 -1
  61. package/stories/overlay-story-components.js.map +2 -2
  62. package/stories/overlay.stories.js +689 -648
  63. package/stories/overlay.stories.js.map +2 -2
  64. package/sync/overlay-trigger.d.ts +0 -4
  65. package/sync/overlay-trigger.dev.js +4 -1
  66. package/sync/overlay-trigger.dev.js.map +2 -2
  67. package/sync/overlay-trigger.js +1 -1
  68. package/sync/overlay-trigger.js.map +3 -3
  69. package/test/benchmark/basic-test.js +1 -1
  70. package/test/benchmark/basic-test.js.map +1 -1
  71. package/test/index.js +9 -3
  72. package/test/index.js.map +2 -2
  73. package/test/overlay-lifecycle.test.js +74 -34
  74. package/test/overlay-lifecycle.test.js.map +2 -2
  75. package/test/overlay-trigger-click.test.js +2 -3
  76. package/test/overlay-trigger-click.test.js.map +2 -2
  77. package/test/overlay-trigger-extended.test.js +6 -1
  78. package/test/overlay-trigger-extended.test.js.map +2 -2
  79. package/test/overlay-trigger-hover-click.test.js +1 -1
  80. package/test/overlay-trigger-hover-click.test.js.map +2 -2
  81. package/test/overlay-trigger-hover.test.js +2 -2
  82. package/test/overlay-trigger-hover.test.js.map +2 -2
  83. package/test/overlay-trigger-longpress.test.js +377 -1
  84. package/test/overlay-trigger-longpress.test.js.map +2 -2
  85. package/test/overlay-trigger-sync.test.js +3 -1
  86. package/test/overlay-trigger-sync.test.js.map +2 -2
  87. package/test/overlay-trigger.test.js +3 -1
  88. package/test/overlay-trigger.test.js.map +2 -2
  89. package/test/overlay-update.test.js +4 -4
  90. package/test/overlay-update.test.js.map +2 -2
  91. package/test/overlay.test.js +154 -100
  92. package/test/overlay.test.js.map +2 -2
  93. package/sp-overlay.d.ts +0 -6
  94. package/sp-overlay.dev.js +0 -4
  95. package/sp-overlay.dev.js.map +0 -7
  96. package/sp-overlay.js +0 -2
  97. package/src/Overlay.d.ts +0 -22
  98. package/src/Overlay.dev.js +0 -65
  99. package/src/Overlay.dev.js.map +0 -7
  100. package/src/Overlay.js +0 -2
  101. package/src/Overlay.js.map +0 -7
  102. package/src/OverlayBase.d.ts +0 -93
  103. package/src/OverlayBase.dev.js +0 -564
  104. package/src/OverlayBase.dev.js.map +0 -7
  105. package/src/OverlayBase.js +0 -18
  106. package/src/OverlayBase.js.map +0 -7
  107. package/src/OverlayDialog.d.ts +0 -8
  108. package/src/OverlayDialog.dev.js +0 -43
  109. package/src/OverlayDialog.dev.js.map +0 -7
  110. package/src/OverlayDialog.js +0 -2
  111. package/src/OverlayDialog.js.map +0 -7
  112. package/src/OverlayNoPopover.d.ts +0 -8
  113. package/src/OverlayNoPopover.dev.js +0 -62
  114. package/src/OverlayNoPopover.dev.js.map +0 -7
  115. package/src/OverlayNoPopover.js +0 -2
  116. package/src/OverlayNoPopover.js.map +0 -7
  117. package/src/OverlayPopover.d.ts +0 -8
  118. package/src/OverlayPopover.dev.js +0 -81
  119. package/src/OverlayPopover.dev.js.map +0 -7
  120. package/src/OverlayPopover.js +0 -2
  121. package/src/OverlayPopover.js.map +0 -7
  122. package/src/OverlayStack.d.ts +0 -24
  123. package/src/OverlayStack.dev.js +0 -113
  124. package/src/OverlayStack.dev.js.map +0 -7
  125. package/src/OverlayStack.js +0 -2
  126. package/src/OverlayStack.js.map +0 -7
  127. package/src/PlacementController.d.ts +0 -35
  128. package/src/PlacementController.dev.js +0 -172
  129. package/src/PlacementController.dev.js.map +0 -7
  130. package/src/PlacementController.js +0 -2
  131. package/src/PlacementController.js.map +0 -7
  132. package/src/fullSizePlugin.d.ts +0 -12
  133. package/src/fullSizePlugin.dev.js +0 -39
  134. package/src/fullSizePlugin.dev.js.map +0 -7
  135. package/src/fullSizePlugin.js +0 -2
  136. package/src/fullSizePlugin.js.map +0 -7
  137. package/src/overlay-base.css.dev.js +0 -9
  138. package/src/overlay-base.css.dev.js.map +0 -7
  139. package/src/overlay-base.css.js +0 -6
  140. package/src/overlay-base.css.js.map +0 -7
  141. package/src/placement.d.ts +0 -21
  142. package/src/placement.dev.js +0 -111
  143. package/src/placement.dev.js.map +0 -7
  144. package/src/placement.js +0 -2
  145. package/src/placement.js.map +0 -7
  146. package/src/topLayerOverTransforms.d.ts +0 -22
  147. package/src/topLayerOverTransforms.dev.js +0 -161
  148. package/src/topLayerOverTransforms.dev.js.map +0 -7
  149. package/src/topLayerOverTransforms.js +0 -2
  150. package/src/topLayerOverTransforms.js.map +0 -7
  151. package/stories/overlay-element.stories.js +0 -229
  152. package/stories/overlay-element.stories.js.map +0 -7
  153. package/test/overlay-element.test-vrt.js +0 -5
  154. package/test/overlay-element.test.js +0 -759
  155. package/test/overlay-element.test.js.map +0 -7
  156. /package/src/{overlay-base.css.d.ts → active-overlay.css.d.ts} +0 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spectrum-web-components/overlay",
3
- "version": "0.19.4-overlay.9+d03f9a710",
3
+ "version": "0.19.4",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -25,46 +25,19 @@
25
25
  "default": "./src/index.js"
26
26
  },
27
27
  "./package.json": "./package.json",
28
- "./src/Overlay.js": {
29
- "development": "./src/Overlay.dev.js",
30
- "default": "./src/Overlay.js"
31
- },
32
- "./src/OverlayBase.js": {
33
- "development": "./src/OverlayBase.dev.js",
34
- "default": "./src/OverlayBase.js"
35
- },
36
- "./src/OverlayDialog.js": {
37
- "development": "./src/OverlayDialog.dev.js",
38
- "default": "./src/OverlayDialog.js"
39
- },
40
- "./src/OverlayNoPopover.js": {
41
- "development": "./src/OverlayNoPopover.dev.js",
42
- "default": "./src/OverlayNoPopover.js"
43
- },
44
- "./src/OverlayPopover.js": {
45
- "development": "./src/OverlayPopover.dev.js",
46
- "default": "./src/OverlayPopover.js"
47
- },
48
- "./src/OverlayStack.js": {
49
- "development": "./src/OverlayStack.dev.js",
50
- "default": "./src/OverlayStack.js"
28
+ "./src/ActiveOverlay.js": {
29
+ "development": "./src/ActiveOverlay.dev.js",
30
+ "default": "./src/ActiveOverlay.js"
51
31
  },
52
32
  "./src/OverlayTrigger.js": {
53
33
  "development": "./src/OverlayTrigger.dev.js",
54
34
  "default": "./src/OverlayTrigger.js"
55
35
  },
56
- "./src/PlacementController.js": {
57
- "development": "./src/PlacementController.dev.js",
58
- "default": "./src/PlacementController.js"
59
- },
60
36
  "./src/VirtualTrigger.js": {
61
37
  "development": "./src/VirtualTrigger.dev.js",
62
38
  "default": "./src/VirtualTrigger.js"
63
39
  },
64
- "./src/fullSizePlugin.js": {
65
- "development": "./src/fullSizePlugin.dev.js",
66
- "default": "./src/fullSizePlugin.js"
67
- },
40
+ "./src/active-overlay.css.js": "./src/active-overlay.css.js",
68
41
  "./src/index.js": {
69
42
  "development": "./src/index.dev.js",
70
43
  "default": "./src/index.js"
@@ -73,11 +46,14 @@
73
46
  "development": "./src/loader.dev.js",
74
47
  "default": "./src/loader.js"
75
48
  },
76
- "./src/overlay-base.css.js": "./src/overlay-base.css.js",
77
49
  "./src/overlay-events.js": {
78
50
  "development": "./src/overlay-events.dev.js",
79
51
  "default": "./src/overlay-events.js"
80
52
  },
53
+ "./src/overlay-stack.js": {
54
+ "development": "./src/overlay-stack.dev.js",
55
+ "default": "./src/overlay-stack.js"
56
+ },
81
57
  "./src/overlay-timer.js": {
82
58
  "development": "./src/overlay-timer.dev.js",
83
59
  "default": "./src/overlay-timer.js"
@@ -87,13 +63,13 @@
87
63
  "development": "./src/overlay-types.dev.js",
88
64
  "default": "./src/overlay-types.js"
89
65
  },
90
- "./src/placement.js": {
91
- "development": "./src/placement.dev.js",
92
- "default": "./src/placement.js"
66
+ "./src/overlay-utils.js": {
67
+ "development": "./src/overlay-utils.dev.js",
68
+ "default": "./src/overlay-utils.js"
93
69
  },
94
- "./src/topLayerOverTransforms.js": {
95
- "development": "./src/topLayerOverTransforms.dev.js",
96
- "default": "./src/topLayerOverTransforms.js"
70
+ "./src/overlay.js": {
71
+ "development": "./src/overlay.dev.js",
72
+ "default": "./src/overlay.js"
97
73
  },
98
74
  "./active-overlay.js": {
99
75
  "development": "./active-overlay.dev.js",
@@ -106,10 +82,6 @@
106
82
  "./sync/overlay-trigger.js": {
107
83
  "development": "./sync/overlay-trigger.dev.js",
108
84
  "default": "./sync/overlay-trigger.js"
109
- },
110
- "./sp-overlay.js": {
111
- "development": "./sp-overlay.dev.js",
112
- "default": "./sp-overlay.js"
113
85
  }
114
86
  },
115
87
  "scripts": {
@@ -130,21 +102,20 @@
130
102
  "lit-html"
131
103
  ],
132
104
  "dependencies": {
133
- "@floating-ui/dom": "^1.2.5",
134
- "@spectrum-web-components/action-button": "^0.10.15-overlay.9+d03f9a710",
135
- "@spectrum-web-components/base": "^0.7.5-overlay.237+d03f9a710",
136
- "@spectrum-web-components/shared": "^0.15.6-overlay.237+d03f9a710",
137
- "@spectrum-web-components/theme": "^0.14.14-overlay.9+d03f9a710"
105
+ "@floating-ui/dom": "^1.2.0",
106
+ "@spectrum-web-components/action-button": "^0.10.15",
107
+ "@spectrum-web-components/base": "^0.7.5",
108
+ "@spectrum-web-components/shared": "^0.15.6",
109
+ "@spectrum-web-components/theme": "^0.14.14"
138
110
  },
139
111
  "types": "./src/index.d.ts",
140
112
  "customElements": "custom-elements.json",
141
113
  "sideEffects": [
142
114
  "./active-overlay.js",
143
115
  "./overlay-trigger.js",
144
- "./sp-overlay.js",
145
116
  "./sync/overlay-trigger.js",
146
117
  "./stories/overlay-story-components.js",
147
118
  "./**/*.dev.js"
148
119
  ],
149
- "gitHead": "d03f9a710c8f3870f4e43f96ed279cc9cbd0e729"
120
+ "gitHead": "fe316a3ee9fc753f0de98aece11e04227df73ab7"
150
121
  }
@@ -0,0 +1,84 @@
1
+ import { CSSResultArray, SpectrumElement, TemplateResult } from '@spectrum-web-components/base';
2
+ import type { Color, Scale, ThemeVariant } from '@spectrum-web-components/theme/src/Theme.js';
3
+ import { OverlayOpenDetail, Placement, TriggerInteractions } from './overlay-types.js';
4
+ import type { VirtualTrigger } from './VirtualTrigger.js';
5
+ export interface PositionResult {
6
+ arrowOffsetLeft: number;
7
+ arrowOffsetTop: number;
8
+ maxHeight: number;
9
+ placement: string;
10
+ positionLeft: number;
11
+ positionTop: number;
12
+ }
13
+ declare type OverlayStateType = 'idle' | 'active' | 'hiding' | 'dispose' | 'disposed';
14
+ declare type ContentAnimation = 'sp-overlay-fade-in' | 'sp-overlay-fade-out';
15
+ /**
16
+ * @element active-overlay
17
+ *
18
+ * @slot - content to display in the overlay
19
+ */
20
+ export declare class ActiveOverlay extends SpectrumElement {
21
+ overlayContent: HTMLElement;
22
+ overlayContentTip?: HTMLElement;
23
+ trigger: HTMLElement;
24
+ root?: HTMLElement;
25
+ virtualTrigger?: VirtualTrigger;
26
+ private cleanup?;
27
+ protected contentAnimationPromise: Promise<boolean>;
28
+ protected resolveContentAnimationPromise: () => void;
29
+ _state: OverlayStateType;
30
+ get state(): OverlayStateType;
31
+ set state(state: OverlayStateType);
32
+ animating: boolean;
33
+ placement?: Placement;
34
+ theme: {
35
+ color?: Color;
36
+ scale?: Scale;
37
+ lang?: string;
38
+ theme?: ThemeVariant;
39
+ };
40
+ receivesFocus?: 'auto';
41
+ tabbingAway: boolean;
42
+ private originalPlacement?;
43
+ private restoreContent?;
44
+ focus(): Promise<void>;
45
+ private get hasTheme();
46
+ offset: number;
47
+ skidding: number;
48
+ interaction: TriggerInteractions;
49
+ private positionAnimationFrame;
50
+ private timeout?;
51
+ static get styles(): CSSResultArray;
52
+ constructor();
53
+ private _modalRoot?;
54
+ get hasModalRoot(): boolean;
55
+ feature(): void;
56
+ obscure(nextOverlayInteraction: TriggerInteractions): ActiveOverlay | undefined;
57
+ willUpdate(): Promise<void>;
58
+ openCallback(lifecycleCallback: () => Promise<void> | void): Promise<void>;
59
+ private open;
60
+ private extractDetail;
61
+ dispose(): void;
62
+ private stealOverlayContent;
63
+ private willNotifyClosed;
64
+ private returnOverlayContent;
65
+ private initialHeight;
66
+ private isConstrained;
67
+ placeOverlay(): Promise<void>;
68
+ updateOverlayPosition: () => void;
69
+ resetOverlayPosition: () => void;
70
+ setOverlayPosition: () => Promise<void>;
71
+ hide(animated?: boolean): Promise<void>;
72
+ private schedulePositionUpdate;
73
+ private onSlotChange;
74
+ handleInlineTriggerKeydown: (event: KeyboardEvent) => void;
75
+ applyContentAnimation(animation: ContentAnimation): Promise<boolean>;
76
+ renderTheme(content: TemplateResult): TemplateResult;
77
+ render(): TemplateResult;
78
+ static create(details: OverlayOpenDetail): ActiveOverlay;
79
+ private stealOverlayContentPromise;
80
+ private stealOverlayContentResolver;
81
+ protected getUpdateComplete(): Promise<boolean>;
82
+ disconnectedCallback(): void;
83
+ }
84
+ export {};