@spectrum-web-components/color-handle 1.9.0 → 1.9.1-nightly.20251028221318
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/CHANGELOG.md +458 -0
- package/package.json +73 -73
- package/src/color-handle-overrides.css.dev.js.map +2 -2
- package/src/color-handle-overrides.css.js.map +2 -2
- package/src/color-handle.css.dev.js.map +2 -2
- package/src/color-handle.css.js.map +2 -2
- package/src/spectrum-color-handle.css.dev.js.map +2 -2
- package/src/spectrum-color-handle.css.js.map +2 -2
- package/stories/color-handle.stories.js +31 -0
- package/stories/color-handle.stories.js.map +7 -0
- package/test/benchmark/basic-test.js +8 -0
- package/{sp-color-handle.dev.js.map → test/benchmark/basic-test.js.map} +3 -3
- package/test/color-handle-memory.test.js +8 -0
- package/{sp-color-handle.js.map → test/color-handle-memory.test.js.map} +4 -4
- package/test/color-handle.test-vrt.js +5 -0
- package/test/color-handle.test-vrt.js.map +7 -0
- package/test/color-handle.test.js +70 -0
- package/test/color-handle.test.js.map +7 -0
- package/custom-elements.json +0 -163
- package/sp-color-handle.d.ts +0 -17
- package/sp-color-handle.dev.js +0 -5
- package/sp-color-handle.js +0 -2
package/CHANGELOG.md
ADDED
|
@@ -0,0 +1,458 @@
|
|
|
1
|
+
# Change Log
|
|
2
|
+
|
|
3
|
+
## 1.9.1-nightly.20251028221318
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Updated dependencies []:
|
|
8
|
+
- @spectrum-web-components/base@1.9.1-nightly.20251028221318
|
|
9
|
+
- @spectrum-web-components/color-loupe@1.9.1-nightly.20251028221318
|
|
10
|
+
- @spectrum-web-components/opacity-checkerboard@1.9.1-nightly.20251028221318
|
|
11
|
+
|
|
12
|
+
## 1.9.0
|
|
13
|
+
|
|
14
|
+
### Patch Changes
|
|
15
|
+
|
|
16
|
+
- Updated dependencies []:
|
|
17
|
+
- @spectrum-web-components/color-loupe@1.9.0
|
|
18
|
+
- @spectrum-web-components/base@1.9.0
|
|
19
|
+
- @spectrum-web-components/opacity-checkerboard@1.9.0
|
|
20
|
+
|
|
21
|
+
## 1.8.0
|
|
22
|
+
|
|
23
|
+
### Patch Changes
|
|
24
|
+
|
|
25
|
+
- Updated dependencies []:
|
|
26
|
+
- @spectrum-web-components/color-loupe@1.8.0
|
|
27
|
+
- @spectrum-web-components/base@1.8.0
|
|
28
|
+
- @spectrum-web-components/opacity-checkerboard@1.8.0
|
|
29
|
+
|
|
30
|
+
## 1.7.0
|
|
31
|
+
|
|
32
|
+
### Patch Changes
|
|
33
|
+
|
|
34
|
+
- Updated dependencies []:
|
|
35
|
+
- @spectrum-web-components/color-loupe@1.7.0
|
|
36
|
+
- @spectrum-web-components/base@1.7.0
|
|
37
|
+
- @spectrum-web-components/opacity-checkerboard@1.7.0
|
|
38
|
+
|
|
39
|
+
## 1.6.0
|
|
40
|
+
|
|
41
|
+
### Patch Changes
|
|
42
|
+
|
|
43
|
+
- Updated dependencies []:
|
|
44
|
+
- @spectrum-web-components/color-loupe@1.6.0
|
|
45
|
+
- @spectrum-web-components/base@1.6.0
|
|
46
|
+
- @spectrum-web-components/opacity-checkerboard@1.6.0
|
|
47
|
+
|
|
48
|
+
## 1.5.0
|
|
49
|
+
|
|
50
|
+
### Patch Changes
|
|
51
|
+
|
|
52
|
+
- [#5271](https://github.com/adobe/spectrum-web-components/pull/5271) [`165a904`](https://github.com/adobe/spectrum-web-components/commit/165a904bd01fddea922fe87b181bbf41281f81f0) Thanks [@renovate](https://github.com/apps/renovate)! - Remove unnecessary system theme references to reduce complexity for components that don't need the additional mapping layer.
|
|
53
|
+
|
|
54
|
+
- Updated dependencies [[`165a904`](https://github.com/adobe/spectrum-web-components/commit/165a904bd01fddea922fe87b181bbf41281f81f0)]:
|
|
55
|
+
- @spectrum-web-components/color-loupe@1.5.0
|
|
56
|
+
- @spectrum-web-components/base@1.5.0
|
|
57
|
+
- @spectrum-web-components/opacity-checkerboard@1.5.0
|
|
58
|
+
|
|
59
|
+
## 1.4.0
|
|
60
|
+
|
|
61
|
+
### Patch Changes
|
|
62
|
+
|
|
63
|
+
- Updated dependencies []:
|
|
64
|
+
- @spectrum-web-components/color-loupe@1.4.0
|
|
65
|
+
- @spectrum-web-components/base@1.4.0
|
|
66
|
+
- @spectrum-web-components/opacity-checkerboard@1.4.0
|
|
67
|
+
|
|
68
|
+
## 1.3.0
|
|
69
|
+
|
|
70
|
+
### Patch Changes
|
|
71
|
+
|
|
72
|
+
- Updated dependencies []:
|
|
73
|
+
- @spectrum-web-components/color-loupe@1.3.0
|
|
74
|
+
- @spectrum-web-components/base@1.3.0
|
|
75
|
+
- @spectrum-web-components/opacity-checkerboard@1.3.0
|
|
76
|
+
|
|
77
|
+
All notable changes to this project will be documented in this file.
|
|
78
|
+
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
79
|
+
|
|
80
|
+
# [1.2.0](https://github.com/adobe/spectrum-web-components/compare/v1.1.2...v1.2.0) (2025-02-27)
|
|
81
|
+
|
|
82
|
+
**Note:** Version bump only for package @spectrum-web-components/color-handle
|
|
83
|
+
|
|
84
|
+
## [1.1.2](https://github.com/adobe/spectrum-web-components/compare/v1.1.1...v1.1.2) (2025-02-12)
|
|
85
|
+
|
|
86
|
+
**Note:** Version bump only for package @spectrum-web-components/color-handle
|
|
87
|
+
|
|
88
|
+
## [1.1.1](https://github.com/adobe/spectrum-web-components/compare/v1.1.0...v1.1.1) (2025-01-29)
|
|
89
|
+
|
|
90
|
+
**Note:** Version bump only for package @spectrum-web-components/color-handle
|
|
91
|
+
|
|
92
|
+
# [1.1.0](https://github.com/adobe/spectrum-web-components/compare/v1.0.3...v1.1.0) (2025-01-29)
|
|
93
|
+
|
|
94
|
+
### Bug Fixes
|
|
95
|
+
|
|
96
|
+
- lock prerelease versions for Spectrum CSS ([#5014](https://github.com/adobe/spectrum-web-components/issues/5014)) ([8aa7734](https://github.com/adobe/spectrum-web-components/commit/8aa77342f169b75ecbd1c07a2a1050860b182822))
|
|
97
|
+
|
|
98
|
+
## [1.0.1](https://github.com/adobe/spectrum-web-components/compare/v1.0.0...v1.0.1) (2024-11-11)
|
|
99
|
+
|
|
100
|
+
**Note:** Version bump only for package @spectrum-web-components/color-handle
|
|
101
|
+
|
|
102
|
+
# [1.0.0](https://github.com/adobe/spectrum-web-components/compare/v0.49.0...v1.0.0) (2024-10-31)
|
|
103
|
+
|
|
104
|
+
**Note:** Version bump only for package @spectrum-web-components/color-handle
|
|
105
|
+
|
|
106
|
+
# [0.49.0](https://github.com/adobe/spectrum-web-components/compare/v0.48.1...v0.49.0) (2024-10-15)
|
|
107
|
+
|
|
108
|
+
**Note:** Version bump only for package @spectrum-web-components/color-handle
|
|
109
|
+
|
|
110
|
+
## [0.48.1](https://github.com/adobe/spectrum-web-components/compare/v0.48.0...v0.48.1) (2024-10-01)
|
|
111
|
+
|
|
112
|
+
**Note:** Version bump only for package @spectrum-web-components/color-handle
|
|
113
|
+
|
|
114
|
+
# [0.48.0](https://github.com/adobe/spectrum-web-components/compare/v0.47.2...v0.48.0) (2024-09-17)
|
|
115
|
+
|
|
116
|
+
**Note:** Version bump only for package @spectrum-web-components/color-handle
|
|
117
|
+
|
|
118
|
+
## [0.47.2](https://github.com/adobe/spectrum-web-components/compare/v0.47.1...v0.47.2) (2024-09-03)
|
|
119
|
+
|
|
120
|
+
**Note:** Version bump only for package @spectrum-web-components/color-handle
|
|
121
|
+
|
|
122
|
+
## [0.47.1](https://github.com/adobe/spectrum-web-components/compare/v0.47.0...v0.47.1) (2024-08-27)
|
|
123
|
+
|
|
124
|
+
**Note:** Version bump only for package @spectrum-web-components/color-handle
|
|
125
|
+
|
|
126
|
+
# [0.47.0](https://github.com/adobe/spectrum-web-components/compare/v0.46.0...v0.47.0) (2024-08-20)
|
|
127
|
+
|
|
128
|
+
**Note:** Version bump only for package @spectrum-web-components/color-handle
|
|
129
|
+
|
|
130
|
+
# [0.46.0](https://github.com/adobe/spectrum-web-components/compare/v0.45.0...v0.46.0) (2024-08-08)
|
|
131
|
+
|
|
132
|
+
**Note:** Version bump only for package @spectrum-web-components/color-handle
|
|
133
|
+
|
|
134
|
+
# [0.45.0](https://github.com/adobe/spectrum-web-components/compare/v0.44.0...v0.45.0) (2024-07-30)
|
|
135
|
+
|
|
136
|
+
**Note:** Version bump only for package @spectrum-web-components/color-handle
|
|
137
|
+
|
|
138
|
+
# [0.44.0](https://github.com/adobe/spectrum-web-components/compare/v0.42.4...v0.44.0) (2024-07-15)
|
|
139
|
+
|
|
140
|
+
**Note:** Version bump only for package @spectrum-web-components/color-handle
|
|
141
|
+
|
|
142
|
+
# [0.43.0](https://github.com/adobe/spectrum-web-components/compare/v0.42.4...v0.43.0) (2024-06-11)
|
|
143
|
+
|
|
144
|
+
**Note:** Version bump only for package @spectrum-web-components/color-handle
|
|
145
|
+
|
|
146
|
+
## [0.42.5](https://github.com/adobe/spectrum-web-components/compare/v0.42.4...v0.42.5) (2024-05-24)
|
|
147
|
+
|
|
148
|
+
**Note:** Version bump only for package @spectrum-web-components/color-handle
|
|
149
|
+
|
|
150
|
+
## [0.42.4](https://github.com/adobe/spectrum-web-components/compare/v0.42.2...v0.42.4) (2024-05-14)
|
|
151
|
+
|
|
152
|
+
**Note:** Version bump only for package @spectrum-web-components/color-handle
|
|
153
|
+
|
|
154
|
+
## [0.42.3](https://github.com/adobe/spectrum-web-components/compare/v0.42.2...v0.42.3) (2024-05-01)
|
|
155
|
+
|
|
156
|
+
**Note:** Version bump only for package @spectrum-web-components/color-handle
|
|
157
|
+
|
|
158
|
+
## [0.42.2](https://github.com/adobe/spectrum-web-components/compare/v0.42.1...v0.42.2) (2024-04-03)
|
|
159
|
+
|
|
160
|
+
**Note:** Version bump only for package @spectrum-web-components/color-handle
|
|
161
|
+
|
|
162
|
+
## [0.42.1](https://github.com/adobe/spectrum-web-components/compare/v0.42.0...v0.42.1) (2024-04-02)
|
|
163
|
+
|
|
164
|
+
**Note:** Version bump only for package @spectrum-web-components/color-handle
|
|
165
|
+
|
|
166
|
+
# [0.42.0](https://github.com/adobe/spectrum-web-components/compare/v0.41.2...v0.42.0) (2024-03-19)
|
|
167
|
+
|
|
168
|
+
### Features
|
|
169
|
+
|
|
170
|
+
- **asset:** use core tokens ([99e76f4](https://github.com/adobe/spectrum-web-components/commit/99e76f4d32e990960b7fa2f0613ed4144adc4f6e))
|
|
171
|
+
|
|
172
|
+
## [0.41.2](https://github.com/adobe/spectrum-web-components/compare/v0.41.1...v0.41.2) (2024-03-05)
|
|
173
|
+
|
|
174
|
+
**Note:** Version bump only for package @spectrum-web-components/color-handle
|
|
175
|
+
|
|
176
|
+
## [0.41.1](https://github.com/adobe/spectrum-web-components/compare/v0.41.0...v0.41.1) (2024-02-22)
|
|
177
|
+
|
|
178
|
+
**Note:** Version bump only for package @spectrum-web-components/color-handle
|
|
179
|
+
|
|
180
|
+
# [0.41.0](https://github.com/adobe/spectrum-web-components/compare/v0.40.5...v0.41.0) (2024-02-13)
|
|
181
|
+
|
|
182
|
+
**Note:** Version bump only for package @spectrum-web-components/color-handle
|
|
183
|
+
|
|
184
|
+
## [0.40.5](https://github.com/adobe/spectrum-web-components/compare/v0.40.4...v0.40.5) (2024-02-05)
|
|
185
|
+
|
|
186
|
+
**Note:** Version bump only for package @spectrum-web-components/color-handle
|
|
187
|
+
|
|
188
|
+
## [0.40.4](https://github.com/adobe/spectrum-web-components/compare/v0.40.3...v0.40.4) (2024-01-29)
|
|
189
|
+
|
|
190
|
+
**Note:** Version bump only for package @spectrum-web-components/color-handle
|
|
191
|
+
|
|
192
|
+
## [0.40.3](https://github.com/adobe/spectrum-web-components/compare/v0.40.2...v0.40.3) (2024-01-11)
|
|
193
|
+
|
|
194
|
+
**Note:** Version bump only for package @spectrum-web-components/color-handle
|
|
195
|
+
|
|
196
|
+
## [0.40.2](https://github.com/adobe/spectrum-web-components/compare/v0.40.1...v0.40.2) (2023-12-18)
|
|
197
|
+
|
|
198
|
+
**Note:** Version bump only for package @spectrum-web-components/color-handle
|
|
199
|
+
|
|
200
|
+
## [0.40.1](https://github.com/adobe/spectrum-web-components/compare/v0.40.0...v0.40.1) (2023-12-05)
|
|
201
|
+
|
|
202
|
+
**Note:** Version bump only for package @spectrum-web-components/color-handle
|
|
203
|
+
|
|
204
|
+
# [0.40.0](https://github.com/adobe/spectrum-web-components/compare/v0.39.4...v0.40.0) (2023-11-16)
|
|
205
|
+
|
|
206
|
+
**Note:** Version bump only for package @spectrum-web-components/color-handle
|
|
207
|
+
|
|
208
|
+
## [0.39.4](https://github.com/adobe/spectrum-web-components/compare/v0.39.3...v0.39.4) (2023-11-02)
|
|
209
|
+
|
|
210
|
+
**Note:** Version bump only for package @spectrum-web-components/color-handle
|
|
211
|
+
|
|
212
|
+
## [0.39.3](https://github.com/adobe/spectrum-web-components/compare/v0.39.2...v0.39.3) (2023-10-18)
|
|
213
|
+
|
|
214
|
+
**Note:** Version bump only for package @spectrum-web-components/color-handle
|
|
215
|
+
|
|
216
|
+
## [0.39.2](https://github.com/adobe/spectrum-web-components/compare/v0.39.1...v0.39.2) (2023-10-13)
|
|
217
|
+
|
|
218
|
+
### Bug Fixes
|
|
219
|
+
|
|
220
|
+
- update deps graph, update link docs ([#3709](https://github.com/adobe/spectrum-web-components/issues/3709)) ([2deb284](https://github.com/adobe/spectrum-web-components/commit/2deb2847e6ad458c3cbaec02732fffde133e0c54))
|
|
221
|
+
|
|
222
|
+
## [0.39.1](https://github.com/adobe/spectrum-web-components/compare/v0.39.0...v0.39.1) (2023-10-06)
|
|
223
|
+
|
|
224
|
+
**Note:** Version bump only for package @spectrum-web-components/color-handle
|
|
225
|
+
|
|
226
|
+
# [0.39.0](https://github.com/adobe/spectrum-web-components/compare/v0.38.0...v0.39.0) (2023-09-25)
|
|
227
|
+
|
|
228
|
+
### Bug Fixes
|
|
229
|
+
|
|
230
|
+
- **color-handle,color-loupe,swatch,thumbnail:** use the Opacity Checkerboard package ([47e1fc4](https://github.com/adobe/spectrum-web-components/commit/47e1fc4c86f736f2fa27cb6644320577717f827e))
|
|
231
|
+
|
|
232
|
+
### Features
|
|
233
|
+
|
|
234
|
+
- **color-slider:** migrate to core tokens ([#3507](https://github.com/adobe/spectrum-web-components/issues/3507)) ([96d0d40](https://github.com/adobe/spectrum-web-components/commit/96d0d40419e9f0b2d1ed77528dc062b1e62aeea5))
|
|
235
|
+
|
|
236
|
+
# [0.38.0](https://github.com/adobe/spectrum-web-components/compare/v0.37.0...v0.38.0) (2023-09-05)
|
|
237
|
+
|
|
238
|
+
**Note:** Version bump only for package @spectrum-web-components/color-handle
|
|
239
|
+
|
|
240
|
+
# [0.37.0](https://github.com/adobe/spectrum-web-components/compare/v0.36.0...v0.37.0) (2023-08-18)
|
|
241
|
+
|
|
242
|
+
**Note:** Version bump only for package @spectrum-web-components/color-handle
|
|
243
|
+
|
|
244
|
+
# [0.36.0](https://github.com/adobe/spectrum-web-components/compare/v0.35.0...v0.36.0) (2023-08-18)
|
|
245
|
+
|
|
246
|
+
**Note:** Version bump only for package @spectrum-web-components/color-handle
|
|
247
|
+
|
|
248
|
+
# [0.35.0](https://github.com/adobe/spectrum-web-components/compare/v0.34.0...v0.35.0) (2023-07-31)
|
|
249
|
+
|
|
250
|
+
**Note:** Version bump only for package @spectrum-web-components/color-handle
|
|
251
|
+
|
|
252
|
+
# [0.34.0](https://github.com/adobe/spectrum-web-components/compare/v0.33.2...v0.34.0) (2023-07-11)
|
|
253
|
+
|
|
254
|
+
**Note:** Version bump only for package @spectrum-web-components/color-handle
|
|
255
|
+
|
|
256
|
+
## [0.33.2](https://github.com/adobe/spectrum-web-components/compare/v0.33.1...v0.33.2) (2023-06-14)
|
|
257
|
+
|
|
258
|
+
**Note:** Version bump only for package @spectrum-web-components/color-handle
|
|
259
|
+
|
|
260
|
+
# [0.33.0](https://github.com/adobe/spectrum-web-components/compare/v0.32.0...v0.33.0) (2023-06-08)
|
|
261
|
+
|
|
262
|
+
**Note:** Version bump only for package @spectrum-web-components/color-handle
|
|
263
|
+
|
|
264
|
+
# [0.32.0](https://github.com/adobe/spectrum-web-components/compare/v0.31.0...v0.32.0) (2023-06-01)
|
|
265
|
+
|
|
266
|
+
### Bug Fixes
|
|
267
|
+
|
|
268
|
+
- **color-handle,color-loupe:** accept updated CSS token names ([8c28f6d](https://github.com/adobe/spectrum-web-components/commit/8c28f6d002973bf7398f134ca4e73be8fee967dd))
|
|
269
|
+
|
|
270
|
+
# [0.31.0](https://github.com/adobe/spectrum-web-components/compare/v0.30.0...v0.31.0) (2023-05-17)
|
|
271
|
+
|
|
272
|
+
**Note:** Version bump only for package @spectrum-web-components/color-handle
|
|
273
|
+
|
|
274
|
+
# 0.30.0 (2023-05-03)
|
|
275
|
+
|
|
276
|
+
### Bug Fixes
|
|
277
|
+
|
|
278
|
+
- address westbrooks comments ([634af60](https://github.com/adobe/spectrum-web-components/commit/634af60f88b0c998b30697dfbd13c9c466ed539d))
|
|
279
|
+
- expand support for maintaining hue and saturation across customization ([fe18944](https://github.com/adobe/spectrum-web-components/commit/fe18944da268bd16fbb3e643fa4695d7e2d0e5d7))
|
|
280
|
+
- include touch-action rule for draggable content ([3f507e6](https://github.com/adobe/spectrum-web-components/commit/3f507e6dba718ae2b7415454eba859a9790e43e7))
|
|
281
|
+
- leverage Color Controller to unify color interface across packages ([fb71690](https://github.com/adobe/spectrum-web-components/commit/fb7169066fd4f15aee594c463cc4cdbf7f550a5e))
|
|
282
|
+
- manage "focused" across more contexts ([9273c15](https://github.com/adobe/spectrum-web-components/commit/9273c15144323bd8d62626b4e35b1975bffabf2a))
|
|
283
|
+
- prevent focus outline ([af2b077](https://github.com/adobe/spectrum-web-components/commit/af2b07704ae01409649be3ee1b45c15463cd9baf))
|
|
284
|
+
|
|
285
|
+
### Features
|
|
286
|
+
|
|
287
|
+
- adopt DNA@7 base Spectrum CSS ([e08cafd](https://github.com/adobe/spectrum-web-components/commit/e08cafda9f1b33b0163fbe5ba66754806be8f9e4))
|
|
288
|
+
- **color-handle:** add color-handle pattern ([e3856d8](https://github.com/adobe/spectrum-web-components/commit/e3856d8894d91336d073c639b8fbc6f35d3d1276))
|
|
289
|
+
- **color-handle:** use core tokens ([e0c1468](https://github.com/adobe/spectrum-web-components/commit/e0c1468285e04f9868ad0eb504f15412cdc22418))
|
|
290
|
+
- **color-loupe:** use core tokens ([149165c](https://github.com/adobe/spectrum-web-components/commit/149165c1ea67bc6348f31d79a89ccea8da7e9262))
|
|
291
|
+
- include all Dev Mode files in side effects ([f70817c](https://github.com/adobe/spectrum-web-components/commit/f70817cc15db6dcf5cc1de2d82b4f7b0c80b1251))
|
|
292
|
+
- shared pkg versions, devmode define warning, registry-conflicts docs ([6e49565](https://github.com/adobe/spectrum-web-components/commit/6e4956519b845fa8127f8032948b625c252ef7a6))
|
|
293
|
+
|
|
294
|
+
# [0.5.0](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/color-handle@0.4.9...@spectrum-web-components/color-handle@0.5.0) (2023-04-24)
|
|
295
|
+
|
|
296
|
+
### Features
|
|
297
|
+
|
|
298
|
+
- **color-handle:** use core tokens ([e0c1468](https://github.com/adobe/spectrum-web-components/commit/e0c1468285e04f9868ad0eb504f15412cdc22418))
|
|
299
|
+
- **color-loupe:** use core tokens ([149165c](https://github.com/adobe/spectrum-web-components/commit/149165c1ea67bc6348f31d79a89ccea8da7e9262))
|
|
300
|
+
|
|
301
|
+
## [0.4.9](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/color-handle@0.4.8...@spectrum-web-components/color-handle@0.4.9) (2023-04-05)
|
|
302
|
+
|
|
303
|
+
**Note:** Version bump only for package @spectrum-web-components/color-handle
|
|
304
|
+
|
|
305
|
+
## [0.4.8](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/color-handle@0.4.7...@spectrum-web-components/color-handle@0.4.8) (2023-03-22)
|
|
306
|
+
|
|
307
|
+
**Note:** Version bump only for package @spectrum-web-components/color-handle
|
|
308
|
+
|
|
309
|
+
## [0.4.7](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/color-handle@0.4.6...@spectrum-web-components/color-handle@0.4.7) (2023-02-08)
|
|
310
|
+
|
|
311
|
+
**Note:** Version bump only for package @spectrum-web-components/color-handle
|
|
312
|
+
|
|
313
|
+
## [0.4.6](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/color-handle@0.4.5...@spectrum-web-components/color-handle@0.4.6) (2023-01-23)
|
|
314
|
+
|
|
315
|
+
**Note:** Version bump only for package @spectrum-web-components/color-handle
|
|
316
|
+
|
|
317
|
+
## [0.4.5](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/color-handle@0.4.4...@spectrum-web-components/color-handle@0.4.5) (2023-01-09)
|
|
318
|
+
|
|
319
|
+
**Note:** Version bump only for package @spectrum-web-components/color-handle
|
|
320
|
+
|
|
321
|
+
## [0.4.4](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/color-handle@0.4.3...@spectrum-web-components/color-handle@0.4.4) (2022-12-08)
|
|
322
|
+
|
|
323
|
+
**Note:** Version bump only for package @spectrum-web-components/color-handle
|
|
324
|
+
|
|
325
|
+
## [0.4.3](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/color-handle@0.4.2...@spectrum-web-components/color-handle@0.4.3) (2022-11-21)
|
|
326
|
+
|
|
327
|
+
**Note:** Version bump only for package @spectrum-web-components/color-handle
|
|
328
|
+
|
|
329
|
+
## [0.4.2](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/color-handle@0.4.1...@spectrum-web-components/color-handle@0.4.2) (2022-11-14)
|
|
330
|
+
|
|
331
|
+
**Note:** Version bump only for package @spectrum-web-components/color-handle
|
|
332
|
+
|
|
333
|
+
## [0.4.1](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/color-handle@0.4.0...@spectrum-web-components/color-handle@0.4.1) (2022-10-10)
|
|
334
|
+
|
|
335
|
+
### Bug Fixes
|
|
336
|
+
|
|
337
|
+
- leverage Color Controller to unify color interface across packages ([fb71690](https://github.com/adobe/spectrum-web-components/commit/fb7169066fd4f15aee594c463cc4cdbf7f550a5e))
|
|
338
|
+
|
|
339
|
+
# [0.4.0](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/color-handle@0.3.11...@spectrum-web-components/color-handle@0.4.0) (2022-08-09)
|
|
340
|
+
|
|
341
|
+
### Features
|
|
342
|
+
|
|
343
|
+
- include all Dev Mode files in side effects ([f70817c](https://github.com/adobe/spectrum-web-components/commit/f70817cc15db6dcf5cc1de2d82b4f7b0c80b1251))
|
|
344
|
+
|
|
345
|
+
## [0.3.11](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/color-handle@0.3.10...@spectrum-web-components/color-handle@0.3.11) (2022-08-04)
|
|
346
|
+
|
|
347
|
+
**Note:** Version bump only for package @spectrum-web-components/color-handle
|
|
348
|
+
|
|
349
|
+
## [0.3.10](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/color-handle@0.3.9...@spectrum-web-components/color-handle@0.3.10) (2022-07-18)
|
|
350
|
+
|
|
351
|
+
**Note:** Version bump only for package @spectrum-web-components/color-handle
|
|
352
|
+
|
|
353
|
+
## [0.3.9](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/color-handle@0.3.8...@spectrum-web-components/color-handle@0.3.9) (2022-06-29)
|
|
354
|
+
|
|
355
|
+
**Note:** Version bump only for package @spectrum-web-components/color-handle
|
|
356
|
+
|
|
357
|
+
## [0.3.8](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/color-handle@0.3.7...@spectrum-web-components/color-handle@0.3.8) (2022-06-07)
|
|
358
|
+
|
|
359
|
+
**Note:** Version bump only for package @spectrum-web-components/color-handle
|
|
360
|
+
|
|
361
|
+
## [0.3.7](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/color-handle@0.3.6...@spectrum-web-components/color-handle@0.3.7) (2022-05-12)
|
|
362
|
+
|
|
363
|
+
**Note:** Version bump only for package @spectrum-web-components/color-handle
|
|
364
|
+
|
|
365
|
+
## [0.3.6](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/color-handle@0.3.5...@spectrum-web-components/color-handle@0.3.6) (2022-04-21)
|
|
366
|
+
|
|
367
|
+
**Note:** Version bump only for package @spectrum-web-components/color-handle
|
|
368
|
+
|
|
369
|
+
## [0.3.5](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/color-handle@0.3.4...@spectrum-web-components/color-handle@0.3.5) (2022-03-08)
|
|
370
|
+
|
|
371
|
+
**Note:** Version bump only for package @spectrum-web-components/color-handle
|
|
372
|
+
|
|
373
|
+
## [0.3.4](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/color-handle@0.3.3...@spectrum-web-components/color-handle@0.3.4) (2022-03-04)
|
|
374
|
+
|
|
375
|
+
**Note:** Version bump only for package @spectrum-web-components/color-handle
|
|
376
|
+
|
|
377
|
+
## [0.3.3](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/color-handle@0.3.2...@spectrum-web-components/color-handle@0.3.3) (2022-02-22)
|
|
378
|
+
|
|
379
|
+
**Note:** Version bump only for package @spectrum-web-components/color-handle
|
|
380
|
+
|
|
381
|
+
## [0.3.2](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/color-handle@0.3.1...@spectrum-web-components/color-handle@0.3.2) (2022-01-26)
|
|
382
|
+
|
|
383
|
+
**Note:** Version bump only for package @spectrum-web-components/color-handle
|
|
384
|
+
|
|
385
|
+
## [0.3.1](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/color-handle@0.3.0...@spectrum-web-components/color-handle@0.3.1) (2021-12-13)
|
|
386
|
+
|
|
387
|
+
**Note:** Version bump only for package @spectrum-web-components/color-handle
|
|
388
|
+
|
|
389
|
+
# [0.3.0](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/color-handle@0.2.1...@spectrum-web-components/color-handle@0.3.0) (2021-11-08)
|
|
390
|
+
|
|
391
|
+
**Note:** Version bump only for package @spectrum-web-components/color-handle
|
|
392
|
+
|
|
393
|
+
## [0.2.1](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/color-handle@0.2.0...@spectrum-web-components/color-handle@0.2.1) (2021-11-08)
|
|
394
|
+
|
|
395
|
+
**Note:** Version bump only for package @spectrum-web-components/color-handle
|
|
396
|
+
|
|
397
|
+
# [0.2.0](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/color-handle@0.1.10...@spectrum-web-components/color-handle@0.2.0) (2021-11-02)
|
|
398
|
+
|
|
399
|
+
### Features
|
|
400
|
+
|
|
401
|
+
- adopt DNA@7 base Spectrum CSS ([e08cafd](https://github.com/adobe/spectrum-web-components/commit/e08cafda9f1b33b0163fbe5ba66754806be8f9e4))
|
|
402
|
+
|
|
403
|
+
## [0.1.10](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/color-handle@0.1.9...@spectrum-web-components/color-handle@0.1.10) (2021-10-12)
|
|
404
|
+
|
|
405
|
+
**Note:** Version bump only for package @spectrum-web-components/color-handle
|
|
406
|
+
|
|
407
|
+
## [0.1.9](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/color-handle@0.1.8...@spectrum-web-components/color-handle@0.1.9) (2021-09-20)
|
|
408
|
+
|
|
409
|
+
**Note:** Version bump only for package @spectrum-web-components/color-handle
|
|
410
|
+
|
|
411
|
+
## [0.1.8](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/color-handle@0.1.7...@spectrum-web-components/color-handle@0.1.8) (2021-09-13)
|
|
412
|
+
|
|
413
|
+
### Bug Fixes
|
|
414
|
+
|
|
415
|
+
- manage "focused" across more contexts ([9273c15](https://github.com/adobe/spectrum-web-components/commit/9273c15144323bd8d62626b4e35b1975bffabf2a))
|
|
416
|
+
- prevent focus outline ([af2b077](https://github.com/adobe/spectrum-web-components/commit/af2b07704ae01409649be3ee1b45c15463cd9baf))
|
|
417
|
+
|
|
418
|
+
## [0.1.7](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/color-handle@0.1.6...@spectrum-web-components/color-handle@0.1.7) (2021-07-22)
|
|
419
|
+
|
|
420
|
+
**Note:** Version bump only for package @spectrum-web-components/color-handle
|
|
421
|
+
|
|
422
|
+
## [0.1.6](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/color-handle@0.1.5...@spectrum-web-components/color-handle@0.1.6) (2021-07-01)
|
|
423
|
+
|
|
424
|
+
### Bug Fixes
|
|
425
|
+
|
|
426
|
+
- expand support for maintaining hue and saturation across customization ([fe18944](https://github.com/adobe/spectrum-web-components/commit/fe18944da268bd16fbb3e643fa4695d7e2d0e5d7))
|
|
427
|
+
|
|
428
|
+
## [0.1.5](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/color-handle@0.1.4...@spectrum-web-components/color-handle@0.1.5) (2021-06-16)
|
|
429
|
+
|
|
430
|
+
**Note:** Version bump only for package @spectrum-web-components/color-handle
|
|
431
|
+
|
|
432
|
+
## [0.1.4](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/color-handle@0.1.3...@spectrum-web-components/color-handle@0.1.4) (2021-05-12)
|
|
433
|
+
|
|
434
|
+
### Bug Fixes
|
|
435
|
+
|
|
436
|
+
- include touch-action rule for draggable content ([3f507e6](https://github.com/adobe/spectrum-web-components/commit/3f507e6dba718ae2b7415454eba859a9790e43e7))
|
|
437
|
+
|
|
438
|
+
## [0.1.3](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/color-handle@0.1.2...@spectrum-web-components/color-handle@0.1.3) (2021-04-09)
|
|
439
|
+
|
|
440
|
+
**Note:** Version bump only for package @spectrum-web-components/color-handle
|
|
441
|
+
|
|
442
|
+
## [0.1.2](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/color-handle@0.1.1...@spectrum-web-components/color-handle@0.1.2) (2021-03-29)
|
|
443
|
+
|
|
444
|
+
**Note:** Version bump only for package @spectrum-web-components/color-handle
|
|
445
|
+
|
|
446
|
+
## [0.1.1](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/color-handle@0.1.0...@spectrum-web-components/color-handle@0.1.1) (2021-03-22)
|
|
447
|
+
|
|
448
|
+
**Note:** Version bump only for package @spectrum-web-components/color-handle
|
|
449
|
+
|
|
450
|
+
# 0.1.0 (2021-03-05)
|
|
451
|
+
|
|
452
|
+
### Bug Fixes
|
|
453
|
+
|
|
454
|
+
- address westbrooks comments ([634af60](https://github.com/adobe/spectrum-web-components/commit/634af60f88b0c998b30697dfbd13c9c466ed539d))
|
|
455
|
+
|
|
456
|
+
### Features
|
|
457
|
+
|
|
458
|
+
- **color-handle:** add color-handle pattern ([e3856d8](https://github.com/adobe/spectrum-web-components/commit/e3856d8894d91336d073c639b8fbc6f35d3d1276))
|
package/package.json
CHANGED
|
@@ -1,77 +1,77 @@
|
|
|
1
1
|
{
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
2
|
+
"name": "@spectrum-web-components/color-handle",
|
|
3
|
+
"version": "1.9.1-nightly.20251028221318",
|
|
4
|
+
"publishConfig": {
|
|
5
|
+
"access": "public"
|
|
6
|
+
},
|
|
7
|
+
"description": "",
|
|
8
|
+
"license": "Apache-2.0",
|
|
9
|
+
"repository": {
|
|
10
|
+
"type": "git",
|
|
11
|
+
"url": "https://github.com/adobe/spectrum-web-components.git",
|
|
12
|
+
"directory": "1st-gen/packages/color-handle"
|
|
13
|
+
},
|
|
14
|
+
"author": "Adobe",
|
|
15
|
+
"homepage": "https://opensource.adobe.com/spectrum-web-components/components/color-handle",
|
|
16
|
+
"bugs": {
|
|
17
|
+
"url": "https://github.com/adobe/spectrum-web-components/issues"
|
|
18
|
+
},
|
|
19
|
+
"main": "./src/index.js",
|
|
20
|
+
"module": "./src/index.js",
|
|
21
|
+
"type": "module",
|
|
22
|
+
"exports": {
|
|
23
|
+
".": {
|
|
24
|
+
"development": "./src/index.dev.js",
|
|
25
|
+
"default": "./src/index.js"
|
|
6
26
|
},
|
|
7
|
-
"
|
|
8
|
-
"
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
"url": "https://github.com/adobe/spectrum-web-components.git",
|
|
12
|
-
"directory": "packages/color-handle"
|
|
27
|
+
"./package.json": "./package.json",
|
|
28
|
+
"./src/ColorHandle.js": {
|
|
29
|
+
"development": "./src/ColorHandle.dev.js",
|
|
30
|
+
"default": "./src/ColorHandle.js"
|
|
13
31
|
},
|
|
14
|
-
"
|
|
15
|
-
"
|
|
16
|
-
"
|
|
17
|
-
|
|
32
|
+
"./src/color-handle-overrides.css.js": "./src/color-handle-overrides.css.js",
|
|
33
|
+
"./src/color-handle.css.js": "./src/color-handle.css.js",
|
|
34
|
+
"./src/index.js": {
|
|
35
|
+
"development": "./src/index.dev.js",
|
|
36
|
+
"default": "./src/index.js"
|
|
18
37
|
},
|
|
19
|
-
"
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
"
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
"web components",
|
|
60
|
-
"web-components",
|
|
61
|
-
"lit-element",
|
|
62
|
-
"lit-html",
|
|
63
|
-
"component",
|
|
64
|
-
"css"
|
|
65
|
-
],
|
|
66
|
-
"dependencies": {
|
|
67
|
-
"@spectrum-web-components/base": "1.9.0",
|
|
68
|
-
"@spectrum-web-components/color-loupe": "1.9.0",
|
|
69
|
-
"@spectrum-web-components/opacity-checkerboard": "1.9.0"
|
|
70
|
-
},
|
|
71
|
-
"types": "./src/index.d.ts",
|
|
72
|
-
"customElements": "custom-elements.json",
|
|
73
|
-
"sideEffects": [
|
|
74
|
-
"./sp-*.js",
|
|
75
|
-
"./**/*.dev.js"
|
|
76
|
-
]
|
|
77
|
-
}
|
|
38
|
+
"./sp-color-handle.js": {
|
|
39
|
+
"development": "./sp-color-handle.dev.js",
|
|
40
|
+
"default": "./sp-color-handle.js"
|
|
41
|
+
}
|
|
42
|
+
},
|
|
43
|
+
"scripts": {
|
|
44
|
+
"test": "echo \"Error: run tests from mono-repo root.\" && exit 1"
|
|
45
|
+
},
|
|
46
|
+
"files": [
|
|
47
|
+
"**/*.d.ts",
|
|
48
|
+
"**/*.js",
|
|
49
|
+
"**/*.js.map",
|
|
50
|
+
"custom-elements.json",
|
|
51
|
+
"!stories/",
|
|
52
|
+
"!test/"
|
|
53
|
+
],
|
|
54
|
+
"keywords": [
|
|
55
|
+
"design-system",
|
|
56
|
+
"spectrum",
|
|
57
|
+
"adobe",
|
|
58
|
+
"adobe-spectrum",
|
|
59
|
+
"web components",
|
|
60
|
+
"web-components",
|
|
61
|
+
"lit-element",
|
|
62
|
+
"lit-html",
|
|
63
|
+
"component",
|
|
64
|
+
"css"
|
|
65
|
+
],
|
|
66
|
+
"dependencies": {
|
|
67
|
+
"@spectrum-web-components/base": "1.9.1-nightly.20251028221318",
|
|
68
|
+
"@spectrum-web-components/color-loupe": "1.9.1-nightly.20251028221318",
|
|
69
|
+
"@spectrum-web-components/opacity-checkerboard": "1.9.1-nightly.20251028221318"
|
|
70
|
+
},
|
|
71
|
+
"types": "./src/index.d.ts",
|
|
72
|
+
"customElements": "custom-elements.json",
|
|
73
|
+
"sideEffects": [
|
|
74
|
+
"./sp-*.js",
|
|
75
|
+
"./**/*.dev.js"
|
|
76
|
+
]
|
|
77
|
+
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["color-handle-overrides.css.ts"],
|
|
4
|
-
"sourcesContent": ["
|
|
5
|
-
"mappings": ";
|
|
4
|
+
"sourcesContent": ["import { css } from '@spectrum-web-components/base';\nconst styles = css`\n \n`;\nexport default styles;"],
|
|
5
|
+
"mappings": ";AAAA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["color-handle-overrides.css.ts"],
|
|
4
|
-
"sourcesContent": ["
|
|
5
|
-
"mappings": "
|
|
4
|
+
"sourcesContent": ["import { css } from '@spectrum-web-components/base';\nconst styles = css`\n \n`;\nexport default styles;"],
|
|
5
|
+
"mappings": "aAAA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
|
|
6
6
|
"names": ["css", "styles"]
|
|
7
7
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["color-handle.css.ts"],
|
|
4
|
-
"sourcesContent": ["
|
|
5
|
-
"mappings": ";
|
|
4
|
+
"sourcesContent": ["import { css } from '@spectrum-web-components/base';\nconst styles = css`\n @media (forced-colors:active){:host{forced-color-adjust:none}:host([disabled]){--highcontrast-colorhandle-border-color-disabled:GrayText;--highcontrast-colorhandle-fill-color-disabled:Canvas}}:host{--spectrum-colorhandle-outer-border-color:rgba(var(--spectrum-black-rgb),var(--spectrum-color-handle-outer-border-opacity));--spectrum-colorhandle-outer-border-width:var(--spectrum-color-handle-outer-border-width);--spectrum-colorhandle-inner-border-color:rgba(var(--spectrum-black-rgb),var(--spectrum-color-handle-inner-border-opacity));--mod-opacity-checkerboard-position:50%;z-index:1;box-sizing:border-box;inline-size:var(--mod-colorhandle-size,var(--spectrum-color-handle-size));block-size:var(--mod-colorhandle-size,var(--spectrum-color-handle-size));margin-inline:calc(var(--mod-colorhandle-size,var(--spectrum-color-handle-size))/2*-1);margin-block:calc(var(--mod-colorhandle-size,var(--spectrum-color-handle-size))/2*-1);border-width:var(--mod-colorhandle-border-width,var(--spectrum-color-handle-border-width));border-color:var(--mod-colorhandle-border-color,var(--spectrum-white));box-shadow:0 0 0 var(--mod-colorhandle-outer-border-width,var(--spectrum-colorhandle-outer-border-width))var(--mod-colorhandle-outer-border-color,var(--spectrum-colorhandle-outer-border-color));transition:all var(--mod-colorhandle-animation-duration,var(--spectrum-animation-duration-100))ease-in-out;transition:all var(--mod-colorhandle-animation-duration,var(--spectrum-animation-duration-100))var(--mod-colorhandle-animation-easing,ease-in-out);border-style:solid}:host,:host:after{border-radius:100%;display:block;position:absolute}:host:after{content:\"\";inset-inline:calc(50% - var(--mod-colorhandle-hitarea-size,var(--spectrum-color-control-track-width))/2);inset-block:calc(50% - var(--mod-colorhandle-hitarea-size,var(--spectrum-color-control-track-width))/2);inline-size:var(--mod-colorhandle-hitarea-size,var(--spectrum-color-control-track-width));block-size:var(--mod-colorhandle-hitarea-size,var(--spectrum-color-control-track-width));border-radius:var(--mod-colorhandle-hitarea-border-radius,100%)}:host([focused]),:host(:focus-visible){inline-size:var(--mod-colorhandle-focused-size,var(--spectrum-color-handle-size-key-focus));block-size:var(--mod-colorhandle-focused-size,var(--spectrum-color-handle-size-key-focus));margin-inline:calc(var(--mod-colorhandle-size,var(--spectrum-color-handle-size))*-1);margin-block:calc(var(--mod-colorhandle-size,var(--spectrum-color-handle-size))*-1);outline:none}:host([disabled]){pointer-events:none;border-color:var(--highcontrast-colorhandle-border-color-disabled,var(--mod-colorhandle-border-color-disabled,var(--spectrum-disabled-content-color)));background:var(--highcontrast-colorhandle-fill-color-disabled,var(--mod-colorhandle-fill-color-disabled,var(--spectrum-disabled-background-color)));box-shadow:none}:host([disabled]) .inner{display:none}.inner{block-size:100%;inline-size:100%;box-shadow:inset 0 0 0 var(--mod-colorhandle-inner-border-width,var(--spectrum-color-handle-inner-border-width))var(--mod-colorhandle-inner-border-color,var(--spectrum-colorhandle-inner-border-color));background-color:var(--spectrum-picked-color);border-radius:100%}:host{touch-action:none;transition:inline-size var(--mod-colorhandle-animation-duration,var(--spectrum-colorhandle-animation-duration))var(--mod-colorhandle-animation-easing,var(--spectrum-colorhandle-animation-easing)),block-size var(--mod-colorhandle-animation-duration,var(--spectrum-colorhandle-animation-duration))var(--mod-colorhandle-animation-easing,var(--spectrum-colorhandle-animation-easing)),border-width var(--mod-colorhandle-animation-duration,var(--spectrum-colorhandle-animation-duration))var(--mod-colorhandle-animation-easing,var(--spectrum-colorhandle-animation-easing)),margin-inline var(--mod-colorhandle-animation-duration,var(--spectrum-colorhandle-animation-duration))var(--mod-colorhandle-animation-easing,var(--spectrum-colorhandle-animation-easing)),margin-block var(--mod-colorhandle-animation-duration,var(--spectrum-colorhandle-animation-duration))var(--mod-colorhandle-animation-easing,var(--spectrum-colorhandle-animation-easing))}:host(:focus){outline:none}\n`;\nexport default styles;"],
|
|
5
|
+
"mappings": ";AAAA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["color-handle.css.ts"],
|
|
4
|
-
"sourcesContent": ["
|
|
5
|
-
"mappings": "
|
|
4
|
+
"sourcesContent": ["import { css } from '@spectrum-web-components/base';\nconst styles = css`\n @media (forced-colors:active){:host{forced-color-adjust:none}:host([disabled]){--highcontrast-colorhandle-border-color-disabled:GrayText;--highcontrast-colorhandle-fill-color-disabled:Canvas}}:host{--spectrum-colorhandle-outer-border-color:rgba(var(--spectrum-black-rgb),var(--spectrum-color-handle-outer-border-opacity));--spectrum-colorhandle-outer-border-width:var(--spectrum-color-handle-outer-border-width);--spectrum-colorhandle-inner-border-color:rgba(var(--spectrum-black-rgb),var(--spectrum-color-handle-inner-border-opacity));--mod-opacity-checkerboard-position:50%;z-index:1;box-sizing:border-box;inline-size:var(--mod-colorhandle-size,var(--spectrum-color-handle-size));block-size:var(--mod-colorhandle-size,var(--spectrum-color-handle-size));margin-inline:calc(var(--mod-colorhandle-size,var(--spectrum-color-handle-size))/2*-1);margin-block:calc(var(--mod-colorhandle-size,var(--spectrum-color-handle-size))/2*-1);border-width:var(--mod-colorhandle-border-width,var(--spectrum-color-handle-border-width));border-color:var(--mod-colorhandle-border-color,var(--spectrum-white));box-shadow:0 0 0 var(--mod-colorhandle-outer-border-width,var(--spectrum-colorhandle-outer-border-width))var(--mod-colorhandle-outer-border-color,var(--spectrum-colorhandle-outer-border-color));transition:all var(--mod-colorhandle-animation-duration,var(--spectrum-animation-duration-100))ease-in-out;transition:all var(--mod-colorhandle-animation-duration,var(--spectrum-animation-duration-100))var(--mod-colorhandle-animation-easing,ease-in-out);border-style:solid}:host,:host:after{border-radius:100%;display:block;position:absolute}:host:after{content:\"\";inset-inline:calc(50% - var(--mod-colorhandle-hitarea-size,var(--spectrum-color-control-track-width))/2);inset-block:calc(50% - var(--mod-colorhandle-hitarea-size,var(--spectrum-color-control-track-width))/2);inline-size:var(--mod-colorhandle-hitarea-size,var(--spectrum-color-control-track-width));block-size:var(--mod-colorhandle-hitarea-size,var(--spectrum-color-control-track-width));border-radius:var(--mod-colorhandle-hitarea-border-radius,100%)}:host([focused]),:host(:focus-visible){inline-size:var(--mod-colorhandle-focused-size,var(--spectrum-color-handle-size-key-focus));block-size:var(--mod-colorhandle-focused-size,var(--spectrum-color-handle-size-key-focus));margin-inline:calc(var(--mod-colorhandle-size,var(--spectrum-color-handle-size))*-1);margin-block:calc(var(--mod-colorhandle-size,var(--spectrum-color-handle-size))*-1);outline:none}:host([disabled]){pointer-events:none;border-color:var(--highcontrast-colorhandle-border-color-disabled,var(--mod-colorhandle-border-color-disabled,var(--spectrum-disabled-content-color)));background:var(--highcontrast-colorhandle-fill-color-disabled,var(--mod-colorhandle-fill-color-disabled,var(--spectrum-disabled-background-color)));box-shadow:none}:host([disabled]) .inner{display:none}.inner{block-size:100%;inline-size:100%;box-shadow:inset 0 0 0 var(--mod-colorhandle-inner-border-width,var(--spectrum-color-handle-inner-border-width))var(--mod-colorhandle-inner-border-color,var(--spectrum-colorhandle-inner-border-color));background-color:var(--spectrum-picked-color);border-radius:100%}:host{touch-action:none;transition:inline-size var(--mod-colorhandle-animation-duration,var(--spectrum-colorhandle-animation-duration))var(--mod-colorhandle-animation-easing,var(--spectrum-colorhandle-animation-easing)),block-size var(--mod-colorhandle-animation-duration,var(--spectrum-colorhandle-animation-duration))var(--mod-colorhandle-animation-easing,var(--spectrum-colorhandle-animation-easing)),border-width var(--mod-colorhandle-animation-duration,var(--spectrum-colorhandle-animation-duration))var(--mod-colorhandle-animation-easing,var(--spectrum-colorhandle-animation-easing)),margin-inline var(--mod-colorhandle-animation-duration,var(--spectrum-colorhandle-animation-duration))var(--mod-colorhandle-animation-easing,var(--spectrum-colorhandle-animation-easing)),margin-block var(--mod-colorhandle-animation-duration,var(--spectrum-colorhandle-animation-duration))var(--mod-colorhandle-animation-easing,var(--spectrum-colorhandle-animation-easing))}:host(:focus){outline:none}\n`;\nexport default styles;"],
|
|
5
|
+
"mappings": "aAAA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
|
|
6
6
|
"names": ["css", "styles"]
|
|
7
7
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["spectrum-color-handle.css.ts"],
|
|
4
|
-
"sourcesContent": ["
|
|
5
|
-
"mappings": ";
|
|
4
|
+
"sourcesContent": ["import { css } from '@spectrum-web-components/base';\nconst styles = css`\n @media (forced-colors:active){:host{forced-color-adjust:none}:host([disabled]){--highcontrast-colorhandle-border-color-disabled:GrayText;--highcontrast-colorhandle-fill-color-disabled:Canvas}}:host{--spectrum-colorhandle-outer-border-color:rgba(var(--spectrum-black-rgb),var(--spectrum-color-handle-outer-border-opacity));--spectrum-colorhandle-outer-border-width:var(--spectrum-color-handle-outer-border-width);--spectrum-colorhandle-inner-border-color:rgba(var(--spectrum-black-rgb),var(--spectrum-color-handle-inner-border-opacity));--mod-opacity-checkerboard-position:50%;z-index:1;box-sizing:border-box;inline-size:var(--mod-colorhandle-size,var(--spectrum-color-handle-size));block-size:var(--mod-colorhandle-size,var(--spectrum-color-handle-size));margin-inline:calc(var(--mod-colorhandle-size,var(--spectrum-color-handle-size))/2*-1);margin-block:calc(var(--mod-colorhandle-size,var(--spectrum-color-handle-size))/2*-1);border-width:var(--mod-colorhandle-border-width,var(--spectrum-color-handle-border-width));border-color:var(--mod-colorhandle-border-color,var(--spectrum-white));box-shadow:0 0 0 var(--mod-colorhandle-outer-border-width,var(--spectrum-colorhandle-outer-border-width))var(--mod-colorhandle-outer-border-color,var(--spectrum-colorhandle-outer-border-color));transition:all var(--mod-colorhandle-animation-duration,var(--spectrum-animation-duration-100))ease-in-out;transition:all var(--mod-colorhandle-animation-duration,var(--spectrum-animation-duration-100))var(--mod-colorhandle-animation-easing,ease-in-out);border-style:solid}:host,:host:after{border-radius:100%;display:block;position:absolute}:host:after{content:\"\";inset-inline:calc(50% - var(--mod-colorhandle-hitarea-size,var(--spectrum-color-control-track-width))/2);inset-block:calc(50% - var(--mod-colorhandle-hitarea-size,var(--spectrum-color-control-track-width))/2);inline-size:var(--mod-colorhandle-hitarea-size,var(--spectrum-color-control-track-width));block-size:var(--mod-colorhandle-hitarea-size,var(--spectrum-color-control-track-width));border-radius:var(--mod-colorhandle-hitarea-border-radius,100%)}:host([focused]),:host(:focus-visible){inline-size:var(--mod-colorhandle-focused-size,var(--spectrum-color-handle-size-key-focus));block-size:var(--mod-colorhandle-focused-size,var(--spectrum-color-handle-size-key-focus));margin-inline:calc(var(--mod-colorhandle-size,var(--spectrum-color-handle-size))*-1);margin-block:calc(var(--mod-colorhandle-size,var(--spectrum-color-handle-size))*-1);outline:none}:host([disabled]){pointer-events:none;border-color:var(--highcontrast-colorhandle-border-color-disabled,var(--mod-colorhandle-border-color-disabled,var(--spectrum-disabled-content-color)));background:var(--highcontrast-colorhandle-fill-color-disabled,var(--mod-colorhandle-fill-color-disabled,var(--spectrum-disabled-background-color)));box-shadow:none}:host([disabled]) .inner{display:none}.inner{block-size:100%;inline-size:100%;box-shadow:inset 0 0 0 var(--mod-colorhandle-inner-border-width,var(--spectrum-color-handle-inner-border-width))var(--mod-colorhandle-inner-border-color,var(--spectrum-colorhandle-inner-border-color));background-color:var(--spectrum-picked-color);border-radius:100%}\n`;\nexport default styles;"],
|
|
5
|
+
"mappings": ";AAAA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["spectrum-color-handle.css.ts"],
|
|
4
|
-
"sourcesContent": ["
|
|
5
|
-
"mappings": "
|
|
4
|
+
"sourcesContent": ["import { css } from '@spectrum-web-components/base';\nconst styles = css`\n @media (forced-colors:active){:host{forced-color-adjust:none}:host([disabled]){--highcontrast-colorhandle-border-color-disabled:GrayText;--highcontrast-colorhandle-fill-color-disabled:Canvas}}:host{--spectrum-colorhandle-outer-border-color:rgba(var(--spectrum-black-rgb),var(--spectrum-color-handle-outer-border-opacity));--spectrum-colorhandle-outer-border-width:var(--spectrum-color-handle-outer-border-width);--spectrum-colorhandle-inner-border-color:rgba(var(--spectrum-black-rgb),var(--spectrum-color-handle-inner-border-opacity));--mod-opacity-checkerboard-position:50%;z-index:1;box-sizing:border-box;inline-size:var(--mod-colorhandle-size,var(--spectrum-color-handle-size));block-size:var(--mod-colorhandle-size,var(--spectrum-color-handle-size));margin-inline:calc(var(--mod-colorhandle-size,var(--spectrum-color-handle-size))/2*-1);margin-block:calc(var(--mod-colorhandle-size,var(--spectrum-color-handle-size))/2*-1);border-width:var(--mod-colorhandle-border-width,var(--spectrum-color-handle-border-width));border-color:var(--mod-colorhandle-border-color,var(--spectrum-white));box-shadow:0 0 0 var(--mod-colorhandle-outer-border-width,var(--spectrum-colorhandle-outer-border-width))var(--mod-colorhandle-outer-border-color,var(--spectrum-colorhandle-outer-border-color));transition:all var(--mod-colorhandle-animation-duration,var(--spectrum-animation-duration-100))ease-in-out;transition:all var(--mod-colorhandle-animation-duration,var(--spectrum-animation-duration-100))var(--mod-colorhandle-animation-easing,ease-in-out);border-style:solid}:host,:host:after{border-radius:100%;display:block;position:absolute}:host:after{content:\"\";inset-inline:calc(50% - var(--mod-colorhandle-hitarea-size,var(--spectrum-color-control-track-width))/2);inset-block:calc(50% - var(--mod-colorhandle-hitarea-size,var(--spectrum-color-control-track-width))/2);inline-size:var(--mod-colorhandle-hitarea-size,var(--spectrum-color-control-track-width));block-size:var(--mod-colorhandle-hitarea-size,var(--spectrum-color-control-track-width));border-radius:var(--mod-colorhandle-hitarea-border-radius,100%)}:host([focused]),:host(:focus-visible){inline-size:var(--mod-colorhandle-focused-size,var(--spectrum-color-handle-size-key-focus));block-size:var(--mod-colorhandle-focused-size,var(--spectrum-color-handle-size-key-focus));margin-inline:calc(var(--mod-colorhandle-size,var(--spectrum-color-handle-size))*-1);margin-block:calc(var(--mod-colorhandle-size,var(--spectrum-color-handle-size))*-1);outline:none}:host([disabled]){pointer-events:none;border-color:var(--highcontrast-colorhandle-border-color-disabled,var(--mod-colorhandle-border-color-disabled,var(--spectrum-disabled-content-color)));background:var(--highcontrast-colorhandle-fill-color-disabled,var(--mod-colorhandle-fill-color-disabled,var(--spectrum-disabled-background-color)));box-shadow:none}:host([disabled]) .inner{display:none}.inner{block-size:100%;inline-size:100%;box-shadow:inset 0 0 0 var(--mod-colorhandle-inner-border-width,var(--spectrum-color-handle-inner-border-width))var(--mod-colorhandle-inner-border-color,var(--spectrum-colorhandle-inner-border-color));background-color:var(--spectrum-picked-color);border-radius:100%}\n`;\nexport default styles;"],
|
|
5
|
+
"mappings": "aAAA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
|
|
6
6
|
"names": ["css", "styles"]
|
|
7
7
|
}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
import { html } from "@spectrum-web-components/base";
|
|
3
|
+
import "@spectrum-web-components/color-handle/sp-color-handle.js";
|
|
4
|
+
export default {
|
|
5
|
+
title: "Color/Handle",
|
|
6
|
+
component: "sp-color-handle"
|
|
7
|
+
};
|
|
8
|
+
export const Default = () => {
|
|
9
|
+
return html`
|
|
10
|
+
<sp-color-handle
|
|
11
|
+
style="left: 50%; top: 50%; transform: translate(-50%, -50%);"
|
|
12
|
+
></sp-color-handle>
|
|
13
|
+
`;
|
|
14
|
+
};
|
|
15
|
+
export const disabled = () => {
|
|
16
|
+
return html`
|
|
17
|
+
<sp-color-handle
|
|
18
|
+
disabled
|
|
19
|
+
style="left: 50%; top: 50%; transform: translate(-50%, -50%);"
|
|
20
|
+
></sp-color-handle>
|
|
21
|
+
`;
|
|
22
|
+
};
|
|
23
|
+
export const open = () => {
|
|
24
|
+
return html`
|
|
25
|
+
<sp-color-handle
|
|
26
|
+
open
|
|
27
|
+
style="left: 50%; top: 50%; transform: translate(-50%, -50%);"
|
|
28
|
+
></sp-color-handle>
|
|
29
|
+
`;
|
|
30
|
+
};
|
|
31
|
+
//# sourceMappingURL=color-handle.stories.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["color-handle.stories.ts"],
|
|
4
|
+
"sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { html, TemplateResult } from '@spectrum-web-components/base';\n\nimport '@spectrum-web-components/color-handle/sp-color-handle.js';\n\nexport default {\n title: 'Color/Handle',\n component: 'sp-color-handle',\n};\n\nexport const Default = (): TemplateResult => {\n return html`\n <sp-color-handle\n style=\"left: 50%; top: 50%; transform: translate(-50%, -50%);\"\n ></sp-color-handle>\n `;\n};\n\nexport const disabled = (): TemplateResult => {\n return html`\n <sp-color-handle\n disabled\n style=\"left: 50%; top: 50%; transform: translate(-50%, -50%);\"\n ></sp-color-handle>\n `;\n};\n\nexport const open = (): TemplateResult => {\n return html`\n <sp-color-handle\n open\n style=\"left: 50%; top: 50%; transform: translate(-50%, -50%);\"\n ></sp-color-handle>\n `;\n};\n"],
|
|
5
|
+
"mappings": ";AAYA,SAAS,YAA4B;AAErC,OAAO;AAEP,eAAe;AAAA,EACX,OAAO;AAAA,EACP,WAAW;AACf;AAEO,aAAM,UAAU,MAAsB;AACzC,SAAO;AAAA;AAAA;AAAA;AAAA;AAKX;AAEO,aAAM,WAAW,MAAsB;AAC1C,SAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAMX;AAEO,aAAM,OAAO,MAAsB;AACtC,SAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAMX;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
import "@spectrum-web-components/color-handle/sp-color-handle.js";
|
|
3
|
+
import { html } from "lit";
|
|
4
|
+
import { measureFixtureCreation } from "../../../../test/benchmark/helpers.js";
|
|
5
|
+
measureFixtureCreation(html`
|
|
6
|
+
<sp-color-handle open></sp-color-handle>
|
|
7
|
+
`);
|
|
8
|
+
//# sourceMappingURL=basic-test.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["
|
|
4
|
-
"sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {
|
|
5
|
-
"mappings": ";AAYA,SAAS,
|
|
3
|
+
"sources": ["basic-test.ts"],
|
|
4
|
+
"sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport '@spectrum-web-components/color-handle/sp-color-handle.js';\nimport { html } from 'lit';\nimport { measureFixtureCreation } from '../../../../test/benchmark/helpers.js';\n\nmeasureFixtureCreation(html`\n <sp-color-handle open></sp-color-handle>\n`);\n"],
|
|
5
|
+
"mappings": ";AAYA,OAAO;AACP,SAAS,YAAY;AACrB,SAAS,8BAA8B;AAEvC,uBAAuB;AAAA;AAAA,CAEtB;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
import { html } from "@open-wc/testing";
|
|
3
|
+
import "@spectrum-web-components/color-handle/sp-color-handle.js";
|
|
4
|
+
import { testForMemoryLeaks } from "../../../test/testing-helpers.js";
|
|
5
|
+
testForMemoryLeaks(html`
|
|
6
|
+
<sp-color-handle></sp-color-handle>
|
|
7
|
+
`);
|
|
8
|
+
//# sourceMappingURL=color-handle-memory.test.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["
|
|
4
|
-
"sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {
|
|
5
|
-
"mappings": "
|
|
6
|
-
"names": [
|
|
3
|
+
"sources": ["color-handle-memory.test.ts"],
|
|
4
|
+
"sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { html } from '@open-wc/testing';\nimport '@spectrum-web-components/color-handle/sp-color-handle.js';\nimport { testForMemoryLeaks } from '../../../test/testing-helpers.js';\n\ntestForMemoryLeaks(html`\n <sp-color-handle></sp-color-handle>\n`);\n"],
|
|
5
|
+
"mappings": ";AAYA,SAAS,YAAY;AACrB,OAAO;AACP,SAAS,0BAA0B;AAEnC,mBAAmB;AAAA;AAAA,CAElB;",
|
|
6
|
+
"names": []
|
|
7
7
|
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["color-handle.test-vrt.ts"],
|
|
4
|
+
"sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport * as stories from '../stories/color-handle.stories.js';\nimport { regressVisuals } from '../../../test/visual/test.js';\nimport type { TestsType } from '../../../test/visual/test.js';\n\nregressVisuals('ColorHandleStories', stories as unknown as TestsType);\n"],
|
|
5
|
+
"mappings": ";AAYA,YAAY,aAAa;AACzB,SAAS,sBAAsB;AAG/B,eAAe,sBAAsB,OAA+B;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
import { elementUpdated, expect, fixture, html } from "@open-wc/testing";
|
|
3
|
+
import "@spectrum-web-components/color-handle/sp-color-handle.js";
|
|
4
|
+
import { testForLitDevWarnings } from "../../../test/testing-helpers.js";
|
|
5
|
+
describe("ColorHandle", () => {
|
|
6
|
+
testForLitDevWarnings(
|
|
7
|
+
async () => await fixture(html`
|
|
8
|
+
<sp-color-handle></sp-color-handle>
|
|
9
|
+
`)
|
|
10
|
+
);
|
|
11
|
+
it("loads default color-handle accessibly", async () => {
|
|
12
|
+
const el = await fixture(html`
|
|
13
|
+
<sp-color-handle></sp-color-handle>
|
|
14
|
+
`);
|
|
15
|
+
await elementUpdated(el);
|
|
16
|
+
await expect(el).to.be.accessible();
|
|
17
|
+
});
|
|
18
|
+
it("loads [open] color-handle accessibly", async () => {
|
|
19
|
+
const el = await fixture(html`
|
|
20
|
+
<sp-color-handle open></sp-color-handle>
|
|
21
|
+
`);
|
|
22
|
+
await elementUpdated(el);
|
|
23
|
+
await expect(el).to.be.accessible();
|
|
24
|
+
});
|
|
25
|
+
it("opens/closes on pointerdown/up/cancel", async () => {
|
|
26
|
+
const el = await fixture(html`
|
|
27
|
+
<sp-color-handle></sp-color-handle>
|
|
28
|
+
`);
|
|
29
|
+
await elementUpdated(el);
|
|
30
|
+
el.setPointerCapture = () => {
|
|
31
|
+
return;
|
|
32
|
+
};
|
|
33
|
+
el.releasePointerCapture = () => {
|
|
34
|
+
return;
|
|
35
|
+
};
|
|
36
|
+
el.dispatchEvent(
|
|
37
|
+
new PointerEvent("pointerdown", {
|
|
38
|
+
pointerId: 1,
|
|
39
|
+
pointerType: "touch"
|
|
40
|
+
})
|
|
41
|
+
);
|
|
42
|
+
await elementUpdated(el);
|
|
43
|
+
expect(el.open).to.be.true;
|
|
44
|
+
el.dispatchEvent(
|
|
45
|
+
new PointerEvent("pointerup", {
|
|
46
|
+
pointerId: 1,
|
|
47
|
+
pointerType: "touch"
|
|
48
|
+
})
|
|
49
|
+
);
|
|
50
|
+
await elementUpdated(el);
|
|
51
|
+
expect(el.open).to.be.false;
|
|
52
|
+
el.dispatchEvent(
|
|
53
|
+
new PointerEvent("pointerdown", {
|
|
54
|
+
pointerId: 1,
|
|
55
|
+
pointerType: "touch"
|
|
56
|
+
})
|
|
57
|
+
);
|
|
58
|
+
await elementUpdated(el);
|
|
59
|
+
expect(el.open).to.be.true;
|
|
60
|
+
el.dispatchEvent(
|
|
61
|
+
new PointerEvent("pointercancel", {
|
|
62
|
+
pointerId: 1,
|
|
63
|
+
pointerType: "touch"
|
|
64
|
+
})
|
|
65
|
+
);
|
|
66
|
+
await elementUpdated(el);
|
|
67
|
+
expect(el.open).to.be.false;
|
|
68
|
+
});
|
|
69
|
+
});
|
|
70
|
+
//# sourceMappingURL=color-handle.test.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["color-handle.test.ts"],
|
|
4
|
+
"sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { elementUpdated, expect, fixture, html } from '@open-wc/testing';\n\nimport '@spectrum-web-components/color-handle/sp-color-handle.js';\nimport { ColorHandle } from '@spectrum-web-components/color-handle';\nimport { testForLitDevWarnings } from '../../../test/testing-helpers.js';\n\ndescribe('ColorHandle', () => {\n testForLitDevWarnings(\n async () =>\n await fixture<ColorHandle>(html`\n <sp-color-handle></sp-color-handle>\n `)\n );\n it('loads default color-handle accessibly', async () => {\n const el = await fixture<ColorHandle>(html`\n <sp-color-handle></sp-color-handle>\n `);\n\n await elementUpdated(el);\n\n await expect(el).to.be.accessible();\n });\n it('loads [open] color-handle accessibly', async () => {\n const el = await fixture<ColorHandle>(html`\n <sp-color-handle open></sp-color-handle>\n `);\n\n await elementUpdated(el);\n\n await expect(el).to.be.accessible();\n });\n it('opens/closes on pointerdown/up/cancel', async () => {\n const el = await fixture<ColorHandle>(html`\n <sp-color-handle></sp-color-handle>\n `);\n\n await elementUpdated(el);\n el.setPointerCapture = () => {\n return;\n };\n el.releasePointerCapture = () => {\n return;\n };\n\n el.dispatchEvent(\n new PointerEvent('pointerdown', {\n pointerId: 1,\n pointerType: 'touch',\n })\n );\n\n await elementUpdated(el);\n\n expect(el.open).to.be.true;\n\n el.dispatchEvent(\n new PointerEvent('pointerup', {\n pointerId: 1,\n pointerType: 'touch',\n })\n );\n\n await elementUpdated(el);\n\n expect(el.open).to.be.false;\n\n el.dispatchEvent(\n new PointerEvent('pointerdown', {\n pointerId: 1,\n pointerType: 'touch',\n })\n );\n\n await elementUpdated(el);\n\n expect(el.open).to.be.true;\n\n el.dispatchEvent(\n new PointerEvent('pointercancel', {\n pointerId: 1,\n pointerType: 'touch',\n })\n );\n\n await elementUpdated(el);\n\n expect(el.open).to.be.false;\n });\n});\n"],
|
|
5
|
+
"mappings": ";AAYA,SAAS,gBAAgB,QAAQ,SAAS,YAAY;AAEtD,OAAO;AAEP,SAAS,6BAA6B;AAEtC,SAAS,eAAe,MAAM;AAC1B;AAAA,IACI,YACI,MAAM,QAAqB;AAAA;AAAA,aAE1B;AAAA,EACT;AACA,KAAG,yCAAyC,YAAY;AACpD,UAAM,KAAK,MAAM,QAAqB;AAAA;AAAA,SAErC;AAED,UAAM,eAAe,EAAE;AAEvB,UAAM,OAAO,EAAE,EAAE,GAAG,GAAG,WAAW;AAAA,EACtC,CAAC;AACD,KAAG,wCAAwC,YAAY;AACnD,UAAM,KAAK,MAAM,QAAqB;AAAA;AAAA,SAErC;AAED,UAAM,eAAe,EAAE;AAEvB,UAAM,OAAO,EAAE,EAAE,GAAG,GAAG,WAAW;AAAA,EACtC,CAAC;AACD,KAAG,yCAAyC,YAAY;AACpD,UAAM,KAAK,MAAM,QAAqB;AAAA;AAAA,SAErC;AAED,UAAM,eAAe,EAAE;AACvB,OAAG,oBAAoB,MAAM;AACzB;AAAA,IACJ;AACA,OAAG,wBAAwB,MAAM;AAC7B;AAAA,IACJ;AAEA,OAAG;AAAA,MACC,IAAI,aAAa,eAAe;AAAA,QAC5B,WAAW;AAAA,QACX,aAAa;AAAA,MACjB,CAAC;AAAA,IACL;AAEA,UAAM,eAAe,EAAE;AAEvB,WAAO,GAAG,IAAI,EAAE,GAAG,GAAG;AAEtB,OAAG;AAAA,MACC,IAAI,aAAa,aAAa;AAAA,QAC1B,WAAW;AAAA,QACX,aAAa;AAAA,MACjB,CAAC;AAAA,IACL;AAEA,UAAM,eAAe,EAAE;AAEvB,WAAO,GAAG,IAAI,EAAE,GAAG,GAAG;AAEtB,OAAG;AAAA,MACC,IAAI,aAAa,eAAe;AAAA,QAC5B,WAAW;AAAA,QACX,aAAa;AAAA,MACjB,CAAC;AAAA,IACL;AAEA,UAAM,eAAe,EAAE;AAEvB,WAAO,GAAG,IAAI,EAAE,GAAG,GAAG;AAEtB,OAAG;AAAA,MACC,IAAI,aAAa,iBAAiB;AAAA,QAC9B,WAAW;AAAA,QACX,aAAa;AAAA,MACjB,CAAC;AAAA,IACL;AAEA,UAAM,eAAe,EAAE;AAEvB,WAAO,GAAG,IAAI,EAAE,GAAG,GAAG;AAAA,EAC1B,CAAC;AACL,CAAC;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
package/custom-elements.json
DELETED
|
@@ -1,163 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"schemaVersion": "1.0.0",
|
|
3
|
-
"readme": "",
|
|
4
|
-
"modules": [
|
|
5
|
-
{
|
|
6
|
-
"kind": "javascript-module",
|
|
7
|
-
"path": "sp-color-handle.js",
|
|
8
|
-
"declarations": [],
|
|
9
|
-
"exports": [
|
|
10
|
-
{
|
|
11
|
-
"kind": "custom-element-definition",
|
|
12
|
-
"name": "sp-color-handle",
|
|
13
|
-
"declaration": {
|
|
14
|
-
"name": "ColorHandle",
|
|
15
|
-
"module": "/src/ColorHandle.js"
|
|
16
|
-
}
|
|
17
|
-
}
|
|
18
|
-
]
|
|
19
|
-
},
|
|
20
|
-
{
|
|
21
|
-
"kind": "javascript-module",
|
|
22
|
-
"path": "src/ColorHandle.js",
|
|
23
|
-
"declarations": [
|
|
24
|
-
{
|
|
25
|
-
"kind": "class",
|
|
26
|
-
"description": "",
|
|
27
|
-
"name": "ColorHandle",
|
|
28
|
-
"members": [
|
|
29
|
-
{
|
|
30
|
-
"kind": "field",
|
|
31
|
-
"name": "disabled",
|
|
32
|
-
"type": {
|
|
33
|
-
"text": "boolean"
|
|
34
|
-
},
|
|
35
|
-
"privacy": "public",
|
|
36
|
-
"default": "false",
|
|
37
|
-
"attribute": "disabled",
|
|
38
|
-
"reflects": true
|
|
39
|
-
},
|
|
40
|
-
{
|
|
41
|
-
"kind": "field",
|
|
42
|
-
"name": "focused",
|
|
43
|
-
"type": {
|
|
44
|
-
"text": "boolean"
|
|
45
|
-
},
|
|
46
|
-
"privacy": "public",
|
|
47
|
-
"default": "false",
|
|
48
|
-
"attribute": "focused",
|
|
49
|
-
"reflects": true
|
|
50
|
-
},
|
|
51
|
-
{
|
|
52
|
-
"kind": "field",
|
|
53
|
-
"name": "open",
|
|
54
|
-
"type": {
|
|
55
|
-
"text": "boolean"
|
|
56
|
-
},
|
|
57
|
-
"privacy": "public",
|
|
58
|
-
"default": "false",
|
|
59
|
-
"attribute": "open",
|
|
60
|
-
"reflects": true
|
|
61
|
-
},
|
|
62
|
-
{
|
|
63
|
-
"kind": "field",
|
|
64
|
-
"name": "color",
|
|
65
|
-
"type": {
|
|
66
|
-
"text": "string"
|
|
67
|
-
},
|
|
68
|
-
"privacy": "public",
|
|
69
|
-
"default": "'rgba(255, 0, 0, 0.5)'",
|
|
70
|
-
"attribute": "color"
|
|
71
|
-
},
|
|
72
|
-
{
|
|
73
|
-
"kind": "method",
|
|
74
|
-
"name": "handlePointerdown",
|
|
75
|
-
"privacy": "private",
|
|
76
|
-
"return": {
|
|
77
|
-
"type": {
|
|
78
|
-
"text": "void"
|
|
79
|
-
}
|
|
80
|
-
},
|
|
81
|
-
"parameters": [
|
|
82
|
-
{
|
|
83
|
-
"name": "event",
|
|
84
|
-
"type": {
|
|
85
|
-
"text": "PointerEvent"
|
|
86
|
-
}
|
|
87
|
-
}
|
|
88
|
-
]
|
|
89
|
-
},
|
|
90
|
-
{
|
|
91
|
-
"kind": "method",
|
|
92
|
-
"name": "handlePointerup",
|
|
93
|
-
"privacy": "private",
|
|
94
|
-
"return": {
|
|
95
|
-
"type": {
|
|
96
|
-
"text": "void"
|
|
97
|
-
}
|
|
98
|
-
},
|
|
99
|
-
"parameters": [
|
|
100
|
-
{
|
|
101
|
-
"name": "event",
|
|
102
|
-
"type": {
|
|
103
|
-
"text": "PointerEvent"
|
|
104
|
-
}
|
|
105
|
-
}
|
|
106
|
-
]
|
|
107
|
-
}
|
|
108
|
-
],
|
|
109
|
-
"attributes": [
|
|
110
|
-
{
|
|
111
|
-
"name": "disabled",
|
|
112
|
-
"type": {
|
|
113
|
-
"text": "boolean"
|
|
114
|
-
},
|
|
115
|
-
"default": "false",
|
|
116
|
-
"fieldName": "disabled"
|
|
117
|
-
},
|
|
118
|
-
{
|
|
119
|
-
"name": "focused",
|
|
120
|
-
"type": {
|
|
121
|
-
"text": "boolean"
|
|
122
|
-
},
|
|
123
|
-
"default": "false",
|
|
124
|
-
"fieldName": "focused"
|
|
125
|
-
},
|
|
126
|
-
{
|
|
127
|
-
"name": "open",
|
|
128
|
-
"type": {
|
|
129
|
-
"text": "boolean"
|
|
130
|
-
},
|
|
131
|
-
"default": "false",
|
|
132
|
-
"fieldName": "open"
|
|
133
|
-
},
|
|
134
|
-
{
|
|
135
|
-
"name": "color",
|
|
136
|
-
"type": {
|
|
137
|
-
"text": "string"
|
|
138
|
-
},
|
|
139
|
-
"default": "'rgba(255, 0, 0, 0.5)'",
|
|
140
|
-
"fieldName": "color"
|
|
141
|
-
}
|
|
142
|
-
],
|
|
143
|
-
"superclass": {
|
|
144
|
-
"name": "SpectrumElement",
|
|
145
|
-
"package": "@spectrum-web-components/base"
|
|
146
|
-
},
|
|
147
|
-
"tagName": "sp-color-handle",
|
|
148
|
-
"customElement": true
|
|
149
|
-
}
|
|
150
|
-
],
|
|
151
|
-
"exports": [
|
|
152
|
-
{
|
|
153
|
-
"kind": "js",
|
|
154
|
-
"name": "ColorHandle",
|
|
155
|
-
"declaration": {
|
|
156
|
-
"name": "ColorHandle",
|
|
157
|
-
"module": "src/ColorHandle.js"
|
|
158
|
-
}
|
|
159
|
-
}
|
|
160
|
-
]
|
|
161
|
-
}
|
|
162
|
-
]
|
|
163
|
-
}
|
package/sp-color-handle.d.ts
DELETED
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright 2025 Adobe. All rights reserved.
|
|
3
|
-
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
4
|
-
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
5
|
-
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
6
|
-
*
|
|
7
|
-
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
8
|
-
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
9
|
-
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
10
|
-
* governing permissions and limitations under the License.
|
|
11
|
-
*/
|
|
12
|
-
import { ColorHandle } from './src/ColorHandle.js';
|
|
13
|
-
declare global {
|
|
14
|
-
interface HTMLElementTagNameMap {
|
|
15
|
-
'sp-color-handle': ColorHandle;
|
|
16
|
-
}
|
|
17
|
-
}
|
package/sp-color-handle.dev.js
DELETED
package/sp-color-handle.js
DELETED