@lostgradient/cinder 0.5.0 → 0.7.0

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

@@ -948,54 +948,52 @@ function classNames(...parts) {
 }
 
 // src/components/area-chart/area-chart.svelte
-var root_1 = $2.from_html(`<p class="cinder-area-chart__description"> </p>`);
-var root_3 = $2.from_html(`<button type="button"><span></span> </button>`);
+var rest_excludes = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "label",
+  "description",
+  "series",
+  "mode",
+  "height",
+  "xAxis",
+  "yAxis",
+  "legendPosition",
+  "hiddenSeriesIds",
+  "loading",
+  "dataTableCaption",
+  "dataTableVisibility",
+  "maximumInteractivePoints",
+  "class",
+  "empty",
+  "loadingContent",
+  "id"
+]);
+var root = $2.from_html(`<p class="cinder-area-chart__description"> </p>`);
+var root_1 = $2.from_html(`<button type="button"><span></span> </button>`);
 var root_2 = $2.from_html(`<div class="cinder-area-chart__legend" aria-label="Series"></div>`);
-var root_4 = $2.from_html(`<div class="cinder-area-chart__state"><!></div>`);
-var root_7 = $2.from_html(`<div class="cinder-area-chart__state"><!></div>`);
-var root_10 = $2.from_svg(`<title> </title>`);
-var root_11 = $2.from_svg(`<line class="cinder-area-chart__gridline" x1="0" aria-hidden="true"></line><text class="cinder-area-chart__tick-label" x="-8" text-anchor="end" dominant-baseline="middle"> </text>`, 1);
-var root_12 = $2.from_svg(`<text class="cinder-area-chart__tick-label" text-anchor="middle"> </text>`);
-var root_14 = $2.from_svg(`<path class="cinder-area-chart__area" aria-hidden="true"></path><path class="cinder-area-chart__line" aria-hidden="true"></path>`, 1);
-var root_15 = $2.from_svg(`<line class="cinder-area-chart__crosshair" y1="0" aria-hidden="true"></line>`);
-var root_18 = $2.from_svg(`<circle class="cinder-area-chart__focus-target" r="8" tabindex="0" role="button"></circle>`);
-var root_16 = $2.from_svg(`<rect class="cinder-area-chart__hit-surface" role="presentation"></rect><!>`, 1);
-var root_21 = $2.from_svg(`<path class="cinder-area-chart__focus-ring-connector cinder-area-chart__focus-ring-halo"></path><path class="cinder-area-chart__focus-ring-connector cinder-area-chart__focus-ring"></path><circle class="cinder-area-chart__focus-ring-dot cinder-area-chart__focus-ring-halo"></circle><circle class="cinder-area-chart__focus-ring-dot cinder-area-chart__focus-ring"></circle>`, 1);
-var root_20 = $2.from_svg(`<circle class="cinder-area-chart__focus-ring-halo"></circle><circle class="cinder-area-chart__focus-ring"></circle><!>`, 1);
-var root_22 = $2.from_svg(`<rect class="cinder-area-chart__focus-ring-halo"></rect><rect class="cinder-area-chart__focus-ring"></rect>`, 1);
-var root_19 = $2.from_svg(`<g class="cinder-area-chart__focus-ring-layer" aria-hidden="true"><!></g>`);
-var root_23 = $2.from_html(`<div role="tooltip" class="cinder-area-chart__tooltip"><strong> </strong><span> </span></div>`);
-var root_24 = $2.from_html(`<p class="cinder-sr-only">Use the data table to inspect this chart with a keyboard.</p>`);
-var root_26 = $2.from_html(`<tr><th scope="row"> </th><td> </td><td> </td></tr>`);
-var root_25 = $2.from_html(`<table><caption> </caption><thead><tr><th scope="col">Series</th><th scope="col">X</th><th scope="col">Value</th></tr></thead><tbody></tbody></table>`);
-var root_28 = $2.from_html(`<button type="button"><span></span> </button>`);
-var root_27 = $2.from_html(`<div class="cinder-area-chart__legend" aria-label="Series"></div>`);
-var root = $2.from_html(`<figure><!> <!> <div class="cinder-area-chart__viewport"><!> <svg><!><g><!><!><!><!><!><!></g></svg> <!></div> <!> <!> <!></figure>`);
+var root_3 = $2.from_html(`<div class="cinder-area-chart__state"><!></div>`);
+var root_4 = $2.from_svg(`<title> </title>`);
+var root_5 = $2.from_svg(`<line class="cinder-area-chart__gridline" x1="0" aria-hidden="true"></line><text class="cinder-area-chart__tick-label" x="-8" text-anchor="end" dominant-baseline="middle"> </text>`, 1);
+var root_6 = $2.from_svg(`<text class="cinder-area-chart__tick-label" text-anchor="middle"> </text>`);
+var root_7 = $2.from_svg(`<path class="cinder-area-chart__area" aria-hidden="true"></path><path class="cinder-area-chart__line" aria-hidden="true"></path>`, 1);
+var root_8 = $2.from_svg(`<line class="cinder-area-chart__crosshair" y1="0" aria-hidden="true"></line>`);
+var root_9 = $2.from_svg(`<circle class="cinder-area-chart__focus-target" r="8" tabindex="0" role="button"></circle>`);
+var root_10 = $2.from_svg(`<rect class="cinder-area-chart__hit-surface" role="presentation"></rect><!>`, 1);
+var root_11 = $2.from_svg(`<path class="cinder-area-chart__focus-ring-connector cinder-area-chart__focus-ring-halo"></path><path class="cinder-area-chart__focus-ring-connector cinder-area-chart__focus-ring"></path><circle class="cinder-area-chart__focus-ring-dot cinder-area-chart__focus-ring-halo"></circle><circle class="cinder-area-chart__focus-ring-dot cinder-area-chart__focus-ring"></circle>`, 1);
+var root_12 = $2.from_svg(`<circle class="cinder-area-chart__focus-ring-halo"></circle><circle class="cinder-area-chart__focus-ring"></circle><!>`, 1);
+var root_13 = $2.from_svg(`<rect class="cinder-area-chart__focus-ring-halo"></rect><rect class="cinder-area-chart__focus-ring"></rect>`, 1);
+var root_14 = $2.from_svg(`<g class="cinder-area-chart__focus-ring-layer" aria-hidden="true"><!></g>`);
+var root_15 = $2.from_html(`<div role="tooltip" class="cinder-area-chart__tooltip"><strong> </strong><span> </span></div>`);
+var root_16 = $2.from_html(`<p class="cinder-sr-only">Use the data table to inspect this chart with a keyboard.</p>`);
+var root_17 = $2.from_html(`<tr><th scope="row"> </th><td> </td><td> </td></tr>`);
+var root_18 = $2.from_html(`<table><caption> </caption><thead><tr><th scope="col">Series</th><th scope="col">X</th><th scope="col">Value</th></tr></thead><tbody></tbody></table>`);
+var root_19 = $2.from_html(`<figure><!> <!> <div class="cinder-area-chart__viewport"><!> <svg><!><g><!><!><!><!><!><!></g></svg> <!></div> <!> <!> <!></figure>`);
 function Area_chart($$anchor, $$props) {
   const generatedId = $2.props_id();
   $2.push($$props, true);
-  let mode = $2.prop($$props, "mode", 3, "single"), height = $2.prop($$props, "height", 3, 280), legendPosition = $2.prop($$props, "legendPosition", 3, "top"), hiddenSeriesIds = $2.prop($$props, "hiddenSeriesIds", 31, () => $2.proxy([])), loading = $2.prop($$props, "loading", 3, false), dataTableVisibility = $2.prop($$props, "dataTableVisibility", 3, "screen-reader-only"), maximumInteractivePoints = $2.prop($$props, "maximumInteractivePoints", 3, 500), rest = $2.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "label",
-    "description",
-    "series",
-    "mode",
-    "height",
-    "xAxis",
-    "yAxis",
-    "legendPosition",
-    "hiddenSeriesIds",
-    "loading",
-    "dataTableCaption",
-    "dataTableVisibility",
-    "maximumInteractivePoints",
-    "class",
-    "empty",
-    "loadingContent",
-    "id"
-  ]);
+  let mode = $2.prop($$props, "mode", 3, "single"), height = $2.prop($$props, "height", 3, 280), legendPosition = $2.prop($$props, "legendPosition", 3, "top"), hiddenSeriesIds = $2.prop($$props, "hiddenSeriesIds", 31, () => $2.proxy([])), loading = $2.prop($$props, "loading", 3, false), dataTableVisibility = $2.prop($$props, "dataTableVisibility", 3, "screen-reader-only"), maximumInteractivePoints = $2.prop($$props, "maximumInteractivePoints", 3, 500), 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 interaction = new ChartInteraction;
@@ -1060,7 +1058,7 @@ function Area_chart($$anchor, $$props) {
     rememberKeyboardFocusModality(event2);
     interaction.activateByKeyboard(event2, $2.get(rootElement), $2.get(model).targets, $2.get(keyboardEnabled));
   }
-  var figure = root();
+  var figure = root_19();
   $2.event("keydown", $2.window, rememberKeyboardFocusModality);
   $2.event("pointerdown", $2.window, clearKeyboardFocusModality);
   $2.attribute_effect(figure, ($0) => ({
@@ -1074,7 +1072,7 @@ function Area_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(() => {
@@ -1093,7 +1091,7 @@ function Area_chart($$anchor, $$props) {
     var consequent_1 = ($$anchor2) => {
       var div = root_2();
       $2.each(div, 23, () => $$props.series, (item) => item.id, ($$anchor3, item, index) => {
-        var button = root_3();
+        var button = root_1();
         var span = $2.child(button);
         let styles;
         var text_1 = $2.sibling(span, 1, true);
@@ -1125,7 +1123,7 @@ function Area_chart($$anchor, $$props) {
   var node_2 = $2.child(div_1);
   {
     var consequent_3 = ($$anchor2) => {
-      var div_2 = root_4();
+      var div_2 = root_3();
       var node_3 = $2.child(div_2);
       {
         var consequent_2 = ($$anchor3) => {
@@ -1149,7 +1147,7 @@ function Area_chart($$anchor, $$props) {
       $2.append($$anchor2, div_2);
     };
     var consequent_5 = ($$anchor2) => {
-      var div_3 = root_7();
+      var div_3 = root_3();
       var node_5 = $2.child(div_3);
       {
         var consequent_4 = ($$anchor3) => {
@@ -1183,7 +1181,7 @@ function Area_chart($$anchor, $$props) {
   var node_7 = $2.child(svg);
   {
     var consequent_6 = ($$anchor2) => {
-      var title = root_10();
+      var title = root_4();
       var text_4 = $2.child(title, true);
       $2.reset(title);
       $2.template_effect(() => {
@@ -1201,7 +1199,7 @@ function Area_chart($$anchor, $$props) {
   var node_8 = $2.child(g);
   $2.each(node_8, 18, () => $2.get(model).yTicks, (tick) => tick, ($$anchor2, tick, index) => {
     const tickY = $2.derived(() => $2.get(model).geometry.plotHeight - (tick - $2.get(model).yDomain[0]) / ($2.get(model).yDomain[1] - $2.get(model).yDomain[0]) * $2.get(model).geometry.plotHeight);
-    var fragment_2 = root_11();
+    var fragment_2 = root_5();
     var line = $2.first_child(fragment_2);
     var text_5 = $2.sibling(line);
     var text_6 = $2.child(text_5, true);
@@ -1219,7 +1217,7 @@ function Area_chart($$anchor, $$props) {
   });
   var node_9 = $2.sibling(node_8);
   $2.each(node_9, 17, () => $2.get(model).xTicks, (tick) => tick.label, ($$anchor2, tick) => {
-    var text_7 = root_12();
+    var text_7 = root_6();
     var text_8 = $2.child(text_7, true);
     $2.reset(text_7);
     $2.template_effect(() => {
@@ -1235,7 +1233,7 @@ function Area_chart($$anchor, $$props) {
     var node_11 = $2.first_child(fragment_3);
     {
       var consequent_7 = ($$anchor3) => {
-        var fragment_4 = root_14();
+        var fragment_4 = root_7();
         var path = $2.first_child(fragment_4);
         var path_1 = $2.sibling(path);
         $2.template_effect(() => {
@@ -1258,7 +1256,7 @@ function Area_chart($$anchor, $$props) {
   var node_12 = $2.sibling(node_10);
   {
     var consequent_8 = ($$anchor2) => {
-      var line_1 = root_15();
+      var line_1 = root_8();
       $2.template_effect(() => {
         $2.set_attribute(line_1, "x1", interaction.activeTarget.x);
         $2.set_attribute(line_1, "x2", interaction.activeTarget.x);
@@ -1274,7 +1272,7 @@ function Area_chart($$anchor, $$props) {
   var node_13 = $2.sibling(node_12);
   {
     var consequent_10 = ($$anchor2) => {
-      var fragment_5 = root_16();
+      var fragment_5 = root_10();
       var rect = $2.first_child(fragment_5);
       var node_14 = $2.sibling(rect);
       {
@@ -1282,7 +1280,7 @@ function Area_chart($$anchor, $$props) {
           var fragment_6 = $2.comment();
           var node_15 = $2.first_child(fragment_6);
           $2.each(node_15, 17, () => $2.get(model).targets, (target) => target.id, ($$anchor4, target) => {
-            var circle = root_18();
+            var circle = root_9();
             $2.template_effect(() => {
               $2.set_attribute(circle, "cx", $2.get(target).x);
               $2.set_attribute(circle, "cy", $2.get(target).y);
@@ -1320,17 +1318,17 @@ function Area_chart($$anchor, $$props) {
   var node_16 = $2.sibling(node_13);
   {
     var consequent_13 = ($$anchor2) => {
-      var g_1 = root_19();
+      var g_1 = root_14();
       var node_17 = $2.child(g_1);
       {
         var consequent_12 = ($$anchor3) => {
-          var fragment_7 = root_20();
+          var fragment_7 = root_12();
           var circle_1 = $2.first_child(fragment_7);
           var circle_2 = $2.sibling(circle_1);
           var node_18 = $2.sibling(circle_2);
           {
             var consequent_11 = ($$anchor4) => {
-              var fragment_8 = root_21();
+              var fragment_8 = root_11();
               var path_2 = $2.first_child(fragment_8);
               var path_3 = $2.sibling(path_2);
               var circle_3 = $2.sibling(path_3);
@@ -1363,7 +1361,7 @@ function Area_chart($$anchor, $$props) {
           $2.append($$anchor3, fragment_7);
         };
         var alternate_2 = ($$anchor3) => {
-          var fragment_9 = root_22();
+          var fragment_9 = root_13();
           var rect_1 = $2.first_child(fragment_9);
           var rect_2 = $2.sibling(rect_1);
           $2.template_effect(() => {
@@ -1400,7 +1398,7 @@ function Area_chart($$anchor, $$props) {
   var node_19 = $2.sibling(svg, 2);
   {
     var consequent_14 = ($$anchor2) => {
-      var div_4 = root_23();
+      var div_4 = root_15();
       let styles_2;
       var strong = $2.child(div_4);
       var text_9 = $2.child(strong, true);
@@ -1429,7 +1427,7 @@ function Area_chart($$anchor, $$props) {
   var node_20 = $2.sibling(div_1, 2);
   {
     var consequent_15 = ($$anchor2) => {
-      var p_1 = root_24();
+      var p_1 = root_16();
       $2.template_effect(() => $2.set_attribute(p_1, "id", $2.get(guidanceId)));
       $2.append($$anchor2, p_1);
     };
@@ -1441,13 +1439,13 @@ function Area_chart($$anchor, $$props) {
   var node_21 = $2.sibling(node_20, 2);
   {
     var consequent_16 = ($$anchor2) => {
-      var table = root_25();
+      var table = root_18();
       var caption = $2.child(table);
       var text_11 = $2.child(caption, true);
       $2.reset(caption);
       var tbody = $2.sibling(caption, 2);
       $2.each(tbody, 21, () => $2.get(model).tableRows, (row) => row.id, ($$anchor3, row) => {
-        var tr = root_26();
+        var tr = root_17();
         var th = $2.child(tr);
         var text_12 = $2.child(th, true);
         $2.reset(th);
@@ -1482,9 +1480,9 @@ function Area_chart($$anchor, $$props) {
   var node_22 = $2.sibling(node_21, 2);
   {
     var consequent_17 = ($$anchor2) => {
-      var div_5 = root_27();
+      var div_5 = root_2();
       $2.each(div_5, 23, () => $$props.series, (item) => item.id, ($$anchor3, item, index) => {
-        var button_1 = root_28();
+        var button_1 = root_1();
         var span_2 = $2.child(button_1);
         let styles_3;
         var text_15 = $2.sibling(span_2, 1, true);
@@ -1533,4 +1531,4 @@ export {
   Area_chart as AreaChart
 };
 
-//# debugId=CB19E762EA1AD52764756E2164756E21
+//# debugId=04DFA6A1C232C22864756E2164756E21

package/dist/components/aspect-ratio/index.js

@@ -64,18 +64,19 @@ function classNames(...parts) {
 }
 
 // src/components/aspect-ratio/aspect-ratio.svelte
+var rest_excludes = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "ratio",
+  "overflow",
+  "as",
+  "class",
+  "children"
+]);
 function Aspect_ratio($$anchor, $$props) {
   $.push($$props, true);
-  let ratio = $.prop($$props, "ratio", 3, "16/9"), overflow = $.prop($$props, "overflow", 3, "hidden"), as = $.prop($$props, "as", 3, "div"), rest = $.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "ratio",
-    "overflow",
-    "as",
-    "class",
-    "children"
-  ]);
+  let ratio = $.prop($$props, "ratio", 3, "16/9"), overflow = $.prop($$props, "overflow", 3, "hidden"), as = $.prop($$props, "as", 3, "div"), rest = $.rest_props($$props, rest_excludes);
   const ratioValue = $.derived(() => typeof ratio() === "string" ? ratio() : Number.isFinite(ratio()) && ratio() > 0 ? String(ratio()) : undefined);
   var fragment = $.comment();
   var node = $.first_child(fragment);
@@ -102,4 +103,4 @@ export {
   Aspect_ratio as AspectRatio
 };
 
-//# debugId=E98B8AC2CA78F25E64756E2164756E21
+//# debugId=FCAE887D337616A264756E2164756E21