@rubin-epo/epo-widget-lib 0.8.1 → 0.9.0

package/dist/widgets/LightCurvePlot/defaults.js

@@ -0,0 +1,19 @@
+const s = {
+  xStep: 10,
+  yStep: 0.5,
+  yMin: 14,
+  yMax: 20,
+  width: 600,
+  height: 600,
+  gaussianMin: -4,
+  gaussianMax: 4,
+  gaussianStep: 0.01,
+  gaussianWidth: -2,
+  yOffsetMin: -50,
+  yOffsetMax: 50,
+  yOffsetStep: 0.1,
+  yOffset: -2
+}, t = s;
+export {
+  t as default
+};

package/dist/widgets/LightCurvePlot/helpers.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=(t,e)=>t-e,l=(t,e)=>t.map(({date:n,magnitude:a,error:s,id:i})=>({x:o(n,e),y:a,error:s,id:i,date:n})),c=(t,e)=>e*Math.exp(-((t-5)**2)/20**2)+1,u=(t,e)=>e*=Math.exp(-.1*(t- -15))+1,r=(t,e)=>{let s=c(t,e);s=u(t,s);const i=Math.max(t,0);return s+=.02*i+15,Number(s.toFixed(4))},p=(t,e,n)=>r(t,e)-n,g=(t,e,n)=>Math.abs(t.y-p(t.x,e,n));exports.calculateResidual=g;exports.daysSincePeak=o;exports.estimateMagnitude=r;exports.estimateMagnitudeWithOffset=p;exports.exponentialRise=u;exports.formatMagnitudePoints=l;exports.gaussianBump=c;

package/dist/widgets/LightCurvePlot/helpers.d.ts

@@ -0,0 +1,23 @@
+import { Alert } from '../../types/astro';
+export declare const daysSincePeak: (current: number, peak: number) => number;
+export declare const formatMagnitudePoints: (alerts: Array<Alert>, phaseCorrection: number) => {
+    x: number;
+    y: number;
+    error: number;
+    id: number;
+    date: number;
+}[];
+export declare const gaussianBump: (x: number, gaussianWidth: number) => number;
+export declare const exponentialRise: (x: number, magnitude: number) => number;
+/**
+ * Fit the magnitudes with a Vacca Leibundqut (1997) analytical model
+ * @param x number of days in relation to peak
+ * @param gaussianWidth
+ */
+export declare const estimateMagnitude: (x: number, gaussianWidth: number) => number;
+export declare const estimateMagnitudeWithOffset: (x: number, gaussianWidth: number, yOffset: number) => number;
+export declare const calculateResidual: (data: {
+    x: number;
+    y: number;
+    error: number;
+}, gaussianWidth: number, yOffset: number) => number;

package/dist/widgets/LightCurvePlot/helpers.js

@@ -0,0 +1,23 @@
+const a = (t, n) => t - n, m = (t, n) => t.map(({ date: s, magnitude: o, error: e, id: c }) => ({
+  x: a(s, n),
+  y: o,
+  error: e,
+  id: c,
+  date: s
+})), i = (t, n) => n * Math.exp(-((t - 5) ** 2) / 400) + 1, p = (t, n) => n *= Math.exp(-0.1 * (t - -15)) + 1, r = (t, n) => {
+  let e = i(t, n);
+  e = p(t, e);
+  const c = Math.max(t, 0);
+  return e += 0.02 * c + 15, Number(e.toFixed(4));
+}, u = (t, n, s) => r(t, n) - s, M = (t, n, s) => Math.abs(
+  t.y - u(t.x, n, s)
+);
+export {
+  M as calculateResidual,
+  a as daysSincePeak,
+  r as estimateMagnitude,
+  u as estimateMagnitudeWithOffset,
+  p as exponentialRise,
+  m as formatMagnitudePoints,
+  i as gaussianBump
+};

package/dist/widgets/LightCurvePlot/helpers.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/widgets/LightCurvePlot/index.d.ts

@@ -0,0 +1,2 @@
+export { default as ObservationsPlot } from "./PlotWithoutCurve";
+export { default as ObservationsPlotWithCurve } from "./PlotWithCurve";

package/dist/widgets/SupernovaThreeVector/LiveLabel/index.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=require("react/jsx-runtime"),g=require("react-i18next"),v=require("lodash/round"),_=require("./styles.cjs"),L=e=>e&&e.__esModule?e:{default:e},o=L(v),s=({id:e,supernovaCount:a,objects:t,min:i,max:u})=>{const{t:l,i18n:{language:r}}=g.useTranslation(),c=new Intl.ListFormat(r,{style:"long",type:"conjunction"}),{format:n}=new Intl.NumberFormat(r,{maximumFractionDigits:0}),d=t.map(({lat:m,long:f})=>`${n(o.default(m,-1))}° ${n(o.default(f,-1))}°`);return p.jsx(_.OffscreenLabel,{"aria-live":"polite",id:e,children:l("supernova_three_vector.skymap.description",{supernovaCount:a,userObjectCount:t.length,coords:c.format(d),min:i,max:u})})};s.displayName="Widgets.SupernovaThreVector.LiveLabel";const b=s;exports.default=b;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const g=require("react/jsx-runtime"),p=require("react-i18next"),_=require("lodash/round"),v=require("../../../atomic/LiveRegion/index.cjs"),L=e=>e&&e.__esModule?e:{default:e},o=L(_),a=({id:e,supernovaCount:s,objects:t,min:u,max:i})=>{const{t:l,i18n:{language:n}}=p.useTranslation(),c=new Intl.ListFormat(n,{style:"long",type:"conjunction"}),{format:r}=new Intl.NumberFormat(n,{maximumFractionDigits:0}),d=t.map(({lat:m,long:f})=>`${r(o.default(m,-1))}° ${r(o.default(f,-1))}°`);return g.jsx(v.default,{id:e,children:l("supernova_three_vector.skymap.description",{supernovaCount:s,userObjectCount:t.length,coords:c.format(d),min:u,max:i})})};a.displayName="Widgets.SupernovaThreVector.LiveLabel";const b=a;exports.default=b;

package/dist/widgets/SupernovaThreeVector/LiveLabel/index.js

@@ -1,30 +1,30 @@
 "use client";
-import { jsx as f } from "react/jsx-runtime";
+import { jsx as g } from "react/jsx-runtime";
 import { useTranslation as L } from "react-i18next";
 import r from "lodash/round";
-import { OffscreenLabel as g } from "./styles.js";
+import f from "../../../atomic/LiveRegion/index.js";
 const n = ({
-  id: a,
-  supernovaCount: i,
-  objects: e,
+  id: i,
+  supernovaCount: a,
+  objects: t,
   min: s,
   max: m
 }) => {
   const {
-    t: l,
-    i18n: { language: t }
-  } = L(), c = new Intl.ListFormat(t, {
+    t: c,
+    i18n: { language: e }
+  } = L(), l = new Intl.ListFormat(e, {
     style: "long",
     type: "conjunction"
-  }), { format: o } = new Intl.NumberFormat(t, {
+  }), { format: o } = new Intl.NumberFormat(e, {
     maximumFractionDigits: 0
-  }), p = e.map(
-    ({ lat: u, long: d }) => `${o(r(u, -1))}° ${o(r(d, -1))}°`
+  }), u = t.map(
+    ({ lat: p, long: d }) => `${o(r(p, -1))}° ${o(r(d, -1))}°`
   );
-  return /* @__PURE__ */ f(g, { "aria-live": "polite", id: a, children: l("supernova_three_vector.skymap.description", {
-    supernovaCount: i,
-    userObjectCount: e.length,
-    coords: c.format(p),
+  return /* @__PURE__ */ g(f, { id: i, children: c("supernova_three_vector.skymap.description", {
+    supernovaCount: a,
+    userObjectCount: t.length,
+    coords: l.format(u),
     min: s,
     max: m
   }) });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rubin-epo/epo-widget-lib",
-  "version": "0.8.1",
+  "version": "0.9.0",
   "description": "Rubin Observatory Education & Public Outreach team React scientific and educational widgets.",
   "author": "Rubin EPO",
   "license": "MIT",
@@ -44,6 +44,7 @@
     "d3-geo": "^3.1.0",
     "d3-geo-projection": "^4.0.0",
     "lodash": "^4.17.21",
+    "react-slider": "^2.0.6",
     "skia-canvas": "^1.0.1",
     "styled-components": "^6.1.1",
     "use-resize-observer": "^9.1.0"

package/dist/hooks/useImage.cjs

@@ -1 +0,0 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react");function R({url:n,crossOrigin:r,referrerpolicy:u,onLoadCallback:s,onErrorCallback:d}){const o=t.useRef("loading"),c=t.useRef(),[g,a]=t.useState(0),i=t.useRef(),f=t.useRef(),m=t.useRef();return(i.current!==n||f.current!==r||m.current!==u)&&(o.current="loading",c.current=void 0,i.current=n,f.current=r,m.current=u),t.useLayoutEffect(function(){if(!n)return;var e=document.createElement("img");function v(){o.current="loaded",c.current=e,s&&s(),a(Math.random())}function l(){o.current="failed",c.current=void 0,d&&d(),a(Math.random())}return e.addEventListener("load",v),e.addEventListener("error",l),r&&(e.crossOrigin=r),u&&(e.referrerPolicy=u),e.src=n,function(){e.removeEventListener("load",v),e.removeEventListener("error",l)}},[n,r,u]),[c.current,o.current]}exports.default=R;

package/dist/hooks/useImage.d.ts

@@ -1,10 +0,0 @@
-type ImageStatus = "loading" | "loaded" | "failed";
-interface useImageProps {
-    url: string;
-    crossOrigin?: "anonymous" | "use-credentials";
-    referrerpolicy?: "no-referrer" | "no-referrer-when-downgrade" | "origin" | "origin-when-cross-origin" | "same-origin" | "strict-origin" | "strict-origin-when-cross-origin" | "unsafe-url";
-    onLoadCallback?: () => void;
-    onErrorCallback?: () => void;
-}
-declare function useImage({ url, crossOrigin, referrerpolicy, onLoadCallback, onErrorCallback, }: useImageProps): [undefined | HTMLImageElement, ImageStatus];
-export default useImage;

package/dist/hooks/useImage.js

@@ -1,31 +0,0 @@
-"use client";
-import { useRef as o, useState as E, useLayoutEffect as g } from "react";
-function M({
-  url: t,
-  crossOrigin: n,
-  referrerpolicy: r,
-  onLoadCallback: d,
-  onErrorCallback: a
-}) {
-  const u = o("loading"), c = o(), [L, s] = E(0), i = o(), f = o(), m = o();
-  return (i.current !== t || f.current !== n || m.current !== r) && (u.current = "loading", c.current = void 0, i.current = t, f.current = n, m.current = r), g(
-    function() {
-      if (!t)
-        return;
-      var e = document.createElement("img");
-      function v() {
-        u.current = "loaded", c.current = e, d && d(), s(Math.random());
-      }
-      function l() {
-        u.current = "failed", c.current = void 0, a && a(), s(Math.random());
-      }
-      return e.addEventListener("load", v), e.addEventListener("error", l), n && (e.crossOrigin = n), r && (e.referrerPolicy = r), e.src = t, function() {
-        e.removeEventListener("load", v), e.removeEventListener("error", l);
-      };
-    },
-    [t, n, r]
-  ), [c.current, u.current];
-}
-export {
-  M as default
-};

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("react/jsx-runtime"),m=require("react"),g=require("../lib/canvas.cjs"),C=require("./styles.cjs"),c=m.forwardRef(({layers:s=[],renderLayers:a=[],width:t,height:o},e)=>{var n;const r=(n=e==null?void 0:e.current)==null?void 0:n.getContext("2d"),l=s.filter((u,i)=>u&&a[i]);return r&&(r.clearRect(0,0,t,o),g.mergeCanvases(r,l,t,o)),s.length>0?d.jsx(C.Image,{ref:e,role:"img",width:t,height:o}):null});c.displayName="Widgets.ColorTool.CompositeRenderer";const R=c;exports.default=R;

package/dist/widgets/ColorTool/CompositeRender/index.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-interface CompositeRendererProps {
-    layers: Array<HTMLCanvasElement>;
-    renderLayers: Array<boolean>;
-    width: number;
-    height: number;
-}
-declare const CompositeRenderer: import("react").ForwardRefExoticComponent<CompositeRendererProps & import("react").RefAttributes<HTMLCanvasElement>>;
-export default CompositeRenderer;

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

@@ -1,16 +0,0 @@
-import { jsx as p } from "react/jsx-runtime";
-import { forwardRef as d } from "react";
-import { mergeCanvases as C } from "../lib/canvas.js";
-import { Image as R } from "./styles.js";
-const s = d(
-  ({ layers: m = [], renderLayers: a = [], width: e, height: r }, o) => {
-    var n;
-    const t = (n = o == null ? void 0 : o.current) == null ? void 0 : n.getContext("2d"), c = m.filter((i, l) => i && a[l]);
-    return t && (t.clearRect(0, 0, e, r), C(t, c, e, r)), m.length > 0 ? /* @__PURE__ */ p(R, { ref: o, role: "img", width: e, height: r }) : null;
-  }
-);
-s.displayName = "Widgets.ColorTool.CompositeRenderer";
-const v = s;
-export {
-  v as default
-};

package/dist/widgets/ColorTool/CompositeRender/styles.cjs

@@ -1,3 +0,0 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("styled-components"),l=e=>e&&e.__esModule?e:{default:e},s=l(t),a=s.default.canvas`
-  width: 100%;
-`;exports.Image=a;

package/dist/widgets/ColorTool/CompositeRender/styles.d.ts

@@ -1,274 +0,0 @@
-export declare const Image: import("styled-components").IStyledComponent<"web", {
-    ref?: import("react").LegacyRef<HTMLCanvasElement> | undefined;
-    key?: import("react").Key | null | undefined;
-    height?: string | number | undefined;
-    width?: string | number | 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?: (boolean | "true" | "false") | "inherit" | 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;
-    "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 | "step" | "time" | "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<HTMLCanvasElement> | undefined;
-    onCopyCapture?: import("react").ClipboardEventHandler<HTMLCanvasElement> | undefined;
-    onCut?: import("react").ClipboardEventHandler<HTMLCanvasElement> | undefined;
-    onCutCapture?: import("react").ClipboardEventHandler<HTMLCanvasElement> | undefined;
-    onPaste?: import("react").ClipboardEventHandler<HTMLCanvasElement> | undefined;
-    onPasteCapture?: import("react").ClipboardEventHandler<HTMLCanvasElement> | undefined;
-    onCompositionEnd?: import("react").CompositionEventHandler<HTMLCanvasElement> | undefined;
-    onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLCanvasElement> | undefined;
-    onCompositionStart?: import("react").CompositionEventHandler<HTMLCanvasElement> | undefined;
-    onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLCanvasElement> | undefined;
-    onCompositionUpdate?: import("react").CompositionEventHandler<HTMLCanvasElement> | undefined;
-    onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLCanvasElement> | undefined;
-    onFocus?: import("react").FocusEventHandler<HTMLCanvasElement> | undefined;
-    onFocusCapture?: import("react").FocusEventHandler<HTMLCanvasElement> | undefined;
-    onBlur?: import("react").FocusEventHandler<HTMLCanvasElement> | undefined;
-    onBlurCapture?: import("react").FocusEventHandler<HTMLCanvasElement> | undefined;
-    onChange?: import("react").FormEventHandler<HTMLCanvasElement> | undefined;
-    onChangeCapture?: import("react").FormEventHandler<HTMLCanvasElement> | undefined;
-    onBeforeInput?: import("react").FormEventHandler<HTMLCanvasElement> | undefined;
-    onBeforeInputCapture?: import("react").FormEventHandler<HTMLCanvasElement> | undefined;
-    onInput?: import("react").FormEventHandler<HTMLCanvasElement> | undefined;
-    onInputCapture?: import("react").FormEventHandler<HTMLCanvasElement> | undefined;
-    onReset?: import("react").FormEventHandler<HTMLCanvasElement> | undefined;
-    onResetCapture?: import("react").FormEventHandler<HTMLCanvasElement> | undefined;
-    onSubmit?: import("react").FormEventHandler<HTMLCanvasElement> | undefined;
-    onSubmitCapture?: import("react").FormEventHandler<HTMLCanvasElement> | undefined;
-    onInvalid?: import("react").FormEventHandler<HTMLCanvasElement> | undefined;
-    onInvalidCapture?: import("react").FormEventHandler<HTMLCanvasElement> | undefined;
-    onLoad?: import("react").ReactEventHandler<HTMLCanvasElement> | undefined;
-    onLoadCapture?: import("react").ReactEventHandler<HTMLCanvasElement> | undefined;
-    onError?: import("react").ReactEventHandler<HTMLCanvasElement> | undefined;
-    onErrorCapture?: import("react").ReactEventHandler<HTMLCanvasElement> | undefined;
-    onKeyDown?: import("react").KeyboardEventHandler<HTMLCanvasElement> | undefined;
-    onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLCanvasElement> | undefined;
-    onKeyPress?: import("react").KeyboardEventHandler<HTMLCanvasElement> | undefined;
-    onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLCanvasElement> | undefined;
-    onKeyUp?: import("react").KeyboardEventHandler<HTMLCanvasElement> | undefined;
-    onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLCanvasElement> | undefined;
-    onAbort?: import("react").ReactEventHandler<HTMLCanvasElement> | undefined;
-    onAbortCapture?: import("react").ReactEventHandler<HTMLCanvasElement> | undefined;
-    onCanPlay?: import("react").ReactEventHandler<HTMLCanvasElement> | undefined;
-    onCanPlayCapture?: import("react").ReactEventHandler<HTMLCanvasElement> | undefined;
-    onCanPlayThrough?: import("react").ReactEventHandler<HTMLCanvasElement> | undefined;
-    onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLCanvasElement> | undefined;
-    onDurationChange?: import("react").ReactEventHandler<HTMLCanvasElement> | undefined;
-    onDurationChangeCapture?: import("react").ReactEventHandler<HTMLCanvasElement> | undefined;
-    onEmptied?: import("react").ReactEventHandler<HTMLCanvasElement> | undefined;
-    onEmptiedCapture?: import("react").ReactEventHandler<HTMLCanvasElement> | undefined;
-    onEncrypted?: import("react").ReactEventHandler<HTMLCanvasElement> | undefined;
-    onEncryptedCapture?: import("react").ReactEventHandler<HTMLCanvasElement> | undefined;
-    onEnded?: import("react").ReactEventHandler<HTMLCanvasElement> | undefined;
-    onEndedCapture?: import("react").ReactEventHandler<HTMLCanvasElement> | undefined;
-    onLoadedData?: import("react").ReactEventHandler<HTMLCanvasElement> | undefined;
-    onLoadedDataCapture?: import("react").ReactEventHandler<HTMLCanvasElement> | undefined;
-    onLoadedMetadata?: import("react").ReactEventHandler<HTMLCanvasElement> | undefined;
-    onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLCanvasElement> | undefined;
-    onLoadStart?: import("react").ReactEventHandler<HTMLCanvasElement> | undefined;
-    onLoadStartCapture?: import("react").ReactEventHandler<HTMLCanvasElement> | undefined;
-    onPause?: import("react").ReactEventHandler<HTMLCanvasElement> | undefined;
-    onPauseCapture?: import("react").ReactEventHandler<HTMLCanvasElement> | undefined;
-    onPlay?: import("react").ReactEventHandler<HTMLCanvasElement> | undefined;
-    onPlayCapture?: import("react").ReactEventHandler<HTMLCanvasElement> | undefined;
-    onPlaying?: import("react").ReactEventHandler<HTMLCanvasElement> | undefined;
-    onPlayingCapture?: import("react").ReactEventHandler<HTMLCanvasElement> | undefined;
-    onProgress?: import("react").ReactEventHandler<HTMLCanvasElement> | undefined;
-    onProgressCapture?: import("react").ReactEventHandler<HTMLCanvasElement> | undefined;
-    onRateChange?: import("react").ReactEventHandler<HTMLCanvasElement> | undefined;
-    onRateChangeCapture?: import("react").ReactEventHandler<HTMLCanvasElement> | undefined;
-    onResize?: import("react").ReactEventHandler<HTMLCanvasElement> | undefined;
-    onResizeCapture?: import("react").ReactEventHandler<HTMLCanvasElement> | undefined;
-    onSeeked?: import("react").ReactEventHandler<HTMLCanvasElement> | undefined;
-    onSeekedCapture?: import("react").ReactEventHandler<HTMLCanvasElement> | undefined;
-    onSeeking?: import("react").ReactEventHandler<HTMLCanvasElement> | undefined;
-    onSeekingCapture?: import("react").ReactEventHandler<HTMLCanvasElement> | undefined;
-    onStalled?: import("react").ReactEventHandler<HTMLCanvasElement> | undefined;
-    onStalledCapture?: import("react").ReactEventHandler<HTMLCanvasElement> | undefined;
-    onSuspend?: import("react").ReactEventHandler<HTMLCanvasElement> | undefined;
-    onSuspendCapture?: import("react").ReactEventHandler<HTMLCanvasElement> | undefined;
-    onTimeUpdate?: import("react").ReactEventHandler<HTMLCanvasElement> | undefined;
-    onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLCanvasElement> | undefined;
-    onVolumeChange?: import("react").ReactEventHandler<HTMLCanvasElement> | undefined;
-    onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLCanvasElement> | undefined;
-    onWaiting?: import("react").ReactEventHandler<HTMLCanvasElement> | undefined;
-    onWaitingCapture?: import("react").ReactEventHandler<HTMLCanvasElement> | undefined;
-    onAuxClick?: import("react").MouseEventHandler<HTMLCanvasElement> | undefined;
-    onAuxClickCapture?: import("react").MouseEventHandler<HTMLCanvasElement> | undefined;
-    onClick?: import("react").MouseEventHandler<HTMLCanvasElement> | undefined;
-    onClickCapture?: import("react").MouseEventHandler<HTMLCanvasElement> | undefined;
-    onContextMenu?: import("react").MouseEventHandler<HTMLCanvasElement> | undefined;
-    onContextMenuCapture?: import("react").MouseEventHandler<HTMLCanvasElement> | undefined;
-    onDoubleClick?: import("react").MouseEventHandler<HTMLCanvasElement> | undefined;
-    onDoubleClickCapture?: import("react").MouseEventHandler<HTMLCanvasElement> | undefined;
-    onDrag?: import("react").DragEventHandler<HTMLCanvasElement> | undefined;
-    onDragCapture?: import("react").DragEventHandler<HTMLCanvasElement> | undefined;
-    onDragEnd?: import("react").DragEventHandler<HTMLCanvasElement> | undefined;
-    onDragEndCapture?: import("react").DragEventHandler<HTMLCanvasElement> | undefined;
-    onDragEnter?: import("react").DragEventHandler<HTMLCanvasElement> | undefined;
-    onDragEnterCapture?: import("react").DragEventHandler<HTMLCanvasElement> | undefined;
-    onDragExit?: import("react").DragEventHandler<HTMLCanvasElement> | undefined;
-    onDragExitCapture?: import("react").DragEventHandler<HTMLCanvasElement> | undefined;
-    onDragLeave?: import("react").DragEventHandler<HTMLCanvasElement> | undefined;
-    onDragLeaveCapture?: import("react").DragEventHandler<HTMLCanvasElement> | undefined;
-    onDragOver?: import("react").DragEventHandler<HTMLCanvasElement> | undefined;
-    onDragOverCapture?: import("react").DragEventHandler<HTMLCanvasElement> | undefined;
-    onDragStart?: import("react").DragEventHandler<HTMLCanvasElement> | undefined;
-    onDragStartCapture?: import("react").DragEventHandler<HTMLCanvasElement> | undefined;
-    onDrop?: import("react").DragEventHandler<HTMLCanvasElement> | undefined;
-    onDropCapture?: import("react").DragEventHandler<HTMLCanvasElement> | undefined;
-    onMouseDown?: import("react").MouseEventHandler<HTMLCanvasElement> | undefined;
-    onMouseDownCapture?: import("react").MouseEventHandler<HTMLCanvasElement> | undefined;
-    onMouseEnter?: import("react").MouseEventHandler<HTMLCanvasElement> | undefined;
-    onMouseLeave?: import("react").MouseEventHandler<HTMLCanvasElement> | undefined;
-    onMouseMove?: import("react").MouseEventHandler<HTMLCanvasElement> | undefined;
-    onMouseMoveCapture?: import("react").MouseEventHandler<HTMLCanvasElement> | undefined;
-    onMouseOut?: import("react").MouseEventHandler<HTMLCanvasElement> | undefined;
-    onMouseOutCapture?: import("react").MouseEventHandler<HTMLCanvasElement> | undefined;
-    onMouseOver?: import("react").MouseEventHandler<HTMLCanvasElement> | undefined;
-    onMouseOverCapture?: import("react").MouseEventHandler<HTMLCanvasElement> | undefined;
-    onMouseUp?: import("react").MouseEventHandler<HTMLCanvasElement> | undefined;
-    onMouseUpCapture?: import("react").MouseEventHandler<HTMLCanvasElement> | undefined;
-    onSelect?: import("react").ReactEventHandler<HTMLCanvasElement> | undefined;
-    onSelectCapture?: import("react").ReactEventHandler<HTMLCanvasElement> | undefined;
-    onTouchCancel?: import("react").TouchEventHandler<HTMLCanvasElement> | undefined;
-    onTouchCancelCapture?: import("react").TouchEventHandler<HTMLCanvasElement> | undefined;
-    onTouchEnd?: import("react").TouchEventHandler<HTMLCanvasElement> | undefined;
-    onTouchEndCapture?: import("react").TouchEventHandler<HTMLCanvasElement> | undefined;
-    onTouchMove?: import("react").TouchEventHandler<HTMLCanvasElement> | undefined;
-    onTouchMoveCapture?: import("react").TouchEventHandler<HTMLCanvasElement> | undefined;
-    onTouchStart?: import("react").TouchEventHandler<HTMLCanvasElement> | undefined;
-    onTouchStartCapture?: import("react").TouchEventHandler<HTMLCanvasElement> | undefined;
-    onPointerDown?: import("react").PointerEventHandler<HTMLCanvasElement> | undefined;
-    onPointerDownCapture?: import("react").PointerEventHandler<HTMLCanvasElement> | undefined;
-    onPointerMove?: import("react").PointerEventHandler<HTMLCanvasElement> | undefined;
-    onPointerMoveCapture?: import("react").PointerEventHandler<HTMLCanvasElement> | undefined;
-    onPointerUp?: import("react").PointerEventHandler<HTMLCanvasElement> | undefined;
-    onPointerUpCapture?: import("react").PointerEventHandler<HTMLCanvasElement> | undefined;
-    onPointerCancel?: import("react").PointerEventHandler<HTMLCanvasElement> | undefined;
-    onPointerCancelCapture?: import("react").PointerEventHandler<HTMLCanvasElement> | undefined;
-    onPointerEnter?: import("react").PointerEventHandler<HTMLCanvasElement> | undefined;
-    onPointerEnterCapture?: import("react").PointerEventHandler<HTMLCanvasElement> | undefined;
-    onPointerLeave?: import("react").PointerEventHandler<HTMLCanvasElement> | undefined;
-    onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLCanvasElement> | undefined;
-    onPointerOver?: import("react").PointerEventHandler<HTMLCanvasElement> | undefined;
-    onPointerOverCapture?: import("react").PointerEventHandler<HTMLCanvasElement> | undefined;
-    onPointerOut?: import("react").PointerEventHandler<HTMLCanvasElement> | undefined;
-    onPointerOutCapture?: import("react").PointerEventHandler<HTMLCanvasElement> | undefined;
-    onGotPointerCapture?: import("react").PointerEventHandler<HTMLCanvasElement> | undefined;
-    onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLCanvasElement> | undefined;
-    onLostPointerCapture?: import("react").PointerEventHandler<HTMLCanvasElement> | undefined;
-    onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLCanvasElement> | undefined;
-    onScroll?: import("react").UIEventHandler<HTMLCanvasElement> | undefined;
-    onScrollCapture?: import("react").UIEventHandler<HTMLCanvasElement> | undefined;
-    onWheel?: import("react").WheelEventHandler<HTMLCanvasElement> | undefined;
-    onWheelCapture?: import("react").WheelEventHandler<HTMLCanvasElement> | undefined;
-    onAnimationStart?: import("react").AnimationEventHandler<HTMLCanvasElement> | undefined;
-    onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLCanvasElement> | undefined;
-    onAnimationEnd?: import("react").AnimationEventHandler<HTMLCanvasElement> | undefined;
-    onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLCanvasElement> | undefined;
-    onAnimationIteration?: import("react").AnimationEventHandler<HTMLCanvasElement> | undefined;
-    onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLCanvasElement> | undefined;
-    onTransitionEnd?: import("react").TransitionEventHandler<HTMLCanvasElement> | undefined;
-    onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLCanvasElement> | undefined;
-}>;

package/dist/widgets/ColorTool/CompositeRender/styles.js

@@ -1,8 +0,0 @@
-"use client";
-import t from "styled-components";
-const o = t.canvas`
-  width: 100%;
-`;
-export {
-  o as Image
-};

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const g=require("react/jsx-runtime"),v=require("../../../hooks/useImage.cjs"),o=require("../lib/canvas.cjs"),c=({width:t=600,height:s=600,url:l,color:u="transparent",filters:i={brightness:1},onLoadCallback:f,onChangeCallback:a,debug:d=!1})=>{const[n,m]=v.default({url:l,crossOrigin:"anonymous",onLoadCallback:f}),r=document.createElement("canvas"),e=r.getContext("2d");return e&&n&&m==="loaded"&&(e.canvas.width=t,e.canvas.height=s,e.clearRect(0,0,t,s),e.filter=o.getFilters(i),e.drawImage(n,0,0,t,s),o.updateColor(e,u,t,s),a&&a(r)),d?g.jsx("img",{src:r.toDataURL()}):null};c.displayName="Widgets.ColorTool.OffscreenFilter";const O=c;exports.default=O;

package/dist/widgets/ColorTool/OffscreenFilter/index.d.ts

@@ -1,15 +0,0 @@
-import { FunctionComponent } from "react";
-export interface OffscreenFilterProps {
-    height?: number;
-    width?: number;
-    url: string;
-    color?: string;
-    filters?: {
-        [key: string]: number | undefined;
-    };
-    onLoadCallback?: () => void;
-    onChangeCallback?: (canvas: HTMLCanvasElement) => void;
-    debug?: boolean;
-}
-declare const OffscreenFilter: FunctionComponent<OffscreenFilterProps>;
-export default OffscreenFilter;

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

@@ -1,27 +0,0 @@
-import { jsx as d } from "react/jsx-runtime";
-import p from "../../../hooks/useImage.js";
-import { getFilters as g, updateColor as v } from "../lib/canvas.js";
-const n = ({
-  width: t = 600,
-  height: r = 600,
-  url: c,
-  color: l = "transparent",
-  filters: m = {
-    brightness: 1
-  },
-  onLoadCallback: f,
-  onChangeCallback: a,
-  debug: i = !1
-}) => {
-  const [o, u] = p({
-    url: c,
-    crossOrigin: "anonymous",
-    onLoadCallback: f
-  }), s = document.createElement("canvas"), e = s.getContext("2d");
-  return e && o && u === "loaded" && (e.canvas.width = t, e.canvas.height = r, e.clearRect(0, 0, t, r), e.filter = g(m), e.drawImage(o, 0, 0, t, r), v(e, l, t, r), a && a(s)), i ? /* @__PURE__ */ d("img", { src: s.toDataURL() }) : null;
-};
-n.displayName = "Widgets.ColorTool.OffscreenFilter";
-const y = n;
-export {
-  y as default
-};