allotaxonometer-ui 0.1.12 → 0.1.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -454,7 +454,7 @@ var root_1$3 = $.from_svg(`<rect class="diamond-cell"></rect>`);
454
454
  var root_2$3 = $.from_svg(`<rect></rect>`);
455
455
  var root_4$1 = $.from_svg(`<text dy="5"> </text>`);
456
456
  var root_5 = $.from_html(`<div><!></div>`);
457
- var root$4 = $.from_html(`<div style="position: relative;"><svg xmlns="http://www.w3.org/2000/svg" style="overflow: visible; display: block;"><polygon class="diamond-background grey-triangle" fill-opacity="0.8" stroke="black" stroke-width="0.5"></polygon><polygon class="diamond-background blue-triangle" fill-opacity="0.8" stroke="black" stroke-width="0.5"></polygon><!><!><!><!><!><!><line x1="0" y1="0"></line><!></svg> <!></div>`);
457
+ var root$4 = $.from_html(`<div style="position: relative;"><svg xmlns="http://www.w3.org/2000/svg" style="overflow: visible; display: block;"><g><polygon class="diamond-background grey-triangle" fill-opacity="0.8" stroke="black" stroke-width="0.5"></polygon><polygon class="diamond-background blue-triangle" fill-opacity="0.8" stroke="black" stroke-width="0.5"></polygon><!><!><!><!><!><!><line x1="0" y1="0"></line><!></g></svg> <!></div>`);
458
458
 
459
459
  function Diamond($$anchor, $$props) {
460
460
  $.push($$props, true);
@@ -590,7 +590,8 @@ function Diamond($$anchor, $$props) {
590
590
 
591
591
  var div = root$4();
592
592
  var svg = $.child(div);
593
- var polygon = $.child(svg);
593
+ var g = $.child(svg);
594
+ var polygon = $.child(g);
594
595
  var polygon_1 = $.sibling(polygon);
595
596
  var node = $.sibling(polygon_1);
596
597
 
@@ -761,6 +762,7 @@ function Diamond($$anchor, $$props) {
761
762
  }
762
763
  });
763
764
 
765
+ $.reset(g);
764
766
  $.reset(svg);
765
767
 
766
768
  var node_8 = $.sibling(svg, 2);
@@ -804,7 +806,7 @@ function Diamond($$anchor, $$props) {
804
806
  $.set_attribute(svg, 'width', DiamondHeight());
805
807
  $.set_attribute(svg, 'height', DiamondHeight());
806
808
  $.set_attribute(svg, 'viewBox', `0 0 ${DiamondHeight() ?? ''} ${DiamondHeight() ?? ''}`);
807
- $.set_attribute(svg, 'transform', `scale(-1,1) rotate(45) translate(${$.get(innerHeight) / 4}, ${$.get(innerHeight) / 4})`);
809
+ $.set_attribute(g, 'transform', `matrix(-0.7071, 0.7071, 0.7071, 0.7071, ${DiamondHeight() * 0.5}, ${DiamondHeight() * 0.067})`);
808
810
  $.set_attribute(polygon, 'points', $.get(grey_triangle));
809
811
  $.set_attribute(polygon, 'fill', alloColors.css.lightgrey);
810
812
  $.set_attribute(polygon_1, 'points', $.get(blue_triangle));
package/dist/ssr/index.js CHANGED
@@ -274,7 +274,7 @@ function Diamond($$payload, $$props) {
274
274
  ].join(" ");
275
275
  const each_array = $.ensure_array_like(diamond_dat);
276
276
  const each_array_1 = $.ensure_array_like(diamond_dat);
277
- $$payload.out += `<div style="position: relative;"><svg xmlns="http://www.w3.org/2000/svg"${$.attr("width", DiamondHeight)}${$.attr("height", DiamondHeight)}${$.attr("viewBox", `0 0 ${$.stringify(DiamondHeight)} ${$.stringify(DiamondHeight)}`)} style="overflow: visible; display: block;"${$.attr("transform", `scale(-1,1) rotate(45) translate(${$.stringify(innerHeight / 4)}, ${$.stringify(innerHeight / 4)})`)}><polygon class="diamond-background grey-triangle"${$.attr("points", grey_triangle)}${$.attr("fill", alloColors.css.lightgrey)} fill-opacity="0.8" stroke="black" stroke-width="0.5"></polygon><polygon class="diamond-background blue-triangle"${$.attr("points", blue_triangle)}${$.attr("fill", alloColors.css.paleblue)} fill-opacity="0.8" stroke="black" stroke-width="0.5"></polygon>`;
277
+ $$payload.out += `<div style="position: relative;"><svg xmlns="http://www.w3.org/2000/svg"${$.attr("width", DiamondHeight)}${$.attr("height", DiamondHeight)}${$.attr("viewBox", `0 0 ${$.stringify(DiamondHeight)} ${$.stringify(DiamondHeight)}`)} style="overflow: visible; display: block;"><g${$.attr("transform", `matrix(-0.7071, 0.7071, 0.7071, 0.7071, ${$.stringify(DiamondHeight * 0.5)}, ${$.stringify(DiamondHeight * 0.067)})`)}><polygon class="diamond-background grey-triangle"${$.attr("points", grey_triangle)}${$.attr("fill", alloColors.css.lightgrey)} fill-opacity="0.8" stroke="black" stroke-width="0.5"></polygon><polygon class="diamond-background blue-triangle"${$.attr("points", blue_triangle)}${$.attr("fill", alloColors.css.paleblue)} fill-opacity="0.8" stroke="black" stroke-width="0.5"></polygon>`;
278
278
  AxisX($$payload, { innerHeight, scale: logScale, title });
279
279
  $$payload.out += `<!---->`;
280
280
  AxisY($$payload, { innerHeight, scale: logScale, title });
@@ -315,7 +315,7 @@ function Diamond($$payload, $$props) {
315
315
  divnorm,
316
316
  DiamondInnerHeight: innerHeight
317
317
  });
318
- $$payload.out += `<!----></svg> `;
318
+ $$payload.out += `<!----></g></svg> `;
319
319
  {
320
320
  $$payload.out += "<!--[!-->";
321
321
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "allotaxonometer-ui",
3
- "version": "0.1.12",
3
+ "version": "0.1.13",
4
4
  "description": "Headless UI components for allotaxonometer visualizations built with Svelte 5",
5
5
  "type": "module",
6
6
  "main": "./dist/index.js",