@pixerate/editor 0.236.0 → 0.238.0

package/dist/chunk-F67XMVDI.js

@@ -0,0 +1,200 @@
+import {
+  D65_XY,
+  apply,
+  invert,
+  mul,
+  rgbToXyzMatrix,
+  xyToXyz
+} from "./chunk-6ONMQ6WF.js";
+
+// src/color/convert.ts
+function srgbToLinear(v) {
+  const sign = Math.sign(v);
+  const abs = Math.abs(v);
+  return sign * (abs <= 0.04045 ? abs / 12.92 : ((abs + 0.055) / 1.055) ** 2.4);
+}
+function linearToSrgb(v) {
+  const sign = Math.sign(v);
+  const abs = Math.abs(v);
+  return sign * (abs <= 31308e-7 ? 12.92 * abs : 1.055 * abs ** (1 / 2.4) - 0.055);
+}
+function rgbToHsl(rgba) {
+  const { r, g, b, a } = rgba;
+  const max = Math.max(r, g, b);
+  const min = Math.min(r, g, b);
+  const d = max - min;
+  const l = (max + min) / 2;
+  let h = 0;
+  if (d > 0) {
+    if (max === r) h = 60 * ((g - b) / d % 6);
+    else if (max === g) h = 60 * ((b - r) / d + 2);
+    else h = 60 * ((r - g) / d + 4);
+  }
+  if (h < 0) h += 360;
+  const s = d === 0 ? 0 : d / (1 - Math.abs(2 * l - 1));
+  return { h, s, l, alpha: a };
+}
+function hslToRgb(hsla) {
+  const { h, s, l, alpha } = hsla;
+  const hh = (h % 360 + 360) % 360 / 60;
+  const c = (1 - Math.abs(2 * l - 1)) * s;
+  const x = c * (1 - Math.abs(hh % 2 - 1));
+  const m = l - c / 2;
+  let r = 0;
+  let g = 0;
+  let b = 0;
+  if (hh < 1) {
+    r = c;
+    g = x;
+    b = 0;
+  } else if (hh < 2) {
+    r = x;
+    g = c;
+    b = 0;
+  } else if (hh < 3) {
+    r = 0;
+    g = c;
+    b = x;
+  } else if (hh < 4) {
+    r = 0;
+    g = x;
+    b = c;
+  } else if (hh < 5) {
+    r = x;
+    g = 0;
+    b = c;
+  } else {
+    r = c;
+    g = 0;
+    b = x;
+  }
+  return { r: r + m, g: g + m, b: b + m, a: alpha };
+}
+function rgbToHsv(rgba) {
+  const { r, g, b, a } = rgba;
+  const max = Math.max(r, g, b);
+  const min = Math.min(r, g, b);
+  const d = max - min;
+  let h = 0;
+  if (d > 0) {
+    if (max === r) h = 60 * ((g - b) / d % 6);
+    else if (max === g) h = 60 * ((b - r) / d + 2);
+    else h = 60 * ((r - g) / d + 4);
+  }
+  if (h < 0) h += 360;
+  const s = max === 0 ? 0 : d / max;
+  return { h, s, v: max, alpha: a };
+}
+function hsvToRgb(hsva) {
+  const { h, s, v, alpha } = hsva;
+  const hh = (h % 360 + 360) % 360 / 60;
+  const c = v * s;
+  const x = c * (1 - Math.abs(hh % 2 - 1));
+  const m = v - c;
+  let r = 0;
+  let g = 0;
+  let b = 0;
+  if (hh < 1) {
+    r = c;
+    g = x;
+    b = 0;
+  } else if (hh < 2) {
+    r = x;
+    g = c;
+    b = 0;
+  } else if (hh < 3) {
+    r = 0;
+    g = c;
+    b = x;
+  } else if (hh < 4) {
+    r = 0;
+    g = x;
+    b = c;
+  } else if (hh < 5) {
+    r = x;
+    g = 0;
+    b = c;
+  } else {
+    r = c;
+    g = 0;
+    b = x;
+  }
+  return { r: r + m, g: g + m, b: b + m, a: alpha };
+}
+function rgbToOklab(rgba) {
+  const lr = srgbToLinear(rgba.r);
+  const lg = srgbToLinear(rgba.g);
+  const lb = srgbToLinear(rgba.b);
+  const l = Math.cbrt(0.4122214708 * lr + 0.5363325363 * lg + 0.0514459929 * lb);
+  const m = Math.cbrt(0.2119034982 * lr + 0.6806995451 * lg + 0.1073969566 * lb);
+  const s = Math.cbrt(0.0883024619 * lr + 0.2817188376 * lg + 0.6299787005 * lb);
+  return {
+    l: 0.2104542553 * l + 0.793617785 * m - 0.0040720468 * s,
+    a: 1.9779984951 * l - 2.428592205 * m + 0.4505937099 * s,
+    b: 0.0259040371 * l + 0.7827717662 * m - 0.808675766 * s,
+    alpha: rgba.a
+  };
+}
+function oklabToRgb(lab) {
+  const l_ = lab.l + 0.3963377774 * lab.a + 0.2158037573 * lab.b;
+  const m_ = lab.l - 0.1055613458 * lab.a - 0.0638541728 * lab.b;
+  const s_ = lab.l - 0.0894841775 * lab.a - 1.291485548 * lab.b;
+  const l = l_ ** 3;
+  const m = m_ ** 3;
+  const s = s_ ** 3;
+  return {
+    r: linearToSrgb(4.0767416621 * l - 3.3077115913 * m + 0.2309699292 * s),
+    g: linearToSrgb(-1.2684380046 * l + 2.6097574011 * m - 0.3413193965 * s),
+    b: linearToSrgb(-0.0041960863 * l - 0.7034186147 * m + 1.707614701 * s),
+    a: lab.alpha
+  };
+}
+function oklabToOklch(lab) {
+  const c = Math.hypot(lab.a, lab.b);
+  let h = 0;
+  if (c >= 1e-6) {
+    h = Math.atan2(lab.b, lab.a) * 180 / Math.PI;
+    if (h < 0) h += 360;
+    if (h >= 360) h -= 360;
+  }
+  return { l: lab.l, c, h, alpha: lab.alpha };
+}
+function oklchToOklab(lch) {
+  const rad = lch.h * Math.PI / 180;
+  return {
+    l: lch.l,
+    a: lch.c * Math.cos(rad),
+    b: lch.c * Math.sin(rad),
+    alpha: lch.alpha
+  };
+}
+var D65_XYZ = xyToXyz(D65_XY);
+var SRGB_TO_XYZ = rgbToXyzMatrix([0.64, 0.33], [0.3, 0.6], [0.15, 0.06], D65_XYZ);
+var P3_TO_XYZ = rgbToXyzMatrix([0.68, 0.32], [0.265, 0.69], [0.15, 0.06], D65_XYZ);
+var XYZ_TO_SRGB = invert(SRGB_TO_XYZ);
+var XYZ_TO_P3 = invert(P3_TO_XYZ);
+var P3_TO_SRGB_MAT = mul(XYZ_TO_SRGB, P3_TO_XYZ);
+var SRGB_TO_P3_MAT = mul(XYZ_TO_P3, SRGB_TO_XYZ);
+function linearSrgbToDisplayP3(rgb) {
+  const out = apply(SRGB_TO_P3_MAT, [rgb.r, rgb.g, rgb.b]);
+  return { r: out[0], g: out[1], b: out[2], a: rgb.a };
+}
+function displayP3ToLinearSrgb(rgb) {
+  const out = apply(P3_TO_SRGB_MAT, [rgb.r, rgb.g, rgb.b]);
+  return { r: out[0], g: out[1], b: out[2], a: rgb.a };
+}
+
+export {
+  srgbToLinear,
+  linearToSrgb,
+  rgbToHsl,
+  hslToRgb,
+  rgbToHsv,
+  hsvToRgb,
+  rgbToOklab,
+  oklabToRgb,
+  oklabToOklch,
+  oklchToOklab,
+  linearSrgbToDisplayP3,
+  displayP3ToLinearSrgb
+};

package/dist/{chunk-PHYOZK3B.js → chunk-FQVVO5YA.js}

@@ -7,7 +7,7 @@ import {
 import {
   CHART_OOXML_NS,
   chartFromOoxml
-} from "./chunk-L6Y7TSQ4.js";
+} from "./chunk-36ZTV7WO.js";
 import {
   compareDocuments
 } from "./chunk-V5OOP74P.js";
@@ -35,10 +35,10 @@ import {
   searchDocument,
   sliceContainsTable,
   syncInitialContent
-} from "./chunk-FSLKBQU7.js";
+} from "./chunk-AIS56JOO.js";
 import {
   chartDataToTable
-} from "./chunk-6ZZKRH7R.js";
+} from "./chunk-QARCM66V.js";
 import {
   PIXERATE_DOCUMENT_MIME,
   getClipboardData,
@@ -411,12 +411,66 @@ var TemplateSuggestions = Extension2.create({
 
 // src/extensions/loading-node.ts
 import { Node as Node2 } from "@tiptap/core";
+import { DOMSerializer } from "@tiptap/pm/model";
+var SVG_NS = "http://www.w3.org/2000/svg";
+function loadingSpinnerSpec() {
+  return [
+    `${SVG_NS} svg`,
+    {
+      width: "1em",
+      height: "1em",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      "aria-hidden": "true",
+      focusable: "false",
+      "data-loading-indicator": ""
+    },
+    ["circle", { cx: "12", cy: "12", r: "9", stroke: "currentColor", "stroke-width": "3", opacity: "0.25" }],
+    [
+      "path",
+      { d: "M21 12a9 9 0 0 0-9-9", stroke: "currentColor", "stroke-width": "3", "stroke-linecap": "round" },
+      [
+        "animateTransform",
+        {
+          attributeName: "transform",
+          type: "rotate",
+          from: "0 12 12",
+          to: "360 12 12",
+          dur: "0.8s",
+          repeatCount: "indefinite"
+        }
+      ]
+    ]
+  ];
+}
+var viewState = (node, options) => ({
+  id: node.attrs.id ?? null,
+  label: options.label
+});
+var placeholderAttributes = (options, HTMLAttributes) => safeMergeAttributes(
+  {
+    "data-type": "loading",
+    role: "status",
+    "aria-label": options.label,
+    class: "inline-flex items-center px-1.5 py-0.5 text-xs text-muted-foreground"
+  },
+  options.HTMLAttributes,
+  HTMLAttributes
+);
 var LoadingNode = Node2.create({
   name: "loadingNode",
   group: "inline",
   inline: true,
   selectable: true,
   atom: true,
+  addOptions() {
+    return {
+      label: "Loading\u2026",
+      HTMLAttributes: {},
+      renderIndicator: null,
+      nodeView: null
+    };
+  },
   addAttributes() {
     return {
       id: {
@@ -439,12 +493,34 @@ var LoadingNode = Node2.create({
   renderHTML({ HTMLAttributes }) {
     return [
       "span",
-      safeMergeAttributes(HTMLAttributes, {
-        "data-type": "loading",
-        class: "inline-flex items-center px-1.5 py-0.5 text-xs text-muted-foreground animate-pulse"
-      }),
-      "\u23F3"
+      placeholderAttributes(this.options, HTMLAttributes),
+      (this.options.renderIndicator ?? loadingSpinnerSpec)()
     ];
+  },
+  addNodeView() {
+    const options = this.options;
+    return ({ node, HTMLAttributes }) => {
+      const mount = options.nodeView;
+      const { dom } = DOMSerializer.renderSpec(document, [
+        "span",
+        placeholderAttributes(options, HTMLAttributes),
+        ...mount ? [] : [(options.renderIndicator ?? loadingSpinnerSpec)()]
+      ]);
+      const element = dom;
+      const renderer = mount?.(element, viewState(node, options)) ?? null;
+      return {
+        dom: element,
+        update: (next) => {
+          if (next.type !== node.type) return false;
+          if (next.attrs.id) element.setAttribute("data-id", String(next.attrs.id));
+          else element.removeAttribute("data-id");
+          renderer?.update(viewState(next, options));
+          return true;
+        },
+        ignoreMutation: () => true,
+        destroy: () => renderer?.destroy()
+      };
+    };
   }
 });
 
@@ -6394,6 +6470,7 @@ export {
   GradientText,
   SlashCommands,
   TemplateSuggestions,
+  loadingSpinnerSpec,
   LoadingNode,
   SMILIE_REPLACEMENTS,
   smilieAutocorrectRules,

package/dist/{chunk-UXETV2NC.cjs → chunk-GA4EU4P3.cjs}

@@ -8,7 +8,7 @@ var _chunkA6QWKBJPcjs = require('./chunk-A6QWKBJP.cjs');
 
 
 
-var _chunk5UEFBM2Mcjs = require('./chunk-5UEFBM2M.cjs');
+var _chunkRD7RX52Gcjs = require('./chunk-RD7RX52G.cjs');
 
 // src/tokens/types.ts
 var TOKEN_TYPES = ["color", "number", "string", "boolean"];
@@ -1389,10 +1389,10 @@ var contrastPairs = {
         const modes = { [collection.id]: mode.id, [b.collectionId]: _nullishCoalesce(_optionalChain([findTokenMode, 'call', _26 => _26(getTokenCollection(state, b.collectionId), mode.name), 'optionalAccess', _27 => _27.id]), () => ( mode.id)) };
         const fv = resolveToken(state, f.id, modes);
         const bv = resolveToken(state, b.id, modes);
-        const fc = fv.ok && typeof fv.value === "string" ? _chunk5UEFBM2Mcjs.parseColor.call(void 0, fv.value) : null;
-        const bc = bv.ok && typeof bv.value === "string" ? _chunk5UEFBM2Mcjs.parseColor.call(void 0, bv.value) : null;
+        const fc = fv.ok && typeof fv.value === "string" ? _chunkRD7RX52Gcjs.parseColor.call(void 0, fv.value) : null;
+        const bc = bv.ok && typeof bv.value === "string" ? _chunkRD7RX52Gcjs.parseColor.call(void 0, bv.value) : null;
         if (!fc || !bc) continue;
-        const r = _chunk5UEFBM2Mcjs.contrastRatio.call(void 0, fc, bc);
+        const r = _chunkRD7RX52Gcjs.contrastRatio.call(void 0, fc, bc);
         if (r < ratio) {
           findings.push({
             severity: "error",

package/dist/{chunk-UFEDHACQ.js → chunk-GXAK6Q5J.js}

@@ -11,10 +11,10 @@ import {
   CHART_OOXML_NS,
   CHART_OOXML_RELATIONSHIP,
   chartToOoxml
-} from "./chunk-L6Y7TSQ4.js";
+} from "./chunk-36ZTV7WO.js";
 import {
   normalizeChartSpec
-} from "./chunk-6ZZKRH7R.js";
+} from "./chunk-QARCM66V.js";
 
 // src/export/images.ts
 var DOCX_IMAGE_TYPES = {

package/dist/{chunk-MHLU6GRJ.js → chunk-JEGJP4OW.js}

@@ -1,188 +1,11 @@
 import {
-  D65_XY,
-  apply,
-  invert,
-  mul,
-  rgbToXyzMatrix,
-  xyToXyz
-} from "./chunk-6ONMQ6WF.js";
-
-// src/color/convert.ts
-function srgbToLinear(v) {
-  const sign = Math.sign(v);
-  const abs = Math.abs(v);
-  return sign * (abs <= 0.04045 ? abs / 12.92 : ((abs + 0.055) / 1.055) ** 2.4);
-}
-function linearToSrgb(v) {
-  const sign = Math.sign(v);
-  const abs = Math.abs(v);
-  return sign * (abs <= 31308e-7 ? 12.92 * abs : 1.055 * abs ** (1 / 2.4) - 0.055);
-}
-function rgbToHsl(rgba) {
-  const { r, g, b, a } = rgba;
-  const max = Math.max(r, g, b);
-  const min = Math.min(r, g, b);
-  const d = max - min;
-  const l = (max + min) / 2;
-  let h = 0;
-  if (d > 0) {
-    if (max === r) h = 60 * ((g - b) / d % 6);
-    else if (max === g) h = 60 * ((b - r) / d + 2);
-    else h = 60 * ((r - g) / d + 4);
-  }
-  if (h < 0) h += 360;
-  const s = d === 0 ? 0 : d / (1 - Math.abs(2 * l - 1));
-  return { h, s, l, alpha: a };
-}
-function hslToRgb(hsla) {
-  const { h, s, l, alpha } = hsla;
-  const hh = (h % 360 + 360) % 360 / 60;
-  const c = (1 - Math.abs(2 * l - 1)) * s;
-  const x = c * (1 - Math.abs(hh % 2 - 1));
-  const m = l - c / 2;
-  let r = 0;
-  let g = 0;
-  let b = 0;
-  if (hh < 1) {
-    r = c;
-    g = x;
-    b = 0;
-  } else if (hh < 2) {
-    r = x;
-    g = c;
-    b = 0;
-  } else if (hh < 3) {
-    r = 0;
-    g = c;
-    b = x;
-  } else if (hh < 4) {
-    r = 0;
-    g = x;
-    b = c;
-  } else if (hh < 5) {
-    r = x;
-    g = 0;
-    b = c;
-  } else {
-    r = c;
-    g = 0;
-    b = x;
-  }
-  return { r: r + m, g: g + m, b: b + m, a: alpha };
-}
-function rgbToHsv(rgba) {
-  const { r, g, b, a } = rgba;
-  const max = Math.max(r, g, b);
-  const min = Math.min(r, g, b);
-  const d = max - min;
-  let h = 0;
-  if (d > 0) {
-    if (max === r) h = 60 * ((g - b) / d % 6);
-    else if (max === g) h = 60 * ((b - r) / d + 2);
-    else h = 60 * ((r - g) / d + 4);
-  }
-  if (h < 0) h += 360;
-  const s = max === 0 ? 0 : d / max;
-  return { h, s, v: max, alpha: a };
-}
-function hsvToRgb(hsva) {
-  const { h, s, v, alpha } = hsva;
-  const hh = (h % 360 + 360) % 360 / 60;
-  const c = v * s;
-  const x = c * (1 - Math.abs(hh % 2 - 1));
-  const m = v - c;
-  let r = 0;
-  let g = 0;
-  let b = 0;
-  if (hh < 1) {
-    r = c;
-    g = x;
-    b = 0;
-  } else if (hh < 2) {
-    r = x;
-    g = c;
-    b = 0;
-  } else if (hh < 3) {
-    r = 0;
-    g = c;
-    b = x;
-  } else if (hh < 4) {
-    r = 0;
-    g = x;
-    b = c;
-  } else if (hh < 5) {
-    r = x;
-    g = 0;
-    b = c;
-  } else {
-    r = c;
-    g = 0;
-    b = x;
-  }
-  return { r: r + m, g: g + m, b: b + m, a: alpha };
-}
-function rgbToOklab(rgba) {
-  const lr = srgbToLinear(rgba.r);
-  const lg = srgbToLinear(rgba.g);
-  const lb = srgbToLinear(rgba.b);
-  const l = Math.cbrt(0.4122214708 * lr + 0.5363325363 * lg + 0.0514459929 * lb);
-  const m = Math.cbrt(0.2119034982 * lr + 0.6806995451 * lg + 0.1073969566 * lb);
-  const s = Math.cbrt(0.0883024619 * lr + 0.2817188376 * lg + 0.6299787005 * lb);
-  return {
-    l: 0.2104542553 * l + 0.793617785 * m - 0.0040720468 * s,
-    a: 1.9779984951 * l - 2.428592205 * m + 0.4505937099 * s,
-    b: 0.0259040371 * l + 0.7827717662 * m - 0.808675766 * s,
-    alpha: rgba.a
-  };
-}
-function oklabToRgb(lab) {
-  const l_ = lab.l + 0.3963377774 * lab.a + 0.2158037573 * lab.b;
-  const m_ = lab.l - 0.1055613458 * lab.a - 0.0638541728 * lab.b;
-  const s_ = lab.l - 0.0894841775 * lab.a - 1.291485548 * lab.b;
-  const l = l_ ** 3;
-  const m = m_ ** 3;
-  const s = s_ ** 3;
-  return {
-    r: linearToSrgb(4.0767416621 * l - 3.3077115913 * m + 0.2309699292 * s),
-    g: linearToSrgb(-1.2684380046 * l + 2.6097574011 * m - 0.3413193965 * s),
-    b: linearToSrgb(-0.0041960863 * l - 0.7034186147 * m + 1.707614701 * s),
-    a: lab.alpha
-  };
-}
-function oklabToOklch(lab) {
-  const c = Math.hypot(lab.a, lab.b);
-  let h = 0;
-  if (c >= 1e-6) {
-    h = Math.atan2(lab.b, lab.a) * 180 / Math.PI;
-    if (h < 0) h += 360;
-    if (h >= 360) h -= 360;
-  }
-  return { l: lab.l, c, h, alpha: lab.alpha };
-}
-function oklchToOklab(lch) {
-  const rad = lch.h * Math.PI / 180;
-  return {
-    l: lch.l,
-    a: lch.c * Math.cos(rad),
-    b: lch.c * Math.sin(rad),
-    alpha: lch.alpha
-  };
-}
-var D65_XYZ = xyToXyz(D65_XY);
-var SRGB_TO_XYZ = rgbToXyzMatrix([0.64, 0.33], [0.3, 0.6], [0.15, 0.06], D65_XYZ);
-var P3_TO_XYZ = rgbToXyzMatrix([0.68, 0.32], [0.265, 0.69], [0.15, 0.06], D65_XYZ);
-var XYZ_TO_SRGB = invert(SRGB_TO_XYZ);
-var XYZ_TO_P3 = invert(P3_TO_XYZ);
-var P3_TO_SRGB_MAT = mul(XYZ_TO_SRGB, P3_TO_XYZ);
-var SRGB_TO_P3_MAT = mul(XYZ_TO_P3, SRGB_TO_XYZ);
-function linearSrgbToDisplayP3(rgb) {
-  const out = apply(SRGB_TO_P3_MAT, [rgb.r, rgb.g, rgb.b]);
-  return { r: out[0], g: out[1], b: out[2], a: rgb.a };
-}
-function displayP3ToLinearSrgb(rgb) {
-  const out = apply(P3_TO_SRGB_MAT, [rgb.r, rgb.g, rgb.b]);
-  return { r: out[0], g: out[1], b: out[2], a: rgb.a };
-}
+  displayP3ToLinearSrgb,
+  hslToRgb,
+  linearToSrgb,
+  oklabToRgb,
+  oklchToOklab,
+  srgbToLinear
+} from "./chunk-F67XMVDI.js";
 
 // src/color/named.ts
 var NAMED_COLORS = {
@@ -610,18 +433,6 @@ function readableTextColor(background, candidates = [BLACK, WHITE]) {
 }
 
 export {
-  srgbToLinear,
-  linearToSrgb,
-  rgbToHsl,
-  hslToRgb,
-  rgbToHsv,
-  hsvToRgb,
-  rgbToOklab,
-  oklabToRgb,
-  oklabToOklch,
-  oklchToOklab,
-  linearSrgbToDisplayP3,
-  displayP3ToLinearSrgb,
   NAMED_COLORS,
   parseColor,
   isColor,

package/dist/{chunk-GOBOCZZI.js → chunk-LEQKZGQI.js}

@@ -18,7 +18,7 @@ import {
   CHART_STACKINGS,
   CHART_TRENDLINE_TYPES,
   CHART_TYPES
-} from "./chunk-6ZZKRH7R.js";
+} from "./chunk-QARCM66V.js";
 
 // src/chart/schemas.ts
 var VALUE = { type: ["number", "string", "null"], description: 'A number, numeric text ("1,200", "12%", "$40", "(3)") or null for a gap.' };

package/dist/{chunk-M5GLQQWG.cjs → chunk-LJZRHVZV.cjs}

@@ -4,7 +4,7 @@
 var _chunkDWJJI6RTcjs = require('./chunk-DWJJI6RT.cjs');
 
 
-var _chunk4ZC5QJE2cjs = require('./chunk-4ZC5QJE2.cjs');
+var _chunkUTI5IITZcjs = require('./chunk-UTI5IITZ.cjs');
 
 // src/animation/keyframes.ts
 var ANIMATION_TIME_EPSILON = 1e-6;
@@ -46,7 +46,7 @@ function interpolateAnimationValue(from, to, t, type = "number") {
   if (t <= 0) return from;
   if (t >= 1) return to;
   if (type === "color" || typeof from === "string" && typeof to === "string") {
-    const mixed = _chunk4ZC5QJE2cjs.mixColorsOklab.call(void 0, from, to, t);
+    const mixed = _chunkUTI5IITZcjs.mixColorsOklab.call(void 0, from, to, t);
     if (mixed !== null) return mixed;
   }
   return from;