@rubin-epo/epo-widget-lib 1.1.1 → 1.1.3

package/dist/lib/utils.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("lodash/mergeWith"),g=require("lodash/isNil"),o=t=>t&&t.__esModule?t:{default:t},m=o(d),c=o(g),h=(t,e)=>{switch(!0){case t>e:return 0;case t<0:return e;default:return t}},M=(t,e,r)=>t>=e&&t<=r,p=t=>t[Math.round((t.length-1)/2)],A=(t=[0,1],e=[0,1],r)=>{const n={clamp:!1,fractionDigits:2},{clamp:i,fractionDigits:s}={...n,...r};return l=>{const u=t[1]-t[0];if(u===0)return(e[0]+e[1])/2;let a=(l-t[0])/u;return i&&(a=Math.min(Math.max(a,0),1)),Number((a*(e[1]-e[0])+e[0]).toFixed(s))}},S=()=>{const t=navigator.userAgent.indexOf("Chrome")>-1;return navigator.userAgent.indexOf("Safari")>-1&&!t},f=(t,e)=>c.default(e)&&t?c.default(t)?e:t:e,_=(t,e)=>m.default({},e,t,f),b=(t,e=[0,0])=>t.reduce((r,{x:n,y:i},s)=>r+=`${s===0?"M":" L"}${n+e[0]},${i+e[1]}`,"");exports.between=M;exports.buildPath=b;exports.defaultsMerger=f;exports.getClampedArrayIndex=h;exports.getLinearScale=A;exports.isSafari=S;exports.mergeWithDefaults=_;exports.middle=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("lodash/mergeWith"),g=require("lodash/isNil"),o=t=>t&&t.__esModule?t:{default:t},m=o(d),c=o(g),h=(t,e)=>{switch(!0){case t>e:return 0;case t<0:return e;default:return t}},M=(t,e,r)=>t>=e&&t<=r,p=(t=[],e=[])=>{const r=t[0]<e[0]?t:e,n=r===t?e:t;return r[1]<n[0]?null:[n[0],r[1]<n[1]?r[1]:n[1]]},A=t=>t[Math.round((t.length-1)/2)],S=(t=[0,1],e=[0,1],r)=>{const n={clamp:!1,fractionDigits:2},{clamp:i,fractionDigits:s}={...n,...r};return l=>{const a=t[1]-t[0];if(a===0)return(e[0]+e[1])/2;let u=(l-t[0])/a;return i&&(u=Math.min(Math.max(u,0),1)),Number((u*(e[1]-e[0])+e[0]).toFixed(s))}},_=()=>{const t=navigator.userAgent.indexOf("Chrome")>-1;return navigator.userAgent.indexOf("Safari")>-1&&!t},f=(t,e)=>c.default(e)&&t?c.default(t)?e:t:e,D=(t,e)=>m.default({},e,t,f),b=(t,e=[0,0])=>t.reduce((r,{x:n,y:i},s)=>r+=`${s===0?"M":" L"}${n+e[0]},${i+e[1]}`,"");exports.between=M;exports.buildPath=b;exports.defaultsMerger=f;exports.getClampedArrayIndex=h;exports.getLinearScale=S;exports.intersection=p;exports.isSafari=_;exports.mergeWithDefaults=D;exports.middle=A;

package/dist/lib/utils.js

@@ -1,6 +1,6 @@
-import u from "lodash/mergeWith";
-import a from "lodash/isNil";
-const d = (t, e) => {
+import a from "lodash/mergeWith";
+import u from "lodash/isNil";
+const l = (t, e) => {
   switch (!0) {
     case t > e:
       return 0;
@@ -9,7 +9,10 @@ const d = (t, e) => {
     default:
       return t;
   }
-}, l = (t, e, r) => t >= e && t <= r, p = (t) => t[Math.round((t.length - 1) / 2)], A = (t = [0, 1], e = [0, 1], r) => {
+}, d = (t, e, r) => t >= e && t <= r, p = (t = [], e = []) => {
+  const r = t[0] < e[0] ? t : e, n = r === t ? e : t;
+  return r[1] < n[0] ? null : [n[0], r[1] < n[1] ? r[1] : n[1]];
+}, A = (t) => t[Math.round((t.length - 1) / 2)], M = (t = [0, 1], e = [0, 1], r) => {
   const n = { clamp: !1, fractionDigits: 2 }, { clamp: i, fractionDigits: s } = { ...n, ...r };
   return (f) => {
     const c = t[1] - t[0];
@@ -20,17 +23,18 @@ const d = (t, e) => {
       (o * (e[1] - e[0]) + e[0]).toFixed(s)
     );
   };
-}, M = () => {
+}, x = () => {
   const t = navigator.userAgent.indexOf("Chrome") > -1;
   return navigator.userAgent.indexOf("Safari") > -1 && !t;
-}, m = (t, e) => a(e) && t ? a(t) ? e : t : e, D = (t, e) => u({}, e, t, m), I = (t, e = [0, 0]) => t.reduce((r, { x: n, y: i }, s) => r += `${s === 0 ? "M" : " L"}${n + e[0]},${i + e[1]}`, "");
+}, m = (t, e) => u(e) && t ? u(t) ? e : t : e, D = (t, e) => a({}, e, t, m), I = (t, e = [0, 0]) => t.reduce((r, { x: n, y: i }, s) => r += `${s === 0 ? "M" : " L"}${n + e[0]},${i + e[1]}`, "");
 export {
-  l as between,
+  d as between,
   I as buildPath,
   m as defaultsMerger,
-  d as getClampedArrayIndex,
-  A as getLinearScale,
-  M as isSafari,
+  l as getClampedArrayIndex,
+  M as getLinearScale,
+  p as intersection,
+  x as isSafari,
   D as mergeWithDefaults,
-  p as middle
+  A as middle
 };

package/dist/styles/svg.d.ts

@@ -1,274 +1,2 @@
 /// <reference types="react" />
-/// <reference types="react" />
-export declare const Container: import('styled-components').IStyledComponent<"web", {
-    ref?: import('react').LegacyRef<HTMLDivElement> | undefined;
-    key?: import('react').Key | null | undefined;
-    defaultChecked?: boolean | undefined;
-    defaultValue?: string | number | readonly string[] | undefined;
-    suppressContentEditableWarning?: boolean | undefined;
-    suppressHydrationWarning?: boolean | undefined;
-    accessKey?: string | undefined;
-    autoFocus?: boolean | undefined;
-    className?: string | undefined;
-    contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
-    contextMenu?: string | undefined;
-    dir?: string | undefined;
-    draggable?: (boolean | "true" | "false") | undefined;
-    hidden?: boolean | undefined;
-    id?: string | undefined;
-    lang?: string | undefined;
-    nonce?: string | undefined;
-    placeholder?: string | undefined;
-    slot?: string | undefined;
-    spellCheck?: (boolean | "true" | "false") | undefined;
-    style?: import('react').CSSProperties | undefined;
-    tabIndex?: number | undefined;
-    title?: string | undefined;
-    translate?: "yes" | "no" | undefined;
-    radioGroup?: string | undefined;
-    role?: import('react').AriaRole | undefined;
-    about?: string | undefined;
-    content?: string | undefined;
-    datatype?: string | undefined;
-    inlist?: any;
-    prefix?: string | undefined;
-    property?: string | undefined;
-    rel?: string | undefined;
-    resource?: string | undefined;
-    rev?: string | undefined;
-    typeof?: string | undefined;
-    vocab?: string | undefined;
-    autoCapitalize?: string | undefined;
-    autoCorrect?: string | undefined;
-    autoSave?: string | undefined;
-    color?: string | undefined;
-    itemProp?: string | undefined;
-    itemScope?: boolean | undefined;
-    itemType?: string | undefined;
-    itemID?: string | undefined;
-    itemRef?: string | undefined;
-    results?: number | undefined;
-    security?: string | undefined;
-    unselectable?: "on" | "off" | undefined;
-    inputMode?: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
-    is?: string | undefined;
-    children?: import('react').ReactNode | Iterable<import('react').ReactNode>;
-    'aria-activedescendant'?: string | undefined;
-    'aria-atomic'?: (boolean | "true" | "false") | undefined;
-    'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
-    'aria-braillelabel'?: string | undefined;
-    'aria-brailleroledescription'?: string | undefined;
-    'aria-busy'?: (boolean | "true" | "false") | undefined;
-    'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
-    'aria-colcount'?: number | undefined;
-    'aria-colindex'?: number | undefined;
-    'aria-colindextext'?: string | undefined;
-    'aria-colspan'?: number | undefined;
-    'aria-controls'?: string | undefined;
-    'aria-current'?: boolean | "time" | "step" | "true" | "false" | "page" | "location" | "date" | undefined;
-    'aria-describedby'?: string | undefined;
-    'aria-description'?: string | undefined;
-    'aria-details'?: string | undefined;
-    'aria-disabled'?: (boolean | "true" | "false") | undefined;
-    'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
-    'aria-errormessage'?: string | undefined;
-    'aria-expanded'?: (boolean | "true" | "false") | undefined;
-    'aria-flowto'?: string | undefined;
-    'aria-grabbed'?: (boolean | "true" | "false") | undefined;
-    'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
-    'aria-hidden'?: (boolean | "true" | "false") | undefined;
-    'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
-    'aria-keyshortcuts'?: string | undefined;
-    'aria-label'?: string | undefined;
-    'aria-labelledby'?: string | undefined;
-    'aria-level'?: number | undefined;
-    'aria-live'?: "off" | "assertive" | "polite" | undefined;
-    'aria-modal'?: (boolean | "true" | "false") | undefined;
-    'aria-multiline'?: (boolean | "true" | "false") | undefined;
-    'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
-    'aria-orientation'?: "horizontal" | "vertical" | undefined;
-    'aria-owns'?: string | undefined;
-    'aria-placeholder'?: string | undefined;
-    'aria-posinset'?: number | undefined;
-    'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
-    'aria-readonly'?: (boolean | "true" | "false") | undefined;
-    'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
-    'aria-required'?: (boolean | "true" | "false") | undefined;
-    'aria-roledescription'?: string | undefined;
-    'aria-rowcount'?: number | undefined;
-    'aria-rowindex'?: number | undefined;
-    'aria-rowindextext'?: string | undefined;
-    'aria-rowspan'?: number | undefined;
-    'aria-selected'?: (boolean | "true" | "false") | undefined;
-    'aria-setsize'?: number | undefined;
-    'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
-    'aria-valuemax'?: number | undefined;
-    'aria-valuemin'?: number | undefined;
-    'aria-valuenow'?: number | undefined;
-    'aria-valuetext'?: string | undefined;
-    dangerouslySetInnerHTML?: {
-        __html: string | TrustedHTML;
-    } | undefined;
-    onCopy?: import('react').ClipboardEventHandler<HTMLDivElement> | undefined;
-    onCopyCapture?: import('react').ClipboardEventHandler<HTMLDivElement> | undefined;
-    onCut?: import('react').ClipboardEventHandler<HTMLDivElement> | undefined;
-    onCutCapture?: import('react').ClipboardEventHandler<HTMLDivElement> | undefined;
-    onPaste?: import('react').ClipboardEventHandler<HTMLDivElement> | undefined;
-    onPasteCapture?: import('react').ClipboardEventHandler<HTMLDivElement> | undefined;
-    onCompositionEnd?: import('react').CompositionEventHandler<HTMLDivElement> | undefined;
-    onCompositionEndCapture?: import('react').CompositionEventHandler<HTMLDivElement> | undefined;
-    onCompositionStart?: import('react').CompositionEventHandler<HTMLDivElement> | undefined;
-    onCompositionStartCapture?: import('react').CompositionEventHandler<HTMLDivElement> | undefined;
-    onCompositionUpdate?: import('react').CompositionEventHandler<HTMLDivElement> | undefined;
-    onCompositionUpdateCapture?: import('react').CompositionEventHandler<HTMLDivElement> | undefined;
-    onFocus?: import('react').FocusEventHandler<HTMLDivElement> | undefined;
-    onFocusCapture?: import('react').FocusEventHandler<HTMLDivElement> | undefined;
-    onBlur?: import('react').FocusEventHandler<HTMLDivElement> | undefined;
-    onBlurCapture?: import('react').FocusEventHandler<HTMLDivElement> | undefined;
-    onChange?: import('react').FormEventHandler<HTMLDivElement> | undefined;
-    onChangeCapture?: import('react').FormEventHandler<HTMLDivElement> | undefined;
-    onBeforeInput?: import('react').FormEventHandler<HTMLDivElement> | undefined;
-    onBeforeInputCapture?: import('react').FormEventHandler<HTMLDivElement> | undefined;
-    onInput?: import('react').FormEventHandler<HTMLDivElement> | undefined;
-    onInputCapture?: import('react').FormEventHandler<HTMLDivElement> | undefined;
-    onReset?: import('react').FormEventHandler<HTMLDivElement> | undefined;
-    onResetCapture?: import('react').FormEventHandler<HTMLDivElement> | undefined;
-    onSubmit?: import('react').FormEventHandler<HTMLDivElement> | undefined;
-    onSubmitCapture?: import('react').FormEventHandler<HTMLDivElement> | undefined;
-    onInvalid?: import('react').FormEventHandler<HTMLDivElement> | undefined;
-    onInvalidCapture?: import('react').FormEventHandler<HTMLDivElement> | undefined;
-    onLoad?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
-    onError?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
-    onErrorCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
-    onKeyDown?: import('react').KeyboardEventHandler<HTMLDivElement> | undefined;
-    onKeyDownCapture?: import('react').KeyboardEventHandler<HTMLDivElement> | undefined;
-    onKeyPress?: import('react').KeyboardEventHandler<HTMLDivElement> | undefined;
-    onKeyPressCapture?: import('react').KeyboardEventHandler<HTMLDivElement> | undefined;
-    onKeyUp?: import('react').KeyboardEventHandler<HTMLDivElement> | undefined;
-    onKeyUpCapture?: import('react').KeyboardEventHandler<HTMLDivElement> | undefined;
-    onAbort?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
-    onAbortCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
-    onCanPlay?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
-    onCanPlayCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
-    onCanPlayThrough?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
-    onCanPlayThroughCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
-    onDurationChange?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
-    onDurationChangeCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
-    onEmptied?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
-    onEmptiedCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
-    onEncrypted?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
-    onEncryptedCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
-    onEnded?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
-    onEndedCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadedData?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadedDataCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadedMetadata?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadedMetadataCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadStart?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadStartCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
-    onPause?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
-    onPauseCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
-    onPlay?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
-    onPlayCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
-    onPlaying?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
-    onPlayingCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
-    onProgress?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
-    onProgressCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
-    onRateChange?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
-    onRateChangeCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
-    onResize?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
-    onResizeCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
-    onSeeked?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
-    onSeekedCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
-    onSeeking?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
-    onSeekingCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
-    onStalled?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
-    onStalledCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
-    onSuspend?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
-    onSuspendCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
-    onTimeUpdate?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
-    onTimeUpdateCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
-    onVolumeChange?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
-    onVolumeChangeCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
-    onWaiting?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
-    onWaitingCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
-    onAuxClick?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
-    onAuxClickCapture?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
-    onClick?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
-    onClickCapture?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
-    onContextMenu?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
-    onContextMenuCapture?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
-    onDoubleClick?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
-    onDoubleClickCapture?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
-    onDrag?: import('react').DragEventHandler<HTMLDivElement> | undefined;
-    onDragCapture?: import('react').DragEventHandler<HTMLDivElement> | undefined;
-    onDragEnd?: import('react').DragEventHandler<HTMLDivElement> | undefined;
-    onDragEndCapture?: import('react').DragEventHandler<HTMLDivElement> | undefined;
-    onDragEnter?: import('react').DragEventHandler<HTMLDivElement> | undefined;
-    onDragEnterCapture?: import('react').DragEventHandler<HTMLDivElement> | undefined;
-    onDragExit?: import('react').DragEventHandler<HTMLDivElement> | undefined;
-    onDragExitCapture?: import('react').DragEventHandler<HTMLDivElement> | undefined;
-    onDragLeave?: import('react').DragEventHandler<HTMLDivElement> | undefined;
-    onDragLeaveCapture?: import('react').DragEventHandler<HTMLDivElement> | undefined;
-    onDragOver?: import('react').DragEventHandler<HTMLDivElement> | undefined;
-    onDragOverCapture?: import('react').DragEventHandler<HTMLDivElement> | undefined;
-    onDragStart?: import('react').DragEventHandler<HTMLDivElement> | undefined;
-    onDragStartCapture?: import('react').DragEventHandler<HTMLDivElement> | undefined;
-    onDrop?: import('react').DragEventHandler<HTMLDivElement> | undefined;
-    onDropCapture?: import('react').DragEventHandler<HTMLDivElement> | undefined;
-    onMouseDown?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseDownCapture?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseEnter?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseLeave?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseMove?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseMoveCapture?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseOut?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseOutCapture?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseOver?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseOverCapture?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseUp?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseUpCapture?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
-    onSelect?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
-    onSelectCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
-    onTouchCancel?: import('react').TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchCancelCapture?: import('react').TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchEnd?: import('react').TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchEndCapture?: import('react').TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchMove?: import('react').TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchMoveCapture?: import('react').TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchStart?: import('react').TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchStartCapture?: import('react').TouchEventHandler<HTMLDivElement> | undefined;
-    onPointerDown?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerDownCapture?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerMove?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerMoveCapture?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerUp?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerUpCapture?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerCancel?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerCancelCapture?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerEnter?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerEnterCapture?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerLeave?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerLeaveCapture?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerOver?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerOverCapture?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerOut?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerOutCapture?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
-    onGotPointerCapture?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
-    onGotPointerCaptureCapture?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
-    onLostPointerCapture?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
-    onLostPointerCaptureCapture?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
-    onScroll?: import('react').UIEventHandler<HTMLDivElement> | undefined;
-    onScrollCapture?: import('react').UIEventHandler<HTMLDivElement> | undefined;
-    onWheel?: import('react').WheelEventHandler<HTMLDivElement> | undefined;
-    onWheelCapture?: import('react').WheelEventHandler<HTMLDivElement> | undefined;
-    onAnimationStart?: import('react').AnimationEventHandler<HTMLDivElement> | undefined;
-    onAnimationStartCapture?: import('react').AnimationEventHandler<HTMLDivElement> | undefined;
-    onAnimationEnd?: import('react').AnimationEventHandler<HTMLDivElement> | undefined;
-    onAnimationEndCapture?: import('react').AnimationEventHandler<HTMLDivElement> | undefined;
-    onAnimationIteration?: import('react').AnimationEventHandler<HTMLDivElement> | undefined;
-    onAnimationIterationCapture?: import('react').AnimationEventHandler<HTMLDivElement> | undefined;
-    onTransitionEnd?: import('react').TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionEndCapture?: import('react').TransitionEventHandler<HTMLDivElement> | undefined;
-}>;
+export declare const Container: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/widgets/CameraFilter/CameraFilter.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),v=require("react"),q=require("@rubin-epo/epo-react-lib/SelectListbox"),y=require("@rubin-epo/epo-react-lib/styles"),C=require("react-i18next"),S=require("use-resize-observer"),r=require("./data.cjs"),l=require("./styles.cjs"),R=require("./CondensedFilterRanges/CondensedFilterRanges.cjs"),L=require("./SpectrumDisplay/SpectrumDisplay.cjs"),x=i=>i&&i.__esModule?i:{default:i},M=x(q),O=x(S),m=()=>{const{t:i}=C.useTranslation(),{ref:h,width:j=1}=O.default(),[c,p]=v.useState(null),{BREAK_TABLET:b}=y.tokens,s=j<parseInt(b),{[s?"condensed":"default"]:{min:o,max:F,range:n}}=r.rangeConfig,d=r.filters[0].range[0],u=r.filters[r.filters.length-1].range[1]-d,f=r.filters.filter(({band:t})=>t),g=[{value:"none",label:i("camera_filter.labels.option",{context:"none"})}].concat(f.map(({band:t})=>({value:t,label:i("camera_filter.labels.option",{band:t})}))),_=r.filters.find(({band:t})=>t===c);return e.jsx(l.FilterWrapper,{ratio:5/4,children:e.jsxs(l.FilterContainer,{ref:h,children:[e.jsx(l.FilterTitle,{children:i("camera_filter.title")}),s&&e.jsx(R.default,{filters:f,min:o,spectrumRange:n}),e.jsxs(l.FilterTable,{style:{"--filter-table-margin-inline-start":`${((d-o)/n*100).toFixed(2)}%`,"--filter-table-width":`${(u/n*100).toFixed(2)}%`},"data-testid":"expanded-filters",children:[e.jsx("colgroup",{children:r.filters.map(({range:t})=>e.jsx("col",{style:{width:`${(t[1]-t[0])/u*100}%`}},t.join("")))}),e.jsx(l.FilterNames,{children:e.jsx("tr",{children:r.filters.map(({band:t},a)=>e.jsx(l.FilterName,{id:`${t}-name`,style:{"--filter-name-border":t?"solid #b2b2b2":"none"},scope:"col","aria-hidden":!t,children:t},a))})}),!s&&e.jsx(l.FilterRanges,{children:e.jsx("tr",{children:r.filters.map(({band:t,range:a})=>e.jsx(l.FilterRange,{"aria-hidden":!t,children:t&&e.jsxs(e.Fragment,{children:[a.join("–"),e.jsx("br",{}),e.jsx(l.Wavelength,{children:"nm"})]})},a.join()))})})]}),e.jsx(L.default,{min:o,max:F,range:n,isCondensed:s,activeFilter:_}),e.jsxs(l.SelectContainer,{children:[e.jsx(l.SelectLabel,{id:"filterSelectLabel",children:i("camera_filter.labels.select")}),e.jsx(M.default,{options:g,value:c,onChangeCallback:t=>p(t),width:"100%",maxWidth:"100%",labelledById:"filterSelectLabel"})]})]})})};m.displayName="Widgets.CameraFilter";const T=m;exports.default=T;

package/dist/widgets/CameraFilter/CameraFilter.js

@@ -0,0 +1,103 @@
+"use client";
+import { jsx as t, jsxs as o, Fragment as v } from "react/jsx-runtime";
+import { useState as y } from "react";
+import R from "@rubin-epo/epo-react-lib/SelectListbox";
+import { tokens as S } from "@rubin-epo/epo-react-lib/styles";
+import { useTranslation as j } from "react-i18next";
+import B from "use-resize-observer";
+import { filters as i, rangeConfig as L } from "./data.js";
+import { FilterWrapper as T, FilterContainer as _, FilterTitle as $, FilterTable as w, FilterNames as O, FilterName as W, FilterRanges as A, FilterRange as M, Wavelength as N, SelectContainer as k, SelectLabel as E } from "./styles.js";
+import I from "./CondensedFilterRanges/CondensedFilterRanges.js";
+import z from "./SpectrumDisplay/SpectrumDisplay.js";
+const p = () => {
+  const { t: r } = j(), { ref: h, width: F = 1 } = B(), [c, b] = y(null), { BREAK_TABLET: g } = S, l = F < parseInt(g), {
+    [l ? "condensed" : "default"]: { min: s, max: u, range: n }
+  } = L, d = i[0].range[0], m = i[i.length - 1].range[1] - d, f = i.filter(({ band: e }) => e), x = [{
+    value: "none",
+    label: r("camera_filter.labels.option", { context: "none" })
+  }].concat(
+    f.map(({ band: e }) => ({
+      value: e,
+      label: r("camera_filter.labels.option", { band: e })
+    }))
+  ), C = i.find(({ band: e }) => e === c);
+  return /* @__PURE__ */ t(T, { ratio: 5 / 4, children: /* @__PURE__ */ o(_, { ref: h, children: [
+    /* @__PURE__ */ t($, { children: r("camera_filter.title") }),
+    l && /* @__PURE__ */ t(
+      I,
+      {
+        filters: f,
+        min: s,
+        spectrumRange: n
+      }
+    ),
+    /* @__PURE__ */ o(
+      w,
+      {
+        style: {
+          "--filter-table-margin-inline-start": `${((d - s) / n * 100).toFixed(2)}%`,
+          "--filter-table-width": `${(m / n * 100).toFixed(2)}%`
+        },
+        "data-testid": "expanded-filters",
+        children: [
+          /* @__PURE__ */ t("colgroup", { children: i.map(({ range: e }) => /* @__PURE__ */ t(
+            "col",
+            {
+              style: {
+                width: `${(e[1] - e[0]) / m * 100}%`
+              }
+            },
+            e.join("")
+          )) }),
+          /* @__PURE__ */ t(O, { children: /* @__PURE__ */ t("tr", { children: i.map(({ band: e }, a) => /* @__PURE__ */ t(
+            W,
+            {
+              id: `${e}-name`,
+              style: {
+                "--filter-name-border": e ? "solid #b2b2b2" : "none"
+              },
+              scope: "col",
+              "aria-hidden": !e,
+              children: e
+            },
+            a
+          )) }) }),
+          !l && /* @__PURE__ */ t(A, { children: /* @__PURE__ */ t("tr", { children: i.map(({ band: e, range: a }) => /* @__PURE__ */ t(M, { "aria-hidden": !e, children: e && /* @__PURE__ */ o(v, { children: [
+            a.join("–"),
+            /* @__PURE__ */ t("br", {}),
+            /* @__PURE__ */ t(N, { children: "nm" })
+          ] }) }, a.join())) }) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ t(
+      z,
+      {
+        min: s,
+        max: u,
+        range: n,
+        isCondensed: l,
+        activeFilter: C
+      }
+    ),
+    /* @__PURE__ */ o(k, { children: [
+      /* @__PURE__ */ t(E, { id: "filterSelectLabel", children: r("camera_filter.labels.select") }),
+      /* @__PURE__ */ t(
+        R,
+        {
+          options: x,
+          value: c,
+          onChangeCallback: (e) => b(e),
+          width: "100%",
+          maxWidth: "100%",
+          labelledById: "filterSelectLabel"
+        }
+      )
+    ] })
+  ] }) });
+};
+p.displayName = "Widgets.CameraFilter";
+const Z = p;
+export {
+  Z as default
+};

package/dist/widgets/CameraFilter/CondensedFilterRanges/CondensedFilterRanges.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),m=require("react"),d=require("../styles.cjs"),c=({filters:o,min:i,spectrumRange:l})=>{const n=m.useRef(null),a=n.current?Array.from(n.current.children):null;return e.jsxs(e.Fragment,{children:[e.jsx(d.CondensedRangeRow,{ref:n,"data-testid":"condensed-filters",children:o.map(({range:t,band:s})=>e.jsxs(d.CondensedRange,{"aria-labelledby":`${s}-name`,children:[t.join("–"),e.jsx("br",{}),"nm"]},s))}),a&&e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",preserveAspectRatio:"xMinYMin meet",viewBox:`${i} 0 ${l} 50`,role:"presentation","aria-hidden":"true",children:e.jsx("g",{role:"presentation",children:o.map(({range:t,band:s},u)=>{const x=a[u],{offsetLeft:f,offsetWidth:h,offsetParent:b}=x,{offsetWidth:j}=b,p=l/j,r=(t[0]+t[1])/2,g=(f+h/2)*p;return e.jsxs("g",{children:[e.jsx("line",{strokeWidth:1,stroke:"#b2b2b2",x1:r,x2:r,y1:"100%",y2:"75%",role:"presentation"}),e.jsx("line",{strokeWidth:1,stroke:"#b2b2b2",x1:r,x2:g+i,y1:"75%",y2:"0%",role:"presentation"})]},s)})})})]})};c.displayName="Widgets.CameraFilter.CondensedFilterRanges";exports.default=c;

package/dist/widgets/CameraFilter/CondensedFilterRanges/CondensedFilterRanges.js

@@ -0,0 +1,61 @@
+"use client";
+import { jsxs as s, Fragment as u, jsx as e } from "react/jsx-runtime";
+import { useRef as y } from "react";
+import { CondensedRangeRow as w, CondensedRange as R } from "../styles.js";
+const W = ({
+  filters: i,
+  min: l,
+  spectrumRange: a
+}) => {
+  const r = y(null), d = r.current ? Array.from(r.current.children) : null;
+  return /* @__PURE__ */ s(u, { children: [
+    /* @__PURE__ */ e(w, { ref: r, "data-testid": "condensed-filters", children: i.map(({ range: t, band: n }) => /* @__PURE__ */ s(R, { "aria-labelledby": `${n}-name`, children: [
+      t.join("–"),
+      /* @__PURE__ */ e("br", {}),
+      "nm"
+    ] }, n)) }),
+    d && /* @__PURE__ */ e(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        preserveAspectRatio: "xMinYMin meet",
+        viewBox: `${l} 0 ${a} 50`,
+        role: "presentation",
+        "aria-hidden": "true",
+        children: /* @__PURE__ */ e("g", { role: "presentation", children: i.map(({ range: t, band: n }, c) => {
+          const f = d[c], { offsetLeft: m, offsetWidth: p, offsetParent: h } = f, { offsetWidth: b } = h, x = a / b, o = (t[0] + t[1]) / 2, g = (m + p / 2) * x;
+          return /* @__PURE__ */ s("g", { children: [
+            /* @__PURE__ */ e(
+              "line",
+              {
+                strokeWidth: 1,
+                stroke: "#b2b2b2",
+                x1: o,
+                x2: o,
+                y1: "100%",
+                y2: "75%",
+                role: "presentation"
+              }
+            ),
+            /* @__PURE__ */ e(
+              "line",
+              {
+                strokeWidth: 1,
+                stroke: "#b2b2b2",
+                x1: o,
+                x2: g + l,
+                y1: "75%",
+                y2: "0%",
+                role: "presentation"
+              }
+            )
+          ] }, n);
+        }) })
+      }
+    )
+  ] });
+};
+W.displayName = "Widgets.CameraFilter.CondensedFilterRanges";
+export {
+  W as default
+};

package/dist/widgets/CameraFilter/SpectrumDisplay/ColorLabels/ColorLabels.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),g=require("react-i18next"),M=require("../../../../lib/utils.cjs"),s=require("../../styles.cjs"),a=({colors:r,activeRange:x,isBandSelected:d,isCondensed:t})=>{const{t:u,i18n:{language:m}}=g.useTranslation(),n=t?350:r[0].range[0],h=(t?1e3:820)-n,b=Math.floor(h/(r.length-1));return e.jsx("g",{role:"list","data-testid":"color-labels",children:r.map(({name:c,range:o,color:j},y)=>{const l=n+b*y,p=d&&M.intersection(o,x)===null,i=(o[0]+o[1])/2;return e.jsxs("g",{children:[e.jsx("line",{strokeWidth:1,stroke:"#b2b2b2",x1:i,x2:i,y1:"100",y2:t?"105":"110",role:"presentation"}),e.jsx("line",{strokeWidth:1,stroke:"#b2b2b2",x1:i,x2:l,y1:t?"105":"110",y2:t?"145":"140",role:"presentation"}),e.jsx("circle",{cx:l,cy:t?"145":"140",r:t?15:10,fill:j,role:"presentation"}),e.jsxs("text",{x:l,dominantBaseline:"middle",textAnchor:"middle",y:"150",role:"listitem","aria-hidden":p,children:[e.jsx(s.ColorName,{x:l,dy:"1.25em",textAnchor:"middle",children:u(`filterTool.colors.${c}`).toLocaleLowerCase(m)}),e.jsx(s.ColorSpectrum,{x:l,dy:"1.25em",textAnchor:"middle",children:o.join("–")}),e.jsx(s.ColorSpectrumUnit,{x:l,dy:"1.25em",textAnchor:"middle",children:"nm"})]})]},c)})})};a.displayName="Widgets.CameraFilter.ColorLabels";exports.default=a;

package/dist/widgets/CameraFilter/SpectrumDisplay/ColorLabels/ColorLabels.js

@@ -0,0 +1,99 @@
+"use client";
+import { jsx as o, jsxs as a } from "react/jsx-runtime";
+import { useTranslation as f } from "react-i18next";
+import { intersection as g } from "../../../../lib/utils.js";
+import { ColorName as k, ColorSpectrum as A, ColorSpectrumUnit as L } from "../../styles.js";
+const M = ({
+  colors: l,
+  activeRange: s,
+  isBandSelected: m,
+  isCondensed: t
+}) => {
+  const {
+    t: d,
+    i18n: { language: x }
+  } = f(), n = t ? 350 : l[0].range[0], h = (t ? 1e3 : 820) - n, p = Math.floor(h / (l.length - 1));
+  return /* @__PURE__ */ o("g", { role: "list", "data-testid": "color-labels", children: l.map(({ name: c, range: r, color: b }, y) => {
+    const e = n + p * y, u = m && g(r, s) === null, i = (r[0] + r[1]) / 2;
+    return /* @__PURE__ */ a("g", { children: [
+      /* @__PURE__ */ o(
+        "line",
+        {
+          strokeWidth: 1,
+          stroke: "#b2b2b2",
+          x1: i,
+          x2: i,
+          y1: "100",
+          y2: t ? "105" : "110",
+          role: "presentation"
+        }
+      ),
+      /* @__PURE__ */ o(
+        "line",
+        {
+          strokeWidth: 1,
+          stroke: "#b2b2b2",
+          x1: i,
+          x2: e,
+          y1: t ? "105" : "110",
+          y2: t ? "145" : "140",
+          role: "presentation"
+        }
+      ),
+      /* @__PURE__ */ o(
+        "circle",
+        {
+          cx: e,
+          cy: t ? "145" : "140",
+          r: t ? 15 : 10,
+          fill: b,
+          role: "presentation"
+        }
+      ),
+      /* @__PURE__ */ a(
+        "text",
+        {
+          x: e,
+          dominantBaseline: "middle",
+          textAnchor: "middle",
+          y: "150",
+          role: "listitem",
+          "aria-hidden": u,
+          children: [
+            /* @__PURE__ */ o(
+              k,
+              {
+                x: e,
+                dy: "1.25em",
+                textAnchor: "middle",
+                children: d(`filterTool.colors.${c}`).toLocaleLowerCase(x)
+              }
+            ),
+            /* @__PURE__ */ o(
+              A,
+              {
+                x: e,
+                dy: "1.25em",
+                textAnchor: "middle",
+                children: r.join("–")
+              }
+            ),
+            /* @__PURE__ */ o(
+              L,
+              {
+                x: e,
+                dy: "1.25em",
+                textAnchor: "middle",
+                children: "nm"
+              }
+            )
+          ]
+        }
+      )
+    ] }, c);
+  }) });
+};
+M.displayName = "Widgets.CameraFilter.ColorLabels";
+export {
+  M as default
+};

package/dist/widgets/CameraFilter/SpectrumDisplay/SpectrumDisplay.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),o=require("../../../lib/utils.cjs"),t=require("../data.cjs"),l=require("./SpectrumLabels/SpectrumLabels.cjs"),x=({min:n,max:u,range:g,isCondensed:p,activeFilter:s})=>e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",preserveAspectRatio:"xMinYMin meet",viewBox:`${n} 0 ${g} 260`,"data-testid":"spectrum-display",children:[e.jsxs("defs",{children:[t.spectrums.map(({name:d,stops:r})=>e.jsx("linearGradient",{id:`${d}-gradient`,children:r.map(({offset:a,stopColor:h,id:j})=>e.jsx("stop",{offset:a,stopColor:h,id:j},`${a}-${h}`))},d)),e.jsxs("mask",{id:"spectrumMask",children:[e.jsx("rect",{width:"100%",height:"100",fill:"white",x:n}),s&&e.jsxs(e.Fragment,{children:[e.jsx("rect",{x:n,width:s.range[0]-n,height:"100%",fill:"black"}),e.jsx("rect",{x:s.range[1],width:u-s.range[1],height:"100%",fill:"black"})]})]})]}),e.jsx("g",{mask:"url(#spectrumMask)",role:"presentation",children:t.spectrums.map(({name:d,upper:r,lower:a})=>e.jsx("rect",{width:(r||u)-(a||n),height:"50%",fill:`url(#${d}-gradient)`,x:a||n,role:"presentation"},d))}),e.jsx("g",{children:t.spectrums.map(({name:d,upper:r})=>r&&e.jsx("line",{strokeWidth:2,strokeDasharray:"8 8",stroke:s&&!o.between(r,s.range[0],s.range[1])?"#000":"#fff",x1:r,x2:r,y1:0,y2:"50%"},d))}),e.jsx(l.default,{spectrums:t.spectrums,activeBand:s==null?void 0:s.band,min:n,max:u,activeMin:s==null?void 0:s.range[0],activeMax:s==null?void 0:s.range[1],isCondensed:p})]});x.displayName="Widgets.CameraFilter.SpectrumDisplay";exports.default=x;