@lostgradient/cinder 0.2.0 → 0.4.0

package/dist/server/components/markdown-editor/markdown-editor.schema.js

@@ -1,35 +1,4 @@
 import { createRequire } from "node:module";
-var __create = Object.create;
-var __getProtoOf = Object.getPrototypeOf;
-var __defProp = Object.defineProperty;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-function __accessProp(key) {
-  return this[key];
-}
-var __toESMCache_node;
-var __toESMCache_esm;
-var __toESM = (mod, isNodeMode, target) => {
-  var canCache = mod != null && typeof mod === "object";
-  if (canCache) {
-    var cache = isNodeMode ? __toESMCache_node ??= new WeakMap : __toESMCache_esm ??= new WeakMap;
-    var cached = cache.get(mod);
-    if (cached)
-      return cached;
-  }
-  target = mod != null ? __create(__getProtoOf(mod)) : {};
-  const to = isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target;
-  for (let key of __getOwnPropNames(mod))
-    if (!__hasOwnProp.call(to, key))
-      __defProp(to, key, {
-        get: __accessProp.bind(mod, key),
-        enumerable: true
-      });
-  if (canCache)
-    cache.set(mod, to);
-  return to;
-};
-var __commonJS = (cb, mod) => () => (mod || cb((mod = { exports: {} }).exports, mod), mod.exports);
 var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
 var __require = /* @__PURE__ */ createRequire(import.meta.url);
 
@@ -89,47 +58,64 @@ var schema = {
     unsupportedProps: [
       {
         name: "onchange",
-        reason: "function-or-snippet"
+        reason: "function-or-snippet",
+        description: "Called when content changes"
       },
       {
-        name: "onCommentShortcut",
-        reason: "function-or-snippet"
+        name: "oncommentshortcut",
+        reason: "function-or-snippet",
+        description: "Called when comment shortcut (Ctrl-Alt-c) is pressed (DEP-47)"
       },
       {
         name: "onmodechange",
-        reason: "function-or-snippet"
+        reason: "function-or-snippet",
+        description: "Called when editor mode changes"
       },
       {
-        name: "onReady",
-        reason: "function-or-snippet"
+        name: "onready",
+        reason: "function-or-snippet",
+        description: "Called when the editor is ready (Milkdown initialized)"
       },
       {
-        name: "onSelectionChange",
-        reason: "function-or-snippet"
+        name: "onselectionchange",
+        reason: "function-or-snippet",
+        description: "Called when selection changes (stub for DEP-39)"
       },
       {
         name: "placeholderCompletion",
-        reason: "unknown-shape"
+        reason: "unknown-shape",
+        description: `Placeholder completion configuration (DEP-583).
+When provided, enables inline suggestion menu for {{…}} tokens in WYSIWYG mode.`
       },
       {
         name: "placeholderDecoration",
-        reason: "unknown-shape"
+        reason: "unknown-shape",
+        description: `Placeholder decoration configuration (DEP-583).
+When provided, decorates invalid {{…}} tokens with CSS class and data attributes.`
       },
       {
         name: "plugins",
-        reason: "function-or-snippet"
+        reason: "function-or-snippet",
+        description: `Additional Milkdown plugins to load.
+Used for comment anchoring (DEP-39), decorations, and other extensions.`
       },
       {
         name: "toolbar",
-        reason: "function-or-snippet"
+        reason: "function-or-snippet",
+        description: `Custom toolbar content. When provided, replaces default toolbar.
+Receives ToolbarContext for building custom toolbar UI.`
       },
       {
         name: "toolbarActions",
-        reason: "function-or-snippet"
+        reason: "function-or-snippet",
+        description: `Additional toolbar actions (appended to default toolbar).
+Use this for adding buttons without replacing the entire toolbar.`
       },
       {
         name: "toolbarLeading",
-        reason: "function-or-snippet"
+        reason: "function-or-snippet",
+        description: `Leading toolbar content (prepended before default toolbar items).
+Useful for adding undo/redo or other leading actions.`
       }
     ]
   }
@@ -139,4 +125,4 @@ export {
   markdown_editor_schema_default as default
 };
 
-//# debugId=9AF3929CFB6BAF2664756E2164756E21
+//# debugId=5DCA93906120C1EE64756E2164756E21

package/dist/server/components/markdown-editor/markdown-editor.variables.js

@@ -1,35 +1,4 @@
 import { createRequire } from "node:module";
-var __create = Object.create;
-var __getProtoOf = Object.getPrototypeOf;
-var __defProp = Object.defineProperty;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-function __accessProp(key) {
-  return this[key];
-}
-var __toESMCache_node;
-var __toESMCache_esm;
-var __toESM = (mod, isNodeMode, target) => {
-  var canCache = mod != null && typeof mod === "object";
-  if (canCache) {
-    var cache = isNodeMode ? __toESMCache_node ??= new WeakMap : __toESMCache_esm ??= new WeakMap;
-    var cached = cache.get(mod);
-    if (cached)
-      return cached;
-  }
-  target = mod != null ? __create(__getProtoOf(mod)) : {};
-  const to = isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target;
-  for (let key of __getOwnPropNames(mod))
-    if (!__hasOwnProp.call(to, key))
-      __defProp(to, key, {
-        get: __accessProp.bind(mod, key),
-        enumerable: true
-      });
-  if (canCache)
-    cache.set(mod, to);
-  return to;
-};
-var __commonJS = (cb, mod) => () => (mod || cb((mod = { exports: {} }).exports, mod), mod.exports);
 var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
 var __require = /* @__PURE__ */ createRequire(import.meta.url);
 
@@ -40,4 +9,4 @@ export {
   markdown_editor_variables_default as default
 };
 
-//# debugId=89CF04B40E03631964756E2164756E21
+//# debugId=30F0A8D23203FF2464756E2164756E21

package/dist/server/components/masonry/index.css

@@ -0,0 +1,14 @@
+/* src/components/masonry/masonry.css */
+@layer cinder.tokens, cinder.foundation, cinder.components, cinder.utilities;
+
+@layer cinder.components {
+  .cinder-masonry {
+    column-count: var(--cinder-masonry-columns, 3);
+    column-gap: var(--cinder-masonry-gap, var(--cinder-space-4));
+  }
+
+  .cinder-masonry > * {
+    break-inside: avoid;
+    margin-block-end: var(--cinder-masonry-gap, var(--cinder-space-4));
+  }
+}

package/dist/server/components/masonry/index.js

@@ -0,0 +1,48 @@
+import { createRequire } from "node:module";
+var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
+var __require = /* @__PURE__ */ createRequire(import.meta.url);
+
+// src/components/masonry/masonry.svelte
+import * as $ from "svelte/internal/server";
+
+// src/utilities/class-names.ts
+function classNames(...parts) {
+  return parts.filter((part) => typeof part === "string" && part.length > 0).join(" ");
+}
+
+// src/components/masonry/masonry.svelte
+function Masonry($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      columns,
+      gap,
+      as = "div",
+      class: customClassName,
+      children,
+      $$slots,
+      $$events,
+      ...rest
+    } = $$props;
+    $.element($$renderer2, as, () => {
+      $$renderer2.push(`${$.attributes({
+        ...rest,
+        class: $.clsx(classNames("cinder-masonry", customClassName))
+      }, undefined, undefined, {
+        "--cinder-masonry-columns": columns,
+        "--cinder-masonry-gap": gap
+      })}`);
+    }, () => {
+      children?.($$renderer2);
+      $$renderer2.push(`<!---->`);
+    });
+  });
+}
+
+// src/components/masonry/index.ts
+var masonry_default = Masonry;
+export {
+  masonry_default as default,
+  Masonry
+};
+
+//# debugId=4AC57543F8ACF0CA64756E2164756E21

package/dist/server/components/masonry/masonry.schema.js

@@ -0,0 +1,45 @@
+import { createRequire } from "node:module";
+var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
+var __require = /* @__PURE__ */ createRequire(import.meta.url);
+
+// src/components/masonry/masonry.schema.ts
+var schema = {
+  $schema: "https://json-schema.org/draft/2020-12/schema",
+  type: "object",
+  properties: {
+    columns: {
+      type: "string",
+      description: "CSS column count value."
+    },
+    gap: {
+      type: "string",
+      description: "Gap between columns and between direct children."
+    },
+    as: {
+      enum: ["article", "aside", "div", "footer", "header", "main", "nav", "section", "ul", "ol"],
+      description: "Rendered HTML tag. Constrained to layout-safe container elements;\nvoid elements such as `img`, `input`, `br`, and `hr` are excluded.",
+      default: "div"
+    },
+    class: {
+      type: "string",
+      description: "Custom class merged with `.cinder-masonry`."
+    }
+  },
+  additionalProperties: false,
+  metadata: {
+    unsupportedProps: [
+      {
+        name: "children",
+        reason: "function-or-snippet",
+        required: true,
+        description: "Masonry contents."
+      }
+    ]
+  }
+};
+var masonry_schema_default = schema;
+export {
+  masonry_schema_default as default
+};
+
+//# debugId=B10CA31FDDF4E2CF64756E2164756E21

package/dist/server/components/masonry/masonry.variables.js

@@ -0,0 +1,12 @@
+import { createRequire } from "node:module";
+var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
+var __require = /* @__PURE__ */ createRequire(import.meta.url);
+
+// src/components/masonry/masonry.variables.ts
+var variables = [];
+var masonry_variables_default = variables;
+export {
+  masonry_variables_default as default
+};
+
+//# debugId=199240F070864E6164756E2164756E21

package/dist/server/components/matrix-chart/index.css

@@ -30,6 +30,10 @@
     stroke-width: 1.5;
   }
 
+  .cinder-matrix-chart__cell[data-cinder-active] {
+    filter: brightness(1.15);
+  }
+
   .cinder-matrix-chart__cell-label {
     font-size: var(--cinder-text-xs);
     pointer-events: none;

package/dist/server/components/matrix-chart/index.js

@@ -1,40 +1,9 @@
 import { createRequire } from "node:module";
-var __create = Object.create;
-var __getProtoOf = Object.getPrototypeOf;
-var __defProp = Object.defineProperty;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-function __accessProp(key) {
-  return this[key];
-}
-var __toESMCache_node;
-var __toESMCache_esm;
-var __toESM = (mod, isNodeMode, target) => {
-  var canCache = mod != null && typeof mod === "object";
-  if (canCache) {
-    var cache = isNodeMode ? __toESMCache_node ??= new WeakMap : __toESMCache_esm ??= new WeakMap;
-    var cached = cache.get(mod);
-    if (cached)
-      return cached;
-  }
-  target = mod != null ? __create(__getProtoOf(mod)) : {};
-  const to = isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target;
-  for (let key of __getOwnPropNames(mod))
-    if (!__hasOwnProp.call(to, key))
-      __defProp(to, key, {
-        get: __accessProp.bind(mod, key),
-        enumerable: true
-      });
-  if (canCache)
-    cache.set(mod, to);
-  return to;
-};
-var __commonJS = (cb, mod) => () => (mod || cb((mod = { exports: {} }).exports, mod), mod.exports);
 var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
 var __require = /* @__PURE__ */ createRequire(import.meta.url);
 
 // src/components/matrix-chart/matrix-chart.svelte
-import * as $ from "svelte/internal/server";
+import * as $2 from "svelte/internal/server";
 
 // src/_internal/chart/chart-utilities.ts
 var chartPalette = [
@@ -775,10 +744,29 @@ function classNames(...parts) {
   return parts.filter((part) => typeof part === "string" && part.length > 0).join(" ");
 }
 
+// src/utilities/use-resize-observer.svelte.ts
+import * as $ from "svelte/internal/server";
+function useResizeObserver(onResize, options = {}) {
+  const { box, enabled = () => true } = options;
+  return (node) => {
+    if (typeof ResizeObserver === "undefined") {
+      return () => {};
+    }
+    let observer = null;
+    const disconnectObserver = () => {
+      observer?.disconnect();
+      observer = null;
+    };
+    return () => {
+      disconnectObserver();
+    };
+  };
+}
+
 // src/components/matrix-chart/matrix-chart.svelte
 function Matrix_chart($$renderer, $$props) {
   $$renderer.component(($$renderer2) => {
-    const generatedId = $.props_id($$renderer2);
+    const generatedId = $2.props_id($$renderer2);
     let {
       label,
       description,
@@ -800,17 +788,21 @@ function Matrix_chart($$renderer, $$props) {
       $$events,
       ...rest
     } = $$props;
-    const rootId = $.derived(() => id ?? generatedId);
-    const descriptionId = $.derived(() => description ? `${rootId()}-description` : undefined);
+    const rootId = $2.derived(() => id ?? generatedId);
+    const descriptionId = $2.derived(() => description ? `${rootId()}-description` : undefined);
     const marginTop = 40;
     const marginRight = 16;
     const marginBottom = 16;
     const marginLeft = 80;
     let measuredWidth = 400;
-    let rootElement = undefined;
-    const plotWidth = $.derived(() => Math.max(1, measuredWidth - marginLeft - marginRight));
-    const plotHeight = $.derived(() => Math.max(1, height - marginTop - marginBottom));
-    const xLabels = $.derived(() => {
+    const observeResize = useResizeObserver((entries) => {
+      const entry = entries[0];
+      if (entry && entry.contentRect.width > 0)
+        measuredWidth = entry.contentRect.width;
+    });
+    const plotWidth = $2.derived(() => Math.max(1, measuredWidth - marginLeft - marginRight));
+    const plotHeight = $2.derived(() => Math.max(1, height - marginTop - marginBottom));
+    const xLabels = $2.derived(() => {
       const seen = new Set;
       const result = [];
       for (const datum of data) {
@@ -825,7 +817,7 @@ function Matrix_chart($$renderer, $$props) {
       }
       return result;
     });
-    const yLabels = $.derived(() => {
+    const yLabels = $2.derived(() => {
       const seen = new Set;
       const result = [];
       for (const datum of data) {
@@ -840,10 +832,10 @@ function Matrix_chart($$renderer, $$props) {
       }
       return result;
     });
-    const isEmpty = $.derived(() => xLabels().length === 0 || yLabels().length === 0);
-    const cellWidth = $.derived(() => xLabels().length > 0 ? plotWidth() / xLabels().length : 0);
-    const cellHeight = $.derived(() => yLabels().length > 0 ? plotHeight() / yLabels().length : 0);
-    const valueLookup = $.derived(() => {
+    const isEmpty = $2.derived(() => xLabels().length === 0 || yLabels().length === 0);
+    const cellWidth = $2.derived(() => xLabels().length > 0 ? plotWidth() / xLabels().length : 0);
+    const cellHeight = $2.derived(() => yLabels().length > 0 ? plotHeight() / yLabels().length : 0);
+    const valueLookup = $2.derived(() => {
       const lookup = new Map;
       for (const datum of data) {
         const xRaw = datum[xField];
@@ -866,7 +858,7 @@ function Matrix_chart($$renderer, $$props) {
     function lookupValue(xLabel, yLabel) {
       return valueLookup().get(xLabel)?.get(yLabel) ?? null;
     }
-    const cells = $.derived(() => {
+    const cells = $2.derived(() => {
       const result = [];
       for (const [yIndex, currentYLabel] of yLabels().entries()) {
         for (const [xIndex, currentXLabel] of xLabels().entries()) {
@@ -884,7 +876,7 @@ function Matrix_chart($$renderer, $$props) {
       }
       return result;
     });
-    const domain = $.derived(() => heatmapDomain(cells().map((cell) => cell.value)));
+    const domain = $2.derived(() => heatmapDomain(cells().map((cell) => cell.value)));
     function cellFill(value) {
       return heatmapCellFill(value, domain(), colorScale);
     }
@@ -896,8 +888,12 @@ function Matrix_chart($$renderer, $$props) {
     function cellLabelFill(value) {
       return heatmapLabelFill(value, domain(), colorScale);
     }
-    const hasDataTable = $.derived(() => dataTableVisibility !== "hidden");
-    const tableRows = $.derived(() => {
+    const hasDataTable = $2.derived(() => dataTableVisibility !== "hidden");
+    let hoveredCellKey = null;
+    function handlePlotPointerLeave() {
+      hoveredCellKey = null;
+    }
+    const tableRows = $2.derived(() => {
       return yLabels().map((currentYLabel) => {
         const values = xLabels().map((currentXLabel) => ({
           xLabel: currentXLabel,
@@ -906,21 +902,21 @@ function Matrix_chart($$renderer, $$props) {
         return { yLabel: currentYLabel, values };
       });
     });
-    $$renderer2.push(`<figure${$.attributes({
+    $$renderer2.push(`<figure${$2.attributes({
       ...rest,
       id: rootId(),
-      class: $.clsx(classNames("cinder-matrix-chart", customClassName)),
+      class: $2.clsx(classNames("cinder-matrix-chart", customClassName)),
       "aria-label": label,
       "aria-describedby": descriptionId(),
       "data-cinder-color-scale": colorScale
     })}>`);
     if (description) {
       $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<p${$.attr("id", descriptionId())} class="cinder-matrix-chart__description">${$.escape(description)}</p>`);
+      $$renderer2.push(`<p${$2.attr("id", descriptionId())} class="cinder-matrix-chart__description">${$2.escape(description)}</p>`);
     } else {
       $$renderer2.push("<!--[-1-->");
     }
-    $$renderer2.push(`<!--]--> <div class="cinder-matrix-chart__viewport"${$.attr("data-cinder-loading", loading || undefined)}${$.attr_style("", { height: `${$.stringify(height)}px` })}>`);
+    $$renderer2.push(`<!--]--> <div class="cinder-matrix-chart__viewport"${$2.attr("data-cinder-loading", loading || undefined)}${$2.attr_style("", { height: `${$2.stringify(height)}px` })}>`);
     if (loading) {
       $$renderer2.push("<!--[0-->");
       $$renderer2.push(`<div class="cinder-matrix-chart__state">`);
@@ -948,36 +944,36 @@ function Matrix_chart($$renderer, $$props) {
     } else {
       $$renderer2.push("<!--[-1-->");
     }
-    $$renderer2.push(`<!--]--> <svg role="img"${$.attr("viewBox", `0 0 ${measuredWidth} ${height}`)}${$.attr("aria-hidden", loading || isEmpty() ? "true" : undefined)}${$.attr("aria-labelledby", !loading && !isEmpty() ? `${rootId()}-svg-title` : undefined)}>`);
+    $$renderer2.push(`<!--]--> <svg role="img"${$2.attr("viewBox", `0 0 ${measuredWidth} ${height}`)}${$2.attr("aria-hidden", loading || isEmpty() ? "true" : undefined)}${$2.attr("aria-labelledby", !loading && !isEmpty() ? `${rootId()}-svg-title` : undefined)}>`);
     if (!loading && !isEmpty()) {
       $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<title${$.attr("id", `${$.stringify(rootId())}-svg-title`)}>${$.escape(label)}</title>`);
+      $$renderer2.push(`<title${$2.attr("id", `${$2.stringify(rootId())}-svg-title`)}>${$2.escape(label)}</title>`);
     } else {
       $$renderer2.push("<!--[-1-->");
     }
     $$renderer2.push(`<!--]-->`);
     if (!loading && !isEmpty()) {
       $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<g${$.attr("transform", `translate(${marginLeft}, ${marginTop})`)}><!--[-->`);
-      const each_array = $.ensure_array_like(xLabels());
+      $$renderer2.push(`<g role="presentation"${$2.attr("transform", `translate(${marginLeft}, ${marginTop})`)}><!--[-->`);
+      const each_array = $2.ensure_array_like(xLabels());
       for (let index = 0, $$length = each_array.length;index < $$length; index++) {
         let xLabel = each_array[index];
-        $$renderer2.push(`<text class="cinder-matrix-chart__tick-label"${$.attr("x", index * cellWidth() + cellWidth() / 2)}${$.attr("y", -8)} text-anchor="middle" dominant-baseline="auto">${$.escape(xLabel)}</text>`);
+        $$renderer2.push(`<text class="cinder-matrix-chart__tick-label"${$2.attr("x", index * cellWidth() + cellWidth() / 2)}${$2.attr("y", -8)} text-anchor="middle" dominant-baseline="auto">${$2.escape(xLabel)}</text>`);
       }
       $$renderer2.push(`<!--]--><!--[-->`);
-      const each_array_1 = $.ensure_array_like(yLabels());
+      const each_array_1 = $2.ensure_array_like(yLabels());
       for (let index = 0, $$length = each_array_1.length;index < $$length; index++) {
         let yLabel = each_array_1[index];
-        $$renderer2.push(`<text class="cinder-matrix-chart__tick-label"${$.attr("x", -8)}${$.attr("y", index * cellHeight() + cellHeight() / 2)} text-anchor="end" dominant-baseline="middle">${$.escape(yLabel)}</text>`);
+        $$renderer2.push(`<text class="cinder-matrix-chart__tick-label"${$2.attr("x", -8)}${$2.attr("y", index * cellHeight() + cellHeight() / 2)} text-anchor="end" dominant-baseline="middle">${$2.escape(yLabel)}</text>`);
       }
       $$renderer2.push(`<!--]--><!--[-->`);
-      const each_array_2 = $.ensure_array_like(cells());
+      const each_array_2 = $2.ensure_array_like(cells());
       for (let $$index_2 = 0, $$length = each_array_2.length;$$index_2 < $$length; $$index_2++) {
         let cell = each_array_2[$$index_2];
-        $$renderer2.push(`<g><rect class="cinder-matrix-chart__cell"${$.attr("x", cell.x)}${$.attr("y", cell.y)}${$.attr("width", cell.width)}${$.attr("height", cell.height)}${$.attr("fill", cellFill(cell.value))} aria-hidden="true"${$.attr("data-cinder-x", cell.xLabel)}${$.attr("data-cinder-y", cell.yLabel)}><title>${$.escape(cell.xLabel)} × ${$.escape(cell.yLabel)}: ${$.escape(cell.value !== null ? formatValue(cell.value) : "no data")}</title></rect>`);
+        $$renderer2.push(`<g><rect class="cinder-matrix-chart__cell"${$2.attr("x", cell.x)}${$2.attr("y", cell.y)}${$2.attr("width", cell.width)}${$2.attr("height", cell.height)}${$2.attr("fill", cellFill(cell.value))} aria-hidden="true"${$2.attr("data-cinder-x", cell.xLabel)}${$2.attr("data-cinder-y", cell.yLabel)}${$2.attr("data-cinder-active", hoveredCellKey === cell.key ? "" : undefined)}><title>${$2.escape(cell.xLabel)} × ${$2.escape(cell.yLabel)}: ${$2.escape(cell.value !== null ? formatValue(cell.value) : "no data")}</title></rect>`);
         if (showCellLabels && cell.value !== null) {
           $$renderer2.push("<!--[0-->");
-          $$renderer2.push(`<text class="cinder-matrix-chart__cell-label"${$.attr("x", cell.x + cell.width / 2)}${$.attr("y", cell.y + cell.height / 2)} text-anchor="middle" dominant-baseline="middle"${$.attr("fill", cellLabelFill(cell.value))} aria-hidden="true">${$.escape(formatValue(cell.value))}</text>`);
+          $$renderer2.push(`<text class="cinder-matrix-chart__cell-label"${$2.attr("x", cell.x + cell.width / 2)}${$2.attr("y", cell.y + cell.height / 2)} text-anchor="middle" dominant-baseline="middle"${$2.attr("fill", cellLabelFill(cell.value))} aria-hidden="true">${$2.escape(formatValue(cell.value))}</text>`);
         } else {
           $$renderer2.push("<!--[-1-->");
         }
@@ -990,21 +986,21 @@ function Matrix_chart($$renderer, $$props) {
     $$renderer2.push(`<!--]--></svg></div> `);
     if (hasDataTable()) {
       $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<table${$.attr_class($.clsx(dataTableClass(dataTableVisibility)))}><caption>${$.escape(dataTableCaption ?? label)}</caption><thead><tr><th scope="col">${$.escape(yField)}</th><!--[-->`);
-      const each_array_3 = $.ensure_array_like(xLabels());
+      $$renderer2.push(`<table${$2.attr_class($2.clsx(dataTableClass(dataTableVisibility)))}><caption>${$2.escape(dataTableCaption ?? label)}</caption><thead><tr><th scope="col">${$2.escape(yField)}</th><!--[-->`);
+      const each_array_3 = $2.ensure_array_like(xLabels());
       for (let $$index_3 = 0, $$length = each_array_3.length;$$index_3 < $$length; $$index_3++) {
         let xLabel = each_array_3[$$index_3];
-        $$renderer2.push(`<th scope="col">${$.escape(xLabel)}</th>`);
+        $$renderer2.push(`<th scope="col">${$2.escape(xLabel)}</th>`);
       }
       $$renderer2.push(`<!--]--></tr></thead><tbody><!--[-->`);
-      const each_array_4 = $.ensure_array_like(tableRows());
+      const each_array_4 = $2.ensure_array_like(tableRows());
       for (let $$index_5 = 0, $$length = each_array_4.length;$$index_5 < $$length; $$index_5++) {
         let row = each_array_4[$$index_5];
-        $$renderer2.push(`<tr><th scope="row">${$.escape(row.yLabel)}</th><!--[-->`);
-        const each_array_5 = $.ensure_array_like(row.values);
+        $$renderer2.push(`<tr><th scope="row">${$2.escape(row.yLabel)}</th><!--[-->`);
+        const each_array_5 = $2.ensure_array_like(row.values);
         for (let $$index_4 = 0, $$length2 = each_array_5.length;$$index_4 < $$length2; $$index_4++) {
           let cell = each_array_5[$$index_4];
-          $$renderer2.push(`<td>${$.escape(cell.value !== null ? formatValue(cell.value) : "—")}</td>`);
+          $$renderer2.push(`<td>${$2.escape(cell.value !== null ? formatValue(cell.value) : "—")}</td>`);
         }
         $$renderer2.push(`<!--]--></tr>`);
       }
@@ -1023,4 +1019,4 @@ export {
   Matrix_chart as MatrixChart
 };
 
-//# debugId=D179EAFBCFE3E91764756E2164756E21
+//# debugId=E3BD5937FD8FC78D64756E2164756E21