@rubin-epo/epo-widget-lib 0.2.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.
- package/README.MD +86 -0
- package/dist/assets/locales/index.d.ts +115 -0
- package/dist/atomic/Blinker/Blinker.d.ts +14 -0
- package/dist/atomic/Blinker/Controls/Controls.d.ts +11 -0
- package/dist/atomic/Blinker/Controls/styles.d.ts +1 -0
- package/dist/atomic/Blinker/Image/Image.d.ts +9 -0
- package/dist/atomic/Blinker/Image/styles.d.ts +3 -0
- package/dist/atomic/Blinker/Images/Images.d.ts +8 -0
- package/dist/atomic/Blinker/Images/styles.d.ts +4 -0
- package/dist/atomic/Blinker/index.d.ts +1 -0
- package/dist/atomic/Blinker/styles.d.ts +10 -0
- package/dist/atomic/ElapsedTime/ElapsedTime.d.ts +10 -0
- package/dist/atomic/ElapsedTime/index.d.ts +1 -0
- package/dist/atomic/ElapsedTime/styles.d.ts +6 -0
- package/dist/atomic/PlaybackControl/PlaybackControl.d.ts +9 -0
- package/dist/atomic/PlaybackControl/index.d.ts +1 -0
- package/dist/atomic/PlaybackControl/styles.d.ts +2 -0
- package/dist/epo-widget-lib.es.js +3434 -0
- package/dist/epo-widget-lib.umd.js +459 -0
- package/dist/hooks/useInterval.d.ts +1 -0
- package/dist/index.d.ts +6 -0
- package/dist/lib/utils.d.ts +13 -0
- package/dist/styles/svg.d.ts +1 -0
- package/dist/types/astro.d.ts +35 -0
- package/dist/vite-env.d.ts +1 -0
- package/dist/widgets/CameraFilter/CameraFilter.d.ts +3 -0
- package/dist/widgets/CameraFilter/CondensedFilterRanges/CondensedFilterRanges.d.ts +9 -0
- package/dist/widgets/CameraFilter/CondensedFilterRanges/index.d.ts +1 -0
- package/dist/widgets/CameraFilter/SpectrumDisplay/ColorLabels/ColorLabels.d.ts +10 -0
- package/dist/widgets/CameraFilter/SpectrumDisplay/ColorLabels/index.d.ts +1 -0
- package/dist/widgets/CameraFilter/SpectrumDisplay/SpectrumDisplay.d.ts +11 -0
- package/dist/widgets/CameraFilter/SpectrumDisplay/SpectrumLabels/SpectrumLabels.d.ts +14 -0
- package/dist/widgets/CameraFilter/SpectrumDisplay/SpectrumLabels/index.d.ts +1 -0
- package/dist/widgets/CameraFilter/SpectrumDisplay/index.d.ts +1 -0
- package/dist/widgets/CameraFilter/data.d.ts +39 -0
- package/dist/widgets/CameraFilter/index.d.ts +1 -0
- package/dist/widgets/CameraFilter/styles.d.ts +22 -0
- package/dist/widgets/ColorTool/ColorTool.d.ts +39 -0
- package/dist/widgets/ColorTool/FilterControls/FilterControls.d.ts +14 -0
- package/dist/widgets/ColorTool/FilterControls/index.d.ts +1 -0
- package/dist/widgets/ColorTool/FilterImage/FilterImage.d.ts +11 -0
- package/dist/widgets/ColorTool/FilterImage/index.d.ts +1 -0
- package/dist/widgets/ColorTool/ImageComposite/ImageComposite.d.ts +7 -0
- package/dist/widgets/ColorTool/ImageComposite/index.d.ts +1 -0
- package/dist/widgets/ColorTool/index.d.ts +1 -0
- package/dist/widgets/ColorTool/styles.d.ts +23 -0
- package/dist/widgets/ColorTool/utilities.d.ts +21 -0
- package/dist/widgets/FilterTool/FilterTool.d.ts +9 -0
- package/dist/widgets/FilterTool/index.d.ts +1 -0
- package/dist/widgets/FilterTool/styles.d.ts +15 -0
- package/dist/widgets/SourceSelector/Message/Message.d.ts +10 -0
- package/dist/widgets/SourceSelector/Message/index.d.ts +1 -0
- package/dist/widgets/SourceSelector/Point/Point.d.ts +15 -0
- package/dist/widgets/SourceSelector/Point/index.d.ts +1 -0
- package/dist/widgets/SourceSelector/Point/styles.d.ts +3 -0
- package/dist/widgets/SourceSelector/Points/Points.d.ts +13 -0
- package/dist/widgets/SourceSelector/Points/index.d.ts +1 -0
- package/dist/widgets/SourceSelector/SourceSelector.d.ts +22 -0
- package/dist/widgets/SourceSelector/index.d.ts +1 -0
- package/dist/widgets/SourceSelector/styles.d.ts +10 -0
- package/dist/widgets/SourceSelector/utilities.d.ts +1 -0
- package/package.json +45 -0
|
@@ -0,0 +1,459 @@
|
|
|
1
|
+
(function(N,R){typeof exports=="object"&&typeof module<"u"?R(exports,require("@rubin-epo/epo-react-lib"),require("react"),require("react-i18next"),require("use-resize-observer"),require("styled-components")):typeof define=="function"&&define.amd?define(["exports","@rubin-epo/epo-react-lib","react","react-i18next","use-resize-observer","styled-components"],R):(N=typeof globalThis<"u"?globalThis:N||self,R(N["EPO Widget Lib"]={},N.epoReactLib,N.React,N.reactI18next,N.useResizeObserver,N.styled))})(this,function(N,R,O,z,wn,L){"use strict";const Ue=e=>e&&e.__esModule?e:{default:e},Ct=Ue(O),Ke=Ue(wn),v=Ue(L),Ye={translation:{blinker:{controls:{rewind:"Rewind",forward:"Forward",play:"Play",pause:"Pause"}},elapsed_time:{title:"Elapsed Time",step:{day_one:"Day",day_other:"Days",hour_one:"Hour",hour_other:"Hours",minute_one:"Minute",minute_other:"Minutes",second_one:"Second",second_other:"Seconds",year_one:"Year",year_other:"Years"}},filterTool:{title:"Filter Tool",filter:"Filter",whiteLight:"White Light",prism:"Prism",selectLabel:"Select a filter:",colors:{violet:"Violet",blue:"Blue",green:"Green",yellow:"Yellow",orange:"Orange",red:"Red",none:"None"}},colorTool:{labels:{object_type:"Object type:",object:"Object:",object_selected:"Selected object:",filter:"Filter",color:"Color",color_intensity:"Color Intensity"},actions:{select_an_object:"Select an object",select_filter:"Select a filter",reset:"Reset"}},source_selector:{messages:{success:"You found it!",failure:"Try again."}},camera_filter:{title:"Rubin Observatory LSST Camera Filter Ranges",labels:{select:"Select one of the Rubin filters",option:"{{band}} filter",option_none:"None",captured_range:"Electromagnetic spectrums captured with {{filter}} filter applied",captured_range_no_filter:"Electromagnetic spectrums without filter applied",ultraviolet:"Ultraviolet",visible:"Visible Light",infrared:"Infrared"}}}},Ve={translation:{elapsed_time:{title:"Tiempo transcurrido",step:{day_one:"Día",day_other:"Días",hour_one:"Hora",hour_other:"Horas",minute_one:"Minuto",minute_other:"Minutos",second_one:"Segundo",second_other:"Segundos",year_one:"Año",year_other:"Años"}},filterTool:{title:"Herramienta de filtro",filter:"El filtro",whiteLight:"Luz blanca",prism:"Prisma",selectLabel:"Seleccione un filtro:",colors:{violet:"Violeta",blue:"Azul",green:"Verde",yellow:"Amarillo",orange:"Naranja",red:"Rojo",none:"Ninguno"}}}};Ye.translation={...Ye.translation,...R.localeStrings.en.translation},Ve.translation={...Ve.translation,...R.localeStrings.es.translation};const Sn={en:Ye,es:Ve};var we=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},ve={},xn={get exports(){return ve},set exports(e){ve=e}},be={};/**
|
|
2
|
+
* @license React
|
|
3
|
+
* react-jsx-runtime.production.min.js
|
|
4
|
+
*
|
|
5
|
+
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
6
|
+
*
|
|
7
|
+
* This source code is licensed under the MIT license found in the
|
|
8
|
+
* LICENSE file in the root directory of this source tree.
|
|
9
|
+
*/var $t;function An(){if($t)return be;$t=1;var e=Ct.default,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};function s(f,u,d){var h,b={},p=null,$=null;d!==void 0&&(p=""+d),u.key!==void 0&&(p=""+u.key),u.ref!==void 0&&($=u.ref);for(h in u)a.call(u,h)&&!l.hasOwnProperty(h)&&(b[h]=u[h]);if(f&&f.defaultProps)for(h in u=f.defaultProps,u)b[h]===void 0&&(b[h]=u[h]);return{$$typeof:t,type:f,key:p,ref:$,props:b,_owner:o.current}}return be.Fragment=r,be.jsx=s,be.jsxs=s,be}var me={};/**
|
|
10
|
+
* @license React
|
|
11
|
+
* react-jsx-runtime.development.js
|
|
12
|
+
*
|
|
13
|
+
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
14
|
+
*
|
|
15
|
+
* This source code is licensed under the MIT license found in the
|
|
16
|
+
* LICENSE file in the root directory of this source tree.
|
|
17
|
+
*/var Tt;function En(){return Tt||(Tt=1,process.env.NODE_ENV!=="production"&&function(){var e=Ct.default,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"),b=Symbol.for("react.memo"),p=Symbol.for("react.lazy"),$=Symbol.for("react.offscreen"),y=Symbol.iterator,w="@@iterator";function E(n){if(n===null||typeof n!="object")return null;var c=y&&n[y]||n[w];return typeof c=="function"?c:null}var m=e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function _(n){{for(var c=arguments.length,g=new Array(c>1?c-1:0),C=1;C<c;C++)g[C-1]=arguments[C];Y("error",n,g)}}function Y(n,c,g){{var C=m.ReactDebugCurrentFrame,A=C.getStackAddendum();A!==""&&(c+="%s",g=g.concat([A]));var P=g.map(function(x){return String(x)});P.unshift("Warning: "+c),Function.prototype.apply.call(console[n],console,P)}}var D=!1,k=!1,q=!1,ne=!1,U=!1,F;F=Symbol.for("react.module.reference");function H(n){return!!(typeof n=="string"||typeof n=="function"||n===a||n===l||U||n===o||n===d||n===h||ne||n===$||D||k||q||typeof n=="object"&&n!==null&&(n.$$typeof===p||n.$$typeof===b||n.$$typeof===s||n.$$typeof===f||n.$$typeof===u||n.$$typeof===F||n.getModuleId!==void 0))}function ee(n,c,g){var C=n.displayName;if(C)return C;var A=c.displayName||c.name||"";return A!==""?g+"("+A+")":g}function W(n){return n.displayName||"Context"}function B(n){if(n==null)return null;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")return n.displayName||n.name||null;if(typeof n=="string")return n;switch(n){case a:return"Fragment";case r:return"Portal";case l:return"Profiler";case o:return"StrictMode";case d:return"Suspense";case h:return"SuspenseList"}if(typeof n=="object")switch(n.$$typeof){case f:var c=n;return W(c)+".Consumer";case s:var g=n;return W(g._context)+".Provider";case u:return ee(n,n.render,"ForwardRef");case b:var C=n.displayName||null;return C!==null?C:B(n.type)||"Memo";case p:{var A=n,P=A._payload,x=A._init;try{return B(x(P))}catch{return null}}}return null}var te=Object.assign,ae=0,Ne,rn,nn,an,on,sn,ln;function cn(){}cn.__reactDisabledLog=!0;function sg(){{if(ae===0){Ne=console.log,rn=console.info,nn=console.warn,an=console.error,on=console.group,sn=console.groupCollapsed,ln=console.groupEnd;var n={configurable:!0,enumerable:!0,value:cn,writable:!0};Object.defineProperties(console,{info:n,log:n,warn:n,error:n,group:n,groupCollapsed:n,groupEnd:n})}ae++}}function lg(){{if(ae--,ae===0){var n={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:te({},n,{value:Ne}),info:te({},n,{value:rn}),warn:te({},n,{value:nn}),error:te({},n,{value:an}),group:te({},n,{value:on}),groupCollapsed:te({},n,{value:sn}),groupEnd:te({},n,{value:ln})})}ae<0&&_("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var pt=m.ReactCurrentDispatcher,gt;function Be(n,c,g){{if(gt===void 0)try{throw Error()}catch(A){var C=A.stack.trim().match(/\n( *(at )?)/);gt=C&&C[1]||""}return`
|
|
18
|
+
`+gt+n}}var ht=!1,Ge;{var cg=typeof WeakMap=="function"?WeakMap:Map;Ge=new cg}function fn(n,c){if(!n||ht)return"";{var g=Ge.get(n);if(g!==void 0)return g}var C;ht=!0;var A=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var P;P=pt.current,pt.current=null,sg();try{if(c){var x=function(){throw Error()};if(Object.defineProperty(x.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(x,[])}catch(Z){C=Z}Reflect.construct(n,[],x)}else{try{x.call()}catch(Z){C=Z}n.call(x.prototype)}}else{try{throw Error()}catch(Z){C=Z}n()}}catch(Z){if(Z&&C&&typeof Z.stack=="string"){for(var S=Z.stack.split(`
|
|
19
|
+
`),G=C.stack.split(`
|
|
20
|
+
`),j=S.length-1,M=G.length-1;j>=1&&M>=0&&S[j]!==G[M];)M--;for(;j>=1&&M>=0;j--,M--)if(S[j]!==G[M]){if(j!==1||M!==1)do if(j--,M--,M<0||S[j]!==G[M]){var K=`
|
|
21
|
+
`+S[j].replace(" at new "," at ");return n.displayName&&K.includes("<anonymous>")&&(K=K.replace("<anonymous>",n.displayName)),typeof n=="function"&&Ge.set(n,K),K}while(j>=1&&M>=0);break}}}finally{ht=!1,pt.current=P,lg(),Error.prepareStackTrace=A}var he=n?n.displayName||n.name:"",Tn=he?Be(he):"";return typeof n=="function"&&Ge.set(n,Tn),Tn}function fg(n,c,g){return fn(n,!1)}function dg(n){var c=n.prototype;return!!(c&&c.isReactComponent)}function We(n,c,g){if(n==null)return"";if(typeof n=="function")return fn(n,dg(n));if(typeof n=="string")return Be(n);switch(n){case d:return Be("Suspense");case h:return Be("SuspenseList")}if(typeof n=="object")switch(n.$$typeof){case u:return fg(n.render);case b:return We(n.type,c,g);case p:{var C=n,A=C._payload,P=C._init;try{return We(P(A),c,g)}catch{}}}return""}var ze=Object.prototype.hasOwnProperty,dn={},un=m.ReactDebugCurrentFrame;function He(n){if(n){var c=n._owner,g=We(n.type,n._source,c?c.type:null);un.setExtraStackFrame(g)}else un.setExtraStackFrame(null)}function ug(n,c,g,C,A){{var P=Function.call.bind(ze);for(var x in n)if(P(n,x)){var S=void 0;try{if(typeof n[x]!="function"){var G=Error((C||"React class")+": "+g+" type `"+x+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof n[x]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw G.name="Invariant Violation",G}S=n[x](c,x,C,g,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(j){S=j}S&&!(S instanceof Error)&&(He(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).",C||"React class",g,x,typeof S),He(null)),S instanceof Error&&!(S.message in dn)&&(dn[S.message]=!0,He(A),_("Failed %s type: %s",g,S.message),He(null))}}}var pg=Array.isArray;function vt(n){return pg(n)}function gg(n){{var c=typeof Symbol=="function"&&Symbol.toStringTag,g=c&&n[Symbol.toStringTag]||n.constructor.name||"Object";return g}}function hg(n){try{return pn(n),!1}catch{return!0}}function pn(n){return""+n}function gn(n){if(hg(n))return _("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",gg(n)),pn(n)}var Te=m.ReactCurrentOwner,vg={key:!0,ref:!0,__self:!0,__source:!0},hn,vn,bt;bt={};function bg(n){if(ze.call(n,"ref")){var c=Object.getOwnPropertyDescriptor(n,"ref").get;if(c&&c.isReactWarning)return!1}return n.ref!==void 0}function mg(n){if(ze.call(n,"key")){var c=Object.getOwnPropertyDescriptor(n,"key").get;if(c&&c.isReactWarning)return!1}return n.key!==void 0}function yg(n,c){if(typeof n.ref=="string"&&Te.current&&c&&Te.current.stateNode!==c){var g=B(Te.current.type);bt[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',B(Te.current.type),n.ref),bt[g]=!0)}}function _g(n,c){{var g=function(){hn||(hn=!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))};g.isReactWarning=!0,Object.defineProperty(n,"key",{get:g,configurable:!0})}}function Cg(n,c){{var g=function(){vn||(vn=!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))};g.isReactWarning=!0,Object.defineProperty(n,"ref",{get:g,configurable:!0})}}var $g=function(n,c,g,C,A,P,x){var S={$$typeof:t,type:n,key:c,ref:g,props:x,_owner:P};return S._store={},Object.defineProperty(S._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(S,"_self",{configurable:!1,enumerable:!1,writable:!1,value:C}),Object.defineProperty(S,"_source",{configurable:!1,enumerable:!1,writable:!1,value:A}),Object.freeze&&(Object.freeze(S.props),Object.freeze(S)),S};function Tg(n,c,g,C,A){{var P,x={},S=null,G=null;g!==void 0&&(gn(g),S=""+g),mg(c)&&(gn(c.key),S=""+c.key),bg(c)&&(G=c.ref,yg(c,A));for(P in c)ze.call(c,P)&&!vg.hasOwnProperty(P)&&(x[P]=c[P]);if(n&&n.defaultProps){var j=n.defaultProps;for(P in j)x[P]===void 0&&(x[P]=j[P])}if(S||G){var M=typeof n=="function"?n.displayName||n.name||"Unknown":n;S&&_g(x,M),G&&Cg(x,M)}return $g(n,S,G,A,C,Te.current,x)}}var mt=m.ReactCurrentOwner,bn=m.ReactDebugCurrentFrame;function ge(n){if(n){var c=n._owner,g=We(n.type,n._source,c?c.type:null);bn.setExtraStackFrame(g)}else bn.setExtraStackFrame(null)}var yt;yt=!1;function _t(n){return typeof n=="object"&&n!==null&&n.$$typeof===t}function mn(){{if(mt.current){var n=B(mt.current.type);if(n)return`
|
|
22
|
+
|
|
23
|
+
Check the render method of \``+n+"`."}return""}}function wg(n){{if(n!==void 0){var c=n.fileName.replace(/^.*[\\\/]/,""),g=n.lineNumber;return`
|
|
24
|
+
|
|
25
|
+
Check your code at `+c+":"+g+"."}return""}}var yn={};function Sg(n){{var c=mn();if(!c){var g=typeof n=="string"?n:n.displayName||n.name;g&&(c=`
|
|
26
|
+
|
|
27
|
+
Check the top-level render call using <`+g+">.")}return c}}function _n(n,c){{if(!n._store||n._store.validated||n.key!=null)return;n._store.validated=!0;var g=Sg(c);if(yn[g])return;yn[g]=!0;var C="";n&&n._owner&&n._owner!==mt.current&&(C=" It was passed a child from "+B(n._owner.type)+"."),ge(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,C),ge(null)}}function Cn(n,c){{if(typeof n!="object")return;if(vt(n))for(var g=0;g<n.length;g++){var C=n[g];_t(C)&&_n(C,c)}else if(_t(n))n._store&&(n._store.validated=!0);else if(n){var A=E(n);if(typeof A=="function"&&A!==n.entries)for(var P=A.call(n),x;!(x=P.next()).done;)_t(x.value)&&_n(x.value,c)}}}function xg(n){{var c=n.type;if(c==null||typeof c=="string")return;var g;if(typeof c=="function")g=c.propTypes;else if(typeof c=="object"&&(c.$$typeof===u||c.$$typeof===b))g=c.propTypes;else return;if(g){var C=B(c);ug(g,n.props,"prop",C,n)}else if(c.PropTypes!==void 0&&!yt){yt=!0;var A=B(c);_("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",A||"Unknown")}typeof c.getDefaultProps=="function"&&!c.getDefaultProps.isReactClassApproved&&_("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function Ag(n){{for(var c=Object.keys(n.props),g=0;g<c.length;g++){var C=c[g];if(C!=="children"&&C!=="key"){ge(n),_("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",C),ge(null);break}}n.ref!==null&&(ge(n),_("Invalid attribute `ref` supplied to `React.Fragment`."),ge(null))}}function $n(n,c,g,C,A,P){{var x=H(n);if(!x){var S="";(n===void 0||typeof n=="object"&&n!==null&&Object.keys(n).length===0)&&(S+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var G=wg(A);G?S+=G:S+=mn();var j;n===null?j="null":vt(n)?j="array":n!==void 0&&n.$$typeof===t?(j="<"+(B(n.type)||"Unknown")+" />",S=" Did you accidentally export a JSX literal instead of a component?"):j=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",j,S)}var M=Tg(n,c,g,A,P);if(M==null)return M;if(x){var K=c.children;if(K!==void 0)if(C)if(vt(K)){for(var he=0;he<K.length;he++)Cn(K[he],n);Object.freeze&&Object.freeze(K)}else _("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else Cn(K,n)}return n===a?Ag(M):xg(M),M}}function Eg(n,c,g){return $n(n,c,g,!0)}function Og(n,c,g){return $n(n,c,g,!1)}var Pg=Og,Ig=Eg;me.Fragment=a,me.jsx=Pg,me.jsxs=Ig}()),me}(function(e){process.env.NODE_ENV==="production"?e.exports=An():e.exports=En()})(xn);const J=ve.Fragment,i=ve.jsx,T=ve.jsxs,Q=[{band:"u",range:[338,395]},{range:[396,404]},{band:"g",range:[405,552]},{band:"r",range:[553,690]},{band:"i",range:[690,817]},{band:"z",range:[818,920]},{band:"y",range:[920,1010]}],Se=[{name:"ultraviolet",upper:400,stops:[{offset:0,stopColor:"#e0e0e0"},{offset:.262,stopColor:"#dedde0"},{offset:.41,stopColor:"#dbd5e1"},{offset:.53,stopColor:"#d4c7e3"},{offset:.635,stopColor:"#cbb3e6"},{offset:.73,stopColor:"#bf9aeb"},{offset:.818,stopColor:"#b17af0"},{offset:.9,stopColor:"#a055f5"},{offset:.976,stopColor:"#8c2afc"},{offset:1,stopColor:"#861cff"}]},{name:"visible",upper:750,lower:400,stops:[{offset:0,stopColor:"#861cff"},{offset:.253,stopColor:"blue"},{offset:.266,stopColor:"#001ee0"},{offset:.302,stopColor:"#006d91"},{offset:.334,stopColor:"#00ab53"},{offset:.361,stopColor:"#00d826"},{offset:.382,stopColor:"#00f40a"},{offset:.394,stopColor:"lime"},{offset:.409,stopColor:"#05fe00"},{offset:.427,stopColor:"#14fc01"},{offset:.447,stopColor:"#2df803"},{offset:.468,stopColor:"#50f406"},{offset:.49,stopColor:"#7cee0a"},{offset:.513,stopColor:"#b3e70e"},{offset:.536,stopColor:"#f2de14"},{offset:.54,stopColor:"#ffdd15"},{offset:.559,stopColor:"#fccb17"},{offset:.598,stopColor:"#f49f1e"},{offset:.615,stopColor:"#f18922"},{offset:.634,stopColor:"#f08220"},{offset:.66,stopColor:"#f0711c"},{offset:.69,stopColor:"#ef5415"},{offset:.723,stopColor:"#ed2d0b"},{offset:.755,stopColor:"#ec0000"}],colors:[{name:"violet",color:"#861CFF",range:[380,450]},{name:"blue",color:"#0000FF",range:[450,495]},{name:"green",color:"#00FF00",range:[495,570]},{name:"yellow",color:"#FFDD15",range:[570,590]},{name:"orange",color:"#F18922",range:[590,620]},{name:"red",color:"#EC0000",range:[620,750]}]},{name:"infrared",lower:750,stops:[{offset:0,stopColor:"#ec0000"},{offset:.387,stopColor:"#ea0e0e"},{offset:.526,stopColor:"#e53737"},{offset:.625,stopColor:"#e15d5d"},{offset:.705,stopColor:"#dd7d7d"},{offset:.774,stopColor:"#da9898"},{offset:.835,stopColor:"#d8aeae"},{offset:.89,stopColor:"#d6bfbf"},{offset:.941,stopColor:"#d4cbcb"},{offset:.986,stopColor:"#d4d2d2"},{offset:1,stopColor:"#d4d4d4"}]}],wt=255,St=322,xe=1084,On={condensed:{min:St,max:xe,range:xe-St},default:{min:wt,max:xe,range:xe-wt}},Pn=v.default.div`
|
|
28
|
+
display: grid;
|
|
29
|
+
grid-template-columns: 1fr;
|
|
30
|
+
grid-auto-rows: min-content;
|
|
31
|
+
text-align: center;
|
|
32
|
+
position: relative;
|
|
33
|
+
`,In=v.default.table`
|
|
34
|
+
border-collapse: collapse;
|
|
35
|
+
text-align: center;
|
|
36
|
+
${({range:e,offset:t})=>L.css`
|
|
37
|
+
margin-left: ${t.toFixed(2)}%;
|
|
38
|
+
width: ${e.toFixed(2)}%;
|
|
39
|
+
`}
|
|
40
|
+
`,Rn=v.default.tbody`
|
|
41
|
+
display: table-header-group;
|
|
42
|
+
`,jn=v.default.thead`
|
|
43
|
+
display: table-row-group;
|
|
44
|
+
`,Mn=v.default.td`
|
|
45
|
+
line-height: 1.2;
|
|
46
|
+
font-size: 80%;
|
|
47
|
+
`,Ln=v.default.span`
|
|
48
|
+
font-size: 80%;
|
|
49
|
+
`,kn=v.default.th`
|
|
50
|
+
font-size: 120%;
|
|
51
|
+
font-weight: var(--FONT_WEIGHT_NORMAL, 400);
|
|
52
|
+
|
|
53
|
+
${({band:e,isCondensed:t})=>L.css`
|
|
54
|
+
border: ${e?"solid #b2b2b2":"none"};
|
|
55
|
+
border-width: ${t?"1px":"3px"};
|
|
56
|
+
`};
|
|
57
|
+
`,Dn=v.default.div`
|
|
58
|
+
min-width: 20ch;
|
|
59
|
+
width: 50%;
|
|
60
|
+
max-width: 30ch;
|
|
61
|
+
margin-block-start: 1em;
|
|
62
|
+
justify-self: center;
|
|
63
|
+
text-align: left;
|
|
64
|
+
`,Fn=v.default.label`
|
|
65
|
+
font-size: 0.75em;
|
|
66
|
+
`,Nn=v.default.text`
|
|
67
|
+
font-size: 0.75em;
|
|
68
|
+
`,Bn=v.default.tspan`
|
|
69
|
+
font-size: 0.75em;
|
|
70
|
+
`,Gn=v.default.tspan`
|
|
71
|
+
font-size: 0.5em;
|
|
72
|
+
`,Wn=v.default.tspan`
|
|
73
|
+
font-size: 0.4em;
|
|
74
|
+
`,zn=v.default.ul`
|
|
75
|
+
display: flex;
|
|
76
|
+
justify-content: space-between;
|
|
77
|
+
line-height: 1.2;
|
|
78
|
+
font-size: 80%;
|
|
79
|
+
margin: 0;
|
|
80
|
+
padding: 0;
|
|
81
|
+
list-style-type: none;
|
|
82
|
+
`,Hn=v.default.li`
|
|
83
|
+
list-style-type: none;
|
|
84
|
+
margin: 0;
|
|
85
|
+
padding: 0;
|
|
86
|
+
|
|
87
|
+
&:before {
|
|
88
|
+
content: "\200B";
|
|
89
|
+
}
|
|
90
|
+
`,xt=({filters:e,min:t,spectrumRange:r})=>{const a=O.useRef(null),o=a.current?Array.from(a.current.children):null;return T(J,{children:[i(zn,{ref:a,"data-testid":"condensed-filters",children:e.map(({range:l,band:s})=>T(Hn,{"aria-labelledby":`${s}-name`,children:[l.join("–"),i("br",{}),"nm"]},s))}),o&&i("svg",{xmlns:"http://www.w3.org/2000/svg",preserveAspectRatio:"xMinYMin meet",viewBox:`${t} 0 ${r} 50`,role:"presentation","aria-hidden":"true",children:i("g",{role:"presentation",children:e.map(({range:l,band:s},f)=>{const u=o[f],{offsetLeft:d,offsetWidth:h,offsetParent:b}=u,{offsetWidth:p}=b,$=r/p,y=(l[0]+l[1])/2,w=(d+h/2)*$;return T("g",{children:[i("line",{strokeWidth:1,stroke:"#b2b2b2",x1:y,x2:y,y1:"100%",y2:"75%",role:"presentation"}),i("line",{strokeWidth:1,stroke:"#b2b2b2",x1:y,x2:w+t,y1:"75%",y2:"0%",role:"presentation"})]},s)})})})]})};xt.displayName="Widgets.CameraFilter.CondensedFilterRanges";const Un=(e,t)=>{switch(!0){case e>t:return 0;case e<0:return t;default:return e}},Kn=(e,t,r)=>e>=t&&e<=r,At=(e=[],t=[])=>{const r=e[0]<t[0]?e:t,a=r===e?t:e;return r[1]<a[0]?null:[a[0],r[1]<a[1]?r[1]:a[1]]},Et=({colors:e,activeRange:t,isBandSelected:r,isCondensed:a})=>{const o=a?350:e[0].range[0],s=(a?1e3:820)-o,f=Math.floor(s/(e.length-1));return i("g",{role:"list","data-testid":"color-labels",children:e.map(({name:u,range:d,color:h},b)=>{const p=o+f*b,$=r&&At(d,t)===null,y=(d[0]+d[1])/2;return T("g",{children:[i("line",{strokeWidth:1,stroke:"#b2b2b2",x1:y,x2:y,y1:"50%",y2:a?"52.5%":"55%",role:"presentation"}),i("line",{strokeWidth:1,stroke:"#b2b2b2",x1:y,x2:p,y1:a?"52.5%":"55%",y2:a?"72.5%":"70%",role:"presentation"}),i("circle",{cx:p,cy:a?"72.5%":"70%",r:a?15:10,fill:h,role:"presentation"}),T("text",{x:p,dominantBaseline:"middle",textAnchor:"middle",y:"75%",role:"listitem","aria-hidden":$,children:[i(Bn,{x:p,dy:"1.25em",textAnchor:"middle",children:u}),i(Gn,{x:p,dy:"1.25em",textAnchor:"middle",children:d.join("–")}),i(Wn,{x:p,dy:"1.25em",textAnchor:"middle",children:"nm"})]})]},u)})})};Et.displayName="Widgets.CameraFilter.ColorLabels";const Ot=({spectrums:e,activeBand:t,min:r,max:a,activeMin:o=0,activeMax:l=0,isCondensed:s})=>{const{t:f}=z.useTranslation(),u=f("camera_filter.labels.captured_range",{context:t?"":"no_filter",filter:t});return i("g",{role:"list","aria-label":u,"aria-live":"polite","data-testid":"spectrum-labels",children:e.map(({name:d,upper:h,lower:b,colors:p})=>{const $=h||a,y=b||r,w=t&&At([y,$],[o,l])===null;return T("g",{role:"listitem","aria-hidden":w,children:[i(Nn,{x:($-y)/2+y,y:"25%",dominantBaseline:"middle",textAnchor:"middle",children:f(`camera_filter.labels.${d}`)},d),p&&i(Et,{colors:p,isBandSelected:!!t,activeRange:[o,l],isCondensed:s})]},d)})})};Ot.displayName="Widgets.CameraFilter.SpectrumLabels";const Pt=({min:e,max:t,range:r,isCondensed:a,activeFilter:o})=>T("svg",{xmlns:"http://www.w3.org/2000/svg",preserveAspectRatio:"xMinYMin meet",viewBox:`${e} 0 ${r} 200`,"data-testid":"spectrum-display",children:[T("defs",{children:[Se.map(({name:l,stops:s})=>i("linearGradient",{id:`${l}-gradient`,children:s.map(({offset:f,stopColor:u,id:d})=>i("stop",{offset:f,stopColor:u,id:d},`${f}-${u}`))},l)),T("mask",{id:"spectrumMask",children:[i("rect",{width:"100%",height:"50%",fill:"white",x:e}),o&&T(J,{children:[i("rect",{x:e,width:o.range[0]-e,height:"100%",fill:"black"}),i("rect",{x:o.range[1],width:t-o.range[1],height:"100%",fill:"black"})]})]})]}),i("g",{mask:"url(#spectrumMask)",role:"presentation",children:Se.map(({name:l,upper:s,lower:f})=>i("rect",{width:(s||t)-(f||e),height:"50%",fill:`url(#${l}-gradient)`,x:f||e,role:"presentation"},l))}),i("g",{children:Se.map(({name:l,upper:s})=>s&&i("line",{strokeWidth:2,strokeDasharray:"8 8",stroke:o&&!Kn(s,o.range[0],o.range[1])?"#000":"#fff",x1:s,x2:s,y1:0,y2:"50%"},l))}),i(Ot,{spectrums:Se,activeBand:o==null?void 0:o.band,min:e,max:t,activeMin:o==null?void 0:o.range[0],activeMax:o==null?void 0:o.range[1],isCondensed:a})]});Pt.displayName="Widgets.CameraFilter.SpectrumDisplay";const It=()=>{const{t:e}=z.useTranslation(),{ref:t,width:r=1}=Ke.default(),[a,o]=O.useState(null),{BREAK_TABLET:l}=R.tokens,s=r<parseInt(l),{[s?"condensed":"default"]:{min:f,max:u,range:d}}=On,h=Q[0].range[0],p=Q[Q.length-1].range[1]-h,$=Q.filter(({band:m})=>m),w=[{value:"none",label:e("camera_filter.labels.option",{context:"none"})}].concat($.map(({band:m})=>({value:m,label:e("camera_filter.labels.option",{band:m})}))),E=Q.find(({band:m})=>m===a);return T(Pn,{ref:t,children:[i("h1",{children:e("camera_filter.title")}),s&&i(xt,{filters:$,min:f,spectrumRange:d}),T(In,{"aria-hidden":s,range:p/d*100,offset:(h-f)/d*100,"data-testid":"expanded-filters",children:[i("colgroup",{children:Q.map(({range:m})=>i("col",{style:{width:`${(m[1]-m[0])/p*100}%`}},m.join("")))}),i(jn,{children:i("tr",{children:Q.map(({band:m})=>i(kn,{id:`${m}-name`,band:m,scope:"col","aria-hidden":!m,isCondensed:s,children:m},m))})}),!s&&i(Rn,{children:i("tr",{children:Q.map(({band:m,range:_})=>i(Mn,{"aria-hidden":!m,children:m&&T(J,{children:[_.join("–"),i("br",{}),i(Ln,{children:"nm"})]})},_.join()))})})]}),i(Pt,{min:f,max:u,range:d,isCondensed:s,activeFilter:E}),T(Dn,{children:[i(Fn,{id:"filterSelectLabel",children:e("camera_filter.labels.select")}),i(R.SelectListbox,{options:w,value:a,onChangeCallback:m=>o(m),width:"100%",maxWidth:"100%",labelledById:"filterSelectLabel"})]})]})};It.displayName="Widgets.CameraFilter";function Yn(e,t){for(var r=-1,a=t.length,o=e.length;++r<a;)e[o+r]=t[r];return e}var Rt=Yn,Vn=typeof we=="object"&&we&&we.Object===Object&&we,jt=Vn,Jn=jt,Xn=typeof self=="object"&&self&&self.Object===Object&&self,qn=Jn||Xn||Function("return this")(),X=qn,Zn=X,Qn=Zn.Symbol,ye=Qn,Mt=ye,Lt=Object.prototype,ea=Lt.hasOwnProperty,ta=Lt.toString,_e=Mt?Mt.toStringTag:void 0;function ra(e){var t=ea.call(e,_e),r=e[_e];try{e[_e]=void 0;var a=!0}catch{}var o=ta.call(e);return a&&(t?e[_e]=r:delete e[_e]),o}var na=ra,aa=Object.prototype,oa=aa.toString;function ia(e){return oa.call(e)}var sa=ia,kt=ye,la=na,ca=sa,fa="[object Null]",da="[object Undefined]",Dt=kt?kt.toStringTag:void 0;function ua(e){return e==null?e===void 0?da:fa:Dt&&Dt in Object(e)?la(e):ca(e)}var Ce=ua;function pa(e){return e!=null&&typeof e=="object"}var $e=pa,ga=Ce,ha=$e,va="[object Arguments]";function ba(e){return ha(e)&&ga(e)==va}var ma=ba,Ft=ma,ya=$e,Nt=Object.prototype,_a=Nt.hasOwnProperty,Ca=Nt.propertyIsEnumerable,$a=Ft(function(){return arguments}())?Ft:function(e){return ya(e)&&_a.call(e,"callee")&&!Ca.call(e,"callee")},Ae=$a,Ta=Array.isArray,V=Ta,Bt=ye,wa=Ae,Sa=V,Gt=Bt?Bt.isConcatSpreadable:void 0;function xa(e){return Sa(e)||wa(e)||!!(Gt&&e&&e[Gt])}var Aa=xa,Ea=Rt,Oa=Aa;function Wt(e,t,r,a,o){var l=-1,s=e.length;for(r||(r=Oa),o||(o=[]);++l<s;){var f=e[l];t>0&&r(f)?t>1?Wt(f,t-1,r,a,o):Ea(o,f):a||(o[o.length]=f)}return o}var Pa=Wt,Ia=Pa,Ra=1/0;function ja(e){var t=e==null?0:e.length;return t?Ia(e,Ra):[]}var Ma=ja;function La(){this.__data__=[],this.size=0}var ka=La;function Da(e,t){return e===t||e!==e&&t!==t}var zt=Da,Fa=zt;function Na(e,t){for(var r=e.length;r--;)if(Fa(e[r][0],t))return r;return-1}var Ee=Na,Ba=Ee,Ga=Array.prototype,Wa=Ga.splice;function za(e){var t=this.__data__,r=Ba(t,e);if(r<0)return!1;var a=t.length-1;return r==a?t.pop():Wa.call(t,r,1),--this.size,!0}var Ha=za,Ua=Ee;function Ka(e){var t=this.__data__,r=Ua(t,e);return r<0?void 0:t[r][1]}var Ya=Ka,Va=Ee;function Ja(e){return Va(this.__data__,e)>-1}var Xa=Ja,qa=Ee;function Za(e,t){var r=this.__data__,a=qa(r,e);return a<0?(++this.size,r.push([e,t])):r[a][1]=t,this}var Qa=Za,eo=ka,to=Ha,ro=Ya,no=Xa,ao=Qa;function oe(e){var t=-1,r=e==null?0:e.length;for(this.clear();++t<r;){var a=e[t];this.set(a[0],a[1])}}oe.prototype.clear=eo,oe.prototype.delete=to,oe.prototype.get=ro,oe.prototype.has=no,oe.prototype.set=ao;var Oe=oe,oo=Oe;function io(){this.__data__=new oo,this.size=0}var so=io;function lo(e){var t=this.__data__,r=t.delete(e);return this.size=t.size,r}var co=lo;function fo(e){return this.__data__.get(e)}var uo=fo;function po(e){return this.__data__.has(e)}var go=po;function ho(e){var t=typeof e;return e!=null&&(t=="object"||t=="function")}var Pe=ho,vo=Ce,bo=Pe,mo="[object AsyncFunction]",yo="[object Function]",_o="[object GeneratorFunction]",Co="[object Proxy]";function $o(e){if(!bo(e))return!1;var t=vo(e);return t==yo||t==_o||t==mo||t==Co}var Ht=$o,To=X,wo=To["__core-js_shared__"],So=wo,Je=So,Ut=function(){var e=/[^.]+$/.exec(Je&&Je.keys&&Je.keys.IE_PROTO||"");return e?"Symbol(src)_1."+e:""}();function xo(e){return!!Ut&&Ut in e}var Ao=xo,Eo=Function.prototype,Oo=Eo.toString;function Po(e){if(e!=null){try{return Oo.call(e)}catch{}try{return e+""}catch{}}return""}var Kt=Po,Io=Ht,Ro=Ao,jo=Pe,Mo=Kt,Lo=/[\\^$.*+?()[\]{}|]/g,ko=/^\[object .+?Constructor\]$/,Do=Function.prototype,Fo=Object.prototype,No=Do.toString,Bo=Fo.hasOwnProperty,Go=RegExp("^"+No.call(Bo).replace(Lo,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");function Wo(e){if(!jo(e)||Ro(e))return!1;var t=Io(e)?Go:ko;return t.test(Mo(e))}var zo=Wo;function Ho(e,t){return e==null?void 0:e[t]}var Uo=Ho,Ko=zo,Yo=Uo;function Vo(e,t){var r=Yo(e,t);return Ko(r)?r:void 0}var ie=Vo,Jo=ie,Xo=X,qo=Jo(Xo,"Map"),Xe=qo,Zo=ie,Qo=Zo(Object,"create"),Ie=Qo,Yt=Ie;function ei(){this.__data__=Yt?Yt(null):{},this.size=0}var ti=ei;function ri(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t}var ni=ri,ai=Ie,oi="__lodash_hash_undefined__",ii=Object.prototype,si=ii.hasOwnProperty;function li(e){var t=this.__data__;if(ai){var r=t[e];return r===oi?void 0:r}return si.call(t,e)?t[e]:void 0}var ci=li,fi=Ie,di=Object.prototype,ui=di.hasOwnProperty;function pi(e){var t=this.__data__;return fi?t[e]!==void 0:ui.call(t,e)}var gi=pi,hi=Ie,vi="__lodash_hash_undefined__";function bi(e,t){var r=this.__data__;return this.size+=this.has(e)?0:1,r[e]=hi&&t===void 0?vi:t,this}var mi=bi,yi=ti,_i=ni,Ci=ci,$i=gi,Ti=mi;function se(e){var t=-1,r=e==null?0:e.length;for(this.clear();++t<r;){var a=e[t];this.set(a[0],a[1])}}se.prototype.clear=yi,se.prototype.delete=_i,se.prototype.get=Ci,se.prototype.has=$i,se.prototype.set=Ti;var wi=se,Vt=wi,Si=Oe,xi=Xe;function Ai(){this.size=0,this.__data__={hash:new Vt,map:new(xi||Si),string:new Vt}}var Ei=Ai;function Oi(e){var t=typeof e;return t=="string"||t=="number"||t=="symbol"||t=="boolean"?e!=="__proto__":e===null}var Pi=Oi,Ii=Pi;function Ri(e,t){var r=e.__data__;return Ii(t)?r[typeof t=="string"?"string":"hash"]:r.map}var Re=Ri,ji=Re;function Mi(e){var t=ji(this,e).delete(e);return this.size-=t?1:0,t}var Li=Mi,ki=Re;function Di(e){return ki(this,e).get(e)}var Fi=Di,Ni=Re;function Bi(e){return Ni(this,e).has(e)}var Gi=Bi,Wi=Re;function zi(e,t){var r=Wi(this,e),a=r.size;return r.set(e,t),this.size+=r.size==a?0:1,this}var Hi=zi,Ui=Ei,Ki=Li,Yi=Fi,Vi=Gi,Ji=Hi;function le(e){var t=-1,r=e==null?0:e.length;for(this.clear();++t<r;){var a=e[t];this.set(a[0],a[1])}}le.prototype.clear=Ui,le.prototype.delete=Ki,le.prototype.get=Yi,le.prototype.has=Vi,le.prototype.set=Ji;var qe=le,Xi=Oe,qi=Xe,Zi=qe,Qi=200;function es(e,t){var r=this.__data__;if(r instanceof Xi){var a=r.__data__;if(!qi||a.length<Qi-1)return a.push([e,t]),this.size=++r.size,this;r=this.__data__=new Zi(a)}return r.set(e,t),this.size=r.size,this}var ts=es,rs=Oe,ns=so,as=co,os=uo,is=go,ss=ts;function ce(e){var t=this.__data__=new rs(e);this.size=t.size}ce.prototype.clear=ns,ce.prototype.delete=as,ce.prototype.get=os,ce.prototype.has=is,ce.prototype.set=ss;var Jt=ce,ls="__lodash_hash_undefined__";function cs(e){return this.__data__.set(e,ls),this}var fs=cs;function ds(e){return this.__data__.has(e)}var us=ds,ps=qe,gs=fs,hs=us;function je(e){var t=-1,r=e==null?0:e.length;for(this.__data__=new ps;++t<r;)this.add(e[t])}je.prototype.add=je.prototype.push=gs,je.prototype.has=hs;var vs=je;function bs(e,t){for(var r=-1,a=e==null?0:e.length;++r<a;)if(t(e[r],r,e))return!0;return!1}var ms=bs;function ys(e,t){return e.has(t)}var _s=ys,Cs=vs,$s=ms,Ts=_s,ws=1,Ss=2;function xs(e,t,r,a,o,l){var s=r&ws,f=e.length,u=t.length;if(f!=u&&!(s&&u>f))return!1;var d=l.get(e),h=l.get(t);if(d&&h)return d==t&&h==e;var b=-1,p=!0,$=r&Ss?new Cs:void 0;for(l.set(e,t),l.set(t,e);++b<f;){var y=e[b],w=t[b];if(a)var E=s?a(w,y,b,t,e,l):a(y,w,b,e,t,l);if(E!==void 0){if(E)continue;p=!1;break}if($){if(!$s(t,function(m,_){if(!Ts($,_)&&(y===m||o(y,m,r,a,l)))return $.push(_)})){p=!1;break}}else if(!(y===w||o(y,w,r,a,l))){p=!1;break}}return l.delete(e),l.delete(t),p}var Xt=xs,As=X,Es=As.Uint8Array,Os=Es;function Ps(e){var t=-1,r=Array(e.size);return e.forEach(function(a,o){r[++t]=[o,a]}),r}var Is=Ps;function Rs(e){var t=-1,r=Array(e.size);return e.forEach(function(a){r[++t]=a}),r}var js=Rs,qt=ye,Zt=Os,Ms=zt,Ls=Xt,ks=Is,Ds=js,Fs=1,Ns=2,Bs="[object Boolean]",Gs="[object Date]",Ws="[object Error]",zs="[object Map]",Hs="[object Number]",Us="[object RegExp]",Ks="[object Set]",Ys="[object String]",Vs="[object Symbol]",Js="[object ArrayBuffer]",Xs="[object DataView]",Qt=qt?qt.prototype:void 0,Ze=Qt?Qt.valueOf:void 0;function qs(e,t,r,a,o,l,s){switch(r){case Xs:if(e.byteLength!=t.byteLength||e.byteOffset!=t.byteOffset)return!1;e=e.buffer,t=t.buffer;case Js:return!(e.byteLength!=t.byteLength||!l(new Zt(e),new Zt(t)));case Bs:case Gs:case Hs:return Ms(+e,+t);case Ws:return e.name==t.name&&e.message==t.message;case Us:case Ys:return e==t+"";case zs:var f=ks;case Ks:var u=a&Fs;if(f||(f=Ds),e.size!=t.size&&!u)return!1;var d=s.get(e);if(d)return d==t;a|=Ns,s.set(e,t);var h=Ls(f(e),f(t),a,o,l,s);return s.delete(e),h;case Vs:if(Ze)return Ze.call(e)==Ze.call(t)}return!1}var Zs=qs,Qs=Rt,el=V;function tl(e,t,r){var a=t(e);return el(e)?a:Qs(a,r(e))}var rl=tl;function nl(e,t){for(var r=-1,a=e==null?0:e.length,o=0,l=[];++r<a;){var s=e[r];t(s,r,e)&&(l[o++]=s)}return l}var al=nl;function ol(){return[]}var il=ol,sl=al,ll=il,cl=Object.prototype,fl=cl.propertyIsEnumerable,er=Object.getOwnPropertySymbols,dl=er?function(e){return e==null?[]:(e=Object(e),sl(er(e),function(t){return fl.call(e,t)}))}:ll,ul=dl;function pl(e,t){for(var r=-1,a=Array(e);++r<e;)a[r]=t(r);return a}var gl=pl,fe={},hl={get exports(){return fe},set exports(e){fe=e}};function vl(){return!1}var bl=vl;(function(e,t){var r=X,a=bl,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;e.exports=d})(hl,fe);var ml=9007199254740991,yl=/^(?:0|[1-9]\d*)$/;function _l(e,t){var r=typeof e;return t=t??ml,!!t&&(r=="number"||r!="symbol"&&yl.test(e))&&e>-1&&e%1==0&&e<t}var tr=_l,Cl=9007199254740991;function $l(e){return typeof e=="number"&&e>-1&&e%1==0&&e<=Cl}var Qe=$l,Tl=Ce,wl=Qe,Sl=$e,xl="[object Arguments]",Al="[object Array]",El="[object Boolean]",Ol="[object Date]",Pl="[object Error]",Il="[object Function]",Rl="[object Map]",jl="[object Number]",Ml="[object Object]",Ll="[object RegExp]",kl="[object Set]",Dl="[object String]",Fl="[object WeakMap]",Nl="[object ArrayBuffer]",Bl="[object DataView]",Gl="[object Float32Array]",Wl="[object Float64Array]",zl="[object Int8Array]",Hl="[object Int16Array]",Ul="[object Int32Array]",Kl="[object Uint8Array]",Yl="[object Uint8ClampedArray]",Vl="[object Uint16Array]",Jl="[object Uint32Array]",I={};I[Gl]=I[Wl]=I[zl]=I[Hl]=I[Ul]=I[Kl]=I[Yl]=I[Vl]=I[Jl]=!0,I[xl]=I[Al]=I[Nl]=I[El]=I[Bl]=I[Ol]=I[Pl]=I[Il]=I[Rl]=I[jl]=I[Ml]=I[Ll]=I[kl]=I[Dl]=I[Fl]=!1;function Xl(e){return Sl(e)&&wl(e.length)&&!!I[Tl(e)]}var ql=Xl;function Zl(e){return function(t){return e(t)}}var Ql=Zl,Me={},ec={get exports(){return Me},set exports(e){Me=e}};(function(e,t){var r=jt,a=t&&!t.nodeType&&t,o=a&&!0&&e&&!e.nodeType&&e,l=o&&o.exports===a,s=l&&r.process,f=function(){try{var u=o&&o.require&&o.require("util").types;return u||s&&s.binding&&s.binding("util")}catch{}}();e.exports=f})(ec,Me);var tc=ql,rc=Ql,rr=Me,nr=rr&&rr.isTypedArray,nc=nr?rc(nr):tc,et=nc,ac=gl,oc=Ae,ic=V,sc=fe,lc=tr,cc=et,fc=Object.prototype,dc=fc.hasOwnProperty;function uc(e,t){var r=ic(e),a=!r&&oc(e),o=!r&&!a&&sc(e),l=!r&&!a&&!o&&cc(e),s=r||a||o||l,f=s?ac(e.length,String):[],u=f.length;for(var d in e)(t||dc.call(e,d))&&!(s&&(d=="length"||o&&(d=="offset"||d=="parent")||l&&(d=="buffer"||d=="byteLength"||d=="byteOffset")||lc(d,u)))&&f.push(d);return f}var pc=uc,gc=Object.prototype;function hc(e){var t=e&&e.constructor,r=typeof t=="function"&&t.prototype||gc;return e===r}var ar=hc;function vc(e,t){return function(r){return e(t(r))}}var bc=vc,mc=bc,yc=mc(Object.keys,Object),_c=yc,Cc=ar,$c=_c,Tc=Object.prototype,wc=Tc.hasOwnProperty;function Sc(e){if(!Cc(e))return $c(e);var t=[];for(var r in Object(e))wc.call(e,r)&&r!="constructor"&&t.push(r);return t}var or=Sc,xc=Ht,Ac=Qe;function Ec(e){return e!=null&&Ac(e.length)&&!xc(e)}var tt=Ec,Oc=pc,Pc=or,Ic=tt;function Rc(e){return Ic(e)?Oc(e):Pc(e)}var rt=Rc,jc=rl,Mc=ul,Lc=rt;function kc(e){return jc(e,Lc,Mc)}var Dc=kc,ir=Dc,Fc=1,Nc=Object.prototype,Bc=Nc.hasOwnProperty;function Gc(e,t,r,a,o,l){var s=r&Fc,f=ir(e),u=f.length,d=ir(t),h=d.length;if(u!=h&&!s)return!1;for(var b=u;b--;){var p=f[b];if(!(s?p in t:Bc.call(t,p)))return!1}var $=l.get(e),y=l.get(t);if($&&y)return $==t&&y==e;var w=!0;l.set(e,t),l.set(t,e);for(var E=s;++b<u;){p=f[b];var m=e[p],_=t[p];if(a)var Y=s?a(_,m,p,t,e,l):a(m,_,p,e,t,l);if(!(Y===void 0?m===_||o(m,_,r,a,l):Y)){w=!1;break}E||(E=p=="constructor")}if(w&&!E){var D=e.constructor,k=t.constructor;D!=k&&"constructor"in e&&"constructor"in t&&!(typeof D=="function"&&D instanceof D&&typeof k=="function"&&k instanceof k)&&(w=!1)}return l.delete(e),l.delete(t),w}var Wc=Gc,zc=ie,Hc=X,Uc=zc(Hc,"DataView"),Kc=Uc,Yc=ie,Vc=X,Jc=Yc(Vc,"Promise"),Xc=Jc,qc=ie,Zc=X,Qc=qc(Zc,"Set"),ef=Qc,tf=ie,rf=X,nf=tf(rf,"WeakMap"),af=nf,nt=Kc,at=Xe,ot=Xc,it=ef,st=af,sr=Ce,de=Kt,lr="[object Map]",of="[object Object]",cr="[object Promise]",fr="[object Set]",dr="[object WeakMap]",ur="[object DataView]",sf=de(nt),lf=de(at),cf=de(ot),ff=de(it),df=de(st),re=sr;(nt&&re(new nt(new ArrayBuffer(1)))!=ur||at&&re(new at)!=lr||ot&&re(ot.resolve())!=cr||it&&re(new it)!=fr||st&&re(new st)!=dr)&&(re=function(e){var t=sr(e),r=t==of?e.constructor:void 0,a=r?de(r):"";if(a)switch(a){case sf:return ur;case lf:return lr;case cf:return cr;case ff:return fr;case df:return dr}return t});var pr=re,lt=Jt,uf=Xt,pf=Zs,gf=Wc,gr=pr,hr=V,vr=fe,hf=et,vf=1,br="[object Arguments]",mr="[object Array]",Le="[object Object]",bf=Object.prototype,yr=bf.hasOwnProperty;function mf(e,t,r,a,o,l){var s=hr(e),f=hr(t),u=s?mr:gr(e),d=f?mr:gr(t);u=u==br?Le:u,d=d==br?Le:d;var h=u==Le,b=d==Le,p=u==d;if(p&&vr(e)){if(!vr(t))return!1;s=!0,h=!1}if(p&&!h)return l||(l=new lt),s||hf(e)?uf(e,t,r,a,o,l):pf(e,t,u,r,a,o,l);if(!(r&vf)){var $=h&&yr.call(e,"__wrapped__"),y=b&&yr.call(t,"__wrapped__");if($||y){var w=$?e.value():e,E=y?t.value():t;return l||(l=new lt),o(w,E,r,a,l)}}return p?(l||(l=new lt),gf(e,t,r,a,o,l)):!1}var yf=mf,_f=yf,_r=$e;function Cr(e,t,r,a,o){return e===t?!0:e==null||t==null||!_r(e)&&!_r(t)?e!==e&&t!==t:_f(e,t,r,a,Cr,o)}var $r=Cr,Cf=Jt,$f=$r,Tf=1,wf=2;function Sf(e,t,r,a){var o=r.length,l=o,s=!a;if(e==null)return!l;for(e=Object(e);o--;){var f=r[o];if(s&&f[2]?f[1]!==e[f[0]]:!(f[0]in e))return!1}for(;++o<l;){f=r[o];var u=f[0],d=e[u],h=f[1];if(s&&f[2]){if(d===void 0&&!(u in e))return!1}else{var b=new Cf;if(a)var p=a(d,h,u,e,t,b);if(!(p===void 0?$f(h,d,Tf|wf,a,b):p))return!1}}return!0}var xf=Sf,Af=Pe;function Ef(e){return e===e&&!Af(e)}var Tr=Ef,Of=Tr,Pf=rt;function If(e){for(var t=Pf(e),r=t.length;r--;){var a=t[r],o=e[a];t[r]=[a,o,Of(o)]}return t}var Rf=If;function jf(e,t){return function(r){return r==null?!1:r[e]===t&&(t!==void 0||e in Object(r))}}var wr=jf,Mf=xf,Lf=Rf,kf=wr;function Df(e){var t=Lf(e);return t.length==1&&t[0][2]?kf(t[0][0],t[0][1]):function(r){return r===e||Mf(r,e,t)}}var Ff=Df,Nf=Ce,Bf=$e,Gf="[object Symbol]";function Wf(e){return typeof e=="symbol"||Bf(e)&&Nf(e)==Gf}var ke=Wf,zf=V,Hf=ke,Uf=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,Kf=/^\w*$/;function Yf(e,t){if(zf(e))return!1;var r=typeof e;return r=="number"||r=="symbol"||r=="boolean"||e==null||Hf(e)?!0:Kf.test(e)||!Uf.test(e)||t!=null&&e in Object(t)}var ct=Yf,Sr=qe,Vf="Expected a function";function ft(e,t){if(typeof e!="function"||t!=null&&typeof t!="function")throw new TypeError(Vf);var r=function(){var a=arguments,o=t?t.apply(this,a):a[0],l=r.cache;if(l.has(o))return l.get(o);var s=e.apply(this,a);return r.cache=l.set(o,s)||l,s};return r.cache=new(ft.Cache||Sr),r}ft.Cache=Sr;var Jf=ft,Xf=Jf,qf=500;function Zf(e){var t=Xf(e,function(a){return r.size===qf&&r.clear(),a}),r=t.cache;return t}var Qf=Zf,ed=Qf,td=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,rd=/\\(\\)?/g,nd=ed(function(e){var t=[];return e.charCodeAt(0)===46&&t.push(""),e.replace(td,function(r,a,o,l){t.push(o?l.replace(rd,"$1"):a||r)}),t}),ad=nd;function od(e,t){for(var r=-1,a=e==null?0:e.length,o=Array(a);++r<a;)o[r]=t(e[r],r,e);return o}var id=od,xr=ye,sd=id,ld=V,cd=ke,fd=1/0,Ar=xr?xr.prototype:void 0,Er=Ar?Ar.toString:void 0;function Or(e){if(typeof e=="string")return e;if(ld(e))return sd(e,Or)+"";if(cd(e))return Er?Er.call(e):"";var t=e+"";return t=="0"&&1/e==-fd?"-0":t}var dd=Or,ud=dd;function pd(e){return e==null?"":ud(e)}var gd=pd,hd=V,vd=ct,bd=ad,md=gd;function yd(e,t){return hd(e)?e:vd(e,t)?[e]:bd(md(e))}var Pr=yd,_d=ke,Cd=1/0;function $d(e){if(typeof e=="string"||_d(e))return e;var t=e+"";return t=="0"&&1/e==-Cd?"-0":t}var De=$d,Td=Pr,wd=De;function Sd(e,t){t=Td(t,e);for(var r=0,a=t.length;e!=null&&r<a;)e=e[wd(t[r++])];return r&&r==a?e:void 0}var Ir=Sd,xd=Ir;function Ad(e,t,r){var a=e==null?void 0:xd(e,t);return a===void 0?r:a}var Ed=Ad;function Od(e,t){return e!=null&&t in Object(e)}var Pd=Od,Id=Pr,Rd=Ae,jd=V,Md=tr,Ld=Qe,kd=De;function Dd(e,t,r){t=Id(t,e);for(var a=-1,o=t.length,l=!1;++a<o;){var s=kd(t[a]);if(!(l=e!=null&&r(e,s)))break;e=e[s]}return l||++a!=o?l:(o=e==null?0:e.length,!!o&&Ld(o)&&Md(s,o)&&(jd(e)||Rd(e)))}var Fd=Dd,Nd=Pd,Bd=Fd;function Gd(e,t){return e!=null&&Bd(e,t,Nd)}var Wd=Gd,zd=$r,Hd=Ed,Ud=Wd,Kd=ct,Yd=Tr,Vd=wr,Jd=De,Xd=1,qd=2;function Zd(e,t){return Kd(e)&&Yd(t)?Vd(Jd(e),t):function(r){var a=Hd(r,e);return a===void 0&&a===t?Ud(r,e):zd(t,a,Xd|qd)}}var Qd=Zd;function eu(e){return e}var tu=eu;function ru(e){return function(t){return t==null?void 0:t[e]}}var nu=ru,au=Ir;function ou(e){return function(t){return au(t,e)}}var iu=ou,su=nu,lu=iu,cu=ct,fu=De;function du(e){return cu(e)?su(fu(e)):lu(e)}var uu=du,pu=Ff,gu=Qd,hu=tu,vu=V,bu=uu;function mu(e){return typeof e=="function"?e:e==null?hu:typeof e=="object"?vu(e)?gu(e[0],e[1]):pu(e):bu(e)}var Rr=mu,yu=Rr,_u=tt,Cu=rt;function $u(e){return function(t,r,a){var o=Object(t);if(!_u(t)){var l=yu(r);t=Cu(t),r=function(f){return l(o[f],f,o)}}var s=e(t,r,a);return s>-1?o[l?t[s]:s]:void 0}}var Tu=$u;function wu(e,t,r,a){for(var o=e.length,l=r+(a?1:-1);a?l--:++l<o;)if(t(e[l],l,e))return l;return-1}var Su=wu,xu=/\s/;function Au(e){for(var t=e.length;t--&&xu.test(e.charAt(t)););return t}var Eu=Au,Ou=Eu,Pu=/^\s+/;function Iu(e){return e&&e.slice(0,Ou(e)+1).replace(Pu,"")}var Ru=Iu,ju=Ru,jr=Pe,Mu=ke,Mr=0/0,Lu=/^[-+]0x[0-9a-f]+$/i,ku=/^0b[01]+$/i,Du=/^0o[0-7]+$/i,Fu=parseInt;function Nu(e){if(typeof e=="number")return e;if(Mu(e))return Mr;if(jr(e)){var t=typeof e.valueOf=="function"?e.valueOf():e;e=jr(t)?t+"":t}if(typeof e!="string")return e===0?e:+e;e=ju(e);var r=ku.test(e);return r||Du.test(e)?Fu(e.slice(2),r?2:8):Lu.test(e)?Mr:+e}var Bu=Nu,Gu=Bu,Lr=1/0,Wu=17976931348623157e292;function zu(e){if(!e)return e===0?e:0;if(e=Gu(e),e===Lr||e===-Lr){var t=e<0?-1:1;return t*Wu}return e===e?e:0}var Hu=zu,Uu=Hu;function Ku(e){var t=Uu(e),r=t%1;return t===t?r?t-r:t:0}var Yu=Ku,Vu=Su,Ju=Rr,Xu=Yu,qu=Math.max;function Zu(e,t,r){var a=e==null?0:e.length;if(!a)return-1;var o=r==null?0:Xu(r);return o<0&&(o=qu(a+o,0)),Vu(e,Ju(t),o)}var Qu=Zu,ep=Tu,tp=Qu,rp=ep(tp),np=rp,ap=or,op=pr,ip=Ae,sp=V,lp=tt,cp=fe,fp=ar,dp=et,up="[object Map]",pp="[object Set]",gp=Object.prototype,hp=gp.hasOwnProperty;function vp(e){if(e==null)return!0;if(lp(e)&&(sp(e)||typeof e=="string"||typeof e.splice=="function"||cp(e)||dp(e)||ip(e)))return!e.length;var t=op(e);if(t==up||t==pp)return!e.size;if(fp(e))return!ap(e).length;for(var r in e)if(hp.call(e,r))return!1;return!0}var kr=vp;const dt=(e,t,r)=>(t-e)*(r/100)+e,Dr=e=>e.some(t=>t.active),bp=e=>kr(e)?!1:Dr(e.filters),Fr=e=>e.filters.map(t=>{const{value:r,defaultValue:a,defaultColor:o,min:l,max:s,color:f}=t,u=r||a||1,d=o||f;return{...t,brightness:dt(l,s,u),color:d}}),mp=e=>kr(e)?e:{...e,filters:Fr(e)},yp=(e,t)=>Ma(e.map(a=>a.objects.filter(o=>o.name===t).map(Fr))),_p=(e,t)=>{const r=np(e,{objects:[{name:t}]}),{type:a=null}=r||{};return a},Cp=e=>e.map(t=>{const{defaultValue:r,min:a,max:o}=t,l=r||1;return{...t,active:!1,color:"",brightness:dt(l,a,o),value:l}}),Nr=({width:e=600,height:t=600,className:r,image:a,color:o="transparent",brightness:l=1})=>{const s=O.useRef(null),f=new Image,u=(h,b,p,$)=>{h.fillStyle=b,h.fillRect(0,0,p,$)},d=(h,b)=>{var $;const p=($=s.current)==null?void 0:$.getContext("2d");if(p){const y=CSS.supports&&CSS.supports("background-color",b)?b:"transparent",{width:w,height:E}=p.canvas;p.clearRect(0,0,w,E),p.globalCompositeOperation="multiply",f.onload=()=>{p==null||p.drawImage(f,0,0,w,E),u(p,y,w,E)},f.src=h}};return O.useEffect(()=>{d(a,o)},[o,a]),i("canvas",{ref:s,style:{filter:`brightness(${l}) contrast(1.3)`},role:"img",className:r,width:e,height:t})};Nr.displayName="Widgets.ColorTool.FilterImage";const $p=v.default.section`
|
|
91
|
+
display: grid;
|
|
92
|
+
gap: var(--PADDING_SMALL, 20px);
|
|
93
|
+
|
|
94
|
+
${({isCondensed:e,hideControls:t})=>e?L.css`
|
|
95
|
+
grid-template-areas:
|
|
96
|
+
"title"
|
|
97
|
+
"subtitle"
|
|
98
|
+
"image"
|
|
99
|
+
"caption"
|
|
100
|
+
"controls"
|
|
101
|
+
"reset";
|
|
102
|
+
`:L.css`
|
|
103
|
+
grid-template-areas:
|
|
104
|
+
"title title"
|
|
105
|
+
"subtitle subtitle"
|
|
106
|
+
${t?"'image image'":"'controls image'"}
|
|
107
|
+
"reset reset"
|
|
108
|
+
"caption caption";
|
|
109
|
+
`}
|
|
110
|
+
`,Tp=v.default.h2`
|
|
111
|
+
grid-area: title;
|
|
112
|
+
margin: 0;
|
|
113
|
+
`,wp=v.default.dl`
|
|
114
|
+
grid-area: subtitle;
|
|
115
|
+
margin: 0;
|
|
116
|
+
font-size: 18px;
|
|
117
|
+
font-weight: var(--FONT_WEIGHT_NORMAL, 400);
|
|
118
|
+
|
|
119
|
+
> dt,
|
|
120
|
+
dd {
|
|
121
|
+
margin: 0;
|
|
122
|
+
white-space: nowrap;
|
|
123
|
+
}
|
|
124
|
+
|
|
125
|
+
> dt {
|
|
126
|
+
display: inline-block;
|
|
127
|
+
}
|
|
128
|
+
|
|
129
|
+
> dd {
|
|
130
|
+
display: inline;
|
|
131
|
+
margin-left: 1ch;
|
|
132
|
+
|
|
133
|
+
&::after {
|
|
134
|
+
content: "\\A";
|
|
135
|
+
white-space: pre;
|
|
136
|
+
}
|
|
137
|
+
}
|
|
138
|
+
`,Sp=v.default.div`
|
|
139
|
+
display: grid;
|
|
140
|
+
grid-template-columns: max-content minmax(100px, 1fr) minmax(100px, 2fr);
|
|
141
|
+
grid-auto-rows: max-content;
|
|
142
|
+
grid-area: controls;
|
|
143
|
+
gap: 10px;
|
|
144
|
+
align-items: center;
|
|
145
|
+
`,xp=v.default(R.HorizontalSlider)`
|
|
146
|
+
padding: 0;
|
|
147
|
+
width: 100%;
|
|
148
|
+
`,Ap=v.default.div`
|
|
149
|
+
position: relative;
|
|
150
|
+
aspect-ratio: 1 / 1;
|
|
151
|
+
grid-area: image;
|
|
152
|
+
background-color: rgba(0, 0, 0, 0.1);
|
|
153
|
+
`,Ep=v.default.img`
|
|
154
|
+
position: absolute;
|
|
155
|
+
top: 0;
|
|
156
|
+
right: 0;
|
|
157
|
+
bottom: 0;
|
|
158
|
+
left: 0;
|
|
159
|
+
display: ${({filtersActive:e})=>e?"block":"none"};
|
|
160
|
+
width: 100%;
|
|
161
|
+
height: 100%;
|
|
162
|
+
`,Op=v.default(Nr)`
|
|
163
|
+
user-select: none;
|
|
164
|
+
position: absolute;
|
|
165
|
+
top: 0;
|
|
166
|
+
right: 0;
|
|
167
|
+
bottom: 0;
|
|
168
|
+
left: 0;
|
|
169
|
+
width: 100%;
|
|
170
|
+
height: 100%;
|
|
171
|
+
mix-blend-mode: screen;
|
|
172
|
+
|
|
173
|
+
${({active:e})=>e?L.css`
|
|
174
|
+
visibility: visible;
|
|
175
|
+
opacity: 1;
|
|
176
|
+
`:L.css`
|
|
177
|
+
visibility: hidden;
|
|
178
|
+
opacity: 0;
|
|
179
|
+
`}
|
|
180
|
+
`,Pp=v.default.div`
|
|
181
|
+
grid-column: span 3;
|
|
182
|
+
`,ut=v.default.div`
|
|
183
|
+
font-weight: var(--FONT_WEIGHT_BOLD, 600);
|
|
184
|
+
`,Ip=v.default.footer`
|
|
185
|
+
grid-area: caption;
|
|
186
|
+
`,Rp=v.default(R.Button)`
|
|
187
|
+
grid-area: reset;
|
|
188
|
+
text-align: left;
|
|
189
|
+
|
|
190
|
+
span {
|
|
191
|
+
text-align: left;
|
|
192
|
+
}
|
|
193
|
+
`,jp=v.default(R.Button)`
|
|
194
|
+
border-radius: 50%;
|
|
195
|
+
font-weight: var(--FONT_WEIGHT_MEDIUM, 500);
|
|
196
|
+
font-size: 22px;
|
|
197
|
+
text-transform: lowercase;
|
|
198
|
+
display: flex;
|
|
199
|
+
width: 38px;
|
|
200
|
+
height: 38px;
|
|
201
|
+
padding: 0;
|
|
202
|
+
|
|
203
|
+
${({active:e})=>e?L.css`
|
|
204
|
+
background-color: var(--turquoise85, #12726c);
|
|
205
|
+
&:not(:disabled):not([aria-disabled="true"]):hover {
|
|
206
|
+
outline: 1px solid var(--white, #fff);
|
|
207
|
+
outline-offset: -3px;
|
|
208
|
+
}
|
|
209
|
+
`:L.css`
|
|
210
|
+
background-color: #f7f7f7;
|
|
211
|
+
border-color: #6c6e6e;
|
|
212
|
+
color: #6c6e6e !important;
|
|
213
|
+
&:not(:disabled):not([aria-disabled="true"]):hover {
|
|
214
|
+
outline: 2px solid #6c6e6e;
|
|
215
|
+
outline-offset: -2px;
|
|
216
|
+
}
|
|
217
|
+
`}
|
|
218
|
+
`,Br=({filter:e,colorOptions:t,isDisabled:r,onChangeFilterCallback:a,buttonLabelledById:o,selectLabelledById:l,sliderLabelledById:s})=>{const{t:f}=z.useTranslation(),{label:u,color:d="",value:h,active:b,min:p,max:$}=e,y=()=>a&&a({...e,active:!b}),w=_=>_&&a&&a({...e,color:_}),E=_=>a&&a({...e,brightness:dt(p,$,_),value:_}),m=f("colorTool.actions.select_filter");return T(J,{children:[i(jp,{disabled:r,onClick:y,active:b,"aria-labelledby":o,children:u}),i(R.SelectListbox,{isDisabled:r,placeholder:m,value:d,options:t,onChangeCallback:w,width:"100%",maxWidth:"100%",labelledById:l}),i(xp,{min:1,max:100,onChangeCallback:E,isDisabled:!b,labelledbyId:s,value:h,label:u,color:d})]})};Br.displayName="Widgets.ColorTool.FilterControls";const Gr=({filters:e})=>T(Ap,{children:[i(Ep,{alt:"",src:"data:image/gif;base64,R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs=",filtersActive:Dr(e)}),e&&e.map(t=>{const{label:r,image:a,color:o,brightness:l,active:s}=t;return i(Op,{image:a,color:o,brightness:l,active:s},`filter-${r}`)})]});Gr.displayName="Widgets.ColorTool.ImageComposite";const Wr=({title:e,data:t,objectOptions:r=[],selectedData:a,colorOptions:o=[],selectionCallback:l,isDisabled:s=!1,isDisplayOnly:f=!1,hideImage:u=!1,hideSubtitle:d=!1})=>{const{ref:h,width:b=1}=Ke.default(),[p,$]=O.useState(mp(a));O.useEffect(()=>{l&&l(p)},[p]);const y=U=>{const{label:F}=U,{filters:H}=p,ee=H.map(W=>W.label===F?U:W);return $({...p,filters:ee})},w=U=>{const{value:F}=U.target;return $({name:F,filters:yp(t,F)})},E=()=>$({...p,filters:Cp(p.filters)}),m=t.length>1,{t:_}=z.useTranslation(),Y=_("colorTool.actions.select_an_object"),{filters:D,name:k,caption:q}=p,ne=_p(t,k);return T($p,{ref:h,isCondensed:b<1e3,hideControls:f,children:[e&&i(Tp,{children:e}),k&&(f||m)&&T(wp,{children:[m&&T(J,{children:[i("dt",{children:_("colorTool.labels.object_type")}),i("dd",{children:ne})]}),!d&&T(J,{children:[i("dt",{children:_("colorTool.labels.object",{context:m?"selected":!1})}),i("dd",{children:k})]})]}),!f&&T(Sp,{children:[m&&i(Pp,{children:i(R.Select,{id:"astroObjectSelector",placeholder:Y,options:r,onChange:w,value:k,disabled:s})}),D&&T(J,{children:[i(ut,{id:"filterLabel",children:_("colorTool.labels.filter")}),i(ut,{id:"colorLabel",children:_("colorTool.labels.color")}),i(ut,{id:"intensityLabel",children:_("colorTool.labels.color_intensity")})]}),D&&D.map(U=>{const{label:F,isDisabled:H}=U;return i(Br,{filter:U,isDisabled:s||H,colorOptions:o,onChangeFilterCallback:y,buttonLabelledById:"filterLabel",selectLabelledById:"colorLabel",sliderLabelledById:"intensityLabel"},`filter-${F}`)})]}),!u&&i(Gr,{filters:D}),k&&!f&&i(Rp,{disabled:s||!bp(p),onClick:E,icon:"Reset",children:_("colorTool.actions.reset")}),q&&i(Ip,{children:q})]})};Wr.displayName="Widgets.ColorTool";const Mp=v.default.div`
|
|
219
|
+
background-color: var(--black, #000);
|
|
220
|
+
`,Lp=v.default.div`
|
|
221
|
+
box-sizing: border-box;
|
|
222
|
+
display: flex;
|
|
223
|
+
align-items: center;
|
|
224
|
+
justify-content: center;
|
|
225
|
+
margin: 0;
|
|
226
|
+
padding: 0 var(--PADDING_SMALL, 20px) var(--PADDING_SMALL, 20px);
|
|
227
|
+
background-color: var(--black, #000);
|
|
228
|
+
width: 100%;
|
|
229
|
+
`;v.default.label`
|
|
230
|
+
color: var(--white, #fff);
|
|
231
|
+
`;const kp=v.default.svg`
|
|
232
|
+
font-size: 42px;
|
|
233
|
+
`,zr=v.default.line`
|
|
234
|
+
fill: none;
|
|
235
|
+
stroke: #ffffff;
|
|
236
|
+
stroke-miterlimit: 10;
|
|
237
|
+
stroke-width: 7;
|
|
238
|
+
`,ue=v.default.path.attrs(({isHidden:e})=>({style:{opacity:e?0:1}}))`
|
|
239
|
+
fill: ${({rayColor:e})=>e};
|
|
240
|
+
`,pe=v.default.polygon.attrs(({isHidden:e})=>({style:{opacity:e?0:1}}))`
|
|
241
|
+
fill: ${({arrowColor:e})=>e};
|
|
242
|
+
`,Dp=v.default.polygon`
|
|
243
|
+
fill: none;
|
|
244
|
+
stroke: #ffffff;
|
|
245
|
+
stroke-miterlimit: 10;
|
|
246
|
+
stroke-width: 12;
|
|
247
|
+
`,Fp=v.default.line`
|
|
248
|
+
fill: none;
|
|
249
|
+
stroke-linecap: round;
|
|
250
|
+
stroke-miterlimit: 10;
|
|
251
|
+
stroke-width: 27.27;
|
|
252
|
+
`,Hr=({selectedColor:e="none",selectionCallback:t,isReadOnly:r=!1})=>{const{t:a}=z.useTranslation(),[o,l]=O.useState(e),s={violet:"#861cff",blue:"#0019ff",green:"#6bd853",yellow:"#ffdd15",orange:"#f18922",red:"#ec1c24",none:"transparent"},f=Object.keys(s).map(h=>({value:h,label:a(`filterTool.colors.${h}`),icon:i(R.ColorSwatch,{color:h,size:"small"})}));O.useEffect(()=>{t&&t(o)},[o]);const u=h=>o!==h&&o!=="none",d=a("filterTool.selectLabel");return T(J,{children:[i("h2",{id:"filterTitle",children:i(z.Trans,{i18nKey:"filterTool.title"})}),T(Mp,{children:[T(kp,{version:"1.1",viewBox:"0 0 1551.6 736.7","aria-describedby":"filterTitle",children:[T("defs",{children:[T("linearGradient",{id:"no-arrow-red",children:[i("stop",{offset:"0%",stopColor:s.red}),i("stop",{offset:"81%",stopColor:s.red}),i("stop",{offset:"81%",stopColor:"transparent"}),i("stop",{offset:"100%",stopColor:"transparent"})]}),T("linearGradient",{id:"no-arrow-orange",children:[i("stop",{offset:"0%",stopColor:s.orange}),i("stop",{offset:"80%",stopColor:s.orange}),i("stop",{offset:"80%",stopColor:"transparent"}),i("stop",{offset:"100%",stopColor:"transparent"})]}),T("linearGradient",{id:"no-arrow-yellow",children:[i("stop",{offset:"0%",stopColor:s.yellow}),i("stop",{offset:"79%",stopColor:s.yellow}),i("stop",{offset:"79%",stopColor:"transparent"}),i("stop",{offset:"100%",stopColor:"transparent"})]}),T("linearGradient",{id:"no-arrow-green",children:[i("stop",{offset:"0%",stopColor:s.green}),i("stop",{offset:"78%",stopColor:s.green}),i("stop",{offset:"78%",stopColor:"transparent"}),i("stop",{offset:"100%",stopColor:"transparent"})]}),T("linearGradient",{id:"no-arrow-blue",children:[i("stop",{offset:"0%",stopColor:s.blue}),i("stop",{offset:"77%",stopColor:s.blue}),i("stop",{offset:"77%",stopColor:"transparent"}),i("stop",{offset:"100%",stopColor:"transparent"})]}),T("linearGradient",{id:"no-arrow-violet",children:[i("stop",{offset:"0%",stopColor:s.violet}),i("stop",{offset:"77%",stopColor:s.violet}),i("stop",{offset:"77%",stopColor:"transparent"}),i("stop",{offset:"100%",stopColor:"transparent"})]})]}),T("radialGradient",{id:"gradient_1_",cx:"718.4264",cy:"-294.6529",r:"417.8",fx:"638.9412",fy:"-303.5418",gradientTransform:"matrix(1 0 0 1 0 534)",gradientUnits:"userSpaceOnUse",children:[i("stop",{offset:"0.12",style:{stopColor:"#FFFFFF"}}),i("stop",{offset:"1",style:{stopColor:"#000000"}})]}),i("polygon",{id:"gradient",points:"653.2,127 867.4,498 438.9,498",fill:"url(#gradient_1_)",style:{opacity:.3}}),i("text",{transform:"matrix(1 0 0 1 1206.5464 164.1372)",fill:"#ffffff",children:i(z.Trans,{i18nKey:"filterTool.filter"})}),i(zr,{id:"white_ray",x1:"108.2",y1:"463.3",x2:"546.1",y2:"312.5"}),i(zr,{id:"white_light_arrow_line",x1:"376.8",y1:"327.9",x2:"430",y2:"309.6"}),i("polygon",{id:"white_light_arrow",points:"420.7,325.4 428.1,310.3 413,302.9 422.5,299.7 437.6,307 430.2,322.1",fill:"#ffffff"}),i("text",{transform:"matrix(0.9446 -0.3282 0.3282 0.9446 152.0965 417.697)",fill:"#ffffff",children:i(z.Trans,{i18nKey:"filterTool.whiteLight"})}),i("text",{transform:"matrix(1 0 0 1 598.2964 606.0872)",fill:"#ffffff",children:i(z.Trans,{i18nKey:"filterTool.prism"})}),T("g",{id:"rays_out",children:[i(ue,{id:"violet_ray",rayColor:s.violet,isHidden:u("violet"),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"}),i(pe,{id:"violet_arrow",arrowColor:s.violet,isHidden:u("violet"),points:"1426.5,547.9 1353.2,550.6 1377.9,530.1 1372.3,498.5"}),i(ue,{id:"blue_ray",rayColor:s.blue,isHidden:u("blue"),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"}),i(pe,{id:"blue_arrow",arrowColor:s.blue,isHidden:u("blue"),points:"1431.5,496.4 1358.6,504.1 1381.8,482 1374.1,450.9"}),i(ue,{id:"green_ray",rayColor:s.green,isHidden:u("green"),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"}),i(pe,{id:"green_arrow",arrowColor:s.green,isHidden:u("green"),points:"1437.9,443.4 1366.1,458.4 1387,434.1 1376.2,403.9"}),i(ue,{id:"yellow_ray",rayColor:s.yellow,isHidden:u("yellow"),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"}),i(pe,{id:"yellow_arrow",arrowColor:s.yellow,isHidden:u("yellow"),points:"1438.9,389.7 1368,408.2 1387.6,382.8 1375.4,353.3"}),i(ue,{id:"orange_ray",rayColor:s.orange,isHidden:u("orange"),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"}),i(pe,{id:"orange_arrow",arrowColor:s.orange,isHidden:u("orange"),points:"1443.7,340.3 1373.9,362.8 1392.1,336.4 1378.2,307.5"}),i(ue,{id:"red_ray",rayColor:s.red,isHidden:u("red"),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"}),i(pe,{id:"red_arrow",arrowColor:s.red,isHidden:u("red"),points:"1441.9,290 1372.4,313.2 1390.3,286.6 1376.1,257.9"})]}),i(Fp,{id:"filter",x1:"1255.6",y1:"235.7",x2:"1193.1",y2:"550.3",stroke:s[o],fill:"#ffffff"}),i(Dp,{id:"outline",points:"653.2,127 760.3,312.5 867.4,498 653.2,498 438.9,498 546.1,312.5 "})]}),i(Lp,{children:i(R.SelectListbox,{options:f,isDisabled:r,value:o,onChangeCallback:h=>l(h||"none"),labelledById:"color-select",placeholder:d,maxWidth:"100%",width:"200px"})})]})]})};Hr.displayName="Widgets.FilterTool";const Np=v.default.div`
|
|
253
|
+
position: relative;
|
|
254
|
+
min-width: var(--BREAK_MOBILE_MIN, 280px);
|
|
255
|
+
|
|
256
|
+
@media print {
|
|
257
|
+
width: var(--BREAK_MOBILE_MIN, 280px);
|
|
258
|
+
}
|
|
259
|
+
`;function Bp(e,t){const r=O.useRef();O.useEffect(()=>{r.current=e},[e]),O.useEffect(()=>{function a(){r.current&&r.current()}if(t!==null){let o=setInterval(a,t);return()=>clearInterval(o)}},[t])}const Ur=v.default.div`
|
|
260
|
+
display: flex;
|
|
261
|
+
justify-content: center;
|
|
262
|
+
align-items: center;
|
|
263
|
+
width: 44px;
|
|
264
|
+
height: 44px;
|
|
265
|
+
border-radius: 22px;
|
|
266
|
+
background-color: var(--button-background-color);
|
|
267
|
+
color: var(--neutral95, #1f2121);
|
|
268
|
+
`,Gp=v.default.button`
|
|
269
|
+
--button-color: var(--white, #fff);
|
|
270
|
+
--button-background-color: var(--neutral15, #e6e6e6);
|
|
271
|
+
|
|
272
|
+
background: transparent;
|
|
273
|
+
border: none;
|
|
274
|
+
color: var(--button-color);
|
|
275
|
+
cursor: pointer;
|
|
276
|
+
display: flex;
|
|
277
|
+
flex-direction: column;
|
|
278
|
+
align-items: center;
|
|
279
|
+
gap: 0.75em;
|
|
280
|
+
text-align: center;
|
|
281
|
+
padding: 0;
|
|
282
|
+
margin: 0;
|
|
283
|
+
|
|
284
|
+
&:not(:disabled):not([aria-disabled="true"]):hover,
|
|
285
|
+
&:not(:disabled):not([aria-disabled="true"]):focus-visible,
|
|
286
|
+
&:not(:disabled):not([aria-disabled="true"]).focus-visible {
|
|
287
|
+
text-decoration: underline;
|
|
288
|
+
|
|
289
|
+
${Ur} {
|
|
290
|
+
outline: 1px solid var(--white, #fff);
|
|
291
|
+
outline-offset: 1px;
|
|
292
|
+
}
|
|
293
|
+
}
|
|
294
|
+
&:not(:disabled):not([aria-disabled="true"]):focus {
|
|
295
|
+
outline: none;
|
|
296
|
+
}
|
|
297
|
+
`,Fe=({icon:e,label:t,handleClick:r,...a})=>T(Gp,{...a,onClick:r,children:[i(Ur,{children:i(R.IconComposer,{icon:e,size:15})}),i("span",{children:t})]});Fe.displayName="Atomic.PlaybackControl";const Wp=v.default.div`
|
|
298
|
+
display: grid;
|
|
299
|
+
grid-template-columns: repeat(3, 1fr);
|
|
300
|
+
grid-template-rows: 1fr;
|
|
301
|
+
gap: 0.5em;
|
|
302
|
+
color: var(--white, #fff);
|
|
303
|
+
align-items: center;
|
|
304
|
+
justify-items: center;
|
|
305
|
+
width: fit-content;
|
|
306
|
+
font-size: 0.75em;
|
|
307
|
+
text-align: center;
|
|
308
|
+
z-index: 1;
|
|
309
|
+
`,Kr=({playing:e,handleStartStop:t,handleNext:r,handlePrevious:a,className:o,isDisabled:l})=>{const{t:s}=z.useTranslation();return T(Wp,{"data-testid":"blinker-controls",className:o,children:[i(Fe,{"data-testid":"blinker-rewind",icon:"Rewind",label:s("blinker.controls.rewind"),handleClick:a,disabled:l}),i(Fe,{"data-testid":"blinker-start-stop",icon:e?"Pause":"Play",label:s(e?"blinker.controls.pause":"blinker.controls.play"),handleClick:t,disabled:l}),i(Fe,{"data-testid":"blinker-forward",icon:"Forward",label:s("blinker.controls.forward"),handleClick:r,disabled:l})]})};Kr.displayName="Atomic.Blinker.Controls";const zp=v.default.div`
|
|
310
|
+
background-color: var(--neutral95, #1f2121);
|
|
311
|
+
display: flex;
|
|
312
|
+
justify-content: center;
|
|
313
|
+
align-items: center;
|
|
314
|
+
position: relative;
|
|
315
|
+
`,Hp=v.default.div`
|
|
316
|
+
transition: opacity ease var(--DURATION_SLOW, 0.4s);
|
|
317
|
+
|
|
318
|
+
${({isLoading:e})=>e?L.css`
|
|
319
|
+
opacity: 0;
|
|
320
|
+
`:L.css`
|
|
321
|
+
opacity: 1;
|
|
322
|
+
`}
|
|
323
|
+
`,Up=v.default.img`
|
|
324
|
+
position: absolute;
|
|
325
|
+
top: 0;
|
|
326
|
+
right: 0;
|
|
327
|
+
bottom: 0;
|
|
328
|
+
left: 0;
|
|
329
|
+
width: 100%;
|
|
330
|
+
height: 100%;
|
|
331
|
+
user-select: none;
|
|
332
|
+
-webkit-user-drag: none;
|
|
333
|
+
-khtml-user-drag: none;
|
|
334
|
+
-moz-user-drag: none;
|
|
335
|
+
-o-user-drag: none;
|
|
336
|
+
-ms-user-drag: none;
|
|
337
|
+
user-drag: none;
|
|
338
|
+
|
|
339
|
+
${({active:e})=>e?L.css`
|
|
340
|
+
visibility: visible;
|
|
341
|
+
`:L.css`
|
|
342
|
+
visibility: hidden;
|
|
343
|
+
`}
|
|
344
|
+
`,Yr=({image:e,active:t,loadCallback:r})=>{const{url:a,altText:o}=e;return i(Up,{alt:o,src:a,onLoad:r,active:t})};Yr.displayName="Atomic.Blinker.Image";const Vr=({images:e=[],activeIndex:t,className:r,loadedCallback:a})=>{const[o,l]=O.useState(0),[s,f]=O.useState(!0),u=()=>{l(d=>d+1)};return O.useEffect(()=>{f(o!==e.length),s||a&&a()},[o,s]),T(zp,{"data-testid":"blinker-images",className:r,children:[!o&&i(R.CircularLoader,{isVisible:s}),i(Hp,{isLoading:s,children:e.map((d,h)=>{const{url:b}=d;return i(Yr,{image:d,active:t===h,loadCallback:u},b)})})]})};Vr.displayName="Atomic.Blinker.Images";const Kp=v.default.div`
|
|
345
|
+
display: grid;
|
|
346
|
+
grid-template-columns: 1fr;
|
|
347
|
+
grid-template-rows: 1fr min-content;
|
|
348
|
+
justify-items: center;
|
|
349
|
+
position: relative;
|
|
350
|
+
height: 100%;
|
|
351
|
+
`,Yp=v.default(Kr)`
|
|
352
|
+
grid-row: 2;
|
|
353
|
+
|
|
354
|
+
${({isCondensed:e})=>e?L.css`
|
|
355
|
+
margin-block-start: var(--PADDING_SMALL, 20px);
|
|
356
|
+
`:L.css`
|
|
357
|
+
margin-block-end: var(--PADDING_SMALL, 20px);
|
|
358
|
+
`}
|
|
359
|
+
`,Vp=v.default(Vr)`
|
|
360
|
+
aspect-ratio: 1;
|
|
361
|
+
width: 100%;
|
|
362
|
+
|
|
363
|
+
${({isCondensed:e})=>e?L.css`
|
|
364
|
+
grid-row: 1;
|
|
365
|
+
`:L.css`
|
|
366
|
+
position: absolute;
|
|
367
|
+
grid-row: span 2;
|
|
368
|
+
`};
|
|
369
|
+
`,Jr=({images:e=[],activeIndex:t=0,autoplay:r=!0,loop:a=!0,interval:o=200,blinkCallback:l,loadedCallback:s,className:f})=>{const{ref:u,width:d=1}=Ke.default(),[h,b]=O.useState(r),[p,$]=O.useState(t),[y,w]=O.useState(!1),{BREAK_MOBILE:E}=R.tokens,m=e.length>1,_=d<parseInt(E);O.useEffect(()=>{l&&l(p)},[p]),O.useEffect(()=>{y&&s&&s()},[y]);const Y=(F=0)=>{const H=e.length-1;return Un(p+F,H)},D=()=>{if(m){const F=Y(1);a===!1&&F===e.length-1&&k(),$(F)}},k=()=>{b(!1)},q=()=>{b(F=>!F)},ne=()=>{k(),D()},U=()=>{k(),$(Y(-1))};return Bp(D,m&&y&&h?o:null),T(Kp,{className:f,ref:u,isCondensed:_,children:[i(Vp,{loadedCallback:()=>w(!0),images:e,activeIndex:p,isCondensed:_}),m&&i(Yp,{isDisabled:!y,playing:h,handleStartStop:q,handleNext:ne,handlePrevious:U,isCondensed:_})]})};Jr.displayName="Atomic.Blinker";const Jp=v.default.div`
|
|
370
|
+
background-color: var(--neutral20, #dce0e3);
|
|
371
|
+
border-radius: 5px;
|
|
372
|
+
color: var(--neutral95, "#1F2121");
|
|
373
|
+
display: grid;
|
|
374
|
+
grid-template-areas: "header" "time";
|
|
375
|
+
font-size: 0.75em;
|
|
376
|
+
font-weight: var(--FONT_WEIGHT_NORMAL, 400);
|
|
377
|
+
min-width: 70px;
|
|
378
|
+
max-width: fit-content;
|
|
379
|
+
`,Xp=v.default.h2`
|
|
380
|
+
border-bottom: 1px solid var(--neutral95, "#1F2121");
|
|
381
|
+
font-weight: inherit;
|
|
382
|
+
font-size: 1em;
|
|
383
|
+
line-height: 1;
|
|
384
|
+
grid-area: header;
|
|
385
|
+
text-align: center;
|
|
386
|
+
margin: 0;
|
|
387
|
+
padding: 0.5em 0.75em;
|
|
388
|
+
`,qp=v.default.time`
|
|
389
|
+
grid-area: time;
|
|
390
|
+
display: grid;
|
|
391
|
+
grid-auto-flow: column;
|
|
392
|
+
grid-template-rows: 1fr;
|
|
393
|
+
grid-auto-columns: 1fr;
|
|
394
|
+
`,Zp=v.default.div`
|
|
395
|
+
display: flex;
|
|
396
|
+
flex-direction: column;
|
|
397
|
+
align-items: center;
|
|
398
|
+
padding: 0.25em 0.5em;
|
|
399
|
+
line-height: 1.6;
|
|
400
|
+
|
|
401
|
+
&:not(:first-of-type) {
|
|
402
|
+
border-left: 1px solid var(--neutral95, "#1F2121");
|
|
403
|
+
}
|
|
404
|
+
`,Qp=v.default.span`
|
|
405
|
+
font-size: 1.167em;
|
|
406
|
+
`,eg=v.default.span`
|
|
407
|
+
font-size: 0.6em;
|
|
408
|
+
`,Xr=({year:e,day:t,hour:r,minute:a,second:o,className:l})=>{const s={year:e,day:t,hour:r,minute:a,second:o},f=Object.keys(s).filter(d=>s[d]!==void 0).map(d=>({interval:d,time:s[d]})),u=f.reduce((d,h)=>{const{interval:b,time:p=0}=h;return`${d}${p}${b.charAt(0).toUpperCase()}`},"PT");return T(Jp,{className:l,children:[i(Xp,{id:"elapsedTimeHeader",children:i(z.Trans,{children:"elapsed_time.title"})}),i(qp,{dateTime:u,"aria-labelledby":"elapsedTimeHeader",children:f.map(d=>{const{interval:h,time:b=0}=d,p=`elapsed_time.step.${h}`;return T(Zp,{children:[i(Qp,{children:b}),i(eg,{children:i(z.Trans,{i18nKey:p,count:b})})]},h)})})]})};Xr.displayName="Atomic.ElapsedTime";const tg=v.default(Np)`
|
|
409
|
+
${({width:e,height:t})=>L.css`
|
|
410
|
+
aspect-ratio: ${e} / ${t};
|
|
411
|
+
max-width: ${e}px;
|
|
412
|
+
max-height: ${t}px;
|
|
413
|
+
`}
|
|
414
|
+
`,rg=v.default.svg`
|
|
415
|
+
position: absolute;
|
|
416
|
+
top: 0;
|
|
417
|
+
left: 0;
|
|
418
|
+
cursor: ${({isDisplayOnly:e})=>e?"default":"pointer"};
|
|
419
|
+
`,ng=v.default(Jr)`
|
|
420
|
+
position: absolute;
|
|
421
|
+
width: 100%;
|
|
422
|
+
height: 100%;
|
|
423
|
+
`,ag=v.default(Xr)`
|
|
424
|
+
position: absolute;
|
|
425
|
+
right: var(--PADDING_SMALL, 20px);
|
|
426
|
+
bottom: var(--PADDING_SMALL, 20px);
|
|
427
|
+
`,og=v.default.circle`
|
|
428
|
+
cursor: pointer;
|
|
429
|
+
transition: fill ease var(--DURATION, 0.2s), r ease-out 400ms;
|
|
430
|
+
${({isSelected:e})=>e&&L.css`
|
|
431
|
+
stroke-width: 3;
|
|
432
|
+
`}
|
|
433
|
+
|
|
434
|
+
&:focus {
|
|
435
|
+
outline: none;
|
|
436
|
+
}
|
|
437
|
+
`,qr=({type:e,id:t,isActive:r,isSelected:a,x:o,y:l,radius:s,className:f,color:u})=>{const d={supernova:20,galaxy:60,galaxyFilter:25},h=(y,w)=>{if(w)return Math.abs(w);const{[y]:E=8}=d;return E},b=(y,w,E)=>y?"#fed828":w?E:"transparent",p=h(e,s),$=Math.max(10,p*1.2);return i(og,{"data-id":t,"data-type":e,cx:o,cy:l,r:r?$:p,fill:"transparent",stroke:b(r,a,u),tabIndex:0,role:"listitem",isSelected:a,className:f})};qr.displayName="Widgets.SourceSelector.Point";const Zr=({sources:e=[],selectedSource:t=[],activeType:r,className:a,xScale:o,yScale:l,color:s})=>i("g",{className:a,role:"list",children:e.map(f=>{const{type:u,id:d,color:h,radius:b=NaN,x:p,y:$}=f,y=.6*b,w=t.some(m=>m.id===d&&m.type===u);return i(qr,{id:d,type:u,isActive:r?r===u:!1,isSelected:w,className:a,radius:o(p-y)-o(p+y),x:o(p),y:l($),color:s||h},`point-${u}-${d}`)})});Zr.displayName="Widgets.SourceSelector.Points";const ig=v.default(R.Toast)`
|
|
438
|
+
position: absolute;
|
|
439
|
+
top: 0;
|
|
440
|
+
left: 0;
|
|
441
|
+
z-index: 1;
|
|
442
|
+
display: flex;
|
|
443
|
+
align-items: center;
|
|
444
|
+
justify-content: center;
|
|
445
|
+
gap: 1ch;
|
|
446
|
+
width: 100%;
|
|
447
|
+
height: ${({isOpen:e})=>e?24:0}px;
|
|
448
|
+
overflow: hidden;
|
|
449
|
+
background-color: var(--black, #000);
|
|
450
|
+
color: #30e0e3;
|
|
451
|
+
font-size: 1rem;
|
|
452
|
+
font-weight: var(--FONT_WEIGHT_BOLD, 600);
|
|
453
|
+
text-align: center;
|
|
454
|
+
transition: height ease var(--DURATION_SLOW, 0.4s);
|
|
455
|
+
|
|
456
|
+
@media (prefers-reduced-motion) {
|
|
457
|
+
transition: unset;
|
|
458
|
+
}
|
|
459
|
+
`,Qr=({children:e,isVisible:t=!1,onMessageChangeCallback:r,forIds:a})=>(O.useEffect(()=>{if(t){const o=setTimeout(()=>{r&&r()},1800);return()=>clearTimeout(o)}},[e,t]),i(ig,{forIds:a,isOpen:t,children:e}));Qr.displayName="Widgets.SourceSelector.Message";const en=(e,t)=>{const[r,a]=e,[o,l]=t;return s=>s/(a-r)*(l-o)+o},tn=({width:e=600,height:t=600,selectedSource:r=[],sources:a,alerts:o,images:l,selectionCallback:s,blinkConfig:f,color:u,isDisplayOnly:d=!1})=>{const[h,b]=O.useState(r),[p,$]=O.useState(!1),[y,w]=O.useState(),[E,m]=O.useState(!1),[_,Y]=O.useState(null),{t:D}=z.useTranslation(),k="sourceSelectorWidget";O.useEffect(()=>{s&&s(h)},[h]);const q=(H,ee,W)=>H.filter(B=>B.id===ee&&B.type===W),ne=H=>{if(p&&!d){const{target:ee}=H,{id:W,type:B}=ee.dataset;if(W&&B){if(!(q(h,W,B).length>0)){const ae=q(a,W,B);b(Ne=>Ne.concat(ae)),w(T(J,{children:[i(R.IconComposer,{icon:"checkmark"}),D("source_selector.messages.success")]})),m(!0)}}else w(D("source_selector.messages.failure")),m(!0)}};return T(tg,{width:e,height:t,children:[!d&&i(Qr,{onMessageChangeCallback:()=>{m(!1)},isVisible:E,forIds:[k],children:y}),i(ng,{images:l,blinkCallback:H=>{if(o&&o.length>1){const W=o[H].date-o[0].date;Y({day:Math.round(W),hour:Math.round(24/W%24)||0})}},loadedCallback:()=>$(!0),...f}),_&&i(ag,{..._}),i(rg,{preserveAspectRatio:"xMidYMid meet",viewBox:`0 0 ${e} ${t}`,onClick:ne,id:k,isDisplayOnly:d,children:i(Zr,{xScale:en([0,e],[0,e]),yScale:en([0,t],[t,0]),color:u,sources:a,selectedSource:h})})]})};tn.displayName="Widgets.SourceSelector",Object.defineProperty(N,"GlobalStyles",{enumerable:!0,get:()=>R.GlobalStyles}),N.CameraFilter=It,N.ColorTool=Wr,N.FilterTool=Hr,N.SourceSelector=tn,N.localeStrings=Sn,Object.defineProperty(N,Symbol.toStringTag,{value:"Module"})});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export default function useInterval(callback: () => void, delay: number | null): void;
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export { GlobalStyles } from "@rubin-epo/epo-react-lib";
|
|
2
|
+
export { default as localeStrings } from './assets/locales';
|
|
3
|
+
export { default as CameraFilter } from './widgets/CameraFilter';
|
|
4
|
+
export { default as ColorTool } from './widgets/ColorTool';
|
|
5
|
+
export { default as FilterTool } from './widgets/FilterTool';
|
|
6
|
+
export { default as SourceSelector } from './widgets/SourceSelector';
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/** clamps the index to the bounds of an array
|
|
2
|
+
* if the index is higher than the final index
|
|
3
|
+
* it will clamp to 0, if it is lower it will clamp
|
|
4
|
+
* to the final index.
|
|
5
|
+
*/
|
|
6
|
+
export declare const getClampedArrayIndex: (index: number, lastIndex: number) => number;
|
|
7
|
+
/** tests if a number is between two other numbers */
|
|
8
|
+
export declare const between: (x: number, min: number, max: number) => boolean;
|
|
9
|
+
/** gets the intersection between two array ranges
|
|
10
|
+
* ex. [1, 5] and [3, 10] have an intersection of
|
|
11
|
+
* [3,5]
|
|
12
|
+
*/
|
|
13
|
+
export declare const intersection: (a?: number[], b?: number[]) => number[] | null;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { Image } from "@rubin-epo/epo-react-lib/dist/types/image";
|
|
2
|
+
|
|
3
|
+
export type Band = "u" | "g" | "r" | "i" | "z" | "y";
|
|
4
|
+
export type SourceType = "supernova" | "galaxy" | "galaxyFilter";
|
|
5
|
+
|
|
6
|
+
export interface Source {
|
|
7
|
+
id: string;
|
|
8
|
+
type: SourceType;
|
|
9
|
+
x: number;
|
|
10
|
+
y: number;
|
|
11
|
+
color: string;
|
|
12
|
+
radius?: number;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
export interface Alert {
|
|
16
|
+
id: number;
|
|
17
|
+
error: number;
|
|
18
|
+
date: number;
|
|
19
|
+
magnitude: number;
|
|
20
|
+
image: Image;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
export interface SourceDataset {
|
|
24
|
+
name: string;
|
|
25
|
+
id: string;
|
|
26
|
+
color?: string;
|
|
27
|
+
band?: Band;
|
|
28
|
+
distance: number;
|
|
29
|
+
dec: number;
|
|
30
|
+
velocity: number;
|
|
31
|
+
ra: number;
|
|
32
|
+
redshift: number;
|
|
33
|
+
sources: Source[];
|
|
34
|
+
alerts?: Alert[];
|
|
35
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
/// <reference types="vite/client" />
|