@lostgradient/cinder 0.6.0 → 0.8.0

package/dist/components/source-diff-viewer/index.js

@@ -687,31 +687,32 @@ function parseUnifiedPatch(patch, options = {}) {
 }
 
 // src/components/source-diff-viewer/source-diff-viewer.svelte
-var root_1 = $.from_html(`<p class="cinder-source-diff-viewer__empty"> </p>`);
-var root_3 = $.from_html(`<div class="cinder-source-diff-viewer__notice" role="status"> </div>`);
-var root_6 = $.from_html(`<code> </code>`);
-var root_5 = $.from_html(`<div class="cinder-source-diff-viewer__metadata" role="group" aria-label="File metadata"></div>`);
-var root_10 = $.from_html(`<span class="cinder-source-diff-viewer__line-number" aria-hidden="true"> </span> <span class="cinder-source-diff-viewer__line-number" aria-hidden="true"> </span>`, 1);
-var root_9 = $.from_html(`<div class="cinder-source-diff-viewer__line"><!> <span class="cinder-sr-only"> </span> <code class="cinder-source-diff-viewer__line-code" aria-hidden="true"> </code></div>`);
-var root_8 = $.from_html(`<div class="cinder-source-diff-viewer__hunk"><div class="cinder-source-diff-viewer__hunk-header"> </div> <section class="cinder-source-diff-viewer__lines"></section></div>`);
-var root_4 = $.from_html(`<section class="cinder-source-diff-viewer__file"><header class="cinder-source-diff-viewer__file-header"><span class="cinder-source-diff-viewer__file-path"> </span></header> <!> <!></section>`);
-var root_2 = $.from_html(`<!> <!>`, 1);
-var root = $.from_html(`<div><!></div>`);
+var rest_excludes = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "patch",
+  "ariaLabel",
+  "aria-label",
+  "aria-labelledby",
+  "maxLines",
+  "lineNumbers",
+  "emptyMessage",
+  "class"
+]);
+var root = $.from_html(`<p class="cinder-source-diff-viewer__empty"> </p>`);
+var root_1 = $.from_html(`<div class="cinder-source-diff-viewer__notice" role="status"> </div>`);
+var root_2 = $.from_html(`<code> </code>`);
+var root_3 = $.from_html(`<div class="cinder-source-diff-viewer__metadata" role="group" aria-label="File metadata"></div>`);
+var root_4 = $.from_html(`<span class="cinder-source-diff-viewer__line-number" aria-hidden="true"> </span> <span class="cinder-source-diff-viewer__line-number" aria-hidden="true"> </span>`, 1);
+var root_5 = $.from_html(`<div class="cinder-source-diff-viewer__line"><!> <span class="cinder-sr-only"> </span> <code class="cinder-source-diff-viewer__line-code" aria-hidden="true"> </code></div>`);
+var root_6 = $.from_html(`<div class="cinder-source-diff-viewer__hunk"><div class="cinder-source-diff-viewer__hunk-header"> </div> <section class="cinder-source-diff-viewer__lines"></section></div>`);
+var root_7 = $.from_html(`<section class="cinder-source-diff-viewer__file"><header class="cinder-source-diff-viewer__file-header"><span class="cinder-source-diff-viewer__file-path"> </span></header> <!> <!></section>`);
+var root_8 = $.from_html(`<!> <!>`, 1);
+var root_9 = $.from_html(`<div><!></div>`);
 function Source_diff_viewer($$anchor, $$props) {
   $.push($$props, true);
-  let maxLines = $.prop($$props, "maxLines", 3, 1000), lineNumbers = $.prop($$props, "lineNumbers", 3, true), emptyMessage = $.prop($$props, "emptyMessage", 3, "No patch lines to display."), rest = $.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "patch",
-    "ariaLabel",
-    "aria-label",
-    "aria-labelledby",
-    "maxLines",
-    "lineNumbers",
-    "emptyMessage",
-    "class"
-  ]);
+  let maxLines = $.prop($$props, "maxLines", 3, 1000), lineNumbers = $.prop($$props, "lineNumbers", 3, true), emptyMessage = $.prop($$props, "emptyMessage", 3, "No patch lines to display."), rest = $.rest_props($$props, rest_excludes);
   const parsedPatch = $.derived(() => parseUnifiedPatch($$props.patch, { maxLines: maxLines() }));
   const hasPatchContent = $.derived(() => $.get(parsedPatch).files.length > 0 || $.get(parsedPatch).totalLineCount > 0);
   const normalizedAriaLabelledBy = $.derived(() => normalizeAriaLabel($$props["aria-labelledby"]));
@@ -725,7 +726,7 @@ function Source_diff_viewer($$anchor, $$props) {
   function normalizeAriaLabel(value) {
     return typeof value === "string" && value.trim() ? value.trim() : undefined;
   }
-  var div = root();
+  var div = root_9();
   $.attribute_effect(div, ($0) => ({
     ...rest,
     class: $0,
@@ -736,18 +737,18 @@ function Source_diff_viewer($$anchor, $$props) {
   var node = $.child(div);
   {
     var consequent = ($$anchor2) => {
-      var p = root_1();
+      var p = root();
       var text = $.child(p, true);
       $.reset(p);
       $.template_effect(() => $.set_text(text, emptyMessage()));
       $.append($$anchor2, p);
     };
     var alternate = ($$anchor2) => {
-      var fragment = root_2();
+      var fragment = root_8();
       var node_1 = $.first_child(fragment);
       {
         var consequent_1 = ($$anchor3) => {
-          var div_1 = root_3();
+          var div_1 = root_1();
           var text_1 = $.child(div_1);
           $.reset(div_1);
           $.template_effect(() => $.set_text(text_1, `Showing first ${$.get(parsedPatch).renderedLineCount ?? ""} of ${$.get(parsedPatch).totalLineCount ?? ""} diff lines.`));
@@ -761,7 +762,7 @@ function Source_diff_viewer($$anchor, $$props) {
       var node_2 = $.sibling(node_1, 2);
       $.each(node_2, 19, () => $.get(parsedPatch).files, (file, fileIndex) => `${fileIndex}:${file.header ?? `${file.oldPath ?? ""}:${file.newPath ?? ""}`}`, ($$anchor3, file) => {
         const fileLabel = $.derived(() => getSourceDiffFileLabel($.get(file)));
-        var section = root_4();
+        var section = root_7();
         var header = $.child(section);
         var span = $.child(header);
         var text_2 = $.child(span, true);
@@ -770,9 +771,9 @@ function Source_diff_viewer($$anchor, $$props) {
         var node_3 = $.sibling(header, 2);
         {
           var consequent_2 = ($$anchor4) => {
-            var div_2 = root_5();
+            var div_2 = root_3();
             $.each(div_2, 23, () => $.get(file).metadata, (metadataLine, metadataIndex) => `${metadataIndex}:${metadataLine}`, ($$anchor5, metadataLine) => {
-              var code = root_6();
+              var code = root_2();
               var text_3 = $.child(code, true);
               $.reset(code);
               $.template_effect(() => $.set_text(text_3, $.get(metadataLine)));
@@ -792,17 +793,17 @@ function Source_diff_viewer($$anchor, $$props) {
           var node_5 = $.first_child(fragment_1);
           {
             var consequent_4 = ($$anchor5) => {
-              var div_3 = root_8();
+              var div_3 = root_6();
               var div_4 = $.child(div_3);
               var text_4 = $.child(div_4, true);
               $.reset(div_4);
               var section_1 = $.sibling(div_4, 2);
               $.each(section_1, 23, () => $.get(hunk).lines, (line, lineIndex) => `${lineIndex}:${line.kind}:${line.oldLineNumber ?? ""}:${line.newLineNumber ?? ""}`, ($$anchor6, line) => {
-                var div_5 = root_9();
+                var div_5 = root_5();
                 var node_6 = $.child(div_5);
                 {
                   var consequent_3 = ($$anchor7) => {
-                    var fragment_2 = root_10();
+                    var fragment_2 = root_4();
                     var span_1 = $.first_child(fragment_2);
                     var text_5 = $.child(span_1, true);
                     $.reset(span_1);
@@ -883,4 +884,4 @@ export {
   Source_diff_viewer as SourceDiffViewer
 };
 
-//# debugId=F6A0BEF75DD772D364756E2164756E21
+//# debugId=6C89ADE48AF33C7664756E2164756E21

package/dist/components/sparkbar/index.js

@@ -64,24 +64,25 @@ function classNames(...parts) {
 }
 
 // src/components/sparkbar/sparkbar.svelte
-var root_1 = $.from_html(`<span class="cinder-sparkbar__trailing"> </span>`);
-var root = $.from_html(`<div><div class="cinder-sparkbar__row"><span class="cinder-sparkbar__label"> </span> <!></div> <div class="cinder-sparkbar__track" aria-hidden="true"><div class="cinder-sparkbar__fill"></div></div></div>`);
+var rest_excludes = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "value",
+  "max",
+  "label",
+  "trailing",
+  "size",
+  "variant",
+  "ariaLabel",
+  "ariaValueText",
+  "class"
+]);
+var root = $.from_html(`<span class="cinder-sparkbar__trailing"> </span>`);
+var root_1 = $.from_html(`<div><div class="cinder-sparkbar__row"><span class="cinder-sparkbar__label"> </span> <!></div> <div class="cinder-sparkbar__track" aria-hidden="true"><div class="cinder-sparkbar__fill"></div></div></div>`);
 function Sparkbar($$anchor, $$props) {
   $.push($$props, true);
-  let max = $.prop($$props, "max", 3, 1), size = $.prop($$props, "size", 3, "md"), variant = $.prop($$props, "variant", 3, "accent"), rest = $.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "value",
-    "max",
-    "label",
-    "trailing",
-    "size",
-    "variant",
-    "ariaLabel",
-    "ariaValueText",
-    "class"
-  ]);
+  let max = $.prop($$props, "max", 3, 1), size = $.prop($$props, "size", 3, "md"), variant = $.prop($$props, "variant", 3, "accent"), rest = $.rest_props($$props, rest_excludes);
   const effectiveMax = $.derived(() => Number.isFinite(max()) && max() > 0 ? max() : 1);
   const clampedValue = $.derived(() => Number.isFinite($$props.value) ? Math.max(0, Math.min($.get(effectiveMax), $$props.value)) : 0);
   const percent = $.derived(() => Math.round($.get(clampedValue) / $.get(effectiveMax) * 100));
@@ -90,7 +91,7 @@ function Sparkbar($$anchor, $$props) {
   const normalizedAriaValueText = $.derived(() => $$props.ariaValueText?.trim() || undefined);
   const accessibleName = $.derived(() => $.get(normalizedAriaLabel) ?? `${$$props.label}, ${$.get(percent)}%`);
   const accessibleValueText = $.derived(() => $.get(normalizedAriaValueText) ?? $.get(normalizedTrailing));
-  var div = root();
+  var div = root_1();
   $.attribute_effect(div, ($0) => ({
     ...rest,
     class: $0,
@@ -110,7 +111,7 @@ function Sparkbar($$anchor, $$props) {
   var node = $.sibling(span, 2);
   {
     var consequent = ($$anchor2) => {
-      var span_1 = root_1();
+      var span_1 = root();
       var text_1 = $.child(span_1, true);
       $.reset(span_1);
       $.template_effect(() => $.set_text(text_1, $.get(normalizedTrailing)));
@@ -144,4 +145,4 @@ export {
   Sparkbar
 };
 
-//# debugId=5F47506FA597864064756E2164756E21
+//# debugId=426931D99A8E75E164756E2164756E21

package/dist/components/spectrogram/index.js

@@ -839,39 +839,39 @@ function useResizeObserver(onResize, options = {}) {
 }
 
 // src/components/spectrogram/spectrogram.svelte
-var root_1 = $2.from_html(`<p class="cinder-spectrogram__description"> </p>`);
-var root_2 = $2.from_html(`<div class="cinder-spectrogram__state"><!></div>`);
-var root_5 = $2.from_html(`<div class="cinder-spectrogram__state"><!></div>`);
-var root_8 = $2.from_svg(`<title> </title>`);
-var root_11 = $2.from_svg(`<rect class="cinder-spectrogram__cell" aria-hidden="true"></rect>`);
-var root_13 = $2.from_svg(`<text class="cinder-spectrogram__tick-label" text-anchor="end" dominant-baseline="middle"> </text>`);
-var root_15 = $2.from_svg(`<text class="cinder-spectrogram__tick-label" text-anchor="middle" dominant-baseline="auto"> </text>`);
-var root_9 = $2.from_svg(`<g><!><!><!></g>`);
-var root_17 = $2.from_html(`<th scope="col"> </th>`);
-var root_19 = $2.from_html(`<td> </td>`);
-var root_18 = $2.from_html(`<tr><th scope="row"> </th><!></tr>`);
-var root_16 = $2.from_html(`<table><caption> </caption><thead><tr><th scope="col">Frequency bin</th><!></tr></thead><tbody></tbody></table>`);
-var root = $2.from_html(`<figure><!> <div class="cinder-spectrogram__viewport"><!> <svg role="img"><!><!></svg></div> <!></figure>`);
+var rest_excludes = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "label",
+  "description",
+  "frames",
+  "frequencyLabels",
+  "height",
+  "loading",
+  "dataTableVisibility",
+  "dataTableCaption",
+  "class",
+  "empty",
+  "loadingContent",
+  "id"
+]);
+var root = $2.from_html(`<p class="cinder-spectrogram__description"> </p>`);
+var root_1 = $2.from_html(`<div class="cinder-spectrogram__state"><!></div>`);
+var root_2 = $2.from_svg(`<title> </title>`);
+var root_3 = $2.from_svg(`<rect class="cinder-spectrogram__cell" aria-hidden="true"></rect>`);
+var root_4 = $2.from_svg(`<text class="cinder-spectrogram__tick-label" text-anchor="end" dominant-baseline="middle"> </text>`);
+var root_5 = $2.from_svg(`<text class="cinder-spectrogram__tick-label" text-anchor="middle" dominant-baseline="auto"> </text>`);
+var root_6 = $2.from_svg(`<g><!><!><!></g>`);
+var root_7 = $2.from_html(`<th scope="col"> </th>`);
+var root_8 = $2.from_html(`<td> </td>`);
+var root_9 = $2.from_html(`<tr><th scope="row"> </th><!></tr>`);
+var root_10 = $2.from_html(`<table><caption> </caption><thead><tr><th scope="col">Frequency bin</th><!></tr></thead><tbody></tbody></table>`);
+var root_11 = $2.from_html(`<figure><!> <div class="cinder-spectrogram__viewport"><!> <svg role="img"><!><!></svg></div> <!></figure>`);
 function Spectrogram($$anchor, $$props) {
   const generatedId = $2.props_id();
   $2.push($$props, true);
-  let height = $2.prop($$props, "height", 3, 200), loading = $2.prop($$props, "loading", 3, false), dataTableVisibility = $2.prop($$props, "dataTableVisibility", 3, "screen-reader-only"), rest = $2.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "label",
-    "description",
-    "frames",
-    "frequencyLabels",
-    "height",
-    "loading",
-    "dataTableVisibility",
-    "dataTableCaption",
-    "class",
-    "empty",
-    "loadingContent",
-    "id"
-  ]);
+  let height = $2.prop($$props, "height", 3, 200), loading = $2.prop($$props, "loading", 3, false), dataTableVisibility = $2.prop($$props, "dataTableVisibility", 3, "screen-reader-only"), rest = $2.rest_props($$props, rest_excludes);
   const rootId = $2.derived(() => $$props.id ?? generatedId);
   const descriptionId = $2.derived(() => $$props.description ? `${$2.get(rootId)}-description` : undefined);
   const marginTop = 8;
@@ -920,7 +920,7 @@ function Spectrogram($$anchor, $$props) {
       return "—";
     return new Intl.NumberFormat(undefined, { maximumFractionDigits: 3 }).format(value);
   }
-  var figure = root();
+  var figure = root_11();
   $2.attribute_effect(figure, ($0) => ({
     ...rest,
     id: $2.get(rootId),
@@ -931,7 +931,7 @@ function Spectrogram($$anchor, $$props) {
   var node = $2.child(figure);
   {
     var consequent = ($$anchor2) => {
-      var p = root_1();
+      var p = root();
       var text2 = $2.child(p, true);
       $2.reset(p);
       $2.template_effect(() => {
@@ -950,7 +950,7 @@ function Spectrogram($$anchor, $$props) {
   var node_1 = $2.child(div);
   {
     var consequent_2 = ($$anchor2) => {
-      var div_1 = root_2();
+      var div_1 = root_1();
       var node_2 = $2.child(div_1);
       {
         var consequent_1 = ($$anchor3) => {
@@ -974,7 +974,7 @@ function Spectrogram($$anchor, $$props) {
       $2.append($$anchor2, div_1);
     };
     var consequent_4 = ($$anchor2) => {
-      var div_2 = root_5();
+      var div_2 = root_1();
       var node_4 = $2.child(div_2);
       {
         var consequent_3 = ($$anchor3) => {
@@ -1008,7 +1008,7 @@ function Spectrogram($$anchor, $$props) {
   var node_6 = $2.child(svg);
   {
     var consequent_5 = ($$anchor2) => {
-      var title = root_8();
+      var title = root_2();
       var text_3 = $2.child(title, true);
       $2.reset(title);
       $2.template_effect(() => {
@@ -1025,14 +1025,14 @@ function Spectrogram($$anchor, $$props) {
   var node_7 = $2.sibling(node_6);
   {
     var consequent_8 = ($$anchor2) => {
-      var g = root_9();
+      var g = root_6();
       $2.set_attribute(g, "transform", `translate(${marginLeft}, ${marginTop})`);
       var node_8 = $2.child(g);
       $2.each(node_8, 17, () => $$props.frames, $2.index, ($$anchor3, _frame, frameIndex) => {
         var fragment_2 = $2.comment();
         var node_9 = $2.first_child(fragment_2);
         $2.each(node_9, 16, () => $2.get(binIndices), (binIndex) => binIndex, ($$anchor4, binIndex) => {
-          var rect = root_11();
+          var rect = root_3();
           $2.template_effect(($0, $1) => {
             $2.set_attribute(rect, "x", frameIndex * $2.get(cellWidth));
             $2.set_attribute(rect, "y", $0);
@@ -1053,7 +1053,7 @@ function Spectrogram($$anchor, $$props) {
         var node_11 = $2.first_child(fragment_3);
         {
           var consequent_6 = ($$anchor4) => {
-            var text_4 = root_13();
+            var text_4 = root_4();
             $2.set_attribute(text_4, "x", -6);
             var text_5 = $2.child(text_4, true);
             $2.reset(text_4);
@@ -1076,7 +1076,7 @@ function Spectrogram($$anchor, $$props) {
         var node_13 = $2.first_child(fragment_4);
         {
           var consequent_7 = ($$anchor4) => {
-            var text_6 = root_15();
+            var text_6 = root_5();
             var text_7 = $2.child(text_6, true);
             $2.reset(text_6);
             $2.template_effect(() => {
@@ -1106,7 +1106,7 @@ function Spectrogram($$anchor, $$props) {
   var node_14 = $2.sibling(div, 2);
   {
     var consequent_9 = ($$anchor2) => {
-      var table = root_16();
+      var table = root_10();
       var caption = $2.child(table);
       var text_8 = $2.child(caption, true);
       $2.reset(caption);
@@ -1114,7 +1114,7 @@ function Spectrogram($$anchor, $$props) {
       var tr = $2.child(thead);
       var node_15 = $2.sibling($2.child(tr));
       $2.each(node_15, 17, () => $2.get(tableFrames), (entry) => entry.frameIndex, ($$anchor3, entry) => {
-        var th = root_17();
+        var th = root_7();
         var text_9 = $2.child(th, true);
         $2.reset(th);
         $2.template_effect(() => $2.set_text(text_9, $2.get(entry).frame.label));
@@ -1124,13 +1124,13 @@ function Spectrogram($$anchor, $$props) {
       $2.reset(thead);
       var tbody = $2.sibling(thead);
       $2.each(tbody, 20, () => $2.get(tableBinIndices), (binIndex) => binIndex, ($$anchor3, binIndex) => {
-        var tr_1 = root_18();
+        var tr_1 = root_9();
         var th_1 = $2.child(tr_1);
         var text_10 = $2.child(th_1, true);
         $2.reset(th_1);
         var node_16 = $2.sibling(th_1);
         $2.each(node_16, 17, () => $2.get(tableFrames), (entry) => entry.frameIndex, ($$anchor4, entry) => {
-          var td = root_19();
+          var td = root_8();
           var text_11 = $2.child(td, true);
           $2.reset(td);
           $2.template_effect(($0) => $2.set_text(text_11, $0), [
@@ -1175,4 +1175,4 @@ export {
   Spectrogram
 };
 
-//# debugId=F2D4BD174B92D59664756E2164756E21
+//# debugId=B910728B0321267A64756E2164756E21

package/dist/components/spectrum-chart/index.js

@@ -757,36 +757,36 @@ function useResizeObserver(onResize, options = {}) {
 }
 
 // src/components/spectrum-chart/spectrum-chart.svelte
-var root_1 = $2.from_html(`<p class="cinder-spectrum-chart__description"> </p>`);
-var root_2 = $2.from_html(`<div class="cinder-spectrum-chart__state"><!></div>`);
-var root_5 = $2.from_html(`<div class="cinder-spectrum-chart__state"><!></div>`);
-var root_8 = $2.from_svg(`<title> </title>`);
-var root_10 = $2.from_svg(`<text class="cinder-spectrum-chart__tick-label" text-anchor="end" dominant-baseline="middle"> </text><line class="cinder-spectrum-chart__grid-line" x1="0" aria-hidden="true"></line>`, 1);
-var root_11 = $2.from_svg(`<rect class="cinder-spectrum-chart__bar" aria-hidden="true"></rect>`);
-var root_13 = $2.from_svg(`<text class="cinder-spectrum-chart__tick-label" text-anchor="middle" dominant-baseline="auto"> </text>`);
-var root_9 = $2.from_svg(`<g><!><!><!></g>`);
-var root_15 = $2.from_html(`<tr><td> </td><td> </td></tr>`);
-var root_14 = $2.from_html(`<table><caption> </caption><thead><tr><th scope="col">Frequency</th><th scope="col">Magnitude</th></tr></thead><tbody></tbody></table>`);
-var root = $2.from_html(`<figure><!> <div class="cinder-spectrum-chart__viewport"><!> <svg role="img"><!><!></svg></div> <!></figure>`);
+var rest_excludes = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "label",
+  "description",
+  "bins",
+  "height",
+  "loading",
+  "dataTableVisibility",
+  "dataTableCaption",
+  "class",
+  "empty",
+  "loadingContent",
+  "id"
+]);
+var root = $2.from_html(`<p class="cinder-spectrum-chart__description"> </p>`);
+var root_1 = $2.from_html(`<div class="cinder-spectrum-chart__state"><!></div>`);
+var root_2 = $2.from_svg(`<title> </title>`);
+var root_3 = $2.from_svg(`<text class="cinder-spectrum-chart__tick-label" text-anchor="end" dominant-baseline="middle"> </text><line class="cinder-spectrum-chart__grid-line" x1="0" aria-hidden="true"></line>`, 1);
+var root_4 = $2.from_svg(`<rect class="cinder-spectrum-chart__bar" aria-hidden="true"></rect>`);
+var root_5 = $2.from_svg(`<text class="cinder-spectrum-chart__tick-label" text-anchor="middle" dominant-baseline="auto"> </text>`);
+var root_6 = $2.from_svg(`<g><!><!><!></g>`);
+var root_7 = $2.from_html(`<tr><td> </td><td> </td></tr>`);
+var root_8 = $2.from_html(`<table><caption> </caption><thead><tr><th scope="col">Frequency</th><th scope="col">Magnitude</th></tr></thead><tbody></tbody></table>`);
+var root_9 = $2.from_html(`<figure><!> <div class="cinder-spectrum-chart__viewport"><!> <svg role="img"><!><!></svg></div> <!></figure>`);
 function Spectrum_chart($$anchor, $$props) {
   const generatedId = $2.props_id();
   $2.push($$props, true);
-  let height = $2.prop($$props, "height", 3, 160), loading = $2.prop($$props, "loading", 3, false), dataTableVisibility = $2.prop($$props, "dataTableVisibility", 3, "screen-reader-only"), rest = $2.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "label",
-    "description",
-    "bins",
-    "height",
-    "loading",
-    "dataTableVisibility",
-    "dataTableCaption",
-    "class",
-    "empty",
-    "loadingContent",
-    "id"
-  ]);
+  let height = $2.prop($$props, "height", 3, 160), loading = $2.prop($$props, "loading", 3, false), dataTableVisibility = $2.prop($$props, "dataTableVisibility", 3, "screen-reader-only"), rest = $2.rest_props($$props, rest_excludes);
   const rootId = $2.derived(() => $$props.id ?? generatedId);
   const descriptionId = $2.derived(() => $$props.description ? `${$2.get(rootId)}-description` : undefined);
   const marginTop = 8;
@@ -843,7 +843,7 @@ function Spectrum_chart($$anchor, $$props) {
   const maxXLabels = 8;
   const xLabelStep = $2.derived(() => Math.max(1, Math.ceil($$props.bins.length / maxXLabels)));
   const hasDataTable = $2.derived(() => dataTableVisibility() !== "hidden");
-  var figure = root();
+  var figure = root_9();
   $2.attribute_effect(figure, ($0) => ({
     ...rest,
     id: $2.get(rootId),
@@ -854,7 +854,7 @@ function Spectrum_chart($$anchor, $$props) {
   var node = $2.child(figure);
   {
     var consequent = ($$anchor2) => {
-      var p = root_1();
+      var p = root();
       var text2 = $2.child(p, true);
       $2.reset(p);
       $2.template_effect(() => {
@@ -873,7 +873,7 @@ function Spectrum_chart($$anchor, $$props) {
   var node_1 = $2.child(div);
   {
     var consequent_2 = ($$anchor2) => {
-      var div_1 = root_2();
+      var div_1 = root_1();
       var node_2 = $2.child(div_1);
       {
         var consequent_1 = ($$anchor3) => {
@@ -897,7 +897,7 @@ function Spectrum_chart($$anchor, $$props) {
       $2.append($$anchor2, div_1);
     };
     var consequent_4 = ($$anchor2) => {
-      var div_2 = root_5();
+      var div_2 = root_1();
       var node_4 = $2.child(div_2);
       {
         var consequent_3 = ($$anchor3) => {
@@ -931,7 +931,7 @@ function Spectrum_chart($$anchor, $$props) {
   var node_6 = $2.child(svg);
   {
     var consequent_5 = ($$anchor2) => {
-      var title = root_8();
+      var title = root_2();
       var text_3 = $2.child(title, true);
       $2.reset(title);
       $2.template_effect(() => {
@@ -948,11 +948,11 @@ function Spectrum_chart($$anchor, $$props) {
   var node_7 = $2.sibling(node_6);
   {
     var consequent_7 = ($$anchor2) => {
-      var g = root_9();
+      var g = root_6();
       $2.set_attribute(g, "transform", `translate(${marginLeft}, ${marginTop})`);
       var node_8 = $2.child(g);
       $2.each(node_8, 17, () => $2.get(yTicks), $2.index, ($$anchor3, tick, index2) => {
-        var fragment_2 = root_10();
+        var fragment_2 = root_3();
         var text_4 = $2.first_child(fragment_2);
         $2.set_attribute(text_4, "x", -6);
         var text_5 = $2.child(text_4, true);
@@ -974,7 +974,7 @@ function Spectrum_chart($$anchor, $$props) {
       });
       var node_9 = $2.sibling(node_8);
       $2.each(node_9, 17, () => $2.get(spectrumBars), $2.index, ($$anchor3, bar) => {
-        var rect = root_11();
+        var rect = root_4();
         $2.template_effect(() => {
           $2.set_attribute(rect, "x", $2.get(bar).x);
           $2.set_attribute(rect, "y", $2.get(bar).y);
@@ -990,7 +990,7 @@ function Spectrum_chart($$anchor, $$props) {
         var node_11 = $2.first_child(fragment_3);
         {
           var consequent_6 = ($$anchor4) => {
-            var text_6 = root_13();
+            var text_6 = root_5();
             var text_7 = $2.child(text_6, true);
             $2.reset(text_6);
             $2.template_effect(() => {
@@ -1020,13 +1020,13 @@ function Spectrum_chart($$anchor, $$props) {
   var node_12 = $2.sibling(div, 2);
   {
     var consequent_8 = ($$anchor2) => {
-      var table = root_14();
+      var table = root_8();
       var caption = $2.child(table);
       var text_8 = $2.child(caption, true);
       $2.reset(caption);
       var tbody = $2.sibling(caption, 2);
       $2.each(tbody, 21, () => $2.get(spectrumBars), $2.index, ($$anchor3, bar, index2) => {
-        var tr = root_15();
+        var tr = root_7();
         var td = $2.child(tr);
         var text_9 = $2.child(td, true);
         $2.reset(td);
@@ -1075,4 +1075,4 @@ export {
   Spectrum_chart as SpectrumChart
 };
 
-//# debugId=799FDC5FF089DC5264756E2164756E21
+//# debugId=3DE49A4CBA30F09D64756E2164756E21