@rubin-epo/epo-widget-lib 0.2.0 → 0.4.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 (114) hide show
  1. package/README.MD +21 -15
  2. package/dist/CameraFilter.cjs +1 -0
  3. package/dist/CameraFilter.d.ts +3 -0
  4. package/dist/CameraFilter.js +99 -0
  5. package/dist/ColorTool.cjs +1 -0
  6. package/dist/ColorTool.d.ts +3 -0
  7. package/dist/ColorTool.js +116 -0
  8. package/dist/FilterTool.cjs +1 -0
  9. package/dist/FilterTool.d.ts +3 -0
  10. package/dist/FilterTool.js +253 -0
  11. package/dist/SourceSelector.cjs +1 -0
  12. package/dist/SourceSelector.d.ts +3 -0
  13. package/dist/SourceSelector.js +97 -0
  14. package/dist/atomic/Blinker/Blinker.cjs +1 -0
  15. package/dist/atomic/Blinker/Blinker.d.ts +2 -2
  16. package/dist/atomic/Blinker/Blinker.js +68 -0
  17. package/dist/atomic/Blinker/Controls/Controls.cjs +1 -0
  18. package/dist/atomic/Blinker/Controls/Controls.js +58 -0
  19. package/dist/atomic/Blinker/Controls/styles.cjs +13 -0
  20. package/dist/atomic/Blinker/Controls/styles.d.ts +2 -1
  21. package/dist/atomic/Blinker/Controls/styles.js +17 -0
  22. package/dist/atomic/Blinker/Image/Image.cjs +1 -0
  23. package/dist/atomic/Blinker/Image/Image.d.ts +2 -2
  24. package/dist/atomic/Blinker/Image/Image.js +23 -0
  25. package/dist/atomic/Blinker/Image/styles.cjs +22 -0
  26. package/dist/atomic/Blinker/Image/styles.d.ts +4 -3
  27. package/dist/atomic/Blinker/Image/styles.js +26 -0
  28. package/dist/atomic/Blinker/Images/Images.cjs +1 -0
  29. package/dist/atomic/Blinker/Images/Images.js +37 -0
  30. package/dist/atomic/Blinker/Images/styles.cjs +15 -0
  31. package/dist/atomic/Blinker/Images/styles.d.ts +5 -4
  32. package/dist/atomic/Blinker/Images/styles.js +20 -0
  33. package/dist/atomic/Blinker/_mocks/index.d.ts +2 -0
  34. package/dist/atomic/Blinker/styles.cjs +26 -0
  35. package/dist/atomic/Blinker/styles.d.ts +7 -9
  36. package/dist/atomic/Blinker/styles.js +34 -0
  37. package/dist/atomic/ElapsedTime/ElapsedTime.cjs +1 -0
  38. package/dist/atomic/ElapsedTime/ElapsedTime.js +34 -0
  39. package/dist/atomic/ElapsedTime/styles.cjs +40 -0
  40. package/dist/atomic/ElapsedTime/styles.d.ts +7 -6
  41. package/dist/atomic/ElapsedTime/styles.js +49 -0
  42. package/dist/atomic/PlaybackControl/PlaybackControl.cjs +1 -0
  43. package/dist/atomic/PlaybackControl/PlaybackControl.d.ts +1 -1
  44. package/dist/atomic/PlaybackControl/PlaybackControl.js +17 -0
  45. package/dist/atomic/PlaybackControl/styles.cjs +39 -0
  46. package/dist/atomic/PlaybackControl/styles.d.ts +3 -2
  47. package/dist/atomic/PlaybackControl/styles.js +44 -0
  48. package/dist/hooks/useInterval.cjs +1 -0
  49. package/dist/hooks/useInterval.js +18 -0
  50. package/dist/lib/utils.cjs +1 -0
  51. package/dist/lib/utils.js +18 -0
  52. package/dist/lib/utils.test.d.ts +1 -0
  53. package/dist/localeStrings/en/epo-widget-lib.json +77 -0
  54. package/dist/localeStrings/es/epo-widget-lib.json +33 -0
  55. package/dist/styles/svg.cjs +8 -0
  56. package/dist/styles/svg.d.ts +2 -1
  57. package/dist/styles/svg.js +12 -0
  58. package/dist/widgets/CameraFilter/CondensedFilterRanges/CondensedFilterRanges.cjs +1 -0
  59. package/dist/widgets/CameraFilter/CondensedFilterRanges/CondensedFilterRanges.js +61 -0
  60. package/dist/widgets/CameraFilter/SpectrumDisplay/ColorLabels/ColorLabels.cjs +1 -0
  61. package/dist/widgets/CameraFilter/SpectrumDisplay/ColorLabels/ColorLabels.js +95 -0
  62. package/dist/widgets/CameraFilter/SpectrumDisplay/SpectrumDisplay.cjs +1 -0
  63. package/dist/widgets/CameraFilter/SpectrumDisplay/SpectrumDisplay.js +98 -0
  64. package/dist/widgets/CameraFilter/SpectrumDisplay/SpectrumLabels/SpectrumLabels.cjs +1 -0
  65. package/dist/widgets/CameraFilter/SpectrumDisplay/SpectrumLabels/SpectrumLabels.js +58 -0
  66. package/dist/widgets/CameraFilter/data.cjs +1 -0
  67. package/dist/widgets/CameraFilter/data.js +85 -0
  68. package/dist/widgets/CameraFilter/styles.cjs +64 -0
  69. package/dist/widgets/CameraFilter/styles.d.ts +19 -18
  70. package/dist/widgets/CameraFilter/styles.js +82 -0
  71. package/dist/widgets/ColorTool/ColorTool.d.ts +1 -3
  72. package/dist/widgets/ColorTool/FilterControls/FilterControls.cjs +1 -0
  73. package/dist/widgets/ColorTool/FilterControls/FilterControls.d.ts +1 -1
  74. package/dist/widgets/ColorTool/FilterControls/FilterControls.js +63 -0
  75. package/dist/widgets/ColorTool/FilterImage/FilterImage.cjs +1 -0
  76. package/dist/widgets/ColorTool/FilterImage/FilterImage.js +41 -0
  77. package/dist/widgets/ColorTool/ImageComposite/ImageComposite.cjs +1 -0
  78. package/dist/widgets/ColorTool/ImageComposite/ImageComposite.js +33 -0
  79. package/dist/widgets/ColorTool/styles.cjs +129 -0
  80. package/dist/widgets/ColorTool/styles.d.ts +21 -21
  81. package/dist/widgets/ColorTool/styles.js +149 -0
  82. package/dist/widgets/ColorTool/utilities.cjs +1 -0
  83. package/dist/widgets/ColorTool/utilities.js +38 -0
  84. package/dist/widgets/FilterTool/FilterTool.d.ts +3 -1
  85. package/dist/widgets/FilterTool/styles.cjs +36 -0
  86. package/dist/widgets/FilterTool/styles.d.ts +10 -15
  87. package/dist/widgets/FilterTool/styles.js +49 -0
  88. package/dist/widgets/SourceSelector/Message/Message.cjs +1 -0
  89. package/dist/widgets/SourceSelector/Message/Message.js +21 -0
  90. package/dist/widgets/SourceSelector/Message/styles.cjs +23 -0
  91. package/dist/widgets/SourceSelector/Message/styles.d.ts +5 -0
  92. package/dist/widgets/SourceSelector/Message/styles.js +28 -0
  93. package/dist/widgets/SourceSelector/Point/Point.cjs +1 -0
  94. package/dist/widgets/SourceSelector/Point/Point.js +45 -0
  95. package/dist/widgets/SourceSelector/Point/styles.cjs +11 -0
  96. package/dist/widgets/SourceSelector/Point/styles.d.ts +4 -3
  97. package/dist/widgets/SourceSelector/Point/styles.js +15 -0
  98. package/dist/widgets/SourceSelector/Points/Points.cjs +1 -0
  99. package/dist/widgets/SourceSelector/Points/Points.js +35 -0
  100. package/dist/widgets/SourceSelector/SourceSelector.d.ts +2 -2
  101. package/dist/widgets/SourceSelector/mocks/index.d.ts +7 -0
  102. package/dist/widgets/SourceSelector/styles.cjs +20 -0
  103. package/dist/widgets/SourceSelector/styles.d.ts +9 -7
  104. package/dist/widgets/SourceSelector/styles.js +30 -0
  105. package/dist/widgets/SourceSelector/utilities.cjs +1 -0
  106. package/dist/widgets/SourceSelector/utilities.js +7 -0
  107. package/dist/widgets/SourceSelector/utilities.test.d.ts +1 -0
  108. package/package.json +10 -10
  109. package/dist/assets/locales/index.d.ts +0 -115
  110. package/dist/epo-widget-lib.es.js +0 -3434
  111. package/dist/epo-widget-lib.umd.js +0 -459
  112. package/dist/index.d.ts +0 -6
  113. package/dist/types/astro.d.ts +0 -35
  114. package/dist/vite-env.d.ts +0 -1
@@ -1,3434 +0,0 @@
1
- import { localeStrings as Or, SelectListbox as ft, tokens as Ir, HorizontalSlider as Jn, Button as Pr, Select as Xn, ColorSwatch as Zn, IconComposer as Rr, CircularLoader as Qn, Toast as ea } from "@rubin-epo/epo-react-lib";
2
- import { GlobalStyles as eh } from "@rubin-epo/epo-react-lib";
3
- import Lr, { useRef as dt, useState as G, useEffect as U } from "react";
4
- import { useTranslation as ne, Trans as le } from "react-i18next";
5
- import ut from "use-resize-observer";
6
- import b, { css as j } from "styled-components";
7
- const ta = {
8
- blinker: {
9
- controls: {
10
- rewind: "Rewind",
11
- forward: "Forward",
12
- play: "Play",
13
- pause: "Pause"
14
- }
15
- },
16
- elapsed_time: {
17
- title: "Elapsed Time",
18
- step: {
19
- day_one: "Day",
20
- day_other: "Days",
21
- hour_one: "Hour",
22
- hour_other: "Hours",
23
- minute_one: "Minute",
24
- minute_other: "Minutes",
25
- second_one: "Second",
26
- second_other: "Seconds",
27
- year_one: "Year",
28
- year_other: "Years"
29
- }
30
- },
31
- filterTool: {
32
- title: "Filter Tool",
33
- filter: "Filter",
34
- whiteLight: "White Light",
35
- prism: "Prism",
36
- selectLabel: "Select a filter:",
37
- colors: {
38
- violet: "Violet",
39
- blue: "Blue",
40
- green: "Green",
41
- yellow: "Yellow",
42
- orange: "Orange",
43
- red: "Red",
44
- none: "None"
45
- }
46
- },
47
- colorTool: {
48
- labels: {
49
- object_type: "Object type:",
50
- object: "Object:",
51
- object_selected: "Selected object:",
52
- filter: "Filter",
53
- color: "Color",
54
- color_intensity: "Color Intensity"
55
- },
56
- actions: {
57
- select_an_object: "Select an object",
58
- select_filter: "Select a filter",
59
- reset: "Reset"
60
- }
61
- },
62
- source_selector: {
63
- messages: {
64
- success: "You found it!",
65
- failure: "Try again."
66
- }
67
- },
68
- camera_filter: {
69
- title: "Rubin Observatory LSST Camera Filter Ranges",
70
- labels: {
71
- select: "Select one of the Rubin filters",
72
- option: "{{band}} filter",
73
- option_none: "None",
74
- captured_range: "Electromagnetic spectrums captured with {{filter}} filter applied",
75
- captured_range_no_filter: "Electromagnetic spectrums without filter applied",
76
- ultraviolet: "Ultraviolet",
77
- visible: "Visible Light",
78
- infrared: "Infrared"
79
- }
80
- }
81
- }, nt = {
82
- translation: ta
83
- }, ra = {
84
- elapsed_time: {
85
- title: "Tiempo transcurrido",
86
- step: {
87
- day_one: "Día",
88
- day_other: "Días",
89
- hour_one: "Hora",
90
- hour_other: "Horas",
91
- minute_one: "Minuto",
92
- minute_other: "Minutos",
93
- second_one: "Segundo",
94
- second_other: "Segundos",
95
- year_one: "Año",
96
- year_other: "Años"
97
- }
98
- },
99
- filterTool: {
100
- title: "Herramienta de filtro",
101
- filter: "El filtro",
102
- whiteLight: "Luz blanca",
103
- prism: "Prisma",
104
- selectLabel: "Seleccione un filtro:",
105
- colors: {
106
- violet: "Violeta",
107
- blue: "Azul",
108
- green: "Verde",
109
- yellow: "Amarillo",
110
- orange: "Naranja",
111
- red: "Rojo",
112
- none: "Ninguno"
113
- }
114
- }
115
- }, at = {
116
- translation: ra
117
- };
118
- nt.translation = { ...nt.translation, ...Or.en.translation };
119
- at.translation = { ...at.translation, ...Or.es.translation };
120
- const Xg = { en: nt, es: at };
121
- var Ie = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, _e = {}, na = {
122
- get exports() {
123
- return _e;
124
- },
125
- set exports(e) {
126
- _e = e;
127
- }
128
- }, be = {};
129
- /**
130
- * @license React
131
- * react-jsx-runtime.production.min.js
132
- *
133
- * Copyright (c) Facebook, Inc. and its affiliates.
134
- *
135
- * This source code is licensed under the MIT license found in the
136
- * LICENSE file in the root directory of this source tree.
137
- */
138
- var Ht;
139
- function aa() {
140
- if (Ht)
141
- return be;
142
- Ht = 1;
143
- var e = Lr, t = Symbol.for("react.element"), r = Symbol.for("react.fragment"), a = Object.prototype.hasOwnProperty, o = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, l = { key: !0, ref: !0, __self: !0, __source: !0 };
144
- function s(f, u, d) {
145
- var h, v = {}, p = null, C = null;
146
- d !== void 0 && (p = "" + d), u.key !== void 0 && (p = "" + u.key), u.ref !== void 0 && (C = u.ref);
147
- for (h in u)
148
- a.call(u, h) && !l.hasOwnProperty(h) && (v[h] = u[h]);
149
- if (f && f.defaultProps)
150
- for (h in u = f.defaultProps, u)
151
- v[h] === void 0 && (v[h] = u[h]);
152
- return { $$typeof: t, type: f, key: p, ref: C, props: v, _owner: o.current };
153
- }
154
- return be.Fragment = r, be.jsx = s, be.jsxs = s, be;
155
- }
156
- var ye = {};
157
- /**
158
- * @license React
159
- * react-jsx-runtime.development.js
160
- *
161
- * Copyright (c) Facebook, Inc. and its affiliates.
162
- *
163
- * This source code is licensed under the MIT license found in the
164
- * LICENSE file in the root directory of this source tree.
165
- */
166
- var zt;
167
- function oa() {
168
- return zt || (zt = 1, process.env.NODE_ENV !== "production" && function() {
169
- var e = Lr, t = Symbol.for("react.element"), r = Symbol.for("react.portal"), a = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), l = Symbol.for("react.profiler"), s = Symbol.for("react.provider"), f = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), h = Symbol.for("react.suspense_list"), v = Symbol.for("react.memo"), p = Symbol.for("react.lazy"), C = Symbol.for("react.offscreen"), m = Symbol.iterator, x = "@@iterator";
170
- function E(n) {
171
- if (n === null || typeof n != "object")
172
- return null;
173
- var c = m && n[m] || n[x];
174
- return typeof c == "function" ? c : null;
175
- }
176
- var y = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
177
- function _(n) {
178
- {
179
- for (var c = arguments.length, g = new Array(c > 1 ? c - 1 : 0), $ = 1; $ < c; $++)
180
- g[$ - 1] = arguments[$];
181
- z("error", n, g);
182
- }
183
- }
184
- function z(n, c, g) {
185
- {
186
- var $ = y.ReactDebugCurrentFrame, A = $.getStackAddendum();
187
- A !== "" && (c += "%s", g = g.concat([A]));
188
- var O = g.map(function(S) {
189
- return String(S);
190
- });
191
- O.unshift("Warning: " + c), Function.prototype.apply.call(console[n], console, O);
192
- }
193
- }
194
- var M = !1, L = !1, Y = !1, ee = !1, W = !1, k;
195
- k = Symbol.for("react.module.reference");
196
- function B(n) {
197
- return !!(typeof n == "string" || typeof n == "function" || n === a || n === l || W || n === o || n === d || n === h || ee || n === C || M || L || Y || typeof n == "object" && n !== null && (n.$$typeof === p || n.$$typeof === v || n.$$typeof === s || n.$$typeof === f || n.$$typeof === u || // This needs to include all possible module reference object
198
- // types supported by any Flight configuration anywhere since
199
- // we don't know which Flight build this will end up being used
200
- // with.
201
- n.$$typeof === k || n.getModuleId !== void 0));
202
- }
203
- function X(n, c, g) {
204
- var $ = n.displayName;
205
- if ($)
206
- return $;
207
- var A = c.displayName || c.name || "";
208
- return A !== "" ? g + "(" + A + ")" : g;
209
- }
210
- function N(n) {
211
- return n.displayName || "Context";
212
- }
213
- function D(n) {
214
- if (n == null)
215
- return null;
216
- if (typeof n.tag == "number" && _("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof n == "function")
217
- return n.displayName || n.name || null;
218
- if (typeof n == "string")
219
- return n;
220
- switch (n) {
221
- case a:
222
- return "Fragment";
223
- case r:
224
- return "Portal";
225
- case l:
226
- return "Profiler";
227
- case o:
228
- return "StrictMode";
229
- case d:
230
- return "Suspense";
231
- case h:
232
- return "SuspenseList";
233
- }
234
- if (typeof n == "object")
235
- switch (n.$$typeof) {
236
- case f:
237
- var c = n;
238
- return N(c) + ".Consumer";
239
- case s:
240
- var g = n;
241
- return N(g._context) + ".Provider";
242
- case u:
243
- return X(n, n.render, "ForwardRef");
244
- case v:
245
- var $ = n.displayName || null;
246
- return $ !== null ? $ : D(n.type) || "Memo";
247
- case p: {
248
- var A = n, O = A._payload, S = A._init;
249
- try {
250
- return D(S(O));
251
- } catch {
252
- return null;
253
- }
254
- }
255
- }
256
- return null;
257
- }
258
- var Z = Object.assign, te = 0, xe, Ct, wt, xt, Tt, St, At;
259
- function Et() {
260
- }
261
- Et.__reactDisabledLog = !0;
262
- function Tn() {
263
- {
264
- if (te === 0) {
265
- xe = console.log, Ct = console.info, wt = console.warn, xt = console.error, Tt = console.group, St = console.groupCollapsed, At = console.groupEnd;
266
- var n = {
267
- configurable: !0,
268
- enumerable: !0,
269
- value: Et,
270
- writable: !0
271
- };
272
- Object.defineProperties(console, {
273
- info: n,
274
- log: n,
275
- warn: n,
276
- error: n,
277
- group: n,
278
- groupCollapsed: n,
279
- groupEnd: n
280
- });
281
- }
282
- te++;
283
- }
284
- }
285
- function Sn() {
286
- {
287
- if (te--, te === 0) {
288
- var n = {
289
- configurable: !0,
290
- enumerable: !0,
291
- writable: !0
292
- };
293
- Object.defineProperties(console, {
294
- log: Z({}, n, {
295
- value: xe
296
- }),
297
- info: Z({}, n, {
298
- value: Ct
299
- }),
300
- warn: Z({}, n, {
301
- value: wt
302
- }),
303
- error: Z({}, n, {
304
- value: xt
305
- }),
306
- group: Z({}, n, {
307
- value: Tt
308
- }),
309
- groupCollapsed: Z({}, n, {
310
- value: St
311
- }),
312
- groupEnd: Z({}, n, {
313
- value: At
314
- })
315
- });
316
- }
317
- te < 0 && _("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
318
- }
319
- }
320
- var Ue = y.ReactCurrentDispatcher, Ke;
321
- function Te(n, c, g) {
322
- {
323
- if (Ke === void 0)
324
- try {
325
- throw Error();
326
- } catch (A) {
327
- var $ = A.stack.trim().match(/\n( *(at )?)/);
328
- Ke = $ && $[1] || "";
329
- }
330
- return `
331
- ` + Ke + n;
332
- }
333
- }
334
- var Ye = !1, Se;
335
- {
336
- var An = typeof WeakMap == "function" ? WeakMap : Map;
337
- Se = new An();
338
- }
339
- function Ot(n, c) {
340
- if (!n || Ye)
341
- return "";
342
- {
343
- var g = Se.get(n);
344
- if (g !== void 0)
345
- return g;
346
- }
347
- var $;
348
- Ye = !0;
349
- var A = Error.prepareStackTrace;
350
- Error.prepareStackTrace = void 0;
351
- var O;
352
- O = Ue.current, Ue.current = null, Tn();
353
- try {
354
- if (c) {
355
- var S = function() {
356
- throw Error();
357
- };
358
- if (Object.defineProperty(S.prototype, "props", {
359
- set: function() {
360
- throw Error();
361
- }
362
- }), typeof Reflect == "object" && Reflect.construct) {
363
- try {
364
- Reflect.construct(S, []);
365
- } catch (q) {
366
- $ = q;
367
- }
368
- Reflect.construct(n, [], S);
369
- } else {
370
- try {
371
- S.call();
372
- } catch (q) {
373
- $ = q;
374
- }
375
- n.call(S.prototype);
376
- }
377
- } else {
378
- try {
379
- throw Error();
380
- } catch (q) {
381
- $ = q;
382
- }
383
- n();
384
- }
385
- } catch (q) {
386
- if (q && $ && typeof q.stack == "string") {
387
- for (var T = q.stack.split(`
388
- `), F = $.stack.split(`
389
- `), P = T.length - 1, R = F.length - 1; P >= 1 && R >= 0 && T[P] !== F[R]; )
390
- R--;
391
- for (; P >= 1 && R >= 0; P--, R--)
392
- if (T[P] !== F[R]) {
393
- if (P !== 1 || R !== 1)
394
- do
395
- if (P--, R--, R < 0 || T[P] !== F[R]) {
396
- var H = `
397
- ` + T[P].replace(" at new ", " at ");
398
- return n.displayName && H.includes("<anonymous>") && (H = H.replace("<anonymous>", n.displayName)), typeof n == "function" && Se.set(n, H), H;
399
- }
400
- while (P >= 1 && R >= 0);
401
- break;
402
- }
403
- }
404
- } finally {
405
- Ye = !1, Ue.current = O, Sn(), Error.prepareStackTrace = A;
406
- }
407
- var oe = n ? n.displayName || n.name : "", Wt = oe ? Te(oe) : "";
408
- return typeof n == "function" && Se.set(n, Wt), Wt;
409
- }
410
- function En(n, c, g) {
411
- return Ot(n, !1);
412
- }
413
- function On(n) {
414
- var c = n.prototype;
415
- return !!(c && c.isReactComponent);
416
- }
417
- function Ae(n, c, g) {
418
- if (n == null)
419
- return "";
420
- if (typeof n == "function")
421
- return Ot(n, On(n));
422
- if (typeof n == "string")
423
- return Te(n);
424
- switch (n) {
425
- case d:
426
- return Te("Suspense");
427
- case h:
428
- return Te("SuspenseList");
429
- }
430
- if (typeof n == "object")
431
- switch (n.$$typeof) {
432
- case u:
433
- return En(n.render);
434
- case v:
435
- return Ae(n.type, c, g);
436
- case p: {
437
- var $ = n, A = $._payload, O = $._init;
438
- try {
439
- return Ae(O(A), c, g);
440
- } catch {
441
- }
442
- }
443
- }
444
- return "";
445
- }
446
- var Ee = Object.prototype.hasOwnProperty, It = {}, Pt = y.ReactDebugCurrentFrame;
447
- function Oe(n) {
448
- if (n) {
449
- var c = n._owner, g = Ae(n.type, n._source, c ? c.type : null);
450
- Pt.setExtraStackFrame(g);
451
- } else
452
- Pt.setExtraStackFrame(null);
453
- }
454
- function In(n, c, g, $, A) {
455
- {
456
- var O = Function.call.bind(Ee);
457
- for (var S in n)
458
- if (O(n, S)) {
459
- var T = void 0;
460
- try {
461
- if (typeof n[S] != "function") {
462
- var F = Error(($ || "React class") + ": " + g + " type `" + S + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof n[S] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
463
- throw F.name = "Invariant Violation", F;
464
- }
465
- T = n[S](c, S, $, g, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
466
- } catch (P) {
467
- T = P;
468
- }
469
- T && !(T instanceof Error) && (Oe(A), _("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", $ || "React class", g, S, typeof T), Oe(null)), T instanceof Error && !(T.message in It) && (It[T.message] = !0, Oe(A), _("Failed %s type: %s", g, T.message), Oe(null));
470
- }
471
- }
472
- }
473
- var Pn = Array.isArray;
474
- function qe(n) {
475
- return Pn(n);
476
- }
477
- function Rn(n) {
478
- {
479
- var c = typeof Symbol == "function" && Symbol.toStringTag, g = c && n[Symbol.toStringTag] || n.constructor.name || "Object";
480
- return g;
481
- }
482
- }
483
- function Ln(n) {
484
- try {
485
- return Rt(n), !1;
486
- } catch {
487
- return !0;
488
- }
489
- }
490
- function Rt(n) {
491
- return "" + n;
492
- }
493
- function Lt(n) {
494
- if (Ln(n))
495
- return _("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Rn(n)), Rt(n);
496
- }
497
- var ve = y.ReactCurrentOwner, jn = {
498
- key: !0,
499
- ref: !0,
500
- __self: !0,
501
- __source: !0
502
- }, jt, Mt, Ve;
503
- Ve = {};
504
- function Mn(n) {
505
- if (Ee.call(n, "ref")) {
506
- var c = Object.getOwnPropertyDescriptor(n, "ref").get;
507
- if (c && c.isReactWarning)
508
- return !1;
509
- }
510
- return n.ref !== void 0;
511
- }
512
- function kn(n) {
513
- if (Ee.call(n, "key")) {
514
- var c = Object.getOwnPropertyDescriptor(n, "key").get;
515
- if (c && c.isReactWarning)
516
- return !1;
517
- }
518
- return n.key !== void 0;
519
- }
520
- function Dn(n, c) {
521
- if (typeof n.ref == "string" && ve.current && c && ve.current.stateNode !== c) {
522
- var g = D(ve.current.type);
523
- Ve[g] || (_('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', D(ve.current.type), n.ref), Ve[g] = !0);
524
- }
525
- }
526
- function Fn(n, c) {
527
- {
528
- var g = function() {
529
- jt || (jt = !0, _("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", c));
530
- };
531
- g.isReactWarning = !0, Object.defineProperty(n, "key", {
532
- get: g,
533
- configurable: !0
534
- });
535
- }
536
- }
537
- function Nn(n, c) {
538
- {
539
- var g = function() {
540
- Mt || (Mt = !0, _("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", c));
541
- };
542
- g.isReactWarning = !0, Object.defineProperty(n, "ref", {
543
- get: g,
544
- configurable: !0
545
- });
546
- }
547
- }
548
- var Bn = function(n, c, g, $, A, O, S) {
549
- var T = {
550
- // This tag allows us to uniquely identify this as a React Element
551
- $$typeof: t,
552
- // Built-in properties that belong on the element
553
- type: n,
554
- key: c,
555
- ref: g,
556
- props: S,
557
- // Record the component responsible for creating this element.
558
- _owner: O
559
- };
560
- return T._store = {}, Object.defineProperty(T._store, "validated", {
561
- configurable: !1,
562
- enumerable: !1,
563
- writable: !0,
564
- value: !1
565
- }), Object.defineProperty(T, "_self", {
566
- configurable: !1,
567
- enumerable: !1,
568
- writable: !1,
569
- value: $
570
- }), Object.defineProperty(T, "_source", {
571
- configurable: !1,
572
- enumerable: !1,
573
- writable: !1,
574
- value: A
575
- }), Object.freeze && (Object.freeze(T.props), Object.freeze(T)), T;
576
- };
577
- function Gn(n, c, g, $, A) {
578
- {
579
- var O, S = {}, T = null, F = null;
580
- g !== void 0 && (Lt(g), T = "" + g), kn(c) && (Lt(c.key), T = "" + c.key), Mn(c) && (F = c.ref, Dn(c, A));
581
- for (O in c)
582
- Ee.call(c, O) && !jn.hasOwnProperty(O) && (S[O] = c[O]);
583
- if (n && n.defaultProps) {
584
- var P = n.defaultProps;
585
- for (O in P)
586
- S[O] === void 0 && (S[O] = P[O]);
587
- }
588
- if (T || F) {
589
- var R = typeof n == "function" ? n.displayName || n.name || "Unknown" : n;
590
- T && Fn(S, R), F && Nn(S, R);
591
- }
592
- return Bn(n, T, F, A, $, ve.current, S);
593
- }
594
- }
595
- var Je = y.ReactCurrentOwner, kt = y.ReactDebugCurrentFrame;
596
- function ae(n) {
597
- if (n) {
598
- var c = n._owner, g = Ae(n.type, n._source, c ? c.type : null);
599
- kt.setExtraStackFrame(g);
600
- } else
601
- kt.setExtraStackFrame(null);
602
- }
603
- var Xe;
604
- Xe = !1;
605
- function Ze(n) {
606
- return typeof n == "object" && n !== null && n.$$typeof === t;
607
- }
608
- function Dt() {
609
- {
610
- if (Je.current) {
611
- var n = D(Je.current.type);
612
- if (n)
613
- return `
614
-
615
- Check the render method of \`` + n + "`.";
616
- }
617
- return "";
618
- }
619
- }
620
- function Wn(n) {
621
- {
622
- if (n !== void 0) {
623
- var c = n.fileName.replace(/^.*[\\\/]/, ""), g = n.lineNumber;
624
- return `
625
-
626
- Check your code at ` + c + ":" + g + ".";
627
- }
628
- return "";
629
- }
630
- }
631
- var Ft = {};
632
- function Hn(n) {
633
- {
634
- var c = Dt();
635
- if (!c) {
636
- var g = typeof n == "string" ? n : n.displayName || n.name;
637
- g && (c = `
638
-
639
- Check the top-level render call using <` + g + ">.");
640
- }
641
- return c;
642
- }
643
- }
644
- function Nt(n, c) {
645
- {
646
- if (!n._store || n._store.validated || n.key != null)
647
- return;
648
- n._store.validated = !0;
649
- var g = Hn(c);
650
- if (Ft[g])
651
- return;
652
- Ft[g] = !0;
653
- var $ = "";
654
- n && n._owner && n._owner !== Je.current && ($ = " It was passed a child from " + D(n._owner.type) + "."), ae(n), _('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', g, $), ae(null);
655
- }
656
- }
657
- function Bt(n, c) {
658
- {
659
- if (typeof n != "object")
660
- return;
661
- if (qe(n))
662
- for (var g = 0; g < n.length; g++) {
663
- var $ = n[g];
664
- Ze($) && Nt($, c);
665
- }
666
- else if (Ze(n))
667
- n._store && (n._store.validated = !0);
668
- else if (n) {
669
- var A = E(n);
670
- if (typeof A == "function" && A !== n.entries)
671
- for (var O = A.call(n), S; !(S = O.next()).done; )
672
- Ze(S.value) && Nt(S.value, c);
673
- }
674
- }
675
- }
676
- function zn(n) {
677
- {
678
- var c = n.type;
679
- if (c == null || typeof c == "string")
680
- return;
681
- var g;
682
- if (typeof c == "function")
683
- g = c.propTypes;
684
- else if (typeof c == "object" && (c.$$typeof === u || // Note: Memo only checks outer props here.
685
- // Inner props are checked in the reconciler.
686
- c.$$typeof === v))
687
- g = c.propTypes;
688
- else
689
- return;
690
- if (g) {
691
- var $ = D(c);
692
- In(g, n.props, "prop", $, n);
693
- } else if (c.PropTypes !== void 0 && !Xe) {
694
- Xe = !0;
695
- var A = D(c);
696
- _("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", A || "Unknown");
697
- }
698
- typeof c.getDefaultProps == "function" && !c.getDefaultProps.isReactClassApproved && _("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
699
- }
700
- }
701
- function Un(n) {
702
- {
703
- for (var c = Object.keys(n.props), g = 0; g < c.length; g++) {
704
- var $ = c[g];
705
- if ($ !== "children" && $ !== "key") {
706
- ae(n), _("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", $), ae(null);
707
- break;
708
- }
709
- }
710
- n.ref !== null && (ae(n), _("Invalid attribute `ref` supplied to `React.Fragment`."), ae(null));
711
- }
712
- }
713
- function Gt(n, c, g, $, A, O) {
714
- {
715
- var S = B(n);
716
- if (!S) {
717
- var T = "";
718
- (n === void 0 || typeof n == "object" && n !== null && Object.keys(n).length === 0) && (T += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
719
- var F = Wn(A);
720
- F ? T += F : T += Dt();
721
- var P;
722
- n === null ? P = "null" : qe(n) ? P = "array" : n !== void 0 && n.$$typeof === t ? (P = "<" + (D(n.type) || "Unknown") + " />", T = " Did you accidentally export a JSX literal instead of a component?") : P = typeof n, _("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", P, T);
723
- }
724
- var R = Gn(n, c, g, A, O);
725
- if (R == null)
726
- return R;
727
- if (S) {
728
- var H = c.children;
729
- if (H !== void 0)
730
- if ($)
731
- if (qe(H)) {
732
- for (var oe = 0; oe < H.length; oe++)
733
- Bt(H[oe], n);
734
- Object.freeze && Object.freeze(H);
735
- } else
736
- _("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
737
- else
738
- Bt(H, n);
739
- }
740
- return n === a ? Un(R) : zn(R), R;
741
- }
742
- }
743
- function Kn(n, c, g) {
744
- return Gt(n, c, g, !0);
745
- }
746
- function Yn(n, c, g) {
747
- return Gt(n, c, g, !1);
748
- }
749
- var qn = Yn, Vn = Kn;
750
- ye.Fragment = a, ye.jsx = qn, ye.jsxs = Vn;
751
- }()), ye;
752
- }
753
- (function(e) {
754
- process.env.NODE_ENV === "production" ? e.exports = aa() : e.exports = oa();
755
- })(na);
756
- const V = _e.Fragment, i = _e.jsx, w = _e.jsxs, Q = [
757
- { band: "u", range: [338, 395] },
758
- { range: [396, 404] },
759
- { band: "g", range: [405, 552] },
760
- { band: "r", range: [553, 690] },
761
- { band: "i", range: [690, 817] },
762
- { band: "z", range: [818, 920] },
763
- { band: "y", range: [920, 1010] }
764
- ], ia = [
765
- { offset: 0, stopColor: "#e0e0e0" },
766
- { offset: 0.262, stopColor: "#dedde0" },
767
- { offset: 0.41, stopColor: "#dbd5e1" },
768
- { offset: 0.53, stopColor: "#d4c7e3" },
769
- { offset: 0.635, stopColor: "#cbb3e6" },
770
- { offset: 0.73, stopColor: "#bf9aeb" },
771
- { offset: 0.818, stopColor: "#b17af0" },
772
- { offset: 0.9, stopColor: "#a055f5" },
773
- { offset: 0.976, stopColor: "#8c2afc" },
774
- { offset: 1, stopColor: "#861cff" }
775
- ], sa = [
776
- { offset: 0, stopColor: "#861cff" },
777
- { offset: 0.253, stopColor: "blue" },
778
- { offset: 0.266, stopColor: "#001ee0" },
779
- { offset: 0.302, stopColor: "#006d91" },
780
- { offset: 0.334, stopColor: "#00ab53" },
781
- { offset: 0.361, stopColor: "#00d826" },
782
- { offset: 0.382, stopColor: "#00f40a" },
783
- { offset: 0.394, stopColor: "lime" },
784
- { offset: 0.409, stopColor: "#05fe00" },
785
- { offset: 0.427, stopColor: "#14fc01" },
786
- { offset: 0.447, stopColor: "#2df803" },
787
- { offset: 0.468, stopColor: "#50f406" },
788
- { offset: 0.49, stopColor: "#7cee0a" },
789
- { offset: 0.513, stopColor: "#b3e70e" },
790
- { offset: 0.536, stopColor: "#f2de14" },
791
- { offset: 0.54, stopColor: "#ffdd15" },
792
- { offset: 0.559, stopColor: "#fccb17" },
793
- { offset: 0.598, stopColor: "#f49f1e" },
794
- { offset: 0.615, stopColor: "#f18922" },
795
- { offset: 0.634, stopColor: "#f08220" },
796
- { offset: 0.66, stopColor: "#f0711c" },
797
- { offset: 0.69, stopColor: "#ef5415" },
798
- { offset: 0.723, stopColor: "#ed2d0b" },
799
- { offset: 0.755, stopColor: "#ec0000" }
800
- ], la = [
801
- { offset: 0, stopColor: "#ec0000" },
802
- { offset: 0.387, stopColor: "#ea0e0e" },
803
- { offset: 0.526, stopColor: "#e53737" },
804
- { offset: 0.625, stopColor: "#e15d5d" },
805
- { offset: 0.705, stopColor: "#dd7d7d" },
806
- { offset: 0.774, stopColor: "#da9898" },
807
- { offset: 0.835, stopColor: "#d8aeae" },
808
- { offset: 0.89, stopColor: "#d6bfbf" },
809
- { offset: 0.941, stopColor: "#d4cbcb" },
810
- { offset: 0.986, stopColor: "#d4d2d2" },
811
- { offset: 1, stopColor: "#d4d4d4" }
812
- ], ca = [
813
- { name: "violet", color: "#861CFF", range: [380, 450] },
814
- { name: "blue", color: "#0000FF", range: [450, 495] },
815
- { name: "green", color: "#00FF00", range: [495, 570] },
816
- { name: "yellow", color: "#FFDD15", range: [570, 590] },
817
- { name: "orange", color: "#F18922", range: [590, 620] },
818
- { name: "red", color: "#EC0000", range: [620, 750] }
819
- ], Pe = [
820
- { name: "ultraviolet", upper: 400, stops: ia },
821
- { name: "visible", upper: 750, lower: 400, stops: sa, colors: ca },
822
- { name: "infrared", lower: 750, stops: la }
823
- ], Ut = 255, Kt = 322, Re = 1084, fa = {
824
- condensed: {
825
- min: Kt,
826
- max: Re,
827
- range: Re - Kt
828
- },
829
- default: {
830
- min: Ut,
831
- max: Re,
832
- range: Re - Ut
833
- }
834
- }, da = b.div`
835
- display: grid;
836
- grid-template-columns: 1fr;
837
- grid-auto-rows: min-content;
838
- text-align: center;
839
- position: relative;
840
- `, ua = b.table`
841
- border-collapse: collapse;
842
- text-align: center;
843
- ${({ range: e, offset: t }) => j`
844
- margin-left: ${t.toFixed(2)}%;
845
- width: ${e.toFixed(2)}%;
846
- `}
847
- `, pa = b.tbody`
848
- display: table-header-group;
849
- `, ga = b.thead`
850
- display: table-row-group;
851
- `, ha = b.td`
852
- line-height: 1.2;
853
- font-size: 80%;
854
- `, va = b.span`
855
- font-size: 80%;
856
- `, ba = b.th`
857
- font-size: 120%;
858
- font-weight: var(--FONT_WEIGHT_NORMAL, 400);
859
-
860
- ${({ band: e, isCondensed: t }) => j`
861
- border: ${e ? "solid #b2b2b2" : "none"};
862
- border-width: ${t ? "1px" : "3px"};
863
- `};
864
- `, ya = b.div`
865
- min-width: 20ch;
866
- width: 50%;
867
- max-width: 30ch;
868
- margin-block-start: 1em;
869
- justify-self: center;
870
- text-align: left;
871
- `, ma = b.label`
872
- font-size: 0.75em;
873
- `, _a = b.text`
874
- font-size: 0.75em;
875
- `, $a = b.tspan`
876
- font-size: 0.75em;
877
- `, Ca = b.tspan`
878
- font-size: 0.5em;
879
- `, wa = b.tspan`
880
- font-size: 0.4em;
881
- `, xa = b.ul`
882
- display: flex;
883
- justify-content: space-between;
884
- line-height: 1.2;
885
- font-size: 80%;
886
- margin: 0;
887
- padding: 0;
888
- list-style-type: none;
889
- `, Ta = b.li`
890
- list-style-type: none;
891
- margin: 0;
892
- padding: 0;
893
-
894
- &:before {
895
- content: "\200B";
896
- }
897
- `, jr = ({
898
- filters: e,
899
- min: t,
900
- spectrumRange: r
901
- }) => {
902
- const a = dt(null), o = a.current ? Array.from(a.current.children) : null;
903
- return /* @__PURE__ */ w(V, { children: [
904
- /* @__PURE__ */ i(xa, { ref: a, "data-testid": "condensed-filters", children: e.map(({ range: l, band: s }) => /* @__PURE__ */ w(Ta, { "aria-labelledby": `${s}-name`, children: [
905
- l.join("–"),
906
- /* @__PURE__ */ i("br", {}),
907
- "nm"
908
- ] }, s)) }),
909
- o && /* @__PURE__ */ i(
910
- "svg",
911
- {
912
- xmlns: "http://www.w3.org/2000/svg",
913
- preserveAspectRatio: "xMinYMin meet",
914
- viewBox: `${t} 0 ${r} 50`,
915
- role: "presentation",
916
- "aria-hidden": "true",
917
- children: /* @__PURE__ */ i("g", { role: "presentation", children: e.map(({ range: l, band: s }, f) => {
918
- const u = o[f], { offsetLeft: d, offsetWidth: h, offsetParent: v } = u, { offsetWidth: p } = v, C = r / p, m = (l[0] + l[1]) / 2, x = (d + h / 2) * C;
919
- return /* @__PURE__ */ w("g", { children: [
920
- /* @__PURE__ */ i(
921
- "line",
922
- {
923
- strokeWidth: 1,
924
- stroke: "#b2b2b2",
925
- x1: m,
926
- x2: m,
927
- y1: "100%",
928
- y2: "75%",
929
- role: "presentation"
930
- }
931
- ),
932
- /* @__PURE__ */ i(
933
- "line",
934
- {
935
- strokeWidth: 1,
936
- stroke: "#b2b2b2",
937
- x1: m,
938
- x2: x + t,
939
- y1: "75%",
940
- y2: "0%",
941
- role: "presentation"
942
- }
943
- )
944
- ] }, s);
945
- }) })
946
- }
947
- )
948
- ] });
949
- };
950
- jr.displayName = "Widgets.CameraFilter.CondensedFilterRanges";
951
- const Sa = (e, t) => {
952
- switch (!0) {
953
- case e > t:
954
- return 0;
955
- case e < 0:
956
- return t;
957
- default:
958
- return e;
959
- }
960
- }, Aa = (e, t, r) => e >= t && e <= r, Mr = (e = [], t = []) => {
961
- const r = e[0] < t[0] ? e : t, a = r === e ? t : e;
962
- return r[1] < a[0] ? null : [a[0], r[1] < a[1] ? r[1] : a[1]];
963
- }, kr = ({
964
- colors: e,
965
- activeRange: t,
966
- isBandSelected: r,
967
- isCondensed: a
968
- }) => {
969
- const o = a ? 350 : e[0].range[0], s = (a ? 1e3 : 820) - o, f = Math.floor(s / (e.length - 1));
970
- return /* @__PURE__ */ i("g", { role: "list", "data-testid": "color-labels", children: e.map(({ name: u, range: d, color: h }, v) => {
971
- const p = o + f * v, C = r && Mr(d, t) === null, m = (d[0] + d[1]) / 2;
972
- return /* @__PURE__ */ w("g", { children: [
973
- /* @__PURE__ */ i(
974
- "line",
975
- {
976
- strokeWidth: 1,
977
- stroke: "#b2b2b2",
978
- x1: m,
979
- x2: m,
980
- y1: "50%",
981
- y2: a ? "52.5%" : "55%",
982
- role: "presentation"
983
- }
984
- ),
985
- /* @__PURE__ */ i(
986
- "line",
987
- {
988
- strokeWidth: 1,
989
- stroke: "#b2b2b2",
990
- x1: m,
991
- x2: p,
992
- y1: a ? "52.5%" : "55%",
993
- y2: a ? "72.5%" : "70%",
994
- role: "presentation"
995
- }
996
- ),
997
- /* @__PURE__ */ i(
998
- "circle",
999
- {
1000
- cx: p,
1001
- cy: a ? "72.5%" : "70%",
1002
- r: a ? 15 : 10,
1003
- fill: h,
1004
- role: "presentation"
1005
- }
1006
- ),
1007
- /* @__PURE__ */ w(
1008
- "text",
1009
- {
1010
- x: p,
1011
- dominantBaseline: "middle",
1012
- textAnchor: "middle",
1013
- y: "75%",
1014
- role: "listitem",
1015
- "aria-hidden": C,
1016
- children: [
1017
- /* @__PURE__ */ i(
1018
- $a,
1019
- {
1020
- x: p,
1021
- dy: "1.25em",
1022
- textAnchor: "middle",
1023
- children: u
1024
- }
1025
- ),
1026
- /* @__PURE__ */ i(
1027
- Ca,
1028
- {
1029
- x: p,
1030
- dy: "1.25em",
1031
- textAnchor: "middle",
1032
- children: d.join("–")
1033
- }
1034
- ),
1035
- /* @__PURE__ */ i(
1036
- wa,
1037
- {
1038
- x: p,
1039
- dy: "1.25em",
1040
- textAnchor: "middle",
1041
- children: "nm"
1042
- }
1043
- )
1044
- ]
1045
- }
1046
- )
1047
- ] }, u);
1048
- }) });
1049
- };
1050
- kr.displayName = "Widgets.CameraFilter.ColorLabels";
1051
- const Dr = ({
1052
- spectrums: e,
1053
- activeBand: t,
1054
- min: r,
1055
- max: a,
1056
- activeMin: o = 0,
1057
- activeMax: l = 0,
1058
- isCondensed: s
1059
- }) => {
1060
- const { t: f } = ne(), u = f("camera_filter.labels.captured_range", {
1061
- context: t ? "" : "no_filter",
1062
- filter: t
1063
- });
1064
- return /* @__PURE__ */ i(
1065
- "g",
1066
- {
1067
- role: "list",
1068
- "aria-label": u,
1069
- "aria-live": "polite",
1070
- "data-testid": "spectrum-labels",
1071
- children: e.map(({ name: d, upper: h, lower: v, colors: p }) => {
1072
- const C = h || a, m = v || r, x = t && Mr([m, C], [o, l]) === null;
1073
- return /* @__PURE__ */ w("g", { role: "listitem", "aria-hidden": x, children: [
1074
- /* @__PURE__ */ i(
1075
- _a,
1076
- {
1077
- x: (C - m) / 2 + m,
1078
- y: "25%",
1079
- dominantBaseline: "middle",
1080
- textAnchor: "middle",
1081
- children: f(`camera_filter.labels.${d}`)
1082
- },
1083
- d
1084
- ),
1085
- p && /* @__PURE__ */ i(
1086
- kr,
1087
- {
1088
- colors: p,
1089
- isBandSelected: !!t,
1090
- activeRange: [o, l],
1091
- isCondensed: s
1092
- }
1093
- )
1094
- ] }, d);
1095
- })
1096
- }
1097
- );
1098
- };
1099
- Dr.displayName = "Widgets.CameraFilter.SpectrumLabels";
1100
- const Fr = ({
1101
- min: e,
1102
- max: t,
1103
- range: r,
1104
- isCondensed: a,
1105
- activeFilter: o
1106
- }) => /* @__PURE__ */ w(
1107
- "svg",
1108
- {
1109
- xmlns: "http://www.w3.org/2000/svg",
1110
- preserveAspectRatio: "xMinYMin meet",
1111
- viewBox: `${e} 0 ${r} 200`,
1112
- "data-testid": "spectrum-display",
1113
- children: [
1114
- /* @__PURE__ */ w("defs", { children: [
1115
- Pe.map(({ name: l, stops: s }) => /* @__PURE__ */ i("linearGradient", { id: `${l}-gradient`, children: s.map(({ offset: f, stopColor: u, id: d }) => /* @__PURE__ */ i(
1116
- "stop",
1117
- {
1118
- offset: f,
1119
- stopColor: u,
1120
- id: d
1121
- },
1122
- `${f}-${u}`
1123
- )) }, l)),
1124
- /* @__PURE__ */ w("mask", { id: "spectrumMask", children: [
1125
- /* @__PURE__ */ i("rect", { width: "100%", height: "50%", fill: "white", x: e }),
1126
- o && /* @__PURE__ */ w(V, { children: [
1127
- /* @__PURE__ */ i(
1128
- "rect",
1129
- {
1130
- x: e,
1131
- width: o.range[0] - e,
1132
- height: "100%",
1133
- fill: "black"
1134
- }
1135
- ),
1136
- /* @__PURE__ */ i(
1137
- "rect",
1138
- {
1139
- x: o.range[1],
1140
- width: t - o.range[1],
1141
- height: "100%",
1142
- fill: "black"
1143
- }
1144
- )
1145
- ] })
1146
- ] })
1147
- ] }),
1148
- /* @__PURE__ */ i("g", { mask: "url(#spectrumMask)", role: "presentation", children: Pe.map(({ name: l, upper: s, lower: f }) => /* @__PURE__ */ i(
1149
- "rect",
1150
- {
1151
- width: (s || t) - (f || e),
1152
- height: "50%",
1153
- fill: `url(#${l}-gradient)`,
1154
- x: f || e,
1155
- role: "presentation"
1156
- },
1157
- l
1158
- )) }),
1159
- /* @__PURE__ */ i("g", { children: Pe.map(
1160
- ({ name: l, upper: s }) => s && /* @__PURE__ */ i(
1161
- "line",
1162
- {
1163
- strokeWidth: 2,
1164
- strokeDasharray: "8 8",
1165
- stroke: o && !Aa(s, o.range[0], o.range[1]) ? "#000" : "#fff",
1166
- x1: s,
1167
- x2: s,
1168
- y1: 0,
1169
- y2: "50%"
1170
- },
1171
- l
1172
- )
1173
- ) }),
1174
- /* @__PURE__ */ i(
1175
- Dr,
1176
- {
1177
- spectrums: Pe,
1178
- activeBand: o == null ? void 0 : o.band,
1179
- min: e,
1180
- max: t,
1181
- activeMin: o == null ? void 0 : o.range[0],
1182
- activeMax: o == null ? void 0 : o.range[1],
1183
- isCondensed: a
1184
- }
1185
- )
1186
- ]
1187
- }
1188
- );
1189
- Fr.displayName = "Widgets.CameraFilter.SpectrumDisplay";
1190
- const Ea = () => {
1191
- const { t: e } = ne(), { ref: t, width: r = 1 } = ut(), [a, o] = G(null), { BREAK_TABLET: l } = Ir, s = r < parseInt(l), {
1192
- [s ? "condensed" : "default"]: { min: f, max: u, range: d }
1193
- } = fa, h = Q[0].range[0], p = Q[Q.length - 1].range[1] - h, C = Q.filter(({ band: y }) => y), x = [{
1194
- value: "none",
1195
- label: e("camera_filter.labels.option", { context: "none" })
1196
- }].concat(
1197
- C.map(({ band: y }) => ({
1198
- value: y,
1199
- label: e("camera_filter.labels.option", { band: y })
1200
- }))
1201
- ), E = Q.find(({ band: y }) => y === a);
1202
- return /* @__PURE__ */ w(da, { ref: t, children: [
1203
- /* @__PURE__ */ i("h1", { children: e("camera_filter.title") }),
1204
- s && /* @__PURE__ */ i(
1205
- jr,
1206
- {
1207
- filters: C,
1208
- min: f,
1209
- spectrumRange: d
1210
- }
1211
- ),
1212
- /* @__PURE__ */ w(
1213
- ua,
1214
- {
1215
- "aria-hidden": s,
1216
- range: p / d * 100,
1217
- offset: (h - f) / d * 100,
1218
- "data-testid": "expanded-filters",
1219
- children: [
1220
- /* @__PURE__ */ i("colgroup", { children: Q.map(({ range: y }) => /* @__PURE__ */ i(
1221
- "col",
1222
- {
1223
- style: {
1224
- width: `${(y[1] - y[0]) / p * 100}%`
1225
- }
1226
- },
1227
- y.join("")
1228
- )) }),
1229
- /* @__PURE__ */ i(ga, { children: /* @__PURE__ */ i("tr", { children: Q.map(({ band: y }) => /* @__PURE__ */ i(
1230
- ba,
1231
- {
1232
- id: `${y}-name`,
1233
- band: y,
1234
- scope: "col",
1235
- "aria-hidden": !y,
1236
- isCondensed: s,
1237
- children: y
1238
- },
1239
- y
1240
- )) }) }),
1241
- !s && /* @__PURE__ */ i(pa, { children: /* @__PURE__ */ i("tr", { children: Q.map(({ band: y, range: _ }) => /* @__PURE__ */ i(ha, { "aria-hidden": !y, children: y && /* @__PURE__ */ w(V, { children: [
1242
- _.join("–"),
1243
- /* @__PURE__ */ i("br", {}),
1244
- /* @__PURE__ */ i(va, { children: "nm" })
1245
- ] }) }, _.join())) }) })
1246
- ]
1247
- }
1248
- ),
1249
- /* @__PURE__ */ i(
1250
- Fr,
1251
- {
1252
- min: f,
1253
- max: u,
1254
- range: d,
1255
- isCondensed: s,
1256
- activeFilter: E
1257
- }
1258
- ),
1259
- /* @__PURE__ */ w(ya, { children: [
1260
- /* @__PURE__ */ i(ma, { id: "filterSelectLabel", children: e("camera_filter.labels.select") }),
1261
- /* @__PURE__ */ i(
1262
- ft,
1263
- {
1264
- options: x,
1265
- value: a,
1266
- onChangeCallback: (y) => o(y),
1267
- width: "100%",
1268
- maxWidth: "100%",
1269
- labelledById: "filterSelectLabel"
1270
- }
1271
- )
1272
- ] })
1273
- ] });
1274
- };
1275
- Ea.displayName = "Widgets.CameraFilter";
1276
- function Oa(e, t) {
1277
- for (var r = -1, a = t.length, o = e.length; ++r < a; )
1278
- e[o + r] = t[r];
1279
- return e;
1280
- }
1281
- var Nr = Oa, Ia = typeof Ie == "object" && Ie && Ie.Object === Object && Ie, Br = Ia, Pa = Br, Ra = typeof self == "object" && self && self.Object === Object && self, La = Pa || Ra || Function("return this")(), J = La, ja = J, Ma = ja.Symbol, $e = Ma, Yt = $e, Gr = Object.prototype, ka = Gr.hasOwnProperty, Da = Gr.toString, me = Yt ? Yt.toStringTag : void 0;
1282
- function Fa(e) {
1283
- var t = ka.call(e, me), r = e[me];
1284
- try {
1285
- e[me] = void 0;
1286
- var a = !0;
1287
- } catch {
1288
- }
1289
- var o = Da.call(e);
1290
- return a && (t ? e[me] = r : delete e[me]), o;
1291
- }
1292
- var Na = Fa, Ba = Object.prototype, Ga = Ba.toString;
1293
- function Wa(e) {
1294
- return Ga.call(e);
1295
- }
1296
- var Ha = Wa, qt = $e, za = Na, Ua = Ha, Ka = "[object Null]", Ya = "[object Undefined]", Vt = qt ? qt.toStringTag : void 0;
1297
- function qa(e) {
1298
- return e == null ? e === void 0 ? Ya : Ka : Vt && Vt in Object(e) ? za(e) : Ua(e);
1299
- }
1300
- var Ce = qa;
1301
- function Va(e) {
1302
- return e != null && typeof e == "object";
1303
- }
1304
- var we = Va, Ja = Ce, Xa = we, Za = "[object Arguments]";
1305
- function Qa(e) {
1306
- return Xa(e) && Ja(e) == Za;
1307
- }
1308
- var eo = Qa, Jt = eo, to = we, Wr = Object.prototype, ro = Wr.hasOwnProperty, no = Wr.propertyIsEnumerable, ao = Jt(function() {
1309
- return arguments;
1310
- }()) ? Jt : function(e) {
1311
- return to(e) && ro.call(e, "callee") && !no.call(e, "callee");
1312
- }, De = ao, oo = Array.isArray, K = oo, Xt = $e, io = De, so = K, Zt = Xt ? Xt.isConcatSpreadable : void 0;
1313
- function lo(e) {
1314
- return so(e) || io(e) || !!(Zt && e && e[Zt]);
1315
- }
1316
- var co = lo, fo = Nr, uo = co;
1317
- function Hr(e, t, r, a, o) {
1318
- var l = -1, s = e.length;
1319
- for (r || (r = uo), o || (o = []); ++l < s; ) {
1320
- var f = e[l];
1321
- t > 0 && r(f) ? t > 1 ? Hr(f, t - 1, r, a, o) : fo(o, f) : a || (o[o.length] = f);
1322
- }
1323
- return o;
1324
- }
1325
- var po = Hr, go = po, ho = 1 / 0;
1326
- function vo(e) {
1327
- var t = e == null ? 0 : e.length;
1328
- return t ? go(e, ho) : [];
1329
- }
1330
- var bo = vo;
1331
- function yo() {
1332
- this.__data__ = [], this.size = 0;
1333
- }
1334
- var mo = yo;
1335
- function _o(e, t) {
1336
- return e === t || e !== e && t !== t;
1337
- }
1338
- var zr = _o, $o = zr;
1339
- function Co(e, t) {
1340
- for (var r = e.length; r--; )
1341
- if ($o(e[r][0], t))
1342
- return r;
1343
- return -1;
1344
- }
1345
- var Fe = Co, wo = Fe, xo = Array.prototype, To = xo.splice;
1346
- function So(e) {
1347
- var t = this.__data__, r = wo(t, e);
1348
- if (r < 0)
1349
- return !1;
1350
- var a = t.length - 1;
1351
- return r == a ? t.pop() : To.call(t, r, 1), --this.size, !0;
1352
- }
1353
- var Ao = So, Eo = Fe;
1354
- function Oo(e) {
1355
- var t = this.__data__, r = Eo(t, e);
1356
- return r < 0 ? void 0 : t[r][1];
1357
- }
1358
- var Io = Oo, Po = Fe;
1359
- function Ro(e) {
1360
- return Po(this.__data__, e) > -1;
1361
- }
1362
- var Lo = Ro, jo = Fe;
1363
- function Mo(e, t) {
1364
- var r = this.__data__, a = jo(r, e);
1365
- return a < 0 ? (++this.size, r.push([e, t])) : r[a][1] = t, this;
1366
- }
1367
- var ko = Mo, Do = mo, Fo = Ao, No = Io, Bo = Lo, Go = ko;
1368
- function fe(e) {
1369
- var t = -1, r = e == null ? 0 : e.length;
1370
- for (this.clear(); ++t < r; ) {
1371
- var a = e[t];
1372
- this.set(a[0], a[1]);
1373
- }
1374
- }
1375
- fe.prototype.clear = Do;
1376
- fe.prototype.delete = Fo;
1377
- fe.prototype.get = No;
1378
- fe.prototype.has = Bo;
1379
- fe.prototype.set = Go;
1380
- var Ne = fe, Wo = Ne;
1381
- function Ho() {
1382
- this.__data__ = new Wo(), this.size = 0;
1383
- }
1384
- var zo = Ho;
1385
- function Uo(e) {
1386
- var t = this.__data__, r = t.delete(e);
1387
- return this.size = t.size, r;
1388
- }
1389
- var Ko = Uo;
1390
- function Yo(e) {
1391
- return this.__data__.get(e);
1392
- }
1393
- var qo = Yo;
1394
- function Vo(e) {
1395
- return this.__data__.has(e);
1396
- }
1397
- var Jo = Vo;
1398
- function Xo(e) {
1399
- var t = typeof e;
1400
- return e != null && (t == "object" || t == "function");
1401
- }
1402
- var Be = Xo, Zo = Ce, Qo = Be, ei = "[object AsyncFunction]", ti = "[object Function]", ri = "[object GeneratorFunction]", ni = "[object Proxy]";
1403
- function ai(e) {
1404
- if (!Qo(e))
1405
- return !1;
1406
- var t = Zo(e);
1407
- return t == ti || t == ri || t == ei || t == ni;
1408
- }
1409
- var Ur = ai, oi = J, ii = oi["__core-js_shared__"], si = ii, Qe = si, Qt = function() {
1410
- var e = /[^.]+$/.exec(Qe && Qe.keys && Qe.keys.IE_PROTO || "");
1411
- return e ? "Symbol(src)_1." + e : "";
1412
- }();
1413
- function li(e) {
1414
- return !!Qt && Qt in e;
1415
- }
1416
- var ci = li, fi = Function.prototype, di = fi.toString;
1417
- function ui(e) {
1418
- if (e != null) {
1419
- try {
1420
- return di.call(e);
1421
- } catch {
1422
- }
1423
- try {
1424
- return e + "";
1425
- } catch {
1426
- }
1427
- }
1428
- return "";
1429
- }
1430
- var Kr = ui, pi = Ur, gi = ci, hi = Be, vi = Kr, bi = /[\\^$.*+?()[\]{}|]/g, yi = /^\[object .+?Constructor\]$/, mi = Function.prototype, _i = Object.prototype, $i = mi.toString, Ci = _i.hasOwnProperty, wi = RegExp(
1431
- "^" + $i.call(Ci).replace(bi, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
1432
- );
1433
- function xi(e) {
1434
- if (!hi(e) || gi(e))
1435
- return !1;
1436
- var t = pi(e) ? wi : yi;
1437
- return t.test(vi(e));
1438
- }
1439
- var Ti = xi;
1440
- function Si(e, t) {
1441
- return e == null ? void 0 : e[t];
1442
- }
1443
- var Ai = Si, Ei = Ti, Oi = Ai;
1444
- function Ii(e, t) {
1445
- var r = Oi(e, t);
1446
- return Ei(r) ? r : void 0;
1447
- }
1448
- var de = Ii, Pi = de, Ri = J, Li = Pi(Ri, "Map"), pt = Li, ji = de, Mi = ji(Object, "create"), Ge = Mi, er = Ge;
1449
- function ki() {
1450
- this.__data__ = er ? er(null) : {}, this.size = 0;
1451
- }
1452
- var Di = ki;
1453
- function Fi(e) {
1454
- var t = this.has(e) && delete this.__data__[e];
1455
- return this.size -= t ? 1 : 0, t;
1456
- }
1457
- var Ni = Fi, Bi = Ge, Gi = "__lodash_hash_undefined__", Wi = Object.prototype, Hi = Wi.hasOwnProperty;
1458
- function zi(e) {
1459
- var t = this.__data__;
1460
- if (Bi) {
1461
- var r = t[e];
1462
- return r === Gi ? void 0 : r;
1463
- }
1464
- return Hi.call(t, e) ? t[e] : void 0;
1465
- }
1466
- var Ui = zi, Ki = Ge, Yi = Object.prototype, qi = Yi.hasOwnProperty;
1467
- function Vi(e) {
1468
- var t = this.__data__;
1469
- return Ki ? t[e] !== void 0 : qi.call(t, e);
1470
- }
1471
- var Ji = Vi, Xi = Ge, Zi = "__lodash_hash_undefined__";
1472
- function Qi(e, t) {
1473
- var r = this.__data__;
1474
- return this.size += this.has(e) ? 0 : 1, r[e] = Xi && t === void 0 ? Zi : t, this;
1475
- }
1476
- var es = Qi, ts = Di, rs = Ni, ns = Ui, as = Ji, os = es;
1477
- function ue(e) {
1478
- var t = -1, r = e == null ? 0 : e.length;
1479
- for (this.clear(); ++t < r; ) {
1480
- var a = e[t];
1481
- this.set(a[0], a[1]);
1482
- }
1483
- }
1484
- ue.prototype.clear = ts;
1485
- ue.prototype.delete = rs;
1486
- ue.prototype.get = ns;
1487
- ue.prototype.has = as;
1488
- ue.prototype.set = os;
1489
- var is = ue, tr = is, ss = Ne, ls = pt;
1490
- function cs() {
1491
- this.size = 0, this.__data__ = {
1492
- hash: new tr(),
1493
- map: new (ls || ss)(),
1494
- string: new tr()
1495
- };
1496
- }
1497
- var fs = cs;
1498
- function ds(e) {
1499
- var t = typeof e;
1500
- return t == "string" || t == "number" || t == "symbol" || t == "boolean" ? e !== "__proto__" : e === null;
1501
- }
1502
- var us = ds, ps = us;
1503
- function gs(e, t) {
1504
- var r = e.__data__;
1505
- return ps(t) ? r[typeof t == "string" ? "string" : "hash"] : r.map;
1506
- }
1507
- var We = gs, hs = We;
1508
- function vs(e) {
1509
- var t = hs(this, e).delete(e);
1510
- return this.size -= t ? 1 : 0, t;
1511
- }
1512
- var bs = vs, ys = We;
1513
- function ms(e) {
1514
- return ys(this, e).get(e);
1515
- }
1516
- var _s = ms, $s = We;
1517
- function Cs(e) {
1518
- return $s(this, e).has(e);
1519
- }
1520
- var ws = Cs, xs = We;
1521
- function Ts(e, t) {
1522
- var r = xs(this, e), a = r.size;
1523
- return r.set(e, t), this.size += r.size == a ? 0 : 1, this;
1524
- }
1525
- var Ss = Ts, As = fs, Es = bs, Os = _s, Is = ws, Ps = Ss;
1526
- function pe(e) {
1527
- var t = -1, r = e == null ? 0 : e.length;
1528
- for (this.clear(); ++t < r; ) {
1529
- var a = e[t];
1530
- this.set(a[0], a[1]);
1531
- }
1532
- }
1533
- pe.prototype.clear = As;
1534
- pe.prototype.delete = Es;
1535
- pe.prototype.get = Os;
1536
- pe.prototype.has = Is;
1537
- pe.prototype.set = Ps;
1538
- var gt = pe, Rs = Ne, Ls = pt, js = gt, Ms = 200;
1539
- function ks(e, t) {
1540
- var r = this.__data__;
1541
- if (r instanceof Rs) {
1542
- var a = r.__data__;
1543
- if (!Ls || a.length < Ms - 1)
1544
- return a.push([e, t]), this.size = ++r.size, this;
1545
- r = this.__data__ = new js(a);
1546
- }
1547
- return r.set(e, t), this.size = r.size, this;
1548
- }
1549
- var Ds = ks, Fs = Ne, Ns = zo, Bs = Ko, Gs = qo, Ws = Jo, Hs = Ds;
1550
- function ge(e) {
1551
- var t = this.__data__ = new Fs(e);
1552
- this.size = t.size;
1553
- }
1554
- ge.prototype.clear = Ns;
1555
- ge.prototype.delete = Bs;
1556
- ge.prototype.get = Gs;
1557
- ge.prototype.has = Ws;
1558
- ge.prototype.set = Hs;
1559
- var Yr = ge, zs = "__lodash_hash_undefined__";
1560
- function Us(e) {
1561
- return this.__data__.set(e, zs), this;
1562
- }
1563
- var Ks = Us;
1564
- function Ys(e) {
1565
- return this.__data__.has(e);
1566
- }
1567
- var qs = Ys, Vs = gt, Js = Ks, Xs = qs;
1568
- function Me(e) {
1569
- var t = -1, r = e == null ? 0 : e.length;
1570
- for (this.__data__ = new Vs(); ++t < r; )
1571
- this.add(e[t]);
1572
- }
1573
- Me.prototype.add = Me.prototype.push = Js;
1574
- Me.prototype.has = Xs;
1575
- var Zs = Me;
1576
- function Qs(e, t) {
1577
- for (var r = -1, a = e == null ? 0 : e.length; ++r < a; )
1578
- if (t(e[r], r, e))
1579
- return !0;
1580
- return !1;
1581
- }
1582
- var el = Qs;
1583
- function tl(e, t) {
1584
- return e.has(t);
1585
- }
1586
- var rl = tl, nl = Zs, al = el, ol = rl, il = 1, sl = 2;
1587
- function ll(e, t, r, a, o, l) {
1588
- var s = r & il, f = e.length, u = t.length;
1589
- if (f != u && !(s && u > f))
1590
- return !1;
1591
- var d = l.get(e), h = l.get(t);
1592
- if (d && h)
1593
- return d == t && h == e;
1594
- var v = -1, p = !0, C = r & sl ? new nl() : void 0;
1595
- for (l.set(e, t), l.set(t, e); ++v < f; ) {
1596
- var m = e[v], x = t[v];
1597
- if (a)
1598
- var E = s ? a(x, m, v, t, e, l) : a(m, x, v, e, t, l);
1599
- if (E !== void 0) {
1600
- if (E)
1601
- continue;
1602
- p = !1;
1603
- break;
1604
- }
1605
- if (C) {
1606
- if (!al(t, function(y, _) {
1607
- if (!ol(C, _) && (m === y || o(m, y, r, a, l)))
1608
- return C.push(_);
1609
- })) {
1610
- p = !1;
1611
- break;
1612
- }
1613
- } else if (!(m === x || o(m, x, r, a, l))) {
1614
- p = !1;
1615
- break;
1616
- }
1617
- }
1618
- return l.delete(e), l.delete(t), p;
1619
- }
1620
- var qr = ll, cl = J, fl = cl.Uint8Array, dl = fl;
1621
- function ul(e) {
1622
- var t = -1, r = Array(e.size);
1623
- return e.forEach(function(a, o) {
1624
- r[++t] = [o, a];
1625
- }), r;
1626
- }
1627
- var pl = ul;
1628
- function gl(e) {
1629
- var t = -1, r = Array(e.size);
1630
- return e.forEach(function(a) {
1631
- r[++t] = a;
1632
- }), r;
1633
- }
1634
- var hl = gl, rr = $e, nr = dl, vl = zr, bl = qr, yl = pl, ml = hl, _l = 1, $l = 2, Cl = "[object Boolean]", wl = "[object Date]", xl = "[object Error]", Tl = "[object Map]", Sl = "[object Number]", Al = "[object RegExp]", El = "[object Set]", Ol = "[object String]", Il = "[object Symbol]", Pl = "[object ArrayBuffer]", Rl = "[object DataView]", ar = rr ? rr.prototype : void 0, et = ar ? ar.valueOf : void 0;
1635
- function Ll(e, t, r, a, o, l, s) {
1636
- switch (r) {
1637
- case Rl:
1638
- if (e.byteLength != t.byteLength || e.byteOffset != t.byteOffset)
1639
- return !1;
1640
- e = e.buffer, t = t.buffer;
1641
- case Pl:
1642
- return !(e.byteLength != t.byteLength || !l(new nr(e), new nr(t)));
1643
- case Cl:
1644
- case wl:
1645
- case Sl:
1646
- return vl(+e, +t);
1647
- case xl:
1648
- return e.name == t.name && e.message == t.message;
1649
- case Al:
1650
- case Ol:
1651
- return e == t + "";
1652
- case Tl:
1653
- var f = yl;
1654
- case El:
1655
- var u = a & _l;
1656
- if (f || (f = ml), e.size != t.size && !u)
1657
- return !1;
1658
- var d = s.get(e);
1659
- if (d)
1660
- return d == t;
1661
- a |= $l, s.set(e, t);
1662
- var h = bl(f(e), f(t), a, o, l, s);
1663
- return s.delete(e), h;
1664
- case Il:
1665
- if (et)
1666
- return et.call(e) == et.call(t);
1667
- }
1668
- return !1;
1669
- }
1670
- var jl = Ll, Ml = Nr, kl = K;
1671
- function Dl(e, t, r) {
1672
- var a = t(e);
1673
- return kl(e) ? a : Ml(a, r(e));
1674
- }
1675
- var Fl = Dl;
1676
- function Nl(e, t) {
1677
- for (var r = -1, a = e == null ? 0 : e.length, o = 0, l = []; ++r < a; ) {
1678
- var s = e[r];
1679
- t(s, r, e) && (l[o++] = s);
1680
- }
1681
- return l;
1682
- }
1683
- var Bl = Nl;
1684
- function Gl() {
1685
- return [];
1686
- }
1687
- var Wl = Gl, Hl = Bl, zl = Wl, Ul = Object.prototype, Kl = Ul.propertyIsEnumerable, or = Object.getOwnPropertySymbols, Yl = or ? function(e) {
1688
- return e == null ? [] : (e = Object(e), Hl(or(e), function(t) {
1689
- return Kl.call(e, t);
1690
- }));
1691
- } : zl, ql = Yl;
1692
- function Vl(e, t) {
1693
- for (var r = -1, a = Array(e); ++r < e; )
1694
- a[r] = t(r);
1695
- return a;
1696
- }
1697
- var Jl = Vl, ce = {}, Xl = {
1698
- get exports() {
1699
- return ce;
1700
- },
1701
- set exports(e) {
1702
- ce = e;
1703
- }
1704
- };
1705
- function Zl() {
1706
- return !1;
1707
- }
1708
- var Ql = Zl;
1709
- (function(e, t) {
1710
- var r = J, a = Ql, o = t && !t.nodeType && t, l = o && !0 && e && !e.nodeType && e, s = l && l.exports === o, f = s ? r.Buffer : void 0, u = f ? f.isBuffer : void 0, d = u || a;
1711
- e.exports = d;
1712
- })(Xl, ce);
1713
- var ec = 9007199254740991, tc = /^(?:0|[1-9]\d*)$/;
1714
- function rc(e, t) {
1715
- var r = typeof e;
1716
- return t = t ?? ec, !!t && (r == "number" || r != "symbol" && tc.test(e)) && e > -1 && e % 1 == 0 && e < t;
1717
- }
1718
- var Vr = rc, nc = 9007199254740991;
1719
- function ac(e) {
1720
- return typeof e == "number" && e > -1 && e % 1 == 0 && e <= nc;
1721
- }
1722
- var ht = ac, oc = Ce, ic = ht, sc = we, lc = "[object Arguments]", cc = "[object Array]", fc = "[object Boolean]", dc = "[object Date]", uc = "[object Error]", pc = "[object Function]", gc = "[object Map]", hc = "[object Number]", vc = "[object Object]", bc = "[object RegExp]", yc = "[object Set]", mc = "[object String]", _c = "[object WeakMap]", $c = "[object ArrayBuffer]", Cc = "[object DataView]", wc = "[object Float32Array]", xc = "[object Float64Array]", Tc = "[object Int8Array]", Sc = "[object Int16Array]", Ac = "[object Int32Array]", Ec = "[object Uint8Array]", Oc = "[object Uint8ClampedArray]", Ic = "[object Uint16Array]", Pc = "[object Uint32Array]", I = {};
1723
- I[wc] = I[xc] = I[Tc] = I[Sc] = I[Ac] = I[Ec] = I[Oc] = I[Ic] = I[Pc] = !0;
1724
- I[lc] = I[cc] = I[$c] = I[fc] = I[Cc] = I[dc] = I[uc] = I[pc] = I[gc] = I[hc] = I[vc] = I[bc] = I[yc] = I[mc] = I[_c] = !1;
1725
- function Rc(e) {
1726
- return sc(e) && ic(e.length) && !!I[oc(e)];
1727
- }
1728
- var Lc = Rc;
1729
- function jc(e) {
1730
- return function(t) {
1731
- return e(t);
1732
- };
1733
- }
1734
- var Mc = jc, ke = {}, kc = {
1735
- get exports() {
1736
- return ke;
1737
- },
1738
- set exports(e) {
1739
- ke = e;
1740
- }
1741
- };
1742
- (function(e, t) {
1743
- var r = Br, a = t && !t.nodeType && t, o = a && !0 && e && !e.nodeType && e, l = o && o.exports === a, s = l && r.process, f = function() {
1744
- try {
1745
- var u = o && o.require && o.require("util").types;
1746
- return u || s && s.binding && s.binding("util");
1747
- } catch {
1748
- }
1749
- }();
1750
- e.exports = f;
1751
- })(kc, ke);
1752
- var Dc = Lc, Fc = Mc, ir = ke, sr = ir && ir.isTypedArray, Nc = sr ? Fc(sr) : Dc, vt = Nc, Bc = Jl, Gc = De, Wc = K, Hc = ce, zc = Vr, Uc = vt, Kc = Object.prototype, Yc = Kc.hasOwnProperty;
1753
- function qc(e, t) {
1754
- var r = Wc(e), a = !r && Gc(e), o = !r && !a && Hc(e), l = !r && !a && !o && Uc(e), s = r || a || o || l, f = s ? Bc(e.length, String) : [], u = f.length;
1755
- for (var d in e)
1756
- (t || Yc.call(e, d)) && !(s && // Safari 9 has enumerable `arguments.length` in strict mode.
1757
- (d == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
1758
- o && (d == "offset" || d == "parent") || // PhantomJS 2 has enumerable non-index properties on typed arrays.
1759
- l && (d == "buffer" || d == "byteLength" || d == "byteOffset") || // Skip index properties.
1760
- zc(d, u))) && f.push(d);
1761
- return f;
1762
- }
1763
- var Vc = qc, Jc = Object.prototype;
1764
- function Xc(e) {
1765
- var t = e && e.constructor, r = typeof t == "function" && t.prototype || Jc;
1766
- return e === r;
1767
- }
1768
- var Jr = Xc;
1769
- function Zc(e, t) {
1770
- return function(r) {
1771
- return e(t(r));
1772
- };
1773
- }
1774
- var Qc = Zc, ef = Qc, tf = ef(Object.keys, Object), rf = tf, nf = Jr, af = rf, of = Object.prototype, sf = of.hasOwnProperty;
1775
- function lf(e) {
1776
- if (!nf(e))
1777
- return af(e);
1778
- var t = [];
1779
- for (var r in Object(e))
1780
- sf.call(e, r) && r != "constructor" && t.push(r);
1781
- return t;
1782
- }
1783
- var Xr = lf, cf = Ur, ff = ht;
1784
- function df(e) {
1785
- return e != null && ff(e.length) && !cf(e);
1786
- }
1787
- var bt = df, uf = Vc, pf = Xr, gf = bt;
1788
- function hf(e) {
1789
- return gf(e) ? uf(e) : pf(e);
1790
- }
1791
- var yt = hf, vf = Fl, bf = ql, yf = yt;
1792
- function mf(e) {
1793
- return vf(e, yf, bf);
1794
- }
1795
- var _f = mf, lr = _f, $f = 1, Cf = Object.prototype, wf = Cf.hasOwnProperty;
1796
- function xf(e, t, r, a, o, l) {
1797
- var s = r & $f, f = lr(e), u = f.length, d = lr(t), h = d.length;
1798
- if (u != h && !s)
1799
- return !1;
1800
- for (var v = u; v--; ) {
1801
- var p = f[v];
1802
- if (!(s ? p in t : wf.call(t, p)))
1803
- return !1;
1804
- }
1805
- var C = l.get(e), m = l.get(t);
1806
- if (C && m)
1807
- return C == t && m == e;
1808
- var x = !0;
1809
- l.set(e, t), l.set(t, e);
1810
- for (var E = s; ++v < u; ) {
1811
- p = f[v];
1812
- var y = e[p], _ = t[p];
1813
- if (a)
1814
- var z = s ? a(_, y, p, t, e, l) : a(y, _, p, e, t, l);
1815
- if (!(z === void 0 ? y === _ || o(y, _, r, a, l) : z)) {
1816
- x = !1;
1817
- break;
1818
- }
1819
- E || (E = p == "constructor");
1820
- }
1821
- if (x && !E) {
1822
- var M = e.constructor, L = t.constructor;
1823
- M != L && "constructor" in e && "constructor" in t && !(typeof M == "function" && M instanceof M && typeof L == "function" && L instanceof L) && (x = !1);
1824
- }
1825
- return l.delete(e), l.delete(t), x;
1826
- }
1827
- var Tf = xf, Sf = de, Af = J, Ef = Sf(Af, "DataView"), Of = Ef, If = de, Pf = J, Rf = If(Pf, "Promise"), Lf = Rf, jf = de, Mf = J, kf = jf(Mf, "Set"), Df = kf, Ff = de, Nf = J, Bf = Ff(Nf, "WeakMap"), Gf = Bf, ot = Of, it = pt, st = Lf, lt = Df, ct = Gf, Zr = Ce, he = Kr, cr = "[object Map]", Wf = "[object Object]", fr = "[object Promise]", dr = "[object Set]", ur = "[object WeakMap]", pr = "[object DataView]", Hf = he(ot), zf = he(it), Uf = he(st), Kf = he(lt), Yf = he(ct), re = Zr;
1828
- (ot && re(new ot(new ArrayBuffer(1))) != pr || it && re(new it()) != cr || st && re(st.resolve()) != fr || lt && re(new lt()) != dr || ct && re(new ct()) != ur) && (re = function(e) {
1829
- var t = Zr(e), r = t == Wf ? e.constructor : void 0, a = r ? he(r) : "";
1830
- if (a)
1831
- switch (a) {
1832
- case Hf:
1833
- return pr;
1834
- case zf:
1835
- return cr;
1836
- case Uf:
1837
- return fr;
1838
- case Kf:
1839
- return dr;
1840
- case Yf:
1841
- return ur;
1842
- }
1843
- return t;
1844
- });
1845
- var Qr = re, tt = Yr, qf = qr, Vf = jl, Jf = Tf, gr = Qr, hr = K, vr = ce, Xf = vt, Zf = 1, br = "[object Arguments]", yr = "[object Array]", Le = "[object Object]", Qf = Object.prototype, mr = Qf.hasOwnProperty;
1846
- function ed(e, t, r, a, o, l) {
1847
- var s = hr(e), f = hr(t), u = s ? yr : gr(e), d = f ? yr : gr(t);
1848
- u = u == br ? Le : u, d = d == br ? Le : d;
1849
- var h = u == Le, v = d == Le, p = u == d;
1850
- if (p && vr(e)) {
1851
- if (!vr(t))
1852
- return !1;
1853
- s = !0, h = !1;
1854
- }
1855
- if (p && !h)
1856
- return l || (l = new tt()), s || Xf(e) ? qf(e, t, r, a, o, l) : Vf(e, t, u, r, a, o, l);
1857
- if (!(r & Zf)) {
1858
- var C = h && mr.call(e, "__wrapped__"), m = v && mr.call(t, "__wrapped__");
1859
- if (C || m) {
1860
- var x = C ? e.value() : e, E = m ? t.value() : t;
1861
- return l || (l = new tt()), o(x, E, r, a, l);
1862
- }
1863
- }
1864
- return p ? (l || (l = new tt()), Jf(e, t, r, a, o, l)) : !1;
1865
- }
1866
- var td = ed, rd = td, _r = we;
1867
- function en(e, t, r, a, o) {
1868
- return e === t ? !0 : e == null || t == null || !_r(e) && !_r(t) ? e !== e && t !== t : rd(e, t, r, a, en, o);
1869
- }
1870
- var tn = en, nd = Yr, ad = tn, od = 1, id = 2;
1871
- function sd(e, t, r, a) {
1872
- var o = r.length, l = o, s = !a;
1873
- if (e == null)
1874
- return !l;
1875
- for (e = Object(e); o--; ) {
1876
- var f = r[o];
1877
- if (s && f[2] ? f[1] !== e[f[0]] : !(f[0] in e))
1878
- return !1;
1879
- }
1880
- for (; ++o < l; ) {
1881
- f = r[o];
1882
- var u = f[0], d = e[u], h = f[1];
1883
- if (s && f[2]) {
1884
- if (d === void 0 && !(u in e))
1885
- return !1;
1886
- } else {
1887
- var v = new nd();
1888
- if (a)
1889
- var p = a(d, h, u, e, t, v);
1890
- if (!(p === void 0 ? ad(h, d, od | id, a, v) : p))
1891
- return !1;
1892
- }
1893
- }
1894
- return !0;
1895
- }
1896
- var ld = sd, cd = Be;
1897
- function fd(e) {
1898
- return e === e && !cd(e);
1899
- }
1900
- var rn = fd, dd = rn, ud = yt;
1901
- function pd(e) {
1902
- for (var t = ud(e), r = t.length; r--; ) {
1903
- var a = t[r], o = e[a];
1904
- t[r] = [a, o, dd(o)];
1905
- }
1906
- return t;
1907
- }
1908
- var gd = pd;
1909
- function hd(e, t) {
1910
- return function(r) {
1911
- return r == null ? !1 : r[e] === t && (t !== void 0 || e in Object(r));
1912
- };
1913
- }
1914
- var nn = hd, vd = ld, bd = gd, yd = nn;
1915
- function md(e) {
1916
- var t = bd(e);
1917
- return t.length == 1 && t[0][2] ? yd(t[0][0], t[0][1]) : function(r) {
1918
- return r === e || vd(r, e, t);
1919
- };
1920
- }
1921
- var _d = md, $d = Ce, Cd = we, wd = "[object Symbol]";
1922
- function xd(e) {
1923
- return typeof e == "symbol" || Cd(e) && $d(e) == wd;
1924
- }
1925
- var He = xd, Td = K, Sd = He, Ad = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/, Ed = /^\w*$/;
1926
- function Od(e, t) {
1927
- if (Td(e))
1928
- return !1;
1929
- var r = typeof e;
1930
- return r == "number" || r == "symbol" || r == "boolean" || e == null || Sd(e) ? !0 : Ed.test(e) || !Ad.test(e) || t != null && e in Object(t);
1931
- }
1932
- var mt = Od, an = gt, Id = "Expected a function";
1933
- function _t(e, t) {
1934
- if (typeof e != "function" || t != null && typeof t != "function")
1935
- throw new TypeError(Id);
1936
- var r = function() {
1937
- var a = arguments, o = t ? t.apply(this, a) : a[0], l = r.cache;
1938
- if (l.has(o))
1939
- return l.get(o);
1940
- var s = e.apply(this, a);
1941
- return r.cache = l.set(o, s) || l, s;
1942
- };
1943
- return r.cache = new (_t.Cache || an)(), r;
1944
- }
1945
- _t.Cache = an;
1946
- var Pd = _t, Rd = Pd, Ld = 500;
1947
- function jd(e) {
1948
- var t = Rd(e, function(a) {
1949
- return r.size === Ld && r.clear(), a;
1950
- }), r = t.cache;
1951
- return t;
1952
- }
1953
- var Md = jd, kd = Md, Dd = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g, Fd = /\\(\\)?/g, Nd = kd(function(e) {
1954
- var t = [];
1955
- return e.charCodeAt(0) === 46 && t.push(""), e.replace(Dd, function(r, a, o, l) {
1956
- t.push(o ? l.replace(Fd, "$1") : a || r);
1957
- }), t;
1958
- }), Bd = Nd;
1959
- function Gd(e, t) {
1960
- for (var r = -1, a = e == null ? 0 : e.length, o = Array(a); ++r < a; )
1961
- o[r] = t(e[r], r, e);
1962
- return o;
1963
- }
1964
- var Wd = Gd, $r = $e, Hd = Wd, zd = K, Ud = He, Kd = 1 / 0, Cr = $r ? $r.prototype : void 0, wr = Cr ? Cr.toString : void 0;
1965
- function on(e) {
1966
- if (typeof e == "string")
1967
- return e;
1968
- if (zd(e))
1969
- return Hd(e, on) + "";
1970
- if (Ud(e))
1971
- return wr ? wr.call(e) : "";
1972
- var t = e + "";
1973
- return t == "0" && 1 / e == -Kd ? "-0" : t;
1974
- }
1975
- var Yd = on, qd = Yd;
1976
- function Vd(e) {
1977
- return e == null ? "" : qd(e);
1978
- }
1979
- var Jd = Vd, Xd = K, Zd = mt, Qd = Bd, eu = Jd;
1980
- function tu(e, t) {
1981
- return Xd(e) ? e : Zd(e, t) ? [e] : Qd(eu(e));
1982
- }
1983
- var sn = tu, ru = He, nu = 1 / 0;
1984
- function au(e) {
1985
- if (typeof e == "string" || ru(e))
1986
- return e;
1987
- var t = e + "";
1988
- return t == "0" && 1 / e == -nu ? "-0" : t;
1989
- }
1990
- var ze = au, ou = sn, iu = ze;
1991
- function su(e, t) {
1992
- t = ou(t, e);
1993
- for (var r = 0, a = t.length; e != null && r < a; )
1994
- e = e[iu(t[r++])];
1995
- return r && r == a ? e : void 0;
1996
- }
1997
- var ln = su, lu = ln;
1998
- function cu(e, t, r) {
1999
- var a = e == null ? void 0 : lu(e, t);
2000
- return a === void 0 ? r : a;
2001
- }
2002
- var fu = cu;
2003
- function du(e, t) {
2004
- return e != null && t in Object(e);
2005
- }
2006
- var uu = du, pu = sn, gu = De, hu = K, vu = Vr, bu = ht, yu = ze;
2007
- function mu(e, t, r) {
2008
- t = pu(t, e);
2009
- for (var a = -1, o = t.length, l = !1; ++a < o; ) {
2010
- var s = yu(t[a]);
2011
- if (!(l = e != null && r(e, s)))
2012
- break;
2013
- e = e[s];
2014
- }
2015
- return l || ++a != o ? l : (o = e == null ? 0 : e.length, !!o && bu(o) && vu(s, o) && (hu(e) || gu(e)));
2016
- }
2017
- var _u = mu, $u = uu, Cu = _u;
2018
- function wu(e, t) {
2019
- return e != null && Cu(e, t, $u);
2020
- }
2021
- var xu = wu, Tu = tn, Su = fu, Au = xu, Eu = mt, Ou = rn, Iu = nn, Pu = ze, Ru = 1, Lu = 2;
2022
- function ju(e, t) {
2023
- return Eu(e) && Ou(t) ? Iu(Pu(e), t) : function(r) {
2024
- var a = Su(r, e);
2025
- return a === void 0 && a === t ? Au(r, e) : Tu(t, a, Ru | Lu);
2026
- };
2027
- }
2028
- var Mu = ju;
2029
- function ku(e) {
2030
- return e;
2031
- }
2032
- var Du = ku;
2033
- function Fu(e) {
2034
- return function(t) {
2035
- return t == null ? void 0 : t[e];
2036
- };
2037
- }
2038
- var Nu = Fu, Bu = ln;
2039
- function Gu(e) {
2040
- return function(t) {
2041
- return Bu(t, e);
2042
- };
2043
- }
2044
- var Wu = Gu, Hu = Nu, zu = Wu, Uu = mt, Ku = ze;
2045
- function Yu(e) {
2046
- return Uu(e) ? Hu(Ku(e)) : zu(e);
2047
- }
2048
- var qu = Yu, Vu = _d, Ju = Mu, Xu = Du, Zu = K, Qu = qu;
2049
- function ep(e) {
2050
- return typeof e == "function" ? e : e == null ? Xu : typeof e == "object" ? Zu(e) ? Ju(e[0], e[1]) : Vu(e) : Qu(e);
2051
- }
2052
- var cn = ep, tp = cn, rp = bt, np = yt;
2053
- function ap(e) {
2054
- return function(t, r, a) {
2055
- var o = Object(t);
2056
- if (!rp(t)) {
2057
- var l = tp(r);
2058
- t = np(t), r = function(f) {
2059
- return l(o[f], f, o);
2060
- };
2061
- }
2062
- var s = e(t, r, a);
2063
- return s > -1 ? o[l ? t[s] : s] : void 0;
2064
- };
2065
- }
2066
- var op = ap;
2067
- function ip(e, t, r, a) {
2068
- for (var o = e.length, l = r + (a ? 1 : -1); a ? l-- : ++l < o; )
2069
- if (t(e[l], l, e))
2070
- return l;
2071
- return -1;
2072
- }
2073
- var sp = ip, lp = /\s/;
2074
- function cp(e) {
2075
- for (var t = e.length; t-- && lp.test(e.charAt(t)); )
2076
- ;
2077
- return t;
2078
- }
2079
- var fp = cp, dp = fp, up = /^\s+/;
2080
- function pp(e) {
2081
- return e && e.slice(0, dp(e) + 1).replace(up, "");
2082
- }
2083
- var gp = pp, hp = gp, xr = Be, vp = He, Tr = 0 / 0, bp = /^[-+]0x[0-9a-f]+$/i, yp = /^0b[01]+$/i, mp = /^0o[0-7]+$/i, _p = parseInt;
2084
- function $p(e) {
2085
- if (typeof e == "number")
2086
- return e;
2087
- if (vp(e))
2088
- return Tr;
2089
- if (xr(e)) {
2090
- var t = typeof e.valueOf == "function" ? e.valueOf() : e;
2091
- e = xr(t) ? t + "" : t;
2092
- }
2093
- if (typeof e != "string")
2094
- return e === 0 ? e : +e;
2095
- e = hp(e);
2096
- var r = yp.test(e);
2097
- return r || mp.test(e) ? _p(e.slice(2), r ? 2 : 8) : bp.test(e) ? Tr : +e;
2098
- }
2099
- var Cp = $p, wp = Cp, Sr = 1 / 0, xp = 17976931348623157e292;
2100
- function Tp(e) {
2101
- if (!e)
2102
- return e === 0 ? e : 0;
2103
- if (e = wp(e), e === Sr || e === -Sr) {
2104
- var t = e < 0 ? -1 : 1;
2105
- return t * xp;
2106
- }
2107
- return e === e ? e : 0;
2108
- }
2109
- var Sp = Tp, Ap = Sp;
2110
- function Ep(e) {
2111
- var t = Ap(e), r = t % 1;
2112
- return t === t ? r ? t - r : t : 0;
2113
- }
2114
- var Op = Ep, Ip = sp, Pp = cn, Rp = Op, Lp = Math.max;
2115
- function jp(e, t, r) {
2116
- var a = e == null ? 0 : e.length;
2117
- if (!a)
2118
- return -1;
2119
- var o = r == null ? 0 : Rp(r);
2120
- return o < 0 && (o = Lp(a + o, 0)), Ip(e, Pp(t), o);
2121
- }
2122
- var Mp = jp, kp = op, Dp = Mp, Fp = kp(Dp), Np = Fp, Bp = Xr, Gp = Qr, Wp = De, Hp = K, zp = bt, Up = ce, Kp = Jr, Yp = vt, qp = "[object Map]", Vp = "[object Set]", Jp = Object.prototype, Xp = Jp.hasOwnProperty;
2123
- function Zp(e) {
2124
- if (e == null)
2125
- return !0;
2126
- if (zp(e) && (Hp(e) || typeof e == "string" || typeof e.splice == "function" || Up(e) || Yp(e) || Wp(e)))
2127
- return !e.length;
2128
- var t = Gp(e);
2129
- if (t == qp || t == Vp)
2130
- return !e.size;
2131
- if (Kp(e))
2132
- return !Bp(e).length;
2133
- for (var r in e)
2134
- if (Xp.call(e, r))
2135
- return !1;
2136
- return !0;
2137
- }
2138
- var fn = Zp;
2139
- const $t = (e, t, r) => (t - e) * (r / 100) + e, dn = (e) => e.some((t) => t.active), Qp = (e) => fn(e) ? !1 : dn(e.filters), un = (e) => e.filters.map((t) => {
2140
- const { value: r, defaultValue: a, defaultColor: o, min: l, max: s, color: f } = t, u = r || a || 1, d = o || f;
2141
- return {
2142
- ...t,
2143
- brightness: $t(l, s, u),
2144
- color: d
2145
- };
2146
- }), eg = (e) => fn(e) ? e : {
2147
- ...e,
2148
- filters: un(e)
2149
- }, tg = (e, t) => bo(
2150
- e.map((a) => a.objects.filter((o) => o.name === t).map(un))
2151
- ), rg = (e, t) => {
2152
- const r = Np(e, { objects: [{ name: t }] }), { type: a = null } = r || {};
2153
- return a;
2154
- }, ng = (e) => e.map((t) => {
2155
- const { defaultValue: r, min: a, max: o } = t, l = r || 1;
2156
- return {
2157
- ...t,
2158
- active: !1,
2159
- color: "",
2160
- brightness: $t(l, a, o),
2161
- value: l
2162
- };
2163
- }), pn = ({
2164
- width: e = 600,
2165
- height: t = 600,
2166
- className: r,
2167
- image: a,
2168
- color: o = "transparent",
2169
- brightness: l = 1
2170
- }) => {
2171
- const s = dt(null), f = new Image(), u = (h, v, p, C) => {
2172
- h.fillStyle = v, h.fillRect(0, 0, p, C);
2173
- }, d = (h, v) => {
2174
- var C;
2175
- const p = (C = s.current) == null ? void 0 : C.getContext("2d");
2176
- if (p) {
2177
- const m = CSS.supports && CSS.supports("background-color", v) ? v : "transparent", { width: x, height: E } = p.canvas;
2178
- p.clearRect(0, 0, x, E), p.globalCompositeOperation = "multiply", f.onload = () => {
2179
- p == null || p.drawImage(f, 0, 0, x, E), u(p, m, x, E);
2180
- }, f.src = h;
2181
- }
2182
- };
2183
- return U(() => {
2184
- d(a, o);
2185
- }, [o, a]), /* @__PURE__ */ i(
2186
- "canvas",
2187
- {
2188
- ref: s,
2189
- style: { filter: `brightness(${l}) contrast(1.3)` },
2190
- role: "img",
2191
- className: r,
2192
- width: e,
2193
- height: t
2194
- }
2195
- );
2196
- };
2197
- pn.displayName = "Widgets.ColorTool.FilterImage";
2198
- const ag = b.section`
2199
- display: grid;
2200
- gap: var(--PADDING_SMALL, 20px);
2201
-
2202
- ${({ isCondensed: e, hideControls: t }) => e ? j`
2203
- grid-template-areas:
2204
- "title"
2205
- "subtitle"
2206
- "image"
2207
- "caption"
2208
- "controls"
2209
- "reset";
2210
- ` : j`
2211
- grid-template-areas:
2212
- "title title"
2213
- "subtitle subtitle"
2214
- ${t ? "'image image'" : "'controls image'"}
2215
- "reset reset"
2216
- "caption caption";
2217
- `}
2218
- `, og = b.h2`
2219
- grid-area: title;
2220
- margin: 0;
2221
- `, ig = b.dl`
2222
- grid-area: subtitle;
2223
- margin: 0;
2224
- font-size: 18px;
2225
- font-weight: var(--FONT_WEIGHT_NORMAL, 400);
2226
-
2227
- > dt,
2228
- dd {
2229
- margin: 0;
2230
- white-space: nowrap;
2231
- }
2232
-
2233
- > dt {
2234
- display: inline-block;
2235
- }
2236
-
2237
- > dd {
2238
- display: inline;
2239
- margin-left: 1ch;
2240
-
2241
- &::after {
2242
- content: "\\A";
2243
- white-space: pre;
2244
- }
2245
- }
2246
- `, sg = b.div`
2247
- display: grid;
2248
- grid-template-columns: max-content minmax(100px, 1fr) minmax(100px, 2fr);
2249
- grid-auto-rows: max-content;
2250
- grid-area: controls;
2251
- gap: 10px;
2252
- align-items: center;
2253
- `, lg = b(Jn)`
2254
- padding: 0;
2255
- width: 100%;
2256
- `, cg = b.div`
2257
- position: relative;
2258
- aspect-ratio: 1 / 1;
2259
- grid-area: image;
2260
- background-color: rgba(0, 0, 0, 0.1);
2261
- `, fg = b.img`
2262
- position: absolute;
2263
- top: 0;
2264
- right: 0;
2265
- bottom: 0;
2266
- left: 0;
2267
- display: ${({ filtersActive: e }) => e ? "block" : "none"};
2268
- width: 100%;
2269
- height: 100%;
2270
- `, dg = b(pn)`
2271
- user-select: none;
2272
- position: absolute;
2273
- top: 0;
2274
- right: 0;
2275
- bottom: 0;
2276
- left: 0;
2277
- width: 100%;
2278
- height: 100%;
2279
- mix-blend-mode: screen;
2280
-
2281
- ${({ active: e }) => e ? j`
2282
- visibility: visible;
2283
- opacity: 1;
2284
- ` : j`
2285
- visibility: hidden;
2286
- opacity: 0;
2287
- `}
2288
- `, ug = b.div`
2289
- grid-column: span 3;
2290
- `, rt = b.div`
2291
- font-weight: var(--FONT_WEIGHT_BOLD, 600);
2292
- `, pg = b.footer`
2293
- grid-area: caption;
2294
- `, gg = b(Pr)`
2295
- grid-area: reset;
2296
- text-align: left;
2297
-
2298
- span {
2299
- text-align: left;
2300
- }
2301
- `, hg = b(Pr)`
2302
- border-radius: 50%;
2303
- font-weight: var(--FONT_WEIGHT_MEDIUM, 500);
2304
- font-size: 22px;
2305
- text-transform: lowercase;
2306
- display: flex;
2307
- width: 38px;
2308
- height: 38px;
2309
- padding: 0;
2310
-
2311
- ${({ active: e }) => e ? j`
2312
- background-color: var(--turquoise85, #12726c);
2313
- &:not(:disabled):not([aria-disabled="true"]):hover {
2314
- outline: 1px solid var(--white, #fff);
2315
- outline-offset: -3px;
2316
- }
2317
- ` : j`
2318
- background-color: #f7f7f7;
2319
- border-color: #6c6e6e;
2320
- color: #6c6e6e !important;
2321
- &:not(:disabled):not([aria-disabled="true"]):hover {
2322
- outline: 2px solid #6c6e6e;
2323
- outline-offset: -2px;
2324
- }
2325
- `}
2326
- `, gn = ({
2327
- filter: e,
2328
- colorOptions: t,
2329
- isDisabled: r,
2330
- onChangeFilterCallback: a,
2331
- buttonLabelledById: o,
2332
- selectLabelledById: l,
2333
- sliderLabelledById: s
2334
- }) => {
2335
- const { t: f } = ne(), { label: u, color: d = "", value: h, active: v, min: p, max: C } = e, m = () => a && a({ ...e, active: !v }), x = (_) => _ && a && a({ ...e, color: _ }), E = (_) => a && a({
2336
- ...e,
2337
- brightness: $t(p, C, _),
2338
- value: _
2339
- }), y = f("colorTool.actions.select_filter");
2340
- return /* @__PURE__ */ w(V, { children: [
2341
- /* @__PURE__ */ i(
2342
- hg,
2343
- {
2344
- disabled: r,
2345
- onClick: m,
2346
- active: v,
2347
- "aria-labelledby": o,
2348
- children: u
2349
- }
2350
- ),
2351
- /* @__PURE__ */ i(
2352
- ft,
2353
- {
2354
- isDisabled: r,
2355
- placeholder: y,
2356
- value: d,
2357
- options: t,
2358
- onChangeCallback: x,
2359
- width: "100%",
2360
- maxWidth: "100%",
2361
- labelledById: l
2362
- }
2363
- ),
2364
- /* @__PURE__ */ i(
2365
- lg,
2366
- {
2367
- min: 1,
2368
- max: 100,
2369
- onChangeCallback: E,
2370
- isDisabled: !v,
2371
- labelledbyId: s,
2372
- value: h,
2373
- label: u,
2374
- color: d
2375
- }
2376
- )
2377
- ] });
2378
- };
2379
- gn.displayName = "Widgets.ColorTool.FilterControls";
2380
- const hn = ({
2381
- filters: e
2382
- }) => /* @__PURE__ */ w(cg, { children: [
2383
- /* @__PURE__ */ i(
2384
- fg,
2385
- {
2386
- alt: "",
2387
- src: "data:image/gif;base64,R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs=",
2388
- filtersActive: dn(e)
2389
- }
2390
- ),
2391
- e && e.map((t) => {
2392
- const { label: r, image: a, color: o, brightness: l, active: s } = t;
2393
- return /* @__PURE__ */ i(
2394
- dg,
2395
- {
2396
- image: a,
2397
- color: o,
2398
- brightness: l,
2399
- active: s
2400
- },
2401
- `filter-${r}`
2402
- );
2403
- })
2404
- ] });
2405
- hn.displayName = "Widgets.ColorTool.ImageComposite";
2406
- const vg = ({
2407
- title: e,
2408
- data: t,
2409
- objectOptions: r = [],
2410
- selectedData: a,
2411
- colorOptions: o = [],
2412
- selectionCallback: l,
2413
- isDisabled: s = !1,
2414
- isDisplayOnly: f = !1,
2415
- hideImage: u = !1,
2416
- hideSubtitle: d = !1
2417
- }) => {
2418
- const { ref: h, width: v = 1 } = ut(), [p, C] = G(
2419
- eg(a)
2420
- );
2421
- U(() => {
2422
- l && l(p);
2423
- }, [p]);
2424
- const m = (W) => {
2425
- const { label: k } = W, { filters: B } = p, X = B.map(
2426
- (N) => N.label === k ? W : N
2427
- );
2428
- return C({
2429
- ...p,
2430
- filters: X
2431
- });
2432
- }, x = (W) => {
2433
- const { value: k } = W.target;
2434
- return C({
2435
- name: k,
2436
- filters: tg(t, k)
2437
- });
2438
- }, E = () => C({
2439
- ...p,
2440
- filters: ng(p.filters)
2441
- }), y = t.length > 1, { t: _ } = ne(), z = _("colorTool.actions.select_an_object"), { filters: M, name: L, caption: Y } = p, ee = rg(t, L);
2442
- return /* @__PURE__ */ w(
2443
- ag,
2444
- {
2445
- ref: h,
2446
- isCondensed: v < 1e3,
2447
- hideControls: f,
2448
- children: [
2449
- e && /* @__PURE__ */ i(og, { children: e }),
2450
- L && (f || y) && /* @__PURE__ */ w(ig, { children: [
2451
- y && /* @__PURE__ */ w(V, { children: [
2452
- /* @__PURE__ */ i("dt", { children: _("colorTool.labels.object_type") }),
2453
- /* @__PURE__ */ i("dd", { children: ee })
2454
- ] }),
2455
- !d && /* @__PURE__ */ w(V, { children: [
2456
- /* @__PURE__ */ i("dt", { children: _("colorTool.labels.object", {
2457
- context: y ? "selected" : !1
2458
- }) }),
2459
- /* @__PURE__ */ i("dd", { children: L })
2460
- ] })
2461
- ] }),
2462
- !f && /* @__PURE__ */ w(sg, { children: [
2463
- y && /* @__PURE__ */ i(ug, { children: /* @__PURE__ */ i(
2464
- Xn,
2465
- {
2466
- id: "astroObjectSelector",
2467
- placeholder: z,
2468
- options: r,
2469
- onChange: x,
2470
- value: L,
2471
- disabled: s
2472
- }
2473
- ) }),
2474
- M && /* @__PURE__ */ w(V, { children: [
2475
- /* @__PURE__ */ i(rt, { id: "filterLabel", children: _("colorTool.labels.filter") }),
2476
- /* @__PURE__ */ i(rt, { id: "colorLabel", children: _("colorTool.labels.color") }),
2477
- /* @__PURE__ */ i(rt, { id: "intensityLabel", children: _("colorTool.labels.color_intensity") })
2478
- ] }),
2479
- M && M.map((W) => {
2480
- const { label: k, isDisabled: B } = W;
2481
- return /* @__PURE__ */ i(
2482
- gn,
2483
- {
2484
- filter: W,
2485
- isDisabled: s || B,
2486
- colorOptions: o,
2487
- onChangeFilterCallback: m,
2488
- buttonLabelledById: "filterLabel",
2489
- selectLabelledById: "colorLabel",
2490
- sliderLabelledById: "intensityLabel"
2491
- },
2492
- `filter-${k}`
2493
- );
2494
- })
2495
- ] }),
2496
- !u && /* @__PURE__ */ i(hn, { filters: M }),
2497
- L && !f && /* @__PURE__ */ i(
2498
- gg,
2499
- {
2500
- disabled: s || !Qp(p),
2501
- onClick: E,
2502
- icon: "Reset",
2503
- children: _("colorTool.actions.reset")
2504
- }
2505
- ),
2506
- Y && /* @__PURE__ */ i(pg, { children: Y })
2507
- ]
2508
- }
2509
- );
2510
- };
2511
- vg.displayName = "Widgets.ColorTool";
2512
- const bg = b.div`
2513
- background-color: var(--black, #000);
2514
- `, yg = b.div`
2515
- box-sizing: border-box;
2516
- display: flex;
2517
- align-items: center;
2518
- justify-content: center;
2519
- margin: 0;
2520
- padding: 0 var(--PADDING_SMALL, 20px) var(--PADDING_SMALL, 20px);
2521
- background-color: var(--black, #000);
2522
- width: 100%;
2523
- `;
2524
- b.label`
2525
- color: var(--white, #fff);
2526
- `;
2527
- const mg = b.svg`
2528
- font-size: 42px;
2529
- `, Ar = b.line`
2530
- fill: none;
2531
- stroke: #ffffff;
2532
- stroke-miterlimit: 10;
2533
- stroke-width: 7;
2534
- `, ie = b.path.attrs(
2535
- ({ isHidden: e }) => ({
2536
- style: { opacity: e ? 0 : 1 }
2537
- })
2538
- )`
2539
- fill: ${({ rayColor: e }) => e};
2540
- `, se = b.polygon.attrs(({ isHidden: e }) => ({
2541
- style: { opacity: e ? 0 : 1 }
2542
- }))`
2543
- fill: ${({ arrowColor: e }) => e};
2544
- `, _g = b.polygon`
2545
- fill: none;
2546
- stroke: #ffffff;
2547
- stroke-miterlimit: 10;
2548
- stroke-width: 12;
2549
- `, $g = b.line`
2550
- fill: none;
2551
- stroke-linecap: round;
2552
- stroke-miterlimit: 10;
2553
- stroke-width: 27.27;
2554
- `, Cg = ({
2555
- selectedColor: e = "none",
2556
- selectionCallback: t,
2557
- isReadOnly: r = !1
2558
- }) => {
2559
- const { t: a } = ne(), [o, l] = G(e), s = {
2560
- violet: "#861cff",
2561
- blue: "#0019ff",
2562
- green: "#6bd853",
2563
- yellow: "#ffdd15",
2564
- orange: "#f18922",
2565
- red: "#ec1c24",
2566
- none: "transparent"
2567
- }, f = Object.keys(s).map((h) => ({
2568
- value: h,
2569
- label: a(`filterTool.colors.${h}`),
2570
- icon: /* @__PURE__ */ i(Zn, { color: h, size: "small" })
2571
- }));
2572
- U(() => {
2573
- t && t(o);
2574
- }, [o]);
2575
- const u = (h) => o !== h && o !== "none", d = a("filterTool.selectLabel");
2576
- return /* @__PURE__ */ w(V, { children: [
2577
- /* @__PURE__ */ i("h2", { id: "filterTitle", children: /* @__PURE__ */ i(le, { i18nKey: "filterTool.title" }) }),
2578
- /* @__PURE__ */ w(bg, { children: [
2579
- /* @__PURE__ */ w(
2580
- mg,
2581
- {
2582
- version: "1.1",
2583
- viewBox: "0 0 1551.6 736.7",
2584
- "aria-describedby": "filterTitle",
2585
- children: [
2586
- /* @__PURE__ */ w("defs", { children: [
2587
- /* @__PURE__ */ w("linearGradient", { id: "no-arrow-red", children: [
2588
- /* @__PURE__ */ i("stop", { offset: "0%", stopColor: s.red }),
2589
- /* @__PURE__ */ i("stop", { offset: "81%", stopColor: s.red }),
2590
- /* @__PURE__ */ i("stop", { offset: "81%", stopColor: "transparent" }),
2591
- /* @__PURE__ */ i("stop", { offset: "100%", stopColor: "transparent" })
2592
- ] }),
2593
- /* @__PURE__ */ w("linearGradient", { id: "no-arrow-orange", children: [
2594
- /* @__PURE__ */ i("stop", { offset: "0%", stopColor: s.orange }),
2595
- /* @__PURE__ */ i("stop", { offset: "80%", stopColor: s.orange }),
2596
- /* @__PURE__ */ i("stop", { offset: "80%", stopColor: "transparent" }),
2597
- /* @__PURE__ */ i("stop", { offset: "100%", stopColor: "transparent" })
2598
- ] }),
2599
- /* @__PURE__ */ w("linearGradient", { id: "no-arrow-yellow", children: [
2600
- /* @__PURE__ */ i("stop", { offset: "0%", stopColor: s.yellow }),
2601
- /* @__PURE__ */ i("stop", { offset: "79%", stopColor: s.yellow }),
2602
- /* @__PURE__ */ i("stop", { offset: "79%", stopColor: "transparent" }),
2603
- /* @__PURE__ */ i("stop", { offset: "100%", stopColor: "transparent" })
2604
- ] }),
2605
- /* @__PURE__ */ w("linearGradient", { id: "no-arrow-green", children: [
2606
- /* @__PURE__ */ i("stop", { offset: "0%", stopColor: s.green }),
2607
- /* @__PURE__ */ i("stop", { offset: "78%", stopColor: s.green }),
2608
- /* @__PURE__ */ i("stop", { offset: "78%", stopColor: "transparent" }),
2609
- /* @__PURE__ */ i("stop", { offset: "100%", stopColor: "transparent" })
2610
- ] }),
2611
- /* @__PURE__ */ w("linearGradient", { id: "no-arrow-blue", children: [
2612
- /* @__PURE__ */ i("stop", { offset: "0%", stopColor: s.blue }),
2613
- /* @__PURE__ */ i("stop", { offset: "77%", stopColor: s.blue }),
2614
- /* @__PURE__ */ i("stop", { offset: "77%", stopColor: "transparent" }),
2615
- /* @__PURE__ */ i("stop", { offset: "100%", stopColor: "transparent" })
2616
- ] }),
2617
- /* @__PURE__ */ w("linearGradient", { id: "no-arrow-violet", children: [
2618
- /* @__PURE__ */ i("stop", { offset: "0%", stopColor: s.violet }),
2619
- /* @__PURE__ */ i("stop", { offset: "77%", stopColor: s.violet }),
2620
- /* @__PURE__ */ i("stop", { offset: "77%", stopColor: "transparent" }),
2621
- /* @__PURE__ */ i("stop", { offset: "100%", stopColor: "transparent" })
2622
- ] })
2623
- ] }),
2624
- /* @__PURE__ */ w(
2625
- "radialGradient",
2626
- {
2627
- id: "gradient_1_",
2628
- cx: "718.4264",
2629
- cy: "-294.6529",
2630
- r: "417.8",
2631
- fx: "638.9412",
2632
- fy: "-303.5418",
2633
- gradientTransform: "matrix(1 0 0 1 0 534)",
2634
- gradientUnits: "userSpaceOnUse",
2635
- children: [
2636
- /* @__PURE__ */ i("stop", { offset: "0.12", style: { stopColor: "#FFFFFF" } }),
2637
- /* @__PURE__ */ i("stop", { offset: "1", style: { stopColor: "#000000" } })
2638
- ]
2639
- }
2640
- ),
2641
- /* @__PURE__ */ i(
2642
- "polygon",
2643
- {
2644
- id: "gradient",
2645
- points: "653.2,127 867.4,498 438.9,498",
2646
- fill: "url(#gradient_1_)",
2647
- style: { opacity: 0.3 }
2648
- }
2649
- ),
2650
- /* @__PURE__ */ i("text", { transform: "matrix(1 0 0 1 1206.5464 164.1372)", fill: "#ffffff", children: /* @__PURE__ */ i(le, { i18nKey: "filterTool.filter" }) }),
2651
- /* @__PURE__ */ i(
2652
- Ar,
2653
- {
2654
- id: "white_ray",
2655
- x1: "108.2",
2656
- y1: "463.3",
2657
- x2: "546.1",
2658
- y2: "312.5"
2659
- }
2660
- ),
2661
- /* @__PURE__ */ i(
2662
- Ar,
2663
- {
2664
- id: "white_light_arrow_line",
2665
- x1: "376.8",
2666
- y1: "327.9",
2667
- x2: "430",
2668
- y2: "309.6"
2669
- }
2670
- ),
2671
- /* @__PURE__ */ i(
2672
- "polygon",
2673
- {
2674
- id: "white_light_arrow",
2675
- points: "420.7,325.4 428.1,310.3 413,302.9 422.5,299.7 437.6,307 430.2,322.1",
2676
- fill: "#ffffff"
2677
- }
2678
- ),
2679
- /* @__PURE__ */ i(
2680
- "text",
2681
- {
2682
- transform: "matrix(0.9446 -0.3282 0.3282 0.9446 152.0965 417.697)",
2683
- fill: "#ffffff",
2684
- children: /* @__PURE__ */ i(le, { i18nKey: "filterTool.whiteLight" })
2685
- }
2686
- ),
2687
- /* @__PURE__ */ i("text", { transform: "matrix(1 0 0 1 598.2964 606.0872)", fill: "#ffffff", children: /* @__PURE__ */ i(le, { i18nKey: "filterTool.prism" }) }),
2688
- /* @__PURE__ */ w("g", { id: "rays_out", children: [
2689
- /* @__PURE__ */ i(
2690
- ie,
2691
- {
2692
- id: "violet_ray",
2693
- rayColor: s.violet,
2694
- isHidden: u("violet"),
2695
- d: "M546.1,312.5l212.8,1.9h0.4l0.5,0.2L1396,522.8c6.9,2.3,10.7,9.7,8.5,16.7s-9.7,10.7-16.7,8.5l0,0l-0.4-0.1L757.8,320.4l0.9,0.2L546.1,312.5z"
2696
- }
2697
- ),
2698
- /* @__PURE__ */ i(
2699
- se,
2700
- {
2701
- id: "violet_arrow",
2702
- arrowColor: s.violet,
2703
- isHidden: u("violet"),
2704
- points: "1426.5,547.9 1353.2,550.6 1377.9,530.1 1372.3,498.5"
2705
- }
2706
- ),
2707
- /* @__PURE__ */ i(
2708
- ie,
2709
- {
2710
- id: "blue_ray",
2711
- rayColor: s.blue,
2712
- isHidden: u("blue"),
2713
- d: "M546.1,312.4l206.5-4.4h0.4l0.4,0.1l641.1,164c7,1.8,11.2,8.9,9.4,15.9c-1.8,7-8.9,11.2-15.9,9.4l-0.4-0.1L751.8,313.8l0.8,0.1L546.1,312.4z"
2714
- }
2715
- ),
2716
- /* @__PURE__ */ i(
2717
- se,
2718
- {
2719
- id: "blue_arrow",
2720
- arrowColor: s.blue,
2721
- isHidden: u("blue"),
2722
- points: "1431.5,496.4 1358.6,504.1 1381.8,482 1374.1,450.9"
2723
- }
2724
- ),
2725
- /* @__PURE__ */ i(
2726
- ie,
2727
- {
2728
- id: "green_ray",
2729
- rayColor: s.green,
2730
- isHidden: u("green"),
2731
- d: "M547.8,312l200.6-10.6h0.3l0.4,0.1l644.8,120.3c7,1.4,11.5,8.2,10.1,15.2c-1.4,6.9-8,11.4-14.9,10.2l-0.4-0.1L747.8,307.4l0.7,0.1L547.8,312z"
2732
- }
2733
- ),
2734
- /* @__PURE__ */ i(
2735
- se,
2736
- {
2737
- id: "green_arrow",
2738
- arrowColor: s.green,
2739
- isHidden: u("green"),
2740
- points: "1437.9,443.4 1366.1,458.4 1387,434.1 1376.2,403.9"
2741
- }
2742
- ),
2743
- /* @__PURE__ */ i(
2744
- ie,
2745
- {
2746
- id: "yellow_ray",
2747
- rayColor: s.yellow,
2748
- isHidden: u("yellow"),
2749
- d: "M546.1,312.5l205.8-17.3h0.3h0.4l640.4,75.3c7.1,0.8,12.2,7.2,11.3,14.3c-0.8,7.1-7.2,12.2-14.3,11.3l-0.4-0.1l-637.9-94.5h0.6L546.1,312.5z"
2750
- }
2751
- ),
2752
- /* @__PURE__ */ i(
2753
- se,
2754
- {
2755
- id: "yellow_arrow",
2756
- arrowColor: s.yellow,
2757
- isHidden: u("yellow"),
2758
- points: "1438.9,389.7 1368,408.2 1387.6,382.8 1375.4,353.3"
2759
- }
2760
- ),
2761
- /* @__PURE__ */ i(
2762
- ie,
2763
- {
2764
- id: "orange_ray",
2765
- rayColor: s.orange,
2766
- isHidden: u("orange"),
2767
- d: "M546.1,311l189.3-21.8h0.2h0.3l656.5,33.3c7,0.4,12.4,6.3,12,13.3s-6.3,12.4-13.3,12h-0.4l-655.2-52.9h0.5L546.1,311z"
2768
- }
2769
- ),
2770
- /* @__PURE__ */ i(
2771
- se,
2772
- {
2773
- id: "orange_arrow",
2774
- arrowColor: s.orange,
2775
- isHidden: u("orange"),
2776
- points: "1443.7,340.3 1373.9,362.8 1392.1,336.4 1378.2,307.5"
2777
- }
2778
- ),
2779
- /* @__PURE__ */ i(
2780
- ie,
2781
- {
2782
- id: "red_ray",
2783
- rayColor: s.red,
2784
- isHidden: u("red"),
2785
- d: "M546.1,311L730,283.9h0.1h0.2l661.4-9.9c6.9-0.1,12.6,5.4,12.7,12.3s-5.4,12.6-12.3,12.7h-0.4l-661.4-9.8h0.4L546.1,311z"
2786
- }
2787
- ),
2788
- /* @__PURE__ */ i(
2789
- se,
2790
- {
2791
- id: "red_arrow",
2792
- arrowColor: s.red,
2793
- isHidden: u("red"),
2794
- points: "1441.9,290 1372.4,313.2 1390.3,286.6 1376.1,257.9"
2795
- }
2796
- )
2797
- ] }),
2798
- /* @__PURE__ */ i(
2799
- $g,
2800
- {
2801
- id: "filter",
2802
- x1: "1255.6",
2803
- y1: "235.7",
2804
- x2: "1193.1",
2805
- y2: "550.3",
2806
- stroke: s[o],
2807
- fill: "#ffffff"
2808
- }
2809
- ),
2810
- /* @__PURE__ */ i(
2811
- _g,
2812
- {
2813
- id: "outline",
2814
- points: "653.2,127 760.3,312.5 867.4,498 653.2,498 438.9,498 546.1,312.5 "
2815
- }
2816
- )
2817
- ]
2818
- }
2819
- ),
2820
- /* @__PURE__ */ i(yg, { children: /* @__PURE__ */ i(
2821
- ft,
2822
- {
2823
- options: f,
2824
- isDisabled: r,
2825
- value: o,
2826
- onChangeCallback: (h) => l(h || "none"),
2827
- labelledById: "color-select",
2828
- placeholder: d,
2829
- maxWidth: "100%",
2830
- width: "200px"
2831
- }
2832
- ) })
2833
- ] })
2834
- ] });
2835
- };
2836
- Cg.displayName = "Widgets.FilterTool";
2837
- const wg = b.div`
2838
- position: relative;
2839
- min-width: var(--BREAK_MOBILE_MIN, 280px);
2840
-
2841
- @media print {
2842
- width: var(--BREAK_MOBILE_MIN, 280px);
2843
- }
2844
- `;
2845
- function xg(e, t) {
2846
- const r = dt();
2847
- U(() => {
2848
- r.current = e;
2849
- }, [e]), U(() => {
2850
- function a() {
2851
- r.current && r.current();
2852
- }
2853
- if (t !== null) {
2854
- let o = setInterval(a, t);
2855
- return () => clearInterval(o);
2856
- }
2857
- }, [t]);
2858
- }
2859
- const vn = b.div`
2860
- display: flex;
2861
- justify-content: center;
2862
- align-items: center;
2863
- width: 44px;
2864
- height: 44px;
2865
- border-radius: 22px;
2866
- background-color: var(--button-background-color);
2867
- color: var(--neutral95, #1f2121);
2868
- `, Tg = b.button`
2869
- --button-color: var(--white, #fff);
2870
- --button-background-color: var(--neutral15, #e6e6e6);
2871
-
2872
- background: transparent;
2873
- border: none;
2874
- color: var(--button-color);
2875
- cursor: pointer;
2876
- display: flex;
2877
- flex-direction: column;
2878
- align-items: center;
2879
- gap: 0.75em;
2880
- text-align: center;
2881
- padding: 0;
2882
- margin: 0;
2883
-
2884
- &:not(:disabled):not([aria-disabled="true"]):hover,
2885
- &:not(:disabled):not([aria-disabled="true"]):focus-visible,
2886
- &:not(:disabled):not([aria-disabled="true"]).focus-visible {
2887
- text-decoration: underline;
2888
-
2889
- ${vn} {
2890
- outline: 1px solid var(--white, #fff);
2891
- outline-offset: 1px;
2892
- }
2893
- }
2894
- &:not(:disabled):not([aria-disabled="true"]):focus {
2895
- outline: none;
2896
- }
2897
- `, je = ({
2898
- icon: e,
2899
- label: t,
2900
- handleClick: r,
2901
- ...a
2902
- }) => /* @__PURE__ */ w(Tg, { ...a, onClick: r, children: [
2903
- /* @__PURE__ */ i(vn, { children: /* @__PURE__ */ i(Rr, { icon: e, size: 15 }) }),
2904
- /* @__PURE__ */ i("span", { children: t })
2905
- ] });
2906
- je.displayName = "Atomic.PlaybackControl";
2907
- const Sg = b.div`
2908
- display: grid;
2909
- grid-template-columns: repeat(3, 1fr);
2910
- grid-template-rows: 1fr;
2911
- gap: 0.5em;
2912
- color: var(--white, #fff);
2913
- align-items: center;
2914
- justify-items: center;
2915
- width: fit-content;
2916
- font-size: 0.75em;
2917
- text-align: center;
2918
- z-index: 1;
2919
- `, bn = ({
2920
- playing: e,
2921
- handleStartStop: t,
2922
- handleNext: r,
2923
- handlePrevious: a,
2924
- className: o,
2925
- isDisabled: l
2926
- }) => {
2927
- const { t: s } = ne();
2928
- return /* @__PURE__ */ w(
2929
- Sg,
2930
- {
2931
- "data-testid": "blinker-controls",
2932
- className: o,
2933
- children: [
2934
- /* @__PURE__ */ i(
2935
- je,
2936
- {
2937
- "data-testid": "blinker-rewind",
2938
- icon: "Rewind",
2939
- label: s("blinker.controls.rewind"),
2940
- handleClick: a,
2941
- disabled: l
2942
- }
2943
- ),
2944
- /* @__PURE__ */ i(
2945
- je,
2946
- {
2947
- "data-testid": "blinker-start-stop",
2948
- icon: e ? "Pause" : "Play",
2949
- label: s(e ? "blinker.controls.pause" : "blinker.controls.play"),
2950
- handleClick: t,
2951
- disabled: l
2952
- }
2953
- ),
2954
- /* @__PURE__ */ i(
2955
- je,
2956
- {
2957
- "data-testid": "blinker-forward",
2958
- icon: "Forward",
2959
- label: s("blinker.controls.forward"),
2960
- handleClick: r,
2961
- disabled: l
2962
- }
2963
- )
2964
- ]
2965
- }
2966
- );
2967
- };
2968
- bn.displayName = "Atomic.Blinker.Controls";
2969
- const Ag = b.div`
2970
- background-color: var(--neutral95, #1f2121);
2971
- display: flex;
2972
- justify-content: center;
2973
- align-items: center;
2974
- position: relative;
2975
- `, Eg = b.div`
2976
- transition: opacity ease var(--DURATION_SLOW, 0.4s);
2977
-
2978
- ${({ isLoading: e }) => e ? j`
2979
- opacity: 0;
2980
- ` : j`
2981
- opacity: 1;
2982
- `}
2983
- `, Og = b.img`
2984
- position: absolute;
2985
- top: 0;
2986
- right: 0;
2987
- bottom: 0;
2988
- left: 0;
2989
- width: 100%;
2990
- height: 100%;
2991
- user-select: none;
2992
- -webkit-user-drag: none;
2993
- -khtml-user-drag: none;
2994
- -moz-user-drag: none;
2995
- -o-user-drag: none;
2996
- -ms-user-drag: none;
2997
- user-drag: none;
2998
-
2999
- ${({ active: e }) => e ? j`
3000
- visibility: visible;
3001
- ` : j`
3002
- visibility: hidden;
3003
- `}
3004
- `, yn = ({
3005
- image: e,
3006
- active: t,
3007
- loadCallback: r
3008
- }) => {
3009
- const { url: a, altText: o } = e;
3010
- return /* @__PURE__ */ i(
3011
- Og,
3012
- {
3013
- alt: o,
3014
- src: a,
3015
- onLoad: r,
3016
- active: t
3017
- }
3018
- );
3019
- };
3020
- yn.displayName = "Atomic.Blinker.Image";
3021
- const mn = ({
3022
- images: e = [],
3023
- activeIndex: t,
3024
- className: r,
3025
- loadedCallback: a
3026
- }) => {
3027
- const [o, l] = G(0), [s, f] = G(!0), u = () => {
3028
- l((d) => d + 1);
3029
- };
3030
- return U(() => {
3031
- f(o !== e.length), s || a && a();
3032
- }, [o, s]), /* @__PURE__ */ w(Ag, { "data-testid": "blinker-images", className: r, children: [
3033
- !o && /* @__PURE__ */ i(Qn, { isVisible: s }),
3034
- /* @__PURE__ */ i(Eg, { isLoading: s, children: e.map((d, h) => {
3035
- const { url: v } = d;
3036
- return /* @__PURE__ */ i(
3037
- yn,
3038
- {
3039
- image: d,
3040
- active: t === h,
3041
- loadCallback: u
3042
- },
3043
- v
3044
- );
3045
- }) })
3046
- ] });
3047
- };
3048
- mn.displayName = "Atomic.Blinker.Images";
3049
- const Ig = b.div`
3050
- display: grid;
3051
- grid-template-columns: 1fr;
3052
- grid-template-rows: 1fr min-content;
3053
- justify-items: center;
3054
- position: relative;
3055
- height: 100%;
3056
- `, Pg = b(bn)`
3057
- grid-row: 2;
3058
-
3059
- ${({ isCondensed: e }) => e ? j`
3060
- margin-block-start: var(--PADDING_SMALL, 20px);
3061
- ` : j`
3062
- margin-block-end: var(--PADDING_SMALL, 20px);
3063
- `}
3064
- `, Rg = b(mn)`
3065
- aspect-ratio: 1;
3066
- width: 100%;
3067
-
3068
- ${({ isCondensed: e }) => e ? j`
3069
- grid-row: 1;
3070
- ` : j`
3071
- position: absolute;
3072
- grid-row: span 2;
3073
- `};
3074
- `, _n = ({
3075
- images: e = [],
3076
- activeIndex: t = 0,
3077
- autoplay: r = !0,
3078
- loop: a = !0,
3079
- interval: o = 200,
3080
- blinkCallback: l,
3081
- loadedCallback: s,
3082
- className: f
3083
- }) => {
3084
- const { ref: u, width: d = 1 } = ut(), [h, v] = G(r), [p, C] = G(t), [m, x] = G(!1), { BREAK_MOBILE: E } = Ir, y = e.length > 1, _ = d < parseInt(E);
3085
- U(() => {
3086
- l && l(p);
3087
- }, [p]), U(() => {
3088
- m && s && s();
3089
- }, [m]);
3090
- const z = (k = 0) => {
3091
- const B = e.length - 1;
3092
- return Sa(p + k, B);
3093
- }, M = () => {
3094
- if (y) {
3095
- const k = z(1);
3096
- a === !1 && k === e.length - 1 && L(), C(k);
3097
- }
3098
- }, L = () => {
3099
- v(!1);
3100
- }, Y = () => {
3101
- v((k) => !k);
3102
- }, ee = () => {
3103
- L(), M();
3104
- }, W = () => {
3105
- L(), C(z(-1));
3106
- };
3107
- return xg(M, y && m && h ? o : null), /* @__PURE__ */ w(
3108
- Ig,
3109
- {
3110
- className: f,
3111
- ref: u,
3112
- isCondensed: _,
3113
- children: [
3114
- /* @__PURE__ */ i(
3115
- Rg,
3116
- {
3117
- loadedCallback: () => x(!0),
3118
- images: e,
3119
- activeIndex: p,
3120
- isCondensed: _
3121
- }
3122
- ),
3123
- y && /* @__PURE__ */ i(
3124
- Pg,
3125
- {
3126
- isDisabled: !m,
3127
- playing: h,
3128
- handleStartStop: Y,
3129
- handleNext: ee,
3130
- handlePrevious: W,
3131
- isCondensed: _
3132
- }
3133
- )
3134
- ]
3135
- }
3136
- );
3137
- };
3138
- _n.displayName = "Atomic.Blinker";
3139
- const Lg = b.div`
3140
- background-color: var(--neutral20, #dce0e3);
3141
- border-radius: 5px;
3142
- color: var(--neutral95, "#1F2121");
3143
- display: grid;
3144
- grid-template-areas: "header" "time";
3145
- font-size: 0.75em;
3146
- font-weight: var(--FONT_WEIGHT_NORMAL, 400);
3147
- min-width: 70px;
3148
- max-width: fit-content;
3149
- `, jg = b.h2`
3150
- border-bottom: 1px solid var(--neutral95, "#1F2121");
3151
- font-weight: inherit;
3152
- font-size: 1em;
3153
- line-height: 1;
3154
- grid-area: header;
3155
- text-align: center;
3156
- margin: 0;
3157
- padding: 0.5em 0.75em;
3158
- `, Mg = b.time`
3159
- grid-area: time;
3160
- display: grid;
3161
- grid-auto-flow: column;
3162
- grid-template-rows: 1fr;
3163
- grid-auto-columns: 1fr;
3164
- `, kg = b.div`
3165
- display: flex;
3166
- flex-direction: column;
3167
- align-items: center;
3168
- padding: 0.25em 0.5em;
3169
- line-height: 1.6;
3170
-
3171
- &:not(:first-of-type) {
3172
- border-left: 1px solid var(--neutral95, "#1F2121");
3173
- }
3174
- `, Dg = b.span`
3175
- font-size: 1.167em;
3176
- `, Fg = b.span`
3177
- font-size: 0.6em;
3178
- `, $n = ({
3179
- year: e,
3180
- day: t,
3181
- hour: r,
3182
- minute: a,
3183
- second: o,
3184
- className: l
3185
- }) => {
3186
- const s = { year: e, day: t, hour: r, minute: a, second: o }, f = Object.keys(s).filter((d) => s[d] !== void 0).map((d) => ({
3187
- interval: d,
3188
- time: s[d]
3189
- })), u = f.reduce((d, h) => {
3190
- const { interval: v, time: p = 0 } = h;
3191
- return `${d}${p}${v.charAt(0).toUpperCase()}`;
3192
- }, "PT");
3193
- return /* @__PURE__ */ w(Lg, { className: l, children: [
3194
- /* @__PURE__ */ i(jg, { id: "elapsedTimeHeader", children: /* @__PURE__ */ i(le, { children: "elapsed_time.title" }) }),
3195
- /* @__PURE__ */ i(Mg, { dateTime: u, "aria-labelledby": "elapsedTimeHeader", children: f.map((d) => {
3196
- const { interval: h, time: v = 0 } = d, p = `elapsed_time.step.${h}`;
3197
- return /* @__PURE__ */ w(kg, { children: [
3198
- /* @__PURE__ */ i(Dg, { children: v }),
3199
- /* @__PURE__ */ i(Fg, { children: /* @__PURE__ */ i(le, { i18nKey: p, count: v }) })
3200
- ] }, h);
3201
- }) })
3202
- ] });
3203
- };
3204
- $n.displayName = "Atomic.ElapsedTime";
3205
- const Ng = b(wg)`
3206
- ${({ width: e, height: t }) => j`
3207
- aspect-ratio: ${e} / ${t};
3208
- max-width: ${e}px;
3209
- max-height: ${t}px;
3210
- `}
3211
- `, Bg = b.svg`
3212
- position: absolute;
3213
- top: 0;
3214
- left: 0;
3215
- cursor: ${({ isDisplayOnly: e }) => e ? "default" : "pointer"};
3216
- `, Gg = b(_n)`
3217
- position: absolute;
3218
- width: 100%;
3219
- height: 100%;
3220
- `, Wg = b($n)`
3221
- position: absolute;
3222
- right: var(--PADDING_SMALL, 20px);
3223
- bottom: var(--PADDING_SMALL, 20px);
3224
- `, Hg = b.circle`
3225
- cursor: pointer;
3226
- transition: fill ease var(--DURATION, 0.2s), r ease-out 400ms;
3227
- ${({ isSelected: e }) => e && j`
3228
- stroke-width: 3;
3229
- `}
3230
-
3231
- &:focus {
3232
- outline: none;
3233
- }
3234
- `, Cn = ({
3235
- type: e,
3236
- id: t,
3237
- isActive: r,
3238
- isSelected: a,
3239
- x: o,
3240
- y: l,
3241
- radius: s,
3242
- className: f,
3243
- color: u
3244
- }) => {
3245
- const d = {
3246
- supernova: 20,
3247
- galaxy: 60,
3248
- galaxyFilter: 25
3249
- }, h = (m, x) => {
3250
- if (x)
3251
- return Math.abs(x);
3252
- const { [m]: E = 8 } = d;
3253
- return E;
3254
- }, v = (m, x, E) => m ? "#fed828" : x ? E : "transparent", p = h(e, s), C = Math.max(10, p * 1.2);
3255
- return /* @__PURE__ */ i(
3256
- Hg,
3257
- {
3258
- "data-id": t,
3259
- "data-type": e,
3260
- cx: o,
3261
- cy: l,
3262
- r: r ? C : p,
3263
- fill: "transparent",
3264
- stroke: v(r, a, u),
3265
- tabIndex: 0,
3266
- role: "listitem",
3267
- isSelected: a,
3268
- className: f
3269
- }
3270
- );
3271
- };
3272
- Cn.displayName = "Widgets.SourceSelector.Point";
3273
- const wn = ({
3274
- sources: e = [],
3275
- selectedSource: t = [],
3276
- activeType: r,
3277
- className: a,
3278
- xScale: o,
3279
- yScale: l,
3280
- color: s
3281
- }) => /* @__PURE__ */ i("g", { className: a, role: "list", children: e.map((f) => {
3282
- const { type: u, id: d, color: h, radius: v = NaN, x: p, y: C } = f, m = 0.6 * v, x = t.some(
3283
- (y) => y.id === d && y.type === u
3284
- );
3285
- return /* @__PURE__ */ i(
3286
- Cn,
3287
- {
3288
- id: d,
3289
- type: u,
3290
- isActive: r ? r === u : !1,
3291
- isSelected: x,
3292
- className: a,
3293
- radius: o(p - m) - o(p + m),
3294
- x: o(p),
3295
- y: l(C),
3296
- color: s || h
3297
- },
3298
- `point-${u}-${d}`
3299
- );
3300
- }) });
3301
- wn.displayName = "Widgets.SourceSelector.Points";
3302
- const zg = b(ea)`
3303
- position: absolute;
3304
- top: 0;
3305
- left: 0;
3306
- z-index: 1;
3307
- display: flex;
3308
- align-items: center;
3309
- justify-content: center;
3310
- gap: 1ch;
3311
- width: 100%;
3312
- height: ${({ isOpen: e }) => e ? 24 : 0}px;
3313
- overflow: hidden;
3314
- background-color: var(--black, #000);
3315
- color: #30e0e3;
3316
- font-size: 1rem;
3317
- font-weight: var(--FONT_WEIGHT_BOLD, 600);
3318
- text-align: center;
3319
- transition: height ease var(--DURATION_SLOW, 0.4s);
3320
-
3321
- @media (prefers-reduced-motion) {
3322
- transition: unset;
3323
- }
3324
- `, xn = ({
3325
- children: e,
3326
- isVisible: t = !1,
3327
- onMessageChangeCallback: r,
3328
- forIds: a
3329
- }) => (U(() => {
3330
- if (t) {
3331
- const o = setTimeout(() => {
3332
- r && r();
3333
- }, 1800);
3334
- return () => clearTimeout(o);
3335
- }
3336
- }, [e, t]), /* @__PURE__ */ i(zg, { forIds: a, isOpen: t, children: e }));
3337
- xn.displayName = "Widgets.SourceSelector.Message";
3338
- const Er = (e, t) => {
3339
- const [r, a] = e, [o, l] = t;
3340
- return (s) => s / (a - r) * (l - o) + o;
3341
- }, Ug = ({
3342
- width: e = 600,
3343
- height: t = 600,
3344
- selectedSource: r = [],
3345
- sources: a,
3346
- alerts: o,
3347
- images: l,
3348
- selectionCallback: s,
3349
- blinkConfig: f,
3350
- color: u,
3351
- isDisplayOnly: d = !1
3352
- }) => {
3353
- const [h, v] = G(r), [p, C] = G(!1), [m, x] = G(), [E, y] = G(!1), [_, z] = G(null), { t: M } = ne(), L = "sourceSelectorWidget";
3354
- U(() => {
3355
- s && s(h);
3356
- }, [h]);
3357
- const Y = (B, X, N) => B.filter((D) => D.id === X && D.type === N), ee = (B) => {
3358
- if (p && !d) {
3359
- const { target: X } = B, { id: N, type: D } = X.dataset;
3360
- if (N && D) {
3361
- if (!(Y(h, N, D).length > 0)) {
3362
- const te = Y(a, N, D);
3363
- v((xe) => xe.concat(te)), x(
3364
- /* @__PURE__ */ w(V, { children: [
3365
- /* @__PURE__ */ i(Rr, { icon: "checkmark" }),
3366
- M("source_selector.messages.success")
3367
- ] })
3368
- ), y(!0);
3369
- }
3370
- } else
3371
- x(M("source_selector.messages.failure")), y(!0);
3372
- }
3373
- };
3374
- return /* @__PURE__ */ w(Ng, { width: e, height: t, children: [
3375
- !d && /* @__PURE__ */ i(
3376
- xn,
3377
- {
3378
- onMessageChangeCallback: () => {
3379
- y(!1);
3380
- },
3381
- isVisible: E,
3382
- forIds: [L],
3383
- children: m
3384
- }
3385
- ),
3386
- /* @__PURE__ */ i(
3387
- Gg,
3388
- {
3389
- images: l,
3390
- blinkCallback: (B) => {
3391
- if (o && o.length > 1) {
3392
- const N = o[B].date - o[0].date;
3393
- z({
3394
- day: Math.round(N),
3395
- hour: Math.round(24 / N % 24) || 0
3396
- });
3397
- }
3398
- },
3399
- loadedCallback: () => C(!0),
3400
- ...f
3401
- }
3402
- ),
3403
- _ && /* @__PURE__ */ i(Wg, { ..._ }),
3404
- /* @__PURE__ */ i(
3405
- Bg,
3406
- {
3407
- preserveAspectRatio: "xMidYMid meet",
3408
- viewBox: `0 0 ${e} ${t}`,
3409
- onClick: ee,
3410
- id: L,
3411
- isDisplayOnly: d,
3412
- children: /* @__PURE__ */ i(
3413
- wn,
3414
- {
3415
- xScale: Er([0, e], [0, e]),
3416
- yScale: Er([0, t], [t, 0]),
3417
- color: u,
3418
- sources: a,
3419
- selectedSource: h
3420
- }
3421
- )
3422
- }
3423
- )
3424
- ] });
3425
- };
3426
- Ug.displayName = "Widgets.SourceSelector";
3427
- export {
3428
- Ea as CameraFilter,
3429
- vg as ColorTool,
3430
- Cg as FilterTool,
3431
- eh as GlobalStyles,
3432
- Ug as SourceSelector,
3433
- Xg as localeStrings
3434
- };