geoiq-frontend-ui-kit 2.0.1 → 2.0.2

package/dist/index.es15.js

@@ -1,25 +1,22 @@
 import * as t from "react";
-import * as e from "@radix-ui/react-tooltip";
-import { cn as m } from "./index.es81.js";
-import { Typography as o } from "./index.es17.js";
-const f = e.Provider, g = e.Root, h = e.Trigger, n = t.forwardRef(({ className: a, sideOffset: i = 4, headerText: r, content: l, ...d }, s) => /* @__PURE__ */ t.createElement(
-  e.Content,
-  {
-    ref: s,
-    sideOffset: i,
-    className: m(
-      "z-50 overflow-hidden bg-light-1 rounded-lg bg p-3 text-xs text-light-4 animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 border border-neutral-1 max-w-96 shadow-lg",
-      a
-    ),
-    ...d
-  },
-  /* @__PURE__ */ t.createElement("div", { className: "flex gap-0.5 flex-col" }, /* @__PURE__ */ t.createElement(o, { variant: "body5", className: "text-light-2" }, r), /* @__PURE__ */ t.createElement(o, { variant: "body6", className: "text-light-4" }, l))
-));
-n.displayName = e.Content.displayName;
+import * as r from "@radix-ui/react-switch";
+import { cn as a } from "./index.es89.js";
+import { SwitchVariants as o, SwitchThumbVariants as n } from "./index.es84.js";
+const h = t.forwardRef((m, i) => {
+  const { className: s, size: e, ...c } = m;
+  return /* @__PURE__ */ t.createElement(
+    r.Root,
+    {
+      className: a(o({ size: e }), s),
+      ...c,
+      ref: i
+    },
+    /* @__PURE__ */ t.createElement(r.Thumb, { className: a(n({ size: e })) })
+  );
+});
+h.displayName = "Switch";
 export {
-  n as TooltipContent,
-  f as TooltipProvider,
-  h as TooltipTrigger,
-  g as TooltipWrapper
+  h as Switch,
+  o as SwitchVariants
 };
 //# sourceMappingURL=index.es15.js.map

package/dist/index.es15.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es15.js","sources":["../src/components/atoms/tooltip/tooltip-components.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip'\n\nimport { cn } from '@/lib/utils'\nimport { Typography } from '@/components/atoms/typography'\n\nconst TooltipProvider = TooltipPrimitive.Provider\n\nconst Tooltip = TooltipPrimitive.Root\n\nconst TooltipTrigger = TooltipPrimitive.Trigger\n\ntype TooltipContentProps = {\n  headerText: React.ReactNode\n  content: React.ReactNode\n} & Omit<\n  React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>,\n  'content'\n>\n\nconst TooltipContent = React.forwardRef<\n  React.ElementRef<typeof TooltipPrimitive.Content>,\n  TooltipContentProps\n>(({ className, sideOffset = 4, headerText, content, ...props }, ref) => (\n  <TooltipPrimitive.Content\n    ref={ref}\n    sideOffset={sideOffset}\n    className={cn(\n      'z-50 overflow-hidden bg-light-1 rounded-lg bg p-3 text-xs text-light-4 animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 border border-neutral-1 max-w-96 shadow-lg',\n      className\n    )}\n    {...props}\n  >\n    <div className=\"flex gap-0.5 flex-col\">\n      <Typography variant={'body5'} className=\"text-light-2\">\n        {headerText}\n      </Typography>\n      <Typography variant={'body6'} className=\"text-light-4\">\n        {content}\n      </Typography>\n    </div>\n  </TooltipPrimitive.Content>\n))\nTooltipContent.displayName = TooltipPrimitive.Content.displayName\n\nexport {\n  Tooltip as TooltipWrapper,\n  TooltipTrigger,\n  TooltipContent,\n  TooltipProvider,\n}\n"],"names":["TooltipProvider","TooltipPrimitive","Tooltip","TooltipTrigger","TooltipContent","React","className","sideOffset","headerText","content","props","ref","cn","Typography"],"mappings":";;;;AAQA,MAAMA,IAAkBC,EAAiB,UAEnCC,IAAUD,EAAiB,MAE3BE,IAAiBF,EAAiB,SAUlCG,IAAiBC,EAAM,WAG3B,CAAC,EAAE,WAAAC,GAAW,YAAAC,IAAa,GAAG,YAAAC,GAAY,SAAAC,GAAS,GAAGC,EAAA,GAASC,MAC/D,gBAAAN,EAAA;AAAA,EAACJ,EAAiB;AAAA,EAAjB;AAAA,IACC,KAAAU;AAAA,IACA,YAAAJ;AAAA,IACA,WAAWK;AAAA,MACT;AAAA,MACAN;AAAA,IAAA;AAAA,IAED,GAAGI;AAAA,EAAA;AAAA,kCAEH,OAAA,EAAI,WAAU,2BACb,gBAAAL,EAAA,cAACQ,GAAA,EAAW,SAAS,SAAS,WAAU,kBACrCL,CACH,mCACCK,GAAA,EAAW,SAAS,SAAS,WAAU,eAAA,GACrCJ,CACH,CACF;AACF,CACD;AACDL,EAAe,cAAcH,EAAiB,QAAQ;"}
+{"version":3,"file":"index.es15.js","sources":["../src/components/atoms/switch/switch.tsx"],"sourcesContent":["'use client'\nimport * as React from 'react'\nimport * as SwitchPrimitives from '@radix-ui/react-switch'\nimport { cn } from '@/lib/utils'\nimport { SwitchThumbVariants, SwitchVariants } from './switch.styles'\nimport { SwitchProps } from './switch.types'\n\nconst Switch = React.forwardRef<\n  React.ElementRef<typeof SwitchPrimitives.Root>,\n  React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root> & SwitchProps\n>((props, ref) => {\n  const { className, size, ...rest } = props\n\n  return (\n    <SwitchPrimitives.Root\n      className={cn(SwitchVariants({ size }), className)}\n      {...rest}\n      ref={ref}\n    >\n      <SwitchPrimitives.Thumb className={cn(SwitchThumbVariants({ size }))} />\n    </SwitchPrimitives.Root>\n  )\n})\n\nSwitch.displayName = 'Switch'\n\nexport { Switch, SwitchVariants }\n"],"names":["Switch","React","props","ref","className","size","rest","SwitchPrimitives","cn","SwitchVariants","SwitchThumbVariants"],"mappings":";;;;AAOA,MAAMA,IAASC,EAAM,WAGnB,CAACC,GAAOC,MAAQ;AAChB,QAAM,EAAE,WAAAC,GAAW,MAAAC,GAAM,GAAGC,MAASJ;AAErC,SACE,gBAAAD,EAAA;AAAA,IAACM,EAAiB;AAAA,IAAjB;AAAA,MACC,WAAWC,EAAGC,EAAe,EAAE,MAAAJ,EAAA,CAAM,GAAGD,CAAS;AAAA,MAChD,GAAGE;AAAA,MACJ,KAAAH;AAAA,IAAA;AAAA,IAEA,gBAAAF,EAAA,cAACM,EAAiB,OAAjB,EAAuB,WAAWC,EAAGE,EAAoB,EAAE,MAAAL,EAAA,CAAM,CAAC,EAAA,CAAG;AAAA,EAAA;AAG5E,CAAC;AAEDL,EAAO,cAAc;"}

package/dist/index.es150.js

@@ -0,0 +1,35 @@
+import { renderOverlay as r } from "./index.es147.js";
+import { commitTextEdit as l } from "./index.es151.js";
+const t = {
+  select: "Select — click a layer to move it",
+  crop: "Crop — drag a box",
+  text: "Text tool",
+  draw: "Draw tool",
+  shape: "Shape tool",
+  sticker: "Sticker tool"
+};
+function n(o) {
+  return `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='${encodeURIComponent(o)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m18 2 4 4-14 14H4v-4L18 2z'/%3E%3Cpath d='m14.5 5.5 4 4'/%3E%3C/svg%3E") 2 22, crosshair`;
+}
+const i = {
+  select: "default",
+  crop: "crosshair",
+  text: "text",
+  shape: "crosshair",
+  sticker: "default"
+};
+function c(o) {
+  o.overlayEl && (o.overlayEl.style.cursor = o.mode === "draw" ? n(o.drawColor) : i[o.mode] || "default");
+}
+function p(o, e) {
+  o.mode !== "select" && l(o), o.mode = e, o.pendingShape = null, o.cropRect = null, c(o), r(o), o.statusText = t[e], o.notify();
+}
+function u(o, e) {
+  o.selectedId = e, r(o), o.notify();
+}
+export {
+  c as applyModeCursor,
+  u as selectLayer,
+  p as setMode
+};
+//# sourceMappingURL=index.es150.js.map

package/dist/index.es150.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es150.js","sources":["../src/components/organisms/image-editor/engine/mode.js"],"sourcesContent":["import { renderOverlay } from './rendering.js'\nimport { commitTextEdit } from './text-editor.js'\n\nconst STATUS_BY_MODE = {\n  select: 'Select — click a layer to move it',\n  crop: 'Crop — drag a box',\n  text: 'Text tool',\n  draw: 'Draw tool',\n  shape: 'Shape tool',\n  sticker: 'Sticker tool',\n}\n\nfunction pencilCursor(color) {\n  const stroke = encodeURIComponent(color)\n  return `url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='${stroke}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m18 2 4 4-14 14H4v-4L18 2z'/%3E%3Cpath d='m14.5 5.5 4 4'/%3E%3C/svg%3E\") 2 22, crosshair`\n}\n\nconst CURSOR_BY_MODE = {\n  select: 'default',\n  crop: 'crosshair',\n  text: 'text',\n  shape: 'crosshair',\n  sticker: 'default',\n}\n\nexport function applyModeCursor(state) {\n  if (!state.overlayEl) return\n  state.overlayEl.style.cursor =\n    state.mode === 'draw'\n      ? pencilCursor(state.drawColor)\n      : CURSOR_BY_MODE[state.mode] || 'default'\n}\n\nexport function setMode(state, m) {\n  if (state.mode !== 'select') commitTextEdit(state)\n  state.mode = m\n  state.pendingShape = null\n  state.cropRect = null\n  applyModeCursor(state)\n  renderOverlay(state)\n  state.statusText = STATUS_BY_MODE[m]\n  state.notify()\n}\n\nexport function selectLayer(state, id) {\n  state.selectedId = id\n  renderOverlay(state)\n  state.notify()\n}\n"],"names":["STATUS_BY_MODE","pencilCursor","color","CURSOR_BY_MODE","applyModeCursor","state","setMode","m","commitTextEdit","renderOverlay","selectLayer","id"],"mappings":";;AAGA,MAAMA,IAAiB;AAAA,EACrB,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,EACP,SAAS;AACX;AAEA,SAASC,EAAaC,GAAO;AAE3B,SAAO,oIADQ,mBAAmBA,CAAK,CAC0G;AACnJ;AAEA,MAAMC,IAAiB;AAAA,EACrB,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,EACP,SAAS;AACX;AAEO,SAASC,EAAgBC,GAAO;AACrC,EAAKA,EAAM,cACXA,EAAM,UAAU,MAAM,SACpBA,EAAM,SAAS,SACXJ,EAAaI,EAAM,SAAS,IAC5BF,EAAeE,EAAM,IAAI,KAAK;AACtC;AAEO,SAASC,EAAQD,GAAOE,GAAG;AAChC,EAAIF,EAAM,SAAS,YAAUG,EAAeH,CAAK,GACjDA,EAAM,OAAOE,GACbF,EAAM,eAAe,MACrBA,EAAM,WAAW,MACjBD,EAAgBC,CAAK,GACrBI,EAAcJ,CAAK,GACnBA,EAAM,aAAaL,EAAeO,CAAC,GACnCF,EAAM,OAAM;AACd;AAEO,SAASK,EAAYL,GAAOM,GAAI;AACrC,EAAAN,EAAM,aAAaM,GACnBF,EAAcJ,CAAK,GACnBA,EAAM,OAAM;AACd;"}

package/dist/index.es151.js

@@ -0,0 +1,28 @@
+import { keepingFixed as E, render as x, layerBounds as d, renderOverlay as y } from "./index.es147.js";
+const u = 16, r = 28;
+function c(e) {
+  const i = e.textEditorEl;
+  !i || i.offsetParent === null || (i.style.height = "auto", i.style.height = Math.max(r, i.scrollHeight) + "px");
+}
+function p(e, i, n) {
+  e.editingLayer = i, e.editingSelectAll = !!n;
+  const t = d(e, i), l = e.overlayEl.getBoundingClientRect(), o = e.overlayEl.parentElement.getBoundingClientRect();
+  e.textEditorEl.value = i.text === "Text" ? "" : i.text, e.textEditorEl.style.left = l.left - o.left + t.x * e.viewScale + "px", e.textEditorEl.style.top = l.top - o.top + t.y * e.viewScale + "px", e.textEditorEl.style.width = Math.max(60, t.w * e.viewScale) + "px", e.textEditorEl.style.height = Math.max(r, t.h * e.viewScale) + "px", e.textEditorEl.style.fontFamily = i.font, e.textEditorEl.style.fontSize = u + "px", e.textEditorEl.style.color = i.color, i._editing = !0, y(e), e.notify(), requestAnimationFrame(() => c(e));
+}
+function f(e) {
+  if (!e.editingLayer) return;
+  const i = e.editingLayer;
+  E(e, i, { x: i.x, y: i.y }, () => {
+    i.text = e.textEditorEl.value.trim() === "" ? "Text" : e.textEditorEl.value;
+  }), i._editing = !1, e.editingLayer = null, x(e), e.notify();
+}
+function h(e) {
+  e.editingLayer && (f(e), e.textEditorEl && e.textEditorEl.blur());
+}
+export {
+  c as autoGrowTextEditor,
+  h as blurTextEditor,
+  f as commitTextEdit,
+  p as openTextEditor
+};
+//# sourceMappingURL=index.es151.js.map

package/dist/index.es151.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es151.js","sources":["../src/components/organisms/image-editor/engine/text-editor.js"],"sourcesContent":["import {\n  keepingFixed,\n  layerBounds,\n  render,\n  renderOverlay,\n} from './rendering.js'\n\nconst EDITOR_FONT_SIZE = 16\nconst EDITOR_MIN_HEIGHT = 28\n\n// Grow the box to fit what is typed; no-op while hidden (scrollHeight is 0).\nexport function autoGrowTextEditor(state) {\n  const el = state.textEditorEl\n  if (!el || el.offsetParent === null) return\n  el.style.height = 'auto'\n  el.style.height = Math.max(EDITOR_MIN_HEIGHT, el.scrollHeight) + 'px'\n}\n\nexport function openTextEditor(state, L, selectAll) {\n  state.editingLayer = L\n  state.editingSelectAll = !!selectAll\n  const b = layerBounds(state, L),\n    r = state.overlayEl.getBoundingClientRect(),\n    wr = state.overlayEl.parentElement.getBoundingClientRect()\n  state.textEditorEl.value = L.text === 'Text' ? '' : L.text\n  state.textEditorEl.style.left =\n    r.left - wr.left + b.x * state.viewScale + 'px'\n  state.textEditorEl.style.top = r.top - wr.top + b.y * state.viewScale + 'px'\n  state.textEditorEl.style.width = Math.max(60, b.w * state.viewScale) + 'px'\n  state.textEditorEl.style.height =\n    Math.max(EDITOR_MIN_HEIGHT, b.h * state.viewScale) + 'px'\n  state.textEditorEl.style.fontFamily = L.font\n  state.textEditorEl.style.fontSize = EDITOR_FONT_SIZE + 'px'\n  state.textEditorEl.style.color = L.color\n  L._editing = true\n  renderOverlay(state)\n  state.notify()\n  // notify() is what un-hides the textarea, so measure on the next frame.\n  requestAnimationFrame(() => autoGrowTextEditor(state))\n}\n\nexport function commitTextEdit(state) {\n  if (!state.editingLayer) return\n  const L = state.editingLayer\n  // Longer text means taller bounds; hold the top-left corner.\n  keepingFixed(state, L, { x: L.x, y: L.y }, () => {\n    L.text =\n      state.textEditorEl.value.trim() === '' ? 'Text' : state.textEditorEl.value\n  })\n  L._editing = false\n  state.editingLayer = null\n  render(state)\n  state.notify()\n}\n\n// Committing alone leaves the hidden textarea focused, keeping the keyboard up.\nexport function blurTextEditor(state) {\n  if (!state.editingLayer) return\n  commitTextEdit(state)\n  if (state.textEditorEl) state.textEditorEl.blur()\n}\n"],"names":["EDITOR_FONT_SIZE","EDITOR_MIN_HEIGHT","autoGrowTextEditor","state","el","openTextEditor","L","selectAll","b","layerBounds","r","wr","renderOverlay","commitTextEdit","keepingFixed","render","blurTextEditor"],"mappings":";AAOA,MAAMA,IAAmB,IACnBC,IAAoB;AAGnB,SAASC,EAAmBC,GAAO;AACxC,QAAMC,IAAKD,EAAM;AACjB,EAAI,CAACC,KAAMA,EAAG,iBAAiB,SAC/BA,EAAG,MAAM,SAAS,QAClBA,EAAG,MAAM,SAAS,KAAK,IAAIH,GAAmBG,EAAG,YAAY,IAAI;AACnE;AAEO,SAASC,EAAeF,GAAOG,GAAGC,GAAW;AAClD,EAAAJ,EAAM,eAAeG,GACrBH,EAAM,mBAAmB,CAAC,CAACI;AAC3B,QAAMC,IAAIC,EAAYN,GAAOG,CAAC,GAC5BI,IAAIP,EAAM,UAAU,sBAAqB,GACzCQ,IAAKR,EAAM,UAAU,cAAc,sBAAqB;AAC1D,EAAAA,EAAM,aAAa,QAAQG,EAAE,SAAS,SAAS,KAAKA,EAAE,MACtDH,EAAM,aAAa,MAAM,OACvBO,EAAE,OAAOC,EAAG,OAAOH,EAAE,IAAIL,EAAM,YAAY,MAC7CA,EAAM,aAAa,MAAM,MAAMO,EAAE,MAAMC,EAAG,MAAMH,EAAE,IAAIL,EAAM,YAAY,MACxEA,EAAM,aAAa,MAAM,QAAQ,KAAK,IAAI,IAAIK,EAAE,IAAIL,EAAM,SAAS,IAAI,MACvEA,EAAM,aAAa,MAAM,SACvB,KAAK,IAAIF,GAAmBO,EAAE,IAAIL,EAAM,SAAS,IAAI,MACvDA,EAAM,aAAa,MAAM,aAAaG,EAAE,MACxCH,EAAM,aAAa,MAAM,WAAWH,IAAmB,MACvDG,EAAM,aAAa,MAAM,QAAQG,EAAE,OACnCA,EAAE,WAAW,IACbM,EAAcT,CAAK,GACnBA,EAAM,OAAM,GAEZ,sBAAsB,MAAMD,EAAmBC,CAAK,CAAC;AACvD;AAEO,SAASU,EAAeV,GAAO;AACpC,MAAI,CAACA,EAAM,aAAc;AACzB,QAAMG,IAAIH,EAAM;AAEhB,EAAAW,EAAaX,GAAOG,GAAG,EAAE,GAAGA,EAAE,GAAG,GAAGA,EAAE,EAAC,GAAI,MAAM;AAC/C,IAAAA,EAAE,OACAH,EAAM,aAAa,MAAM,KAAI,MAAO,KAAK,SAASA,EAAM,aAAa;AAAA,EACzE,CAAC,GACDG,EAAE,WAAW,IACbH,EAAM,eAAe,MACrBY,EAAOZ,CAAK,GACZA,EAAM,OAAM;AACd;AAGO,SAASa,EAAeb,GAAO;AACpC,EAAKA,EAAM,iBACXU,EAAeV,CAAK,GAChBA,EAAM,gBAAcA,EAAM,aAAa,KAAI;AACjD;"}

package/dist/index.es152.js

@@ -0,0 +1,41 @@
+import { pushHistory as t } from "./index.es148.js";
+import { emitChange as d } from "./index.es146.js";
+import { render as a } from "./index.es147.js";
+function h(o, n) {
+  return new Promise((i, c) => {
+    const r = o.stickerImageCache.get(n);
+    if (r && r.complete && r.naturalWidth) {
+      i(r);
+      return;
+    }
+    const e = new Image();
+    e.crossOrigin = "anonymous", e.onload = () => {
+      o.stickerImageCache.set(n, e), i(e);
+    }, e.onerror = c, e.src = n;
+  });
+}
+function l(o, n) {
+  h(o, n).then((i) => {
+    t(o);
+    const c = o.sourceCanvas.width * 0.25, r = c * (i.naturalHeight / i.naturalWidth || 1), e = {
+      id: o.nextId++,
+      type: "sticker",
+      src: n,
+      x: (o.sourceCanvas.width - c) / 2,
+      y: (o.sourceCanvas.height - r) / 2,
+      w: c,
+      h: r,
+      rotation: 0,
+      flipH: !1,
+      flipV: !1
+    };
+    o.layers.push(e), a(o), o.mode = "select", o.selectedId = e.id, o.statusText = "Sticker added", d(o);
+  }).catch(() => {
+    o.statusText = "Could not load that sticker (CORS?)", o.notify();
+  });
+}
+export {
+  l as addSticker,
+  h as loadStickerImage
+};
+//# sourceMappingURL=index.es152.js.map

package/dist/index.es152.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es152.js","sources":["../src/components/organisms/image-editor/engine/stickers.js"],"sourcesContent":["import { pushHistory } from './history.js'\nimport { emitChange } from './state.js'\nimport { render } from './rendering.js'\n\nexport function loadStickerImage(state, src) {\n  return new Promise((resolve, reject) => {\n    const cached = state.stickerImageCache.get(src)\n    if (cached && cached.complete && cached.naturalWidth) {\n      resolve(cached)\n      return\n    }\n    const img = new Image()\n    img.crossOrigin = 'anonymous'\n    img.onload = () => {\n      state.stickerImageCache.set(src, img)\n      resolve(img)\n    }\n    img.onerror = reject\n    img.src = src\n  })\n}\n\nexport function addSticker(state, src) {\n  loadStickerImage(state, src)\n    .then((img) => {\n      pushHistory(state)\n      const w = state.sourceCanvas.width * 0.25\n      const h = w * (img.naturalHeight / img.naturalWidth || 1)\n      const L = {\n        id: state.nextId++,\n        type: 'sticker',\n        src,\n        x: (state.sourceCanvas.width - w) / 2,\n        y: (state.sourceCanvas.height - h) / 2,\n        w,\n        h,\n        rotation: 0,\n        flipH: false,\n        flipV: false,\n      }\n      state.layers.push(L)\n      render(state)\n      state.mode = 'select'\n      state.selectedId = L.id\n      state.statusText = 'Sticker added'\n      emitChange(state)\n    })\n    .catch(() => {\n      state.statusText = 'Could not load that sticker (CORS?)'\n      state.notify()\n    })\n}\n"],"names":["loadStickerImage","state","src","resolve","reject","cached","img","addSticker","pushHistory","w","h","L","render","emitChange"],"mappings":";;;AAIO,SAASA,EAAiBC,GAAOC,GAAK;AAC3C,SAAO,IAAI,QAAQ,CAACC,GAASC,MAAW;AACtC,UAAMC,IAASJ,EAAM,kBAAkB,IAAIC,CAAG;AAC9C,QAAIG,KAAUA,EAAO,YAAYA,EAAO,cAAc;AACpD,MAAAF,EAAQE,CAAM;AACd;AAAA,IACF;AACA,UAAMC,IAAM,IAAI,MAAK;AACrB,IAAAA,EAAI,cAAc,aAClBA,EAAI,SAAS,MAAM;AACjB,MAAAL,EAAM,kBAAkB,IAAIC,GAAKI,CAAG,GACpCH,EAAQG,CAAG;AAAA,IACb,GACAA,EAAI,UAAUF,GACdE,EAAI,MAAMJ;AAAA,EACZ,CAAC;AACH;AAEO,SAASK,EAAWN,GAAOC,GAAK;AACrC,EAAAF,EAAiBC,GAAOC,CAAG,EACxB,KAAK,CAACI,MAAQ;AACb,IAAAE,EAAYP,CAAK;AACjB,UAAMQ,IAAIR,EAAM,aAAa,QAAQ,MAC/BS,IAAID,KAAKH,EAAI,gBAAgBA,EAAI,gBAAgB,IACjDK,IAAI;AAAA,MACR,IAAIV,EAAM;AAAA,MACV,MAAM;AAAA,MACN,KAAAC;AAAA,MACA,IAAID,EAAM,aAAa,QAAQQ,KAAK;AAAA,MACpC,IAAIR,EAAM,aAAa,SAASS,KAAK;AAAA,MACrC,GAAAD;AAAA,MACA,GAAAC;AAAA,MACA,UAAU;AAAA,MACV,OAAO;AAAA,MACP,OAAO;AAAA,IACf;AACM,IAAAT,EAAM,OAAO,KAAKU,CAAC,GACnBC,EAAOX,CAAK,GACZA,EAAM,OAAO,UACbA,EAAM,aAAaU,EAAE,IACrBV,EAAM,aAAa,iBACnBY,EAAWZ,CAAK;AAAA,EAClB,CAAC,EACA,MAAM,MAAM;AACX,IAAAA,EAAM,aAAa,uCACnBA,EAAM,OAAM;AAAA,EACd,CAAC;AACL;"}

package/dist/index.es153.js

@@ -0,0 +1,146 @@
+import { pushHistory as l } from "./index.es148.js";
+import { emitChange as r, getSel as c } from "./index.es146.js";
+import { render as o, keepingFixed as u, clampTextSize as d, clampBoxWidth as y } from "./index.es147.js";
+import { SHAPES as p } from "./index.es145.js";
+import { applyModeCursor as h } from "./index.es150.js";
+function t(e, n, i) {
+  u(e, n, { x: n.x, y: n.y }, i);
+}
+function g(e) {
+  if (e.type === "text")
+    return "“" + (e.text.length > 16 ? e.text.slice(0, 16) + "…" : e.text) + "”";
+  if (e.type === "stroke")
+    return e.style === "highlight" ? "Highlighter" : "Brush stroke";
+  if (e.type === "sticker") return "Sticker";
+  const n = p.find((i) => i.id === e.shape);
+  return n ? n.name : e.shape;
+}
+function x(e, n) {
+  l(e), e.layers = e.layers.filter((i) => i.id !== n), e.selectedId === n && (e.selectedId = null), o(e), e.statusText = "Layer deleted", r(e);
+}
+function C(e) {
+  e.selectedId != null && x(e, e.selectedId);
+}
+function F(e) {
+  const n = c(e);
+  if (!n) return;
+  l(e);
+  const i = JSON.parse(JSON.stringify(n));
+  i.id = e.nextId++, i.type === "text" || i.type === "shape" || i.type === "sticker" ? (i.x += 20, i.y += 20) : i.type === "stroke" && (i.points = i.points.map((f) => ({ x: f.x + 20, y: f.y + 20 }))), e.layers.push(i), e.selectedId = i.id, o(e), e.statusText = "Layer duplicated", r(e);
+}
+function k(e) {
+  const n = e.layers.findIndex((f) => f.id === e.selectedId);
+  if (n < 0) return;
+  l(e);
+  const [i] = e.layers.splice(n, 1);
+  e.layers.push(i), o(e), r(e);
+}
+function z(e) {
+  const n = e.layers.findIndex((f) => f.id === e.selectedId);
+  if (n < 0) return;
+  l(e);
+  const [i] = e.layers.splice(n, 1);
+  e.layers.unshift(i), o(e), r(e);
+}
+function B(e, n, i) {
+  e.adj[n] = i, o(e), e.notify();
+}
+function W(e, n) {
+  e.adj.filter = n, o(e), r(e);
+}
+function b(e, n) {
+  e.selectedShapeType = n, e.notify();
+}
+function j(e, n) {
+  e.shapeFill = n, e.notify();
+}
+function w(e, n) {
+  e.shapeWidth = n, e.notify();
+}
+function H(e, n) {
+  e.brushSize = n, e.notify();
+}
+function L(e, n) {
+  e.brushStyle = n, e.notify();
+}
+function N(e, n) {
+  e.textFont = n, e.notify();
+}
+function A(e, n) {
+  e.textSize = n, e.notify();
+}
+function J(e, n) {
+  e.textColor = n, e.notify();
+}
+function O(e, n) {
+  e.shapeColor = n, e.notify();
+}
+function P(e, n) {
+  e.drawColor = n, h(e), e.notify();
+}
+function D(e, n) {
+  const i = c(e);
+  i && (l(e), i.color = n, o(e), r(e));
+}
+function E(e, n) {
+  const i = c(e);
+  !i || i.type !== "text" || (t(e, i, () => {
+    i.text = n;
+  }), o(e), e.notify());
+}
+function M(e, n) {
+  const i = c(e);
+  i && (l(e), t(e, i, () => {
+    i.font = n;
+  }), o(e), r(e));
+}
+function q(e, n) {
+  const i = c(e);
+  i && (t(e, i, () => {
+    i.size = n, d(e, i);
+  }), o(e), e.notify());
+}
+function v(e, n) {
+  const i = c(e);
+  !i || i.type !== "text" || (t(e, i, () => {
+    i.boxWidth = n, y(e, i), d(e, i);
+  }), o(e), e.notify());
+}
+function G(e, n) {
+  const i = c(e);
+  i && (l(e), i.fill = n, o(e), r(e));
+}
+function K(e, n) {
+  const i = c(e);
+  i && (t(e, i, () => {
+    i.width = n;
+  }), o(e), e.notify());
+}
+export {
+  k as bringSelectedToFront,
+  x as deleteLayer,
+  C as deleteSelected,
+  F as duplicateSelected,
+  g as layerName,
+  b as selectShapeType,
+  z as sendSelectedToBack,
+  B as setAdjustment,
+  H as setBrushSize,
+  L as setBrushStyle,
+  P as setDrawColor,
+  W as setFilter,
+  v as setSelectedBoxWidth,
+  D as setSelectedColor,
+  M as setSelectedFont,
+  G as setSelectedShapeFill,
+  E as setSelectedText,
+  q as setSelectedTextSize,
+  K as setSelectedWidth,
+  O as setShapeColor,
+  j as setShapeFill,
+  w as setShapeWidth,
+  J as setTextColor,
+  N as setTextFont,
+  A as setTextSize
+};
+//# sourceMappingURL=index.es153.js.map

package/dist/index.es153.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es153.js","sources":["../src/components/organisms/image-editor/engine/layer-actions.js"],"sourcesContent":["import { pushHistory } from './history.js'\nimport { emitChange, getSel } from './state.js'\nimport {\n  render,\n  clampTextSize,\n  clampBoxWidth,\n  keepingFixed,\n} from './rendering.js'\n\n// These all resize the bounds, which would swing a rotated layer's centre.\nfunction resizeInPlace(state, L, mutate) {\n  keepingFixed(state, L, { x: L.x, y: L.y }, mutate)\n}\nimport { SHAPES } from './constants.js'\nimport { applyModeCursor } from './mode.js'\n\nexport function layerName(L) {\n  if (L.type === 'text')\n    return '“' + (L.text.length > 16 ? L.text.slice(0, 16) + '…' : L.text) + '”'\n  if (L.type === 'stroke')\n    return L.style === 'highlight' ? 'Highlighter' : 'Brush stroke'\n  if (L.type === 'sticker') return 'Sticker'\n  const s = SHAPES.find((s) => s.id === L.shape)\n  return s ? s.name : L.shape\n}\n\nexport function deleteLayer(state, id) {\n  pushHistory(state)\n  state.layers = state.layers.filter((l) => l.id !== id)\n  if (state.selectedId === id) state.selectedId = null\n  render(state)\n  state.statusText = 'Layer deleted'\n  emitChange(state)\n}\n\nexport function deleteSelected(state) {\n  if (state.selectedId != null) deleteLayer(state, state.selectedId)\n}\n\nexport function duplicateSelected(state) {\n  const L = getSel(state)\n  if (!L) return\n  pushHistory(state)\n  const copy = JSON.parse(JSON.stringify(L))\n  copy.id = state.nextId++\n  if (\n    copy.type === 'text' ||\n    copy.type === 'shape' ||\n    copy.type === 'sticker'\n  ) {\n    copy.x += 20\n    copy.y += 20\n  } else if (copy.type === 'stroke') {\n    copy.points = copy.points.map((p) => ({ x: p.x + 20, y: p.y + 20 }))\n  }\n  state.layers.push(copy)\n  state.selectedId = copy.id\n  render(state)\n  state.statusText = 'Layer duplicated'\n  emitChange(state)\n}\n\nexport function bringSelectedToFront(state) {\n  const i = state.layers.findIndex((l) => l.id === state.selectedId)\n  if (i < 0) return\n  pushHistory(state)\n  const [L] = state.layers.splice(i, 1)\n  state.layers.push(L)\n  render(state)\n  emitChange(state)\n}\n\nexport function sendSelectedToBack(state) {\n  const i = state.layers.findIndex((l) => l.id === state.selectedId)\n  if (i < 0) return\n  pushHistory(state)\n  const [L] = state.layers.splice(i, 1)\n  state.layers.unshift(L)\n  render(state)\n  emitChange(state)\n}\n\nexport function setAdjustment(state, key, value) {\n  state.adj[key] = value\n  render(state)\n  state.notify()\n}\nexport function setFilter(state, id) {\n  state.adj.filter = id\n  render(state)\n  emitChange(state)\n}\nexport function selectShapeType(state, id) {\n  state.selectedShapeType = id\n  state.notify()\n}\nexport function setShapeFill(state, v) {\n  state.shapeFill = v\n  state.notify()\n}\nexport function setShapeWidth(state, v) {\n  state.shapeWidth = v\n  state.notify()\n}\nexport function setBrushSize(state, v) {\n  state.brushSize = v\n  state.notify()\n}\nexport function setBrushStyle(state, v) {\n  state.brushStyle = v\n  state.notify()\n}\nexport function setTextFont(state, v) {\n  state.textFont = v\n  state.notify()\n}\nexport function setTextSize(state, v) {\n  state.textSize = v\n  state.notify()\n}\nexport function setTextColor(state, v) {\n  state.textColor = v\n  state.notify()\n}\nexport function setShapeColor(state, v) {\n  state.shapeColor = v\n  state.notify()\n}\nexport function setDrawColor(state, v) {\n  state.drawColor = v\n  applyModeCursor(state)\n  state.notify()\n}\n\nexport function setSelectedColor(state, v) {\n  const L = getSel(state)\n  if (!L) return\n  pushHistory(state)\n  L.color = v\n  render(state)\n  emitChange(state)\n}\nexport function setSelectedText(state, v) {\n  const L = getSel(state)\n  if (!L || L.type !== 'text') return\n  resizeInPlace(state, L, () => {\n    L.text = v\n  })\n  render(state)\n  state.notify()\n}\nexport function setSelectedFont(state, v) {\n  const L = getSel(state)\n  if (!L) return\n  pushHistory(state)\n  resizeInPlace(state, L, () => {\n    L.font = v\n  })\n  render(state)\n  emitChange(state)\n}\nexport function setSelectedTextSize(state, v) {\n  const L = getSel(state)\n  if (!L) return\n  resizeInPlace(state, L, () => {\n    L.size = v\n    clampTextSize(state, L)\n  })\n  render(state)\n  state.notify()\n}\nexport function setSelectedBoxWidth(state, v) {\n  const L = getSel(state)\n  if (!L || L.type !== 'text') return\n  resizeInPlace(state, L, () => {\n    L.boxWidth = v\n    clampBoxWidth(state, L)\n    clampTextSize(state, L)\n  })\n  render(state)\n  state.notify()\n}\nexport function setSelectedShapeFill(state, v) {\n  const L = getSel(state)\n  if (!L) return\n  pushHistory(state)\n  L.fill = v\n  render(state)\n  emitChange(state)\n}\nexport function setSelectedWidth(state, v) {\n  const L = getSel(state)\n  if (!L) return\n  resizeInPlace(state, L, () => {\n    L.width = v\n  })\n  render(state)\n  state.notify()\n}\n"],"names":["resizeInPlace","state","L","mutate","keepingFixed","layerName","s","SHAPES","deleteLayer","id","pushHistory","l","render","emitChange","deleteSelected","duplicateSelected","getSel","copy","p","bringSelectedToFront","i","sendSelectedToBack","setAdjustment","key","value","setFilter","selectShapeType","setShapeFill","v","setShapeWidth","setBrushSize","setBrushStyle","setTextFont","setTextSize","setTextColor","setShapeColor","setDrawColor","applyModeCursor","setSelectedColor","setSelectedText","setSelectedFont","setSelectedTextSize","clampTextSize","setSelectedBoxWidth","clampBoxWidth","setSelectedShapeFill","setSelectedWidth"],"mappings":"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"}

package/dist/index.es154.js

@@ -0,0 +1,147 @@
+import { supportsContextFilter as v, rasterizeWithFilter as C } from "./index.es162.js";
+import { syncCanvasSize as m, render as g, baseFilter as p, paintLayer as w } from "./index.es147.js";
+import { emit as l, emitChange as f, getState as y, resetAdjValues as S } from "./index.es146.js";
+import { loadStickerImage as I } from "./index.es152.js";
+function L(e) {
+  const n = (e.type || "").toLowerCase();
+  if (n === "image/heic" || n === "image/heif") return !0;
+  const i = e instanceof File ? e.name.toLowerCase() : "";
+  return i.endsWith(".heic") || i.endsWith(".heif");
+}
+function d(e, n) {
+  n(URL.createObjectURL(e));
+}
+function h(e, n) {
+  import("heic2any").then(
+    ({ default: i }) => i({ blob: e, toType: "image/jpeg", quality: 0.8 })
+  ).then(
+    (i) => d(Array.isArray(i) ? i[0] : i, n)
+  ).catch(() => d(e, n));
+}
+function B(e, n, i) {
+  if (e.isLoadingImage = !0, e.notify(), !n) {
+    i(null);
+    return;
+  }
+  if (n instanceof HTMLCanvasElement) {
+    i(n.toDataURL());
+    return;
+  }
+  if (typeof Blob < "u" && (n instanceof Blob || n instanceof File)) {
+    if (L(n)) {
+      if (typeof createImageBitmap == "function") {
+        createImageBitmap(n).then((r) => {
+          r.close(), d(n, i);
+        }).catch(() => h(n, i));
+        return;
+      }
+      h(n, i);
+      return;
+    }
+    d(n, i);
+    return;
+  }
+  i(n);
+}
+function T(e, n) {
+  const i = () => {
+    typeof n == "string" && n.startsWith("blob:") && URL.revokeObjectURL(n);
+  }, r = new Image();
+  r.crossOrigin = "anonymous", r.onload = () => {
+    let o = r.naturalWidth, a = r.naturalHeight;
+    const c = 2e3;
+    if (Math.max(o, a) > c) {
+      const t = c / Math.max(o, a);
+      o = Math.round(o * t), a = Math.round(a * t);
+    }
+    e.sourceCanvas.width = o, e.sourceCanvas.height = a, e.sourceCanvas.getContext("2d").drawImage(r, 0, 0, o, a), e.originalCanvas = document.createElement("canvas"), e.originalCanvas.width = o, e.originalCanvas.height = a, e.originalCanvas.getContext("2d").drawImage(e.sourceCanvas, 0, 0), i(), e.layers = [], e.selectedId = null, e.undoStack = [], e.redoStack = [], e.zoom = 1, S(e), e.mounted && m(e), g(e), e.mode = "select", e.isLoadingImage = !1, e.statusText = "Image loaded", l(e, "load", { width: o, height: a }), f(e);
+  }, r.onerror = () => {
+    i(), e.isLoadingImage = !1, e.statusText = "Could not load that image (CORS?)", console.warn(
+      "[ImageEditor] Failed to load image (likely a CORS issue on the source URL). Reset stays disabled since there is nothing to revert to.",
+      typeof n == "string" ? n.slice(0, 80) : n
+    ), e.notify();
+  }, r.src = n;
+}
+function F(e, n) {
+  if (!n || !n.image) return;
+  const i = new Image();
+  i.onload = () => {
+    e.sourceCanvas.width = n.width || i.naturalWidth, e.sourceCanvas.height = n.height || i.naturalHeight, e.sourceCanvas.getContext("2d").drawImage(i, 0, 0, e.sourceCanvas.width, e.sourceCanvas.height), e.originalCanvas = document.createElement("canvas"), e.originalCanvas.width = e.sourceCanvas.width, e.originalCanvas.height = e.sourceCanvas.height, e.originalCanvas.getContext("2d").drawImage(i, 0, 0, e.sourceCanvas.width, e.sourceCanvas.height), e.layers = JSON.parse(JSON.stringify(n.layers || [])), e.layers.forEach((o) => {
+      o.id >= e.nextId && (e.nextId = o.id + 1);
+    }), Object.assign(e.adj, n.adjustments || {}), e.selectedId = null, e.undoStack = [], e.redoStack = [], e.zoom = 1, e.mounted && m(e), g(e), e.mode = "select", e.statusText = "State restored", l(e, "load", { restored: !0 }), f(e);
+    const r = [
+      ...new Set(
+        e.layers.filter((o) => o.type === "sticker").map((o) => o.src)
+      )
+    ];
+    r.length && Promise.all(
+      r.map((o) => I(e, o).catch(() => {
+      }))
+    ).then(() => g(e));
+  }, i.src = n.image;
+}
+async function x(e) {
+  const n = document.createElement("canvas");
+  n.width = e.sourceCanvas.width, n.height = e.sourceCanvas.height;
+  const i = n.getContext("2d"), r = p(e);
+  if (v())
+    i.filter = r, i.drawImage(e.sourceCanvas, 0, 0), i.filter = "none";
+  else
+    try {
+      const o = await C(e.sourceCanvas, r);
+      i.drawImage(o, 0, 0);
+    } catch {
+      i.drawImage(e.sourceCanvas, 0, 0);
+    }
+  return e.layers.forEach((o) => {
+    o._editing || w(e, i, o);
+  }), n;
+}
+function k(e, n, i, r) {
+  const o = n.toDataURL(r), a = {
+    blob: i,
+    dataURL: o,
+    canvas: n,
+    width: n.width,
+    height: n.height,
+    type: i && i.type || r || "image/png",
+    state: y(e),
+    getBlob: (c, t) => new Promise((u) => n.toBlob((s) => u(s), c || "image/png", t)),
+    download: (c) => {
+      const t = URL.createObjectURL(i), u = document.createElement("a");
+      return u.href = t, u.download = c || "picture-studio.png", u.click(), setTimeout(() => URL.revokeObjectURL(t), 1e3), a;
+    }
+  };
+  return a;
+}
+function O(e, n, i) {
+  return x(e).then(
+    (r) => new Promise((o) => {
+      r.toBlob(
+        (a) => o(k(e, r, a, n || "image/png")),
+        n || "image/png",
+        i
+      );
+    })
+  );
+}
+function M(e, n) {
+  if (!e.isSaving)
+    return e.isSaving = !0, e.notify(), O(e, "image/jpeg", 0.92).then((i) => {
+      l(e, "save", i);
+      const r = typeof e.config.onSave == "function" ? e.config.onSave(i, n) : void 0;
+      return Promise.resolve(r).finally(() => {
+        e.isSaving = !1, e.notify(), e.config.keepOpenOnSave || n.close();
+      });
+    }).catch(() => {
+      e.isSaving = !1, e.notify();
+    });
+}
+export {
+  T as doLoadImage,
+  M as doSave,
+  F as loadState,
+  B as normalizeSource,
+  O as produce
+};
+//# sourceMappingURL=index.es154.js.map

package/dist/index.es154.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es154.js","sources":["../src/components/organisms/image-editor/engine/save-export.js"],"sourcesContent":["import { rasterizeWithFilter, supportsContextFilter } from './canvas-filter.js'\nimport { render, syncCanvasSize, baseFilter, paintLayer } from './rendering.js'\nimport { emit, emitChange, getState, resetAdjValues } from './state.js'\nimport { loadStickerImage } from './stickers.js'\n\nfunction isHeic(file) {\n  const type = (file.type || '').toLowerCase()\n  if (type === 'image/heic' || type === 'image/heif') return true\n  const name = file instanceof File ? file.name.toLowerCase() : ''\n  return name.endsWith('.heic') || name.endsWith('.heif')\n}\n\nfunction toObjectURL(blob, cb) {\n  cb(URL.createObjectURL(blob))\n}\n\nfunction convertHeicThenLoad(src, cb) {\n  import('heic2any')\n    .then(({ default: heic2any }) =>\n      heic2any({ blob: src, toType: 'image/jpeg', quality: 0.8 })\n    )\n    .then((converted) =>\n      toObjectURL(Array.isArray(converted) ? converted[0] : converted, cb)\n    )\n    .catch(() => toObjectURL(src, cb))\n}\n\nexport function normalizeSource(state, src, cb) {\n  state.isLoadingImage = true\n  state.notify()\n  if (!src) {\n    cb(null)\n    return\n  }\n  if (src instanceof HTMLCanvasElement) {\n    cb(src.toDataURL())\n    return\n  }\n  if (\n    typeof Blob !== 'undefined' &&\n    (src instanceof Blob || src instanceof File)\n  ) {\n    if (isHeic(src)) {\n      if (typeof createImageBitmap === 'function') {\n        createImageBitmap(src)\n          .then((bmp) => {\n            bmp.close()\n            toObjectURL(src, cb)\n          })\n          .catch(() => convertHeicThenLoad(src, cb))\n        return\n      }\n      convertHeicThenLoad(src, cb)\n      return\n    }\n    toObjectURL(src, cb)\n    return\n  }\n  cb(src)\n}\n\nexport function doLoadImage(state, dataURL) {\n  const revoke = () => {\n    if (typeof dataURL === 'string' && dataURL.startsWith('blob:')) {\n      URL.revokeObjectURL(dataURL)\n    }\n  }\n  const im = new Image()\n  im.crossOrigin = 'anonymous'\n  im.onload = () => {\n    let w = im.naturalWidth,\n      h = im.naturalHeight\n    const MAX = 2000\n    if (Math.max(w, h) > MAX) {\n      const s = MAX / Math.max(w, h)\n      w = Math.round(w * s)\n      h = Math.round(h * s)\n    }\n    state.sourceCanvas.width = w\n    state.sourceCanvas.height = h\n    state.sourceCanvas.getContext('2d').drawImage(im, 0, 0, w, h)\n    state.originalCanvas = document.createElement('canvas')\n    state.originalCanvas.width = w\n    state.originalCanvas.height = h\n    state.originalCanvas.getContext('2d').drawImage(state.sourceCanvas, 0, 0)\n    revoke()\n    state.layers = []\n    state.selectedId = null\n    state.undoStack = []\n    state.redoStack = []\n    state.zoom = 1\n    resetAdjValues(state)\n    if (state.mounted) syncCanvasSize(state)\n    render(state)\n    state.mode = 'select'\n    state.isLoadingImage = false\n    state.statusText = 'Image loaded'\n    emit(state, 'load', { width: w, height: h })\n    emitChange(state)\n  }\n  im.onerror = () => {\n    revoke()\n    state.isLoadingImage = false\n    state.statusText = 'Could not load that image (CORS?)'\n    // eslint-disable-next-line no-console\n    console.warn(\n      '[ImageEditor] Failed to load image (likely a CORS issue on the source URL). ' +\n        'Reset stays disabled since there is nothing to revert to.',\n      typeof dataURL === 'string' ? dataURL.slice(0, 80) : dataURL\n    )\n    state.notify()\n  }\n  im.src = dataURL\n}\n\nexport function loadState(state, s) {\n  if (!s || !s.image) return\n  const im = new Image()\n  im.onload = () => {\n    state.sourceCanvas.width = s.width || im.naturalWidth\n    state.sourceCanvas.height = s.height || im.naturalHeight\n    state.sourceCanvas\n      .getContext('2d')\n      .drawImage(im, 0, 0, state.sourceCanvas.width, state.sourceCanvas.height)\n    state.originalCanvas = document.createElement('canvas')\n    state.originalCanvas.width = state.sourceCanvas.width\n    state.originalCanvas.height = state.sourceCanvas.height\n    state.originalCanvas\n      .getContext('2d')\n      .drawImage(im, 0, 0, state.sourceCanvas.width, state.sourceCanvas.height)\n    state.layers = JSON.parse(JSON.stringify(s.layers || []))\n    state.layers.forEach((L) => {\n      if (L.id >= state.nextId) state.nextId = L.id + 1\n    })\n    Object.assign(state.adj, s.adjustments || {})\n    state.selectedId = null\n    state.undoStack = []\n    state.redoStack = []\n    state.zoom = 1\n    if (state.mounted) syncCanvasSize(state)\n    render(state)\n    state.mode = 'select'\n    state.statusText = 'State restored'\n    emit(state, 'load', { restored: true })\n    emitChange(state)\n    const stickerSrcs = [\n      ...new Set(\n        state.layers.filter((L) => L.type === 'sticker').map((L) => L.src)\n      ),\n    ]\n    if (stickerSrcs.length) {\n      Promise.all(\n        stickerSrcs.map((src) => loadStickerImage(state, src).catch(() => {}))\n      ).then(() => render(state))\n    }\n  }\n  im.src = s.image\n}\n\nasync function flatten(state) {\n  const out = document.createElement('canvas')\n  out.width = state.sourceCanvas.width\n  out.height = state.sourceCanvas.height\n  const o = out.getContext('2d')\n  const filter = baseFilter(state)\n\n  if (supportsContextFilter()) {\n    o.filter = filter\n    o.drawImage(state.sourceCanvas, 0, 0)\n    o.filter = 'none'\n  } else {\n    try {\n      const filtered = await rasterizeWithFilter(state.sourceCanvas, filter)\n      o.drawImage(filtered, 0, 0)\n    } catch {\n      o.drawImage(state.sourceCanvas, 0, 0)\n    }\n  }\n\n  state.layers.forEach((L) => {\n    if (!L._editing) paintLayer(state, o, L)\n  })\n  return out\n}\n\nfunction buildResult(state, canvasEl, blob, type) {\n  const dataURL = canvasEl.toDataURL(type || 'image/png')\n  const result = {\n    blob: blob,\n    dataURL: dataURL,\n    canvas: canvasEl,\n    width: canvasEl.width,\n    height: canvasEl.height,\n    type: (blob && blob.type) || type || 'image/png',\n    state: getState(state),\n    getBlob: (t, q) =>\n      new Promise((res) => canvasEl.toBlob((b) => res(b), t || 'image/png', q)),\n    download: (filename) => {\n      const url = URL.createObjectURL(blob)\n      const a = document.createElement('a')\n      a.href = url\n      a.download = filename || 'picture-studio.png'\n      a.click()\n      setTimeout(() => URL.revokeObjectURL(url), 1000)\n      return result\n    },\n  }\n  return result\n}\n\nexport function produce(state, type, quality) {\n  return flatten(state).then(\n    (canvasEl) =>\n      new Promise((resolve) => {\n        canvasEl.toBlob(\n          (blob) =>\n            resolve(buildResult(state, canvasEl, blob, type || 'image/png')),\n          type || 'image/png',\n          quality\n        )\n      })\n  )\n}\n\nexport function doSave(state, self) {\n  if (state.isSaving) return\n  state.isSaving = true\n  state.notify()\n  return produce(state, 'image/jpeg', 0.92)\n    .then((result) => {\n      emit(state, 'save', result)\n      const ret =\n        typeof state.config.onSave === 'function'\n          ? state.config.onSave(result, self)\n          : undefined\n      return Promise.resolve(ret).finally(() => {\n        state.isSaving = false\n        state.notify()\n        if (!state.config.keepOpenOnSave) self.close()\n      })\n    })\n    .catch(() => {\n      state.isSaving = false\n      state.notify()\n    })\n}\n"],"names":["isHeic","file","type","name","toObjectURL","blob","cb","convertHeicThenLoad","src","heic2any","converted","normalizeSource","state","bmp","doLoadImage","dataURL","revoke","im","w","h","MAX","s","resetAdjValues","syncCanvasSize","render","emit","emitChange","loadState","L","stickerSrcs","loadStickerImage","flatten","out","o","filter","baseFilter","supportsContextFilter","filtered","rasterizeWithFilter","paintLayer","buildResult","canvasEl","result","getState","t","q","res","b","filename","url","a","produce","quality","resolve","doSave","self","ret"],"mappings":"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"}

package/dist/index.es155.js

@@ -0,0 +1,50 @@
+import { onDown as u, onMove as y, onUp as E, onDbl as f } from "./index.es163.js";
+import { autoGrowTextEditor as a, commitTextEdit as m, blurTextEditor as g } from "./index.es151.js";
+import { undo as L, redo as x } from "./index.es148.js";
+import { applyModeCursor as k, selectLayer as l, setMode as D } from "./index.es150.js";
+import { fitStage as w, render as p, syncCanvasSize as P } from "./index.es147.js";
+import { normalizeSource as T, doLoadImage as z } from "./index.es154.js";
+import { deleteLayer as K } from "./index.es153.js";
+import { panPointerUp as t, resetPan as c, panPointerDown as C, panPointerMove as h } from "./index.es164.js";
+function A(e, i, o) {
+  e.canvasEl = o.canvas, e.overlayEl = o.overlay, e.textEditorEl = o.textEditor, e.stageEl = o.stage, e.ctx = e.canvasEl.getContext("2d"), e.octx = e.overlayEl.getContext("2d"), e.mounted = !0, k(e), e.overlayEl.addEventListener(
+    "lostpointercapture",
+    (r) => t(e, r)
+  ), e.overlayEl.addEventListener("pointerdown", (r) => {
+    r.preventDefault(), r.isPrimary && e.panPointers?.size && c(e), !C(e, r) && u(e, r);
+  }), e.overlayEl.addEventListener("pointermove", (r) => {
+    r.preventDefault(), !h(e, r) && y(e, r);
+  }), e.overlayEl.addEventListener("pointerup", (r) => {
+    t(e, r), E(e, r);
+  }), e.overlayEl.addEventListener("pointercancel", (r) => {
+    c(e), E(e, r);
+  }), e.overlayEl.addEventListener("dblclick", (r) => f(e, r));
+  const d = () => {
+    e.editingLayer && (g(e), l(e, null));
+  };
+  e.textEditorEl.addEventListener("keydown", (r) => {
+    r.key === "Enter" ? (r.stopPropagation(), (r.metaKey || r.ctrlKey) && (r.preventDefault(), d())) : r.key === "Escape" && (r.stopPropagation(), e.editingLayer && (e.editingLayer._editing = !1), e.editingLayer = null, e.textEditorEl.blur(), l(e, null));
+  }), e.textEditorEl.addEventListener("input", () => a(e)), e.textEditorEl.addEventListener("blur", () => m(e)), e.stageEl.addEventListener(
+    "pointerdown",
+    (r) => {
+      r.target !== e.textEditorEl && (d(), r.target !== e.overlayEl && e.selectedId != null && l(e, null));
+    },
+    !0
+  ), ["dragover", "dragenter"].forEach(
+    (r) => e.stageEl.addEventListener(r, (n) => n.preventDefault())
+  ), e.stageEl.addEventListener("drop", (r) => {
+    r.preventDefault();
+    const n = r.dataTransfer.files[0];
+    n && n.type.startsWith("image/") && T(e, n, (v) => z(e, v));
+  }), i._keyHandler = (r) => {
+    if (!i.isOpen()) return;
+    const n = document.activeElement && document.activeElement.tagName;
+    n === "INPUT" || n === "TEXTAREA" || n === "SELECT" || ((r.metaKey || r.ctrlKey) && r.key === "z" && !r.shiftKey ? (r.preventDefault(), L(e)) : (r.metaKey || r.ctrlKey) && (r.key === "y" || r.shiftKey && r.key === "z") ? (r.preventDefault(), x(e)) : r.key === "Escape" ? e.mode !== "select" || e.selectedId != null ? (D(e, "select"), l(e, null)) : e.config.closeOnEscape !== !1 && i.close() : (r.key === "Delete" || r.key === "Backspace") && e.selectedId != null && e.mode === "select" && (r.preventDefault(), K(e, e.selectedId)));
+  }, document.addEventListener("keydown", i._keyHandler), i._resizeHandler = () => {
+    e.sourceCanvas.width && i.isOpen() && (w(e), p(e));
+  }, window.addEventListener("resize", i._resizeHandler), e.sourceCanvas.width && (P(e), p(e));
+}
+export {
+  A as mount
+};
+//# sourceMappingURL=index.es155.js.map

package/dist/index.es155.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es155.js","sources":["../src/components/organisms/image-editor/engine/mount.js"],"sourcesContent":["import { onDown, onMove, onUp, onDbl } from './pointer.js'\nimport {\n  autoGrowTextEditor,\n  blurTextEditor,\n  commitTextEdit,\n} from './text-editor.js'\nimport { undo, redo } from './history.js'\nimport { setMode, selectLayer, applyModeCursor } from './mode.js'\nimport { fitStage, render, syncCanvasSize } from './rendering.js'\nimport { normalizeSource, doLoadImage } from './save-export.js'\nimport { deleteLayer } from './layer-actions.js'\nimport {\n  panPointerDown,\n  panPointerMove,\n  panPointerUp,\n  resetPan,\n} from './touch-pan.js'\n\nexport function mount(state, self, refs) {\n  state.canvasEl = refs.canvas\n  state.overlayEl = refs.overlay\n  state.textEditorEl = refs.textEditor\n  state.stageEl = refs.stage\n  state.ctx = state.canvasEl.getContext('2d')\n  state.octx = state.overlayEl.getContext('2d')\n  state.mounted = true\n  applyModeCursor(state)\n\n  state.overlayEl.addEventListener('lostpointercapture', (e) =>\n    panPointerUp(state, e)\n  )\n  state.overlayEl.addEventListener('pointerdown', (e) => {\n    e.preventDefault()\n    if (e.isPrimary && state.panPointers?.size) resetPan(state)\n    if (panPointerDown(state, e)) return\n    onDown(state, e)\n  })\n  state.overlayEl.addEventListener('pointermove', (e) => {\n    e.preventDefault()\n    if (panPointerMove(state, e)) return\n    onMove(state, e)\n  })\n  state.overlayEl.addEventListener('pointerup', (e) => {\n    panPointerUp(state, e)\n    onUp(state, e)\n  })\n  state.overlayEl.addEventListener('pointercancel', (e) => {\n    resetPan(state)\n    onUp(state, e)\n  })\n  state.overlayEl.addEventListener('dblclick', (e) => onDbl(state, e))\n\n  // Commit, unfocus, deselect — guarded so an ordinary drag never deselects.\n  const endTextEdit = () => {\n    if (!state.editingLayer) return\n    blurTextEditor(state)\n    selectLayer(state, null)\n  }\n\n  state.textEditorEl.addEventListener('keydown', (e) => {\n    if (e.key === 'Enter') {\n      // Enter inserts a newline; stopped so no parent form reads it as submit.\n      e.stopPropagation()\n      if (e.metaKey || e.ctrlKey) {\n        e.preventDefault()\n        endTextEdit()\n      }\n    } else if (e.key === 'Escape') {\n      // Escape discards the edit, so restore nothing — just let go.\n      e.stopPropagation()\n      if (state.editingLayer) state.editingLayer._editing = false\n      state.editingLayer = null\n      state.textEditorEl.blur()\n      selectLayer(state, null)\n    }\n  })\n  state.textEditorEl.addEventListener('input', () => autoGrowTextEditor(state))\n  state.textEditorEl.addEventListener('blur', () => commitTextEdit(state))\n\n  // Capture phase: the overlay preventDefaults away the implicit blur.\n  state.stageEl.addEventListener(\n    'pointerdown',\n    (e) => {\n      if (e.target === state.textEditorEl) return\n      endTextEdit()\n      // Presses on the padding deselect; presses on the image are onDown's.\n      if (e.target !== state.overlayEl && state.selectedId != null) {\n        selectLayer(state, null)\n      }\n    },\n    true\n  )\n\n  ;['dragover', 'dragenter'].forEach((ev) =>\n    state.stageEl.addEventListener(ev, (e) => e.preventDefault())\n  )\n  state.stageEl.addEventListener('drop', (e) => {\n    e.preventDefault()\n    const f = e.dataTransfer.files[0]\n    if (f && f.type.startsWith('image/'))\n      normalizeSource(state, f, (d) => doLoadImage(state, d))\n  })\n\n  self._keyHandler = (e) => {\n    if (!self.isOpen()) return\n    const tag = document.activeElement && document.activeElement.tagName\n    if (tag === 'INPUT' || tag === 'TEXTAREA' || tag === 'SELECT') return\n    if ((e.metaKey || e.ctrlKey) && e.key === 'z' && !e.shiftKey) {\n      e.preventDefault()\n      undo(state)\n    } else if (\n      (e.metaKey || e.ctrlKey) &&\n      (e.key === 'y' || (e.shiftKey && e.key === 'z'))\n    ) {\n      e.preventDefault()\n      redo(state)\n    } else if (e.key === 'Escape') {\n      if (state.mode !== 'select' || state.selectedId != null) {\n        setMode(state, 'select')\n        selectLayer(state, null)\n      } else if (state.config.closeOnEscape !== false) self.close()\n    } else if (\n      (e.key === 'Delete' || e.key === 'Backspace') &&\n      state.selectedId != null &&\n      state.mode === 'select'\n    ) {\n      e.preventDefault()\n      deleteLayer(state, state.selectedId)\n    }\n  }\n  document.addEventListener('keydown', self._keyHandler)\n\n  self._resizeHandler = () => {\n    if (state.sourceCanvas.width && self.isOpen()) {\n      fitStage(state)\n      render(state)\n    }\n  }\n  window.addEventListener('resize', self._resizeHandler)\n\n  if (state.sourceCanvas.width) {\n    syncCanvasSize(state)\n    render(state)\n  }\n}\n"],"names":["mount","state","self","refs","applyModeCursor","e","panPointerUp","resetPan","panPointerDown","onDown","panPointerMove","onMove","onUp","onDbl","endTextEdit","blurTextEditor","selectLayer","autoGrowTextEditor","commitTextEdit","ev","f","normalizeSource","d","doLoadImage","tag","undo","redo","setMode","deleteLayer","fitStage","render","syncCanvasSize"],"mappings":"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"}

package/dist/index.es156.js

@@ -0,0 +1,15 @@
+import { cva as a } from "class-variance-authority";
+const t = {
+  img: a("", {
+    variants: {
+      hasIcon: {
+        true: "w-12 h-12",
+        false: "h-5 w-5"
+      }
+    }
+  })
+};
+export {
+  t as hoverDetailCardStyles
+};
+//# sourceMappingURL=index.es156.js.map