@rubin-epo/epo-widget-lib 1.0.7 → 1.0.9

package/dist/lib/reimg.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function s(c,i){const r=function(){return c.indexOf("data:image/png")===0},a=function(t,n){const o=document.createElement("a");o.href=t,o.download=n,document.body.appendChild(o),o.click()};return{toBase64:function(){return c},toImg:function(){const t=document.createElement("img");return t.src=c,t},toCanvas:function(t){const n=document.createElement("canvas"),o=i==null?void 0:i.getBoundingClientRect();n.width=(o==null?void 0:o.width)||0,n.height=(o==null?void 0:o.height)||0;const e=n.getContext("2d"),u=this.toImg();u.onload=function(){e==null||e.drawImage(u,0,0),t(n)}},toPng:function(){if(r()){const t=document.createElement("img");return t.src=c,t}this.toCanvas(function(t){const n=document.createElement("img");return n.src=t.toDataURL(),n})},toJpeg:function(t){t=t||1,(n=>{this.toCanvas(function(o){const e=document.createElement("img");return e.src=o.toDataURL("image/jpeg",n),e})})(t)},downloadPng:function(t){if(t=t||"image.png",r()){a(c,t);return}this.toCanvas(function(n){a(n.toDataURL(),t)})}}}function g(c){const i=c.toDataURL();return s(i)}exports.fromCanvas=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function s(e,r){const i=function(){return e.indexOf("data:image/png")===0},a=function(t,n){const o=document.createElement("a");o.href=t,o.download=n,document.body.appendChild(o),o.click()};return{toBase64:function(){return e},toImg:function(){const t=document.createElement("img");return t.src=e,t},toCanvas:function(t){const n=document.createElement("canvas");n.width=0,n.height=0;const o=n.getContext("2d"),c=this.toImg();c.onload=function(){o==null||o.drawImage(c,0,0),t(n)}},toPng:function(){if(i()){const t=document.createElement("img");return t.src=e,t}this.toCanvas(function(t){const n=document.createElement("img");return n.src=t.toDataURL(),n})},toJpeg:function(t){t=t||1,(n=>{this.toCanvas(function(o){const c=document.createElement("img");return c.src=o.toDataURL("image/jpeg",n),c})})(t)},downloadPng:function(t){if(t=t||"image.png",i()){a(e,t);return}this.toCanvas(function(n){a(n.toDataURL(),t)})}}}function u(e){const r=e.toDataURL();return s(r)}exports.fromCanvas=u;

package/dist/lib/reimg.js

@@ -1,30 +1,30 @@
-function s(c, r) {
-  const e = function() {
-    return c.indexOf("data:image/png") === 0;
+function s(e, r) {
+  const i = function() {
+    return e.indexOf("data:image/png") === 0;
   }, a = function(t, n) {
     const o = document.createElement("a");
     o.href = t, o.download = n, document.body.appendChild(o), o.click();
   };
   return {
     toBase64: function() {
-      return c;
+      return e;
     },
     toImg: function() {
       const t = document.createElement("img");
-      return t.src = c, t;
+      return t.src = e, t;
     },
     toCanvas: function(t) {
-      const n = document.createElement("canvas"), o = r == null ? void 0 : r.getBoundingClientRect();
-      n.width = (o == null ? void 0 : o.width) || 0, n.height = (o == null ? void 0 : o.height) || 0;
-      const i = n.getContext("2d"), u = this.toImg();
-      u.onload = function() {
-        i == null || i.drawImage(u, 0, 0), t(n);
+      const n = document.createElement("canvas");
+      n.width = 0, n.height = 0;
+      const o = n.getContext("2d"), c = this.toImg();
+      c.onload = function() {
+        o == null || o.drawImage(c, 0, 0), t(n);
       };
     },
     toPng: function() {
-      if (e()) {
+      if (i()) {
         const t = document.createElement("img");
-        return t.src = c, t;
+        return t.src = e, t;
       }
       this.toCanvas(function(t) {
         const n = document.createElement("img");
@@ -34,14 +34,14 @@ function s(c, r) {
     toJpeg: function(t) {
       t = t || 1, ((n) => {
         this.toCanvas(function(o) {
-          const i = document.createElement("img");
-          return i.src = o.toDataURL("image/jpeg", n), i;
+          const c = document.createElement("img");
+          return c.src = o.toDataURL("image/jpeg", n), c;
         });
       })(t);
     },
     downloadPng: function(t) {
-      if (t = t || "image.png", e()) {
-        a(c, t);
+      if (t = t || "image.png", i()) {
+        a(e, t);
         return;
       }
       this.toCanvas(function(n) {
@@ -50,10 +50,10 @@ function s(c, r) {
     }
   };
 }
-function g(c) {
-  const r = c.toDataURL();
+function u(e) {
+  const r = e.toDataURL();
   return s(r);
 }
 export {
-  g as fromCanvas
+  u as fromCanvas
 };

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

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),m=require("react"),a=require("../styles.cjs"),c=({filters:o,min:i,spectrumRange:l})=>{const s=m.useRef(null),d=s.current?Array.from(s.current.children):null;return e.jsxs(e.Fragment,{children:[e.jsx(a.CondensedRangeRow,{ref:s,"data-testid":"condensed-filters",children:o.map(({range:t,band:n})=>e.jsxs(a.CondensedRange,{"aria-labelledby":`${n}-name`,children:[t.join("–"),e.jsx("br",{}),"nm"]},n))}),d&&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:n},u)=>{const x=d[u],{offsetLeft:f,offsetWidth:h,offsetParent:b}=x,{offsetWidth:g}=b,j=l/g,r=(t[0]+t[1])/2,p=(f+h/2)*j;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:p+i,y1:"75%",y2:"0%",role:"presentation"})]},n)})})})]})};c.displayName="Widgets.CameraFilter.CondensedFilterRanges";const y=c;exports.default=y;
+"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

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

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

@@ -1 +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:l,color:j},y)=>{const o=n+b*y,p=d&&M.intersection(l,x)===null,i=(l[0]+l[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:o,y1:t?"105":"110",y2:t?"145":"140",role:"presentation"}),e.jsx("circle",{cx:o,cy:t?"145":"140",r:t?15:10,fill:j,role:"presentation"}),e.jsxs("text",{x:o,dominantBaseline:"middle",textAnchor:"middle",y:"150",role:"listitem","aria-hidden":p,children:[e.jsx(s.ColorName,{x:o,dy:"1.25em",textAnchor:"middle",children:u(`filterTool.colors.${c}`).toLocaleLowerCase(m)}),e.jsx(s.ColorSpectrum,{x:o,dy:"1.25em",textAnchor:"middle",children:l.join("–")}),e.jsx(s.ColorSpectrumUnit,{x:o,dy:"1.25em",textAnchor:"middle",children:"nm"})]})]},c)})})};a.displayName="Widgets.CameraFilter.ColorLabels";const f=a;exports.default=f;
+"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

@@ -1,20 +1,20 @@
 "use client";
 import { jsx as o, jsxs as a } from "react/jsx-runtime";
-import { useTranslation as g } from "react-i18next";
-import { intersection as L } from "../../../../lib/utils.js";
-import { ColorName as k, ColorSpectrum as A, ColorSpectrumUnit as M } from "../../styles.js";
-const s = ({
-  colors: r,
-  activeRange: m,
-  isBandSelected: d,
+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: x,
-    i18n: { language: h }
-  } = g(), n = t ? 350 : r[0].range[0], p = (t ? 1e3 : 820) - n, b = Math.floor(p / (r.length - 1));
-  return /* @__PURE__ */ o("g", { role: "list", "data-testid": "color-labels", children: r.map(({ name: c, range: l, color: y }, u) => {
-    const e = n + b * u, f = d && L(l, m) === null, i = (l[0] + l[1]) / 2;
+    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",
@@ -46,7 +46,7 @@ const s = ({
           cx: e,
           cy: t ? "145" : "140",
           r: t ? 15 : 10,
-          fill: y,
+          fill: b,
           role: "presentation"
         }
       ),
@@ -58,7 +58,7 @@ const s = ({
           textAnchor: "middle",
           y: "150",
           role: "listitem",
-          "aria-hidden": f,
+          "aria-hidden": u,
           children: [
             /* @__PURE__ */ o(
               k,
@@ -66,7 +66,7 @@ const s = ({
                 x: e,
                 dy: "1.25em",
                 textAnchor: "middle",
-                children: x(`filterTool.colors.${c}`).toLocaleLowerCase(h)
+                children: d(`filterTool.colors.${c}`).toLocaleLowerCase(x)
               }
             ),
             /* @__PURE__ */ o(
@@ -75,11 +75,11 @@ const s = ({
                 x: e,
                 dy: "1.25em",
                 textAnchor: "middle",
-                children: l.join("–")
+                children: r.join("–")
               }
             ),
             /* @__PURE__ */ o(
-              M,
+              L,
               {
                 x: e,
                 dy: "1.25em",
@@ -93,8 +93,7 @@ const s = ({
     ] }, c);
   }) });
 };
-s.displayName = "Widgets.CameraFilter.ColorLabels";
-const T = s;
+M.displayName = "Widgets.CameraFilter.ColorLabels";
 export {
-  T as default
+  M as default
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),c=require("../../../lib/utils.cjs"),t=require("../data.cjs"),j=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:o})=>e.jsx("stop",{offset:a,stopColor:h,id:o},`${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&&!c.between(r,s.range[0],s.range[1])?"#000":"#fff",x1:r,x2:r,y1:0,y2:"50%"},d))}),e.jsx(j.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";const l=x;exports.default=l;
+"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;

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

@@ -1,34 +1,34 @@
-import { jsxs as p, jsx as r, Fragment as w } from "react/jsx-runtime";
-import { between as k } from "../../../lib/utils.js";
+import { jsxs as g, jsx as r, Fragment as x } from "react/jsx-runtime";
+import { between as w } from "../../../lib/utils.js";
 import { spectrums as e } from "../data.js";
-import l from "./SpectrumLabels/SpectrumLabels.js";
-const o = ({
+import k from "./SpectrumLabels/SpectrumLabels.js";
+const l = ({
   min: n,
-  max: g,
-  range: t,
+  max: p,
+  range: o,
   isCondensed: f,
   activeFilter: s
-}) => /* @__PURE__ */ p(
+}) => /* @__PURE__ */ g(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
     preserveAspectRatio: "xMinYMin meet",
-    viewBox: `${n} 0 ${t} 260`,
+    viewBox: `${n} 0 ${o} 260`,
     "data-testid": "spectrum-display",
     children: [
-      /* @__PURE__ */ p("defs", { children: [
-        e.map(({ name: h, stops: d }) => /* @__PURE__ */ r("linearGradient", { id: `${h}-gradient`, children: d.map(({ offset: a, stopColor: m, id: x }) => /* @__PURE__ */ r(
+      /* @__PURE__ */ g("defs", { children: [
+        e.map(({ name: h, stops: d }) => /* @__PURE__ */ r("linearGradient", { id: `${h}-gradient`, children: d.map(({ offset: a, stopColor: m, id: t }) => /* @__PURE__ */ r(
           "stop",
           {
             offset: a,
             stopColor: m,
-            id: x
+            id: t
           },
           `${a}-${m}`
         )) }, h)),
-        /* @__PURE__ */ p("mask", { id: "spectrumMask", children: [
+        /* @__PURE__ */ g("mask", { id: "spectrumMask", children: [
           /* @__PURE__ */ r("rect", { width: "100%", height: "100", fill: "white", x: n }),
-          s && /* @__PURE__ */ p(w, { children: [
+          s && /* @__PURE__ */ g(x, { children: [
             /* @__PURE__ */ r(
               "rect",
               {
@@ -42,7 +42,7 @@ const o = ({
               "rect",
               {
                 x: s.range[1],
-                width: g - s.range[1],
+                width: p - s.range[1],
                 height: "100%",
                 fill: "black"
               }
@@ -53,7 +53,7 @@ const o = ({
       /* @__PURE__ */ r("g", { mask: "url(#spectrumMask)", role: "presentation", children: e.map(({ name: h, upper: d, lower: a }) => /* @__PURE__ */ r(
         "rect",
         {
-          width: (d || g) - (a || n),
+          width: (d || p) - (a || n),
           height: "50%",
           fill: `url(#${h}-gradient)`,
           x: a || n,
@@ -67,7 +67,7 @@ const o = ({
           {
             strokeWidth: 2,
             strokeDasharray: "8 8",
-            stroke: s && !k(d, s.range[0], s.range[1]) ? "#000" : "#fff",
+            stroke: s && !w(d, s.range[0], s.range[1]) ? "#000" : "#fff",
             x1: d,
             x2: d,
             y1: 0,
@@ -77,12 +77,12 @@ const o = ({
         )
       ) }),
       /* @__PURE__ */ r(
-        l,
+        k,
         {
           spectrums: e,
           activeBand: s == null ? void 0 : s.band,
           min: n,
-          max: g,
+          max: p,
           activeMin: s == null ? void 0 : s.range[0],
           activeMax: s == null ? void 0 : s.range[1],
           isCondensed: f
@@ -91,8 +91,7 @@ const o = ({
     ]
   }
 );
-o.displayName = "Widgets.CameraFilter.SpectrumDisplay";
-const M = o;
+l.displayName = "Widgets.CameraFilter.SpectrumDisplay";
 export {
-  M as default
+  l as default
 };

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

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),S=require("react-i18next"),j=require("../../styles.cjs"),_=require("../../../../lib/utils.cjs"),h=require("../ColorLabels/ColorLabels.cjs"),d=({spectrums:m,activeBand:e,min:p,max:b,activeMin:a=0,activeMax:i=0,isCondensed:l})=>{const{t:n}=S.useTranslation(),f=n("camera_filter.labels.captured_range",{context:e?"":"no_filter",filter:e});return r.jsx("g",{role:"list","aria-label":f,"aria-live":"polite","data-testid":"spectrum-labels",children:m.map(({name:s,upper:x,lower:g,colors:c},u)=>{const o=x||b,t=g||p,L=e&&_.intersection([t,o],[a,i])===null;return r.jsxs("g",{role:"listitem","aria-hidden":L,children:[r.jsx(j.SpectrumLabel,{x:l&&u===0?t:(o-t)/2+t,y:"50",dominantBaseline:"middle",textAnchor:l&&u===0?"start":"middle",children:n(`camera_filter.labels.${s}`)},s),c&&r.jsx(h.default,{colors:c,isBandSelected:!!e,activeRange:[a,i],isCondensed:l})]},s)})})};d.displayName="Widgets.CameraFilter.SpectrumLabels";const q=d;exports.default=q;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),L=require("react-i18next"),S=require("../../styles.cjs"),_=require("../../../../lib/utils.cjs"),h=require("../ColorLabels/ColorLabels.cjs"),d=({spectrums:m,activeBand:e,min:p,max:b,activeMin:i=0,activeMax:a=0,isCondensed:l})=>{const{t:n}=L.useTranslation(),f=n("camera_filter.labels.captured_range",{context:e?"":"no_filter",filter:e});return r.jsx("g",{role:"list","aria-label":f,"aria-live":"polite","data-testid":"spectrum-labels",children:m.map(({name:s,upper:x,lower:g,colors:u},c)=>{const o=x||b,t=g||p,j=e&&_.intersection([t,o],[i,a])===null;return r.jsxs("g",{role:"listitem","aria-hidden":j,children:[r.jsx(S.SpectrumLabel,{x:l&&c===0?t:(o-t)/2+t,y:"50",dominantBaseline:"middle",textAnchor:l&&c===0?"start":"middle",children:n(`camera_filter.labels.${s}`)},s),u&&r.jsx(h.default,{colors:u,isBandSelected:!!e,activeRange:[i,a],isCondensed:l})]},s)})})};d.displayName="Widgets.CameraFilter.SpectrumLabels";exports.default=d;

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

@@ -1,19 +1,19 @@
 "use client";
-import { jsx as a, jsxs as x } from "react/jsx-runtime";
-import { useTranslation as S } from "react-i18next";
-import { SpectrumLabel as _ } from "../../styles.js";
-import { intersection as j } from "../../../../lib/utils.js";
-import y from "../ColorLabels/ColorLabels.js";
-const p = ({
-  spectrums: d,
+import { jsx as a, jsxs as h } from "react/jsx-runtime";
+import { useTranslation as x } from "react-i18next";
+import { SpectrumLabel as S } from "../../styles.js";
+import { intersection as _ } from "../../../../lib/utils.js";
+import j from "../ColorLabels/ColorLabels.js";
+const y = ({
+  spectrums: p,
   activeBand: e,
-  min: u,
+  min: d,
   max: f,
-  activeMin: s = 0,
-  activeMax: i = 0,
+  activeMin: i = 0,
+  activeMax: s = 0,
   isCondensed: t
 }) => {
-  const { t: o } = S(), b = o("camera_filter.labels.captured_range", {
+  const { t: o } = x(), u = o("camera_filter.labels.captured_range", {
     context: e ? "" : "no_filter",
     filter: e
   });
@@ -21,29 +21,29 @@ const p = ({
     "g",
     {
       role: "list",
-      "aria-label": b,
+      "aria-label": u,
       "aria-live": "polite",
       "data-testid": "spectrum-labels",
-      children: d.map(({ name: l, upper: L, lower: g, colors: m }, c) => {
-        const n = L || f, r = g || u, h = e && j([r, n], [s, i]) === null;
-        return /* @__PURE__ */ x("g", { role: "listitem", "aria-hidden": h, children: [
+      children: p.map(({ name: l, upper: b, lower: L, colors: m }, n) => {
+        const c = b || f, r = L || d, g = e && _([r, c], [i, s]) === null;
+        return /* @__PURE__ */ h("g", { role: "listitem", "aria-hidden": g, children: [
           /* @__PURE__ */ a(
-            _,
+            S,
             {
-              x: t && c === 0 ? r : (n - r) / 2 + r,
+              x: t && n === 0 ? r : (c - r) / 2 + r,
               y: "50",
               dominantBaseline: "middle",
-              textAnchor: t && c === 0 ? "start" : "middle",
+              textAnchor: t && n === 0 ? "start" : "middle",
               children: o(`camera_filter.labels.${l}`)
             },
             l
           ),
           m && /* @__PURE__ */ a(
-            y,
+            j,
             {
               colors: m,
               isBandSelected: !!e,
-              activeRange: [s, i],
+              activeRange: [i, s],
               isCondensed: t
             }
           )
@@ -52,8 +52,7 @@ const p = ({
     }
   );
 };
-p.displayName = "Widgets.CameraFilter.SpectrumLabels";
-const N = p;
+y.displayName = "Widgets.CameraFilter.SpectrumLabels";
 export {
-  N as default
+  y as default
 };

package/dist/widgets/ColorTool/Actions/Export/index.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),s=require("react"),i=require("@rubin-epo/epo-react-lib/Button"),a=require("../../../../lib/reimg.cjs"),c=e=>e&&e.__esModule?e:{default:e},d=c(i),t=({canvas:e,filename:o,isDisabled:r,children:l})=>{const u=s.useCallback(()=>{e&&a.fromCanvas(e).downloadPng(o)},[e]);return n.jsx(d.default,{disabled:r,style:{"--button-text-align":"left"},icon:"ArrowUpFromBracket",onClick:u,isBlock:!0,children:l})};t.displayName="Widgets.ColorTool.Reset";const f=t;exports.default=f;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),s=require("react"),i=require("@rubin-epo/epo-react-lib/Button"),a=require("../../../../lib/reimg.cjs"),c=e=>e&&e.__esModule?e:{default:e},d=c(i),t=({canvas:e,filename:o,isDisabled:r,children:l})=>{const u=s.useCallback(()=>{e&&a.fromCanvas(e).downloadPng(o)},[e]);return n.jsx(d.default,{disabled:r,style:{"--button-text-align":"left"},icon:"ArrowUpFromBracket",onClick:u,isBlock:!0,children:l})};t.displayName="Widgets.ColorTool.Reset";exports.default=t;

package/dist/widgets/ColorTool/Actions/Export/index.js

@@ -1,31 +1,30 @@
 "use client";
-import { jsx as n } from "react/jsx-runtime";
-import { useCallback as s } from "react";
-import m from "@rubin-epo/epo-react-lib/Button";
-import { fromCanvas as p } from "../../../../lib/reimg.js";
-const t = ({
+import { jsx as i } from "react/jsx-runtime";
+import { useCallback as m } from "react";
+import n from "@rubin-epo/epo-react-lib/Button";
+import { fromCanvas as s } from "../../../../lib/reimg.js";
+const a = ({
   canvas: o,
-  filename: r,
-  isDisabled: e,
-  children: l
+  filename: t,
+  isDisabled: r,
+  children: e
 }) => {
-  const i = s(() => {
-    o && p(o).downloadPng(r);
+  const l = m(() => {
+    o && s(o).downloadPng(t);
   }, [o]);
-  return /* @__PURE__ */ n(
-    m,
+  return /* @__PURE__ */ i(
+    n,
     {
-      disabled: e,
+      disabled: r,
       style: { "--button-text-align": "left" },
       icon: "ArrowUpFromBracket",
-      onClick: i,
+      onClick: l,
       isBlock: !0,
-      children: l
+      children: e
     }
   );
 };
-t.displayName = "Widgets.ColorTool.Reset";
-const u = t;
+a.displayName = "Widgets.ColorTool.Reset";
 export {
-  u as default
+  a as default
 };

package/dist/widgets/ColorTool/Actions/index.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),f=require("react-i18next"),x=require("../../../atomic/Button/patterns/Reset.cjs"),g=require("./Export/index.cjs"),a=require("../lib/utils.cjs"),b=i=>i.map(t=>{const{defaultValue:e,min:s,max:o}=t,r=e||1;return{...t,active:!1,color:"",brightness:a.getBrightnessValue(s,o,r),value:r}}),c=({actions:i,isDisabled:t,selectedData:e,selectionCallback:s,canvas:o})=>{const{t:r}=f.useTranslation(),{name:d,filters:m}=e,u=t||!a.areActionsActive(e);return n.jsx(n.Fragment,{children:i.map(l=>{switch(l){case"reset":return n.jsx(x.default,{isDisabled:u,onResetCallback:()=>s&&s({...e,filters:b(m)})},l);case"export":return n.jsx(g.default,{isDisabled:u,canvas:o,filename:d,children:r("colorTool.actions.export")},l);case"save":return null;default:return null}})})};c.displayName="Widgets.ColorTool.Actions";const p=c;exports.default=p;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),f=require("react-i18next"),x=require("../../../atomic/Button/patterns/Reset.cjs"),g=require("./Export/index.cjs"),a=require("../lib/utils.cjs"),b=i=>i.map(t=>{const{defaultValue:e,min:s,max:o}=t,r=e||1;return{...t,active:!1,color:"",brightness:a.getBrightnessValue(s,o,r),value:r}}),c=({actions:i,isDisabled:t,selectedData:e,selectionCallback:s,canvas:o})=>{const{t:r}=f.useTranslation(),{name:d,filters:m}=e,u=t||!a.areActionsActive(e);return n.jsx(n.Fragment,{children:i.map(l=>{switch(l){case"reset":return n.jsx(x.default,{isDisabled:u,onResetCallback:()=>s&&s({...e,filters:b(m)})},l);case"export":return n.jsx(g.default,{isDisabled:u,canvas:o,filename:d,children:r("colorTool.actions.export")},l);case"save":return null;default:return null}})})};c.displayName="Widgets.ColorTool.Actions";exports.default=c;

package/dist/widgets/ColorTool/Actions/index.js

@@ -1,47 +1,47 @@
 "use client";
-import { jsx as l, Fragment as p } from "react/jsx-runtime";
-import { useTranslation as f } from "react-i18next";
-import d from "../../../atomic/Button/patterns/Reset.js";
-import x from "./Export/index.js";
-import { areActionsActive as g, getBrightnessValue as h } from "../lib/utils.js";
-const A = (o) => o.map((e) => {
-  const { defaultValue: t, min: r, max: n } = e, s = t || 1;
+import { jsx as l, Fragment as u } from "react/jsx-runtime";
+import { useTranslation as p } from "react-i18next";
+import f from "../../../atomic/Button/patterns/Reset.js";
+import d from "./Export/index.js";
+import { areActionsActive as x, getBrightnessValue as g } from "../lib/utils.js";
+const h = (o) => o.map((t) => {
+  const { defaultValue: e, min: r, max: n } = t, s = e || 1;
   return {
-    ...e,
+    ...t,
     active: !1,
     color: "",
-    brightness: h(r, n, s),
+    brightness: g(r, n, s),
     value: s
   };
-}), c = ({
+}), b = ({
   actions: o,
-  isDisabled: e,
-  selectedData: t,
+  isDisabled: t,
+  selectedData: e,
   selectionCallback: r,
   canvas: n
 }) => {
-  const { t: s } = f(), { name: m, filters: u } = t, a = e || !g(t);
-  return /* @__PURE__ */ l(p, { children: o.map((i) => {
+  const { t: s } = p(), { name: c, filters: m } = e, a = t || !x(e);
+  return /* @__PURE__ */ l(u, { children: o.map((i) => {
     switch (i) {
       case "reset":
         return /* @__PURE__ */ l(
-          d,
+          f,
           {
             isDisabled: a,
             onResetCallback: () => r && r({
-              ...t,
-              filters: A(u)
+              ...e,
+              filters: h(m)
             })
           },
           i
         );
       case "export":
         return /* @__PURE__ */ l(
-          x,
+          d,
           {
             isDisabled: a,
             canvas: n,
-            filename: m,
+            filename: c,
             children: s("colorTool.actions.export")
           },
           i
@@ -53,8 +53,7 @@ const A = (o) => o.map((e) => {
     }
   }) });
 };
-c.displayName = "Widgets.ColorTool.Actions";
-const R = c;
+b.displayName = "Widgets.ColorTool.Actions";
 export {
-  R as default
+  b as default
 };

package/dist/widgets/ColorTool/FilterControls/FilterControls.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),q=require("@rubin-epo/epo-react-lib/SelectListbox"),v=require("../lib/utils.cjs"),S=require("react-i18next"),l=require("./styles.cjs"),T=e=>e&&e.__esModule?e:{default:e},I=T(q),d=({filter:e,colorOptions:a,isDisabled:r,onChangeFilterCallback:s,buttonLabelledById:u,selectLabelledById:h,sliderLabelledById:x})=>{const{t:b}=S.useTranslation(),{label:i,color:c="",value:m,active:n,min:g,max:j}=e,p=()=>s&&s({...e,active:!n}),y=t=>t&&s&&s({...e,color:t}),_=t=>s&&s({...e,brightness:v.getBrightnessValue(g,j,t),value:t}),f=b("colorTool.actions.select_filter");return o.jsxs(l.FilterContainer,{disabled:r,children:[o.jsxs(l.FilterLabel,{children:[o.jsx(l.HiddenCheckbox,{checked:n,type:"checkbox",onChange:p,"aria-describedby":u}),o.jsx(l.FilterToggle,{as:"span",children:i})]}),o.jsx(I.default,{placeholder:f,value:c,options:a,onChangeCallback:y,width:"100%",maxWidth:"100%",labelledById:h,isDisabled:!n||r}),o.jsx(l.Slider,{min:1,max:100,onChangeCallback:t=>typeof t=="number"&&_(t),isDisabled:!n||r,labelledbyId:x,value:m,label:i,color:c})]})};d.displayName="Widgets.ColorTool.FilterControls";const B=d;exports.default=B;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),q=require("@rubin-epo/epo-react-lib/SelectListbox"),v=require("../lib/utils.cjs"),S=require("react-i18next"),l=require("./styles.cjs"),T=e=>e&&e.__esModule?e:{default:e},I=T(q),d=({filter:e,colorOptions:a,isDisabled:r,onChangeFilterCallback:s,buttonLabelledById:u,selectLabelledById:h,sliderLabelledById:x})=>{const{t:b}=S.useTranslation(),{label:i,color:c="",value:m,active:n,min:g,max:j}=e,p=()=>s&&s({...e,active:!n}),y=t=>t&&s&&s({...e,color:t}),_=t=>s&&s({...e,brightness:v.getBrightnessValue(g,j,t),value:t}),f=b("colorTool.actions.select_filter");return o.jsxs(l.FilterContainer,{disabled:r,children:[o.jsxs(l.FilterLabel,{children:[o.jsx(l.HiddenCheckbox,{checked:n,type:"checkbox",onChange:p,"aria-describedby":u}),o.jsx(l.FilterToggle,{as:"span",children:i})]}),o.jsx(I.default,{placeholder:f,value:c,options:a,onChangeCallback:y,width:"100%",maxWidth:"100%",labelledById:h,isDisabled:!n||r}),o.jsx(l.Slider,{min:1,max:100,onChangeCallback:t=>typeof t=="number"&&_(t),isDisabled:!n||r,labelledbyId:x,value:m,label:i,color:c})]})};d.displayName="Widgets.ColorTool.FilterControls";exports.default=d;