@watermarkinsights/ripple 3.30.0-1 → 3.31.0-0

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.
Files changed (43) hide show
  1. package/dist/cjs/{chartFunctions-1a71ceca.js → chartFunctions-13dc5282.js} +7 -9
  2. package/dist/cjs/{global-5868564d.js → global-745d8d45.js} +1 -1
  3. package/dist/cjs/loader.cjs.js +1 -1
  4. package/dist/cjs/ripple.cjs.js +1 -1
  5. package/dist/cjs/wm-chart.cjs.entry.js +11 -12
  6. package/dist/cjs/wm-line-chart.cjs.entry.js +10 -16
  7. package/dist/cjs/wm-progress-indicator_3.cjs.entry.js +1 -1
  8. package/dist/collection/components/charts/chartFunctions.js +7 -9
  9. package/dist/collection/components/charts/wm-chart/wm-chart.js +10 -11
  10. package/dist/collection/components/charts/wm-line-chart/wm-line-chart.css +4 -0
  11. package/dist/collection/components/charts/wm-line-chart/wm-line-chart.js +8 -14
  12. package/dist/esm/{chartFunctions-926d200d.js → chartFunctions-611862d1.js} +8 -10
  13. package/dist/esm/{global-441d8b97.js → global-2f530fcb.js} +1 -1
  14. package/dist/esm/loader.js +1 -1
  15. package/dist/esm/ripple.js +1 -1
  16. package/dist/esm/wm-chart.entry.js +11 -12
  17. package/dist/esm/wm-line-chart.entry.js +10 -16
  18. package/dist/esm/wm-progress-indicator_3.entry.js +1 -1
  19. package/dist/esm-es5/{chartFunctions-926d200d.js → chartFunctions-611862d1.js} +1 -1
  20. package/dist/esm-es5/{global-441d8b97.js → global-2f530fcb.js} +1 -1
  21. package/dist/esm-es5/loader.js +1 -1
  22. package/dist/esm-es5/ripple.js +1 -1
  23. package/dist/esm-es5/wm-chart.entry.js +1 -1
  24. package/dist/esm-es5/wm-line-chart.entry.js +1 -1
  25. package/dist/esm-es5/wm-progress-indicator_3.entry.js +1 -1
  26. package/dist/ripple/{p-1eb1067d.js → p-2f87feb9.js} +1 -1
  27. package/dist/ripple/{p-5c5661b4.system.js → p-4a16e03f.system.js} +1 -1
  28. package/dist/ripple/{p-5a96610e.entry.js → p-50b01bc5.entry.js} +1 -1
  29. package/dist/ripple/p-5ba85401.entry.js +1 -0
  30. package/dist/ripple/p-6adffec7.system.entry.js +1 -0
  31. package/dist/ripple/{p-177e0abd.system.js → p-9cfead0b.system.js} +1 -1
  32. package/dist/ripple/{p-ae2c5085.system.entry.js → p-bd9fd006.system.entry.js} +1 -1
  33. package/dist/ripple/{p-af9686d5.system.js → p-c9e68bf7.system.js} +1 -1
  34. package/dist/ripple/{p-0731e0d0.js → p-e381f863.js} +1 -1
  35. package/dist/ripple/{p-5f50b020.system.entry.js → p-f3789385.system.entry.js} +1 -1
  36. package/dist/ripple/p-f9356c9f.entry.js +1 -0
  37. package/dist/ripple/ripple.esm.js +1 -1
  38. package/dist/ripple/ripple.js +1 -1
  39. package/dist/types/components/charts/wm-line-chart/wm-line-chart.d.ts +1 -1
  40. package/package.json +1 -1
  41. package/dist/ripple/p-115fe288.entry.js +0 -1
  42. package/dist/ripple/p-41a26c9c.entry.js +0 -1
  43. package/dist/ripple/p-721d9edb.system.entry.js +0 -1
package/dist/cjs/{chartFunctions-1a71ceca.js → chartFunctions-13dc5282.js} RENAMED
@@ -558,7 +558,7 @@ function renderSimpleBarItem(s, interval, ticks, largest) {
558
558
  displayValue = s.amount + "%";
559
559
  }
560
560
  else if (this.currentChartType === "bar7" && this.tempValueFormat === "percentage") {
561
- displayValue = amountToPercent(s.amount, this.total, true) + "%";
561
+ displayValue = (this.total === 0 ? "0" : amountToPercent(s.amount, this.total, true)) + "%";
562
562
  }
563
563
  return (index.h("div", { class: "bar segment", style: {
564
564
  backgroundColor: s.color,
@@ -572,14 +572,12 @@ function renderLegend(chartType) {
572
572
  const hasCluster = !this.chartDetails.isBar &&
573
573
  this.slicesDetails.reduce((hasCluster, cur) => (hasCluster = cur.inSmallCluster ? true : hasCluster), false);
574
574
  return (index.h("div", { class: "legend-wrapper" },
575
- index.h("div", { class: `legend ${chartType} ${this.mode === "bar" ? "--top" : "--bottom"}`, "aria-hidden": "true" }, this.total > 0
576
- ? this.slicesDetails.map((s) => {
577
- // when both legend and amount are omitted, the legend is not shown for that particular option (it's been deactivated by the user)
578
- if (!!s.amount || !!s.legend) {
579
- return renderLegendItem({ key: s.legend, color: s.color });
580
- }
581
- })
582
- : ""),
575
+ index.h("div", { class: `legend ${chartType} ${this.mode === "bar" ? "--top" : "--bottom"}`, "aria-hidden": "true" }, this.slicesDetails.map((s) => {
576
+ // when both legend and amount are omitted, the legend is not shown for that particular option (it's been deactivated by the user)
577
+ if (!!s.amount || !!s.legend) {
578
+ return renderLegendItem({ key: s.legend, color: s.color });
579
+ }
580
+ })),
583
581
  hasCluster && renderHiddenValuesMessage()));
584
582
  }
585
583
  }
package/dist/cjs/{global-5868564d.js → global-745d8d45.js} RENAMED
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- const version = "3.30.0-1";
3
+ const version = "3.31.0-0";
4
4
 
5
5
  // PRINT RIPPLE VERSION IN CONSOLE
6
6
  // test envs return 0 for plugin.length
package/dist/cjs/loader.cjs.js CHANGED
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-9f0e6656.js');
6
- require('./global-5868564d.js');
6
+ require('./global-745d8d45.js');
7
7
 
8
8
  /*
9
9
  Stencil Client Patch Esm v3.2.0 | MIT Licensed | https://stenciljs.com
package/dist/cjs/ripple.cjs.js CHANGED
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-9f0e6656.js');
6
- require('./global-5868564d.js');
6
+ require('./global-745d8d45.js');
7
7
 
8
8
  /*
9
9
  Stencil Client Patch Browser v3.2.0 | MIT Licensed | https://stenciljs.com
package/dist/cjs/wm-chart.cjs.entry.js CHANGED
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-9f0e6656.js');
6
6
  const functions = require('./functions-fa1e5958.js');
7
- const chartFunctions = require('./chartFunctions-1a71ceca.js');
7
+ const chartFunctions = require('./chartFunctions-13dc5282.js');
8
8
  const intl = require('./intl-2bc2aa49.js');
9
9
 
10
10
  const wmChartCss = ":host,wm-chart{display:block}:host .component-wrapper,wm-chart .component-wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;font-size:0.875rem;position:relative;outline:none;}:host .component-wrapper .label,wm-chart .component-wrapper .label{display:block;margin:0;padding-bottom:0.25rem;font-weight:600;position:relative}:host .component-wrapper .label .subinfo,wm-chart .component-wrapper .label .subinfo{display:block;font-weight:normal;font-style:italic;bottom:0.25rem;width:100%;color:#6b6b6b}:host .component-wrapper .label.custom-width,wm-chart .component-wrapper .label.custom-width{width:var(--custom-label-width)}:host .component-wrapper .label.--none,wm-chart .component-wrapper .label.--none{display:none}:host .component-wrapper .doughnut-svg,wm-chart .component-wrapper .doughnut-svg,:host .component-wrapper .inner-stacked-bar-wrapper,wm-chart .component-wrapper .inner-stacked-bar-wrapper{overflow:visible}:host .component-wrapper .bar-wrapper,wm-chart .component-wrapper .bar-wrapper{-ms-flex-positive:1;flex-grow:1;width:100%}:host .component-wrapper .bar-wrapper .inner-stacked-bar-wrapper,wm-chart .component-wrapper .bar-wrapper .inner-stacked-bar-wrapper{width:100%}:host .component-wrapper .bar-wrapper .inner-stacked-bar-wrapper .values,wm-chart .component-wrapper .bar-wrapper .inner-stacked-bar-wrapper .values{display:-ms-flexbox;display:flex}:host .component-wrapper .bar-wrapper .inner-stacked-bar-wrapper .stacked-bar-segments-wrapper,wm-chart .component-wrapper .bar-wrapper .inner-stacked-bar-wrapper .stacked-bar-segments-wrapper{display:-ms-flexbox;display:flex}:host .component-wrapper .bar-wrapper .inner-stacked-bar-wrapper .stacked-bar-segments-wrapper .stacked-bar-segment,wm-chart .component-wrapper .bar-wrapper .inner-stacked-bar-wrapper .stacked-bar-segments-wrapper .stacked-bar-segment{height:30px;cursor:pointer}:host .component-wrapper .bar-wrapper .inner-stacked-bar-wrapper .stacked-bar-segments-wrapper .stacked-bar-segment:not(.zero):not(:last-of-type),wm-chart .component-wrapper .bar-wrapper .inner-stacked-bar-wrapper .stacked-bar-segments-wrapper .stacked-bar-segment:not(.zero):not(:last-of-type){margin-right:2px}:host .component-wrapper .doughnut-wrapper,wm-chart .component-wrapper .doughnut-wrapper{-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px}:host .component-wrapper .doughnut-wrapper .doughnut-segment,wm-chart .component-wrapper .doughnut-wrapper .doughnut-segment{cursor:pointer}:host .component-wrapper .value-wrapper,wm-chart .component-wrapper .value-wrapper{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}:host .component-wrapper .value-wrapper:not(:last-of-type),wm-chart .component-wrapper .value-wrapper:not(:last-of-type){margin-right:2px}:host .component-wrapper .value-wrapper .value.hidden,wm-chart .component-wrapper .value-wrapper .value.hidden{visibility:hidden}:host .component-wrapper path:active,wm-chart .component-wrapper path:active,:host .component-wrapper path:hover,wm-chart .component-wrapper path:hover,:host .component-wrapper path:focus,wm-chart .component-wrapper path:focus,:host .component-wrapper .stacked-bar-segment:active,wm-chart .component-wrapper .stacked-bar-segment:active,:host .component-wrapper .stacked-bar-segment:hover,wm-chart .component-wrapper .stacked-bar-segment:hover,:host .component-wrapper .stacked-bar-segment:focus,wm-chart .component-wrapper .stacked-bar-segment:focus{outline:none}:host .component-wrapper .stacked-bar-segment:active.stacked-bar-segment,wm-chart .component-wrapper .stacked-bar-segment:active.stacked-bar-segment,:host .component-wrapper .stacked-bar-segment:hover.stacked-bar-segment,wm-chart .component-wrapper .stacked-bar-segment:hover.stacked-bar-segment,:host .component-wrapper .stacked-bar-segment:focus.stacked-bar-segment,wm-chart .component-wrapper .stacked-bar-segment:focus.stacked-bar-segment{-webkit-box-shadow:0px 0px 6px #333;-moz-box-shadow:0px 0px 6px #333;box-shadow:0px 0px 6px #333}:host .component-wrapper path:active.doughnut-segment,wm-chart .component-wrapper path:active.doughnut-segment,:host .component-wrapper path:hover.doughnut-segment,wm-chart .component-wrapper path:hover.doughnut-segment,:host .component-wrapper path:focus.doughnut-segment,wm-chart .component-wrapper path:focus.doughnut-segment,:host .component-wrapper .stacked-bar-segment:active.doughnut-segment,wm-chart .component-wrapper .stacked-bar-segment:active.doughnut-segment,:host .component-wrapper .stacked-bar-segment:hover.doughnut-segment,wm-chart .component-wrapper .stacked-bar-segment:hover.doughnut-segment,:host .component-wrapper .stacked-bar-segment:focus.doughnut-segment,wm-chart .component-wrapper .stacked-bar-segment:focus.doughnut-segment{-webkit-filter:url(#wmHoverDropShadow);filter:url(#wmHoverDropShadow)}:host .component-wrapper path::-moz-focus-inner,wm-chart .component-wrapper path::-moz-focus-inner,:host .component-wrapper .stacked-bar-segment::-moz-focus-inner,wm-chart .component-wrapper .stacked-bar-segment::-moz-focus-inner{border:0;outline:none}:host .component-wrapper.doughnut,wm-chart .component-wrapper.doughnut{width:300px}:host .component-wrapper.doughnut1 label,wm-chart .component-wrapper.doughnut1 label,:host .component-wrapper.doughnut1 .label-text,wm-chart .component-wrapper.doughnut1 .label-text,:host .component-wrapper.doughnut2 label,wm-chart .component-wrapper.doughnut2 label,:host .component-wrapper.doughnut2 .label-text,wm-chart .component-wrapper.doughnut2 .label-text,:host .component-wrapper.doughnut2b label,wm-chart .component-wrapper.doughnut2b label,:host .component-wrapper.doughnut2b .label-text,wm-chart .component-wrapper.doughnut2b .label-text,:host .component-wrapper.doughnut3 label,wm-chart .component-wrapper.doughnut3 label,:host .component-wrapper.doughnut3 .label-text,wm-chart .component-wrapper.doughnut3 .label-text{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}:host .component-wrapper.doughnut0,wm-chart .component-wrapper.doughnut0,:host .component-wrapper.doughnut,wm-chart .component-wrapper.doughnut{-ms-flex-align:center;align-items:center}:host .component-wrapper.doughnut0 label,wm-chart .component-wrapper.doughnut0 label,:host .component-wrapper.doughnut label,wm-chart .component-wrapper.doughnut label{text-align:center;width:100%;padding-bottom:1.5rem}:host .component-wrapper.doughnut0 label .subinfo,wm-chart .component-wrapper.doughnut0 label .subinfo,:host .component-wrapper.doughnut label .subinfo,wm-chart .component-wrapper.doughnut label .subinfo{position:absolute}:host .component-wrapper.doughnut0 .completion-message,wm-chart .component-wrapper.doughnut0 .completion-message,:host .component-wrapper.doughnut .completion-message,wm-chart .component-wrapper.doughnut .completion-message{padding-top:0.625rem}:host .component-wrapper.bar1,wm-chart .component-wrapper.bar1,:host .component-wrapper.bar,wm-chart .component-wrapper.bar{padding:1.25rem;-ms-flex-align:start;align-items:flex-start}:host .component-wrapper.bar1 label,wm-chart .component-wrapper.bar1 label,:host .component-wrapper.bar label,wm-chart .component-wrapper.bar label{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host .component-wrapper.bar1 label .subinfo,wm-chart .component-wrapper.bar1 label .subinfo,:host .component-wrapper.bar label .subinfo,wm-chart .component-wrapper.bar label .subinfo{position:initial}:host .component-wrapper.bar1 .chart-wrapper,wm-chart .component-wrapper.bar1 .chart-wrapper,:host .component-wrapper.bar .chart-wrapper,wm-chart .component-wrapper.bar .chart-wrapper{display:-ms-flexbox;display:flex}:host .component-wrapper.bar1 .chart-wrapper .single-perc,wm-chart .component-wrapper.bar1 .chart-wrapper .single-perc,:host .component-wrapper.bar .chart-wrapper .single-perc,wm-chart .component-wrapper.bar .chart-wrapper .single-perc{width:4rem;-ms-flex:none;flex:none;display:-ms-flexbox;display:flex;height:30px;-ms-flex-align:center;align-items:center}:host .component-wrapper.bar1 .chart-wrapper .inner-stacked-bar-wrapper,wm-chart .component-wrapper.bar1 .chart-wrapper .inner-stacked-bar-wrapper,:host .component-wrapper.bar .chart-wrapper .inner-stacked-bar-wrapper,wm-chart .component-wrapper.bar .chart-wrapper .inner-stacked-bar-wrapper{-ms-flex:1;flex:1}:host .component-wrapper.bar1 .chart-wrapper .completion-message,wm-chart .component-wrapper.bar1 .chart-wrapper .completion-message,:host .component-wrapper.bar .chart-wrapper .completion-message,wm-chart .component-wrapper.bar .chart-wrapper .completion-message{width:100%;text-align:right;margin-top:0.25rem}@media screen and (min-width: 768px){:host .component-wrapper.bar1,wm-chart .component-wrapper.bar1,:host .component-wrapper.bar,wm-chart .component-wrapper.bar{-ms-flex-direction:row;flex-direction:row}:host .component-wrapper.bar1 label,wm-chart .component-wrapper.bar1 label,:host .component-wrapper.bar label,wm-chart .component-wrapper.bar label{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;min-height:30px;width:12rem;text-align:left;padding-right:1.25rem;padding-bottom:0;-ms-flex:none;flex:none}:host .component-wrapper.bar1 .bar-wrapper,wm-chart .component-wrapper.bar1 .bar-wrapper,:host .component-wrapper.bar .bar-wrapper,wm-chart .component-wrapper.bar .bar-wrapper{-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host .component-wrapper.bar1 .bar-wrapper .single-perc,wm-chart .component-wrapper.bar1 .bar-wrapper .single-perc,:host .component-wrapper.bar .bar-wrapper .single-perc,wm-chart .component-wrapper.bar .bar-wrapper .single-perc{text-align:center;padding-left:0.5rem;-ms-flex-pack:center;justify-content:center}}:host .component-wrapper.bar2,wm-chart .component-wrapper.bar2,:host .component-wrapper.bar2b,wm-chart .component-wrapper.bar2b,:host .component-wrapper.bar3,wm-chart .component-wrapper.bar3,:host .component-wrapper.bar4,wm-chart .component-wrapper.bar4,:host .component-wrapper.bar5,wm-chart .component-wrapper.bar5{-ms-flex-align:start;align-items:flex-start}:host .component-wrapper.bar2 .inner-stacked-bar-wrapper,wm-chart .component-wrapper.bar2 .inner-stacked-bar-wrapper,:host .component-wrapper.bar2b .inner-stacked-bar-wrapper,wm-chart .component-wrapper.bar2b .inner-stacked-bar-wrapper,:host .component-wrapper.bar4 .inner-stacked-bar-wrapper,wm-chart .component-wrapper.bar4 .inner-stacked-bar-wrapper,:host .component-wrapper.bar5 .inner-stacked-bar-wrapper,wm-chart .component-wrapper.bar5 .inner-stacked-bar-wrapper{height:30px;margin-bottom:0}:host .component-wrapper.bar2 .inner-stacked-bar-wrapper.show-values,wm-chart .component-wrapper.bar2 .inner-stacked-bar-wrapper.show-values,:host .component-wrapper.bar2b .inner-stacked-bar-wrapper.show-values,wm-chart .component-wrapper.bar2b .inner-stacked-bar-wrapper.show-values,:host .component-wrapper.bar4 .inner-stacked-bar-wrapper.show-values,wm-chart .component-wrapper.bar4 .inner-stacked-bar-wrapper.show-values,:host .component-wrapper.bar5 .inner-stacked-bar-wrapper.show-values,wm-chart .component-wrapper.bar5 .inner-stacked-bar-wrapper.show-values{height:60px;margin-top:0}:host .component-wrapper.bar3 .chart-wrapper,wm-chart .component-wrapper.bar3 .chart-wrapper{position:relative;height:100px}:host .component-wrapper.bar3 .chart-wrapper .inner-stacked-bar-wrapper,wm-chart .component-wrapper.bar3 .chart-wrapper .inner-stacked-bar-wrapper{position:absolute;top:35px;left:0;right:0;bottom:0;height:30px}:host .component-wrapper.bar3 .chart-wrapper .inner-stacked-bar-wrapper text,wm-chart .component-wrapper.bar3 .chart-wrapper .inner-stacked-bar-wrapper text{fill:#4a4a4a}:host .component-wrapper.bar3 .chart-wrapper .axis,wm-chart .component-wrapper.bar3 .chart-wrapper .axis{position:absolute;top:0;left:0;height:90px;width:100%;overflow:visible;-webkit-transform:translateY(90px);transform:translateY(90px)}:host .component-wrapper.bar3 .chart-wrapper .axis line,wm-chart .component-wrapper.bar3 .chart-wrapper .axis line{stroke:#eeedf4;stroke-width:1px}:host .component-wrapper.bar3 .chart-wrapper .axis text,wm-chart .component-wrapper.bar3 .chart-wrapper .axis text{-webkit-transform:translate(4px, 24px);transform:translate(4px, 24px);text-anchor:middle}:host .component-wrapper.bar3 .hidden-values-warning,wm-chart .component-wrapper.bar3 .hidden-values-warning{margin-top:1.25rem}:host .component-wrapper.bar6,wm-chart .component-wrapper.bar6,:host .component-wrapper.bar7,wm-chart .component-wrapper.bar7{--chartPadding:48px;-ms-flex-align:start;align-items:flex-start}:host .component-wrapper.bar6 .chart-wrapper,wm-chart .component-wrapper.bar6 .chart-wrapper,:host .component-wrapper.bar7 .chart-wrapper,wm-chart .component-wrapper.bar7 .chart-wrapper{width:100%}:host .component-wrapper.bar6 .chart,wm-chart .component-wrapper.bar6 .chart,:host .component-wrapper.bar7 .chart,wm-chart .component-wrapper.bar7 .chart{position:relative;padding-right:var(--chartPadding)}:host .component-wrapper.bar6 .gridlines,wm-chart .component-wrapper.bar6 .gridlines,:host .component-wrapper.bar7 .gridlines,wm-chart .component-wrapper.bar7 .gridlines{position:absolute;left:var(--labelWidth);right:var(--chartPadding);top:0;bottom:0;background-image:linear-gradient(90deg, #8f8f8f 1px, transparent 1px);background-position:-1px;border-left:1px solid #8f8f8f;border-bottom:1px solid #8f8f8f;background-size:var(--backgroundSize)}:host .component-wrapper.bar6 .rows,wm-chart .component-wrapper.bar6 .rows,:host .component-wrapper.bar7 .rows,wm-chart .component-wrapper.bar7 .rows{display:grid;grid-template-columns:var(--labelWidth) auto;grid-auto-rows:minmax(30px, 1fr);-ms-flex-align:center;align-items:center;position:relative;z-index:1}:host .component-wrapper.bar6 .rows .label,wm-chart .component-wrapper.bar6 .rows .label,:host .component-wrapper.bar7 .rows .label,wm-chart .component-wrapper.bar7 .rows .label{font-weight:400;padding:0 0.75rem 0 0;text-align:right;margin:0.75rem 0}:host .component-wrapper.bar6 .rows .label.hidden,wm-chart .component-wrapper.bar6 .rows .label.hidden,:host .component-wrapper.bar7 .rows .label.hidden,wm-chart .component-wrapper.bar7 .rows .label.hidden{visibility:hidden;white-space:nowrap}:host .component-wrapper.bar6 .bar,wm-chart .component-wrapper.bar6 .bar,:host .component-wrapper.bar7 .bar,wm-chart .component-wrapper.bar7 .bar{height:30px;position:relative}:host .component-wrapper.bar6 .bar .value,wm-chart .component-wrapper.bar6 .bar .value,:host .component-wrapper.bar7 .bar .value,wm-chart .component-wrapper.bar7 .bar .value{position:absolute;top:50%;right:-0.5rem;-webkit-transform:translate(100%, -50%);transform:translate(100%, -50%)}:host .component-wrapper.bar6 .x-axis,wm-chart .component-wrapper.bar6 .x-axis,:host .component-wrapper.bar7 .x-axis,wm-chart .component-wrapper.bar7 .x-axis{margin-left:var(--labelWidth);margin-right:var(--chartPadding);display:-ms-flexbox;display:flex;postion:relative}:host .component-wrapper.bar6 .tick,wm-chart .component-wrapper.bar6 .tick,:host .component-wrapper.bar7 .tick,wm-chart .component-wrapper.bar7 .tick{-ms-flex:1;flex:1;text-align:right}:host .component-wrapper.bar6 .tick span,wm-chart .component-wrapper.bar6 .tick span,:host .component-wrapper.bar7 .tick span,wm-chart .component-wrapper.bar7 .tick span{-webkit-transform:translateX(50%);transform:translateX(50%);display:inline-block}:host .component-wrapper.bar6 .zero,wm-chart .component-wrapper.bar6 .zero,:host .component-wrapper.bar7 .zero,wm-chart .component-wrapper.bar7 .zero{position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}:host .component-wrapper.bar6 .bar:active,wm-chart .component-wrapper.bar6 .bar:active,:host .component-wrapper.bar6 .bar:hover,wm-chart .component-wrapper.bar6 .bar:hover,:host .component-wrapper.bar6 .bar:focus,wm-chart .component-wrapper.bar6 .bar:focus,:host .component-wrapper.bar7 .bar:active,wm-chart .component-wrapper.bar7 .bar:active,:host .component-wrapper.bar7 .bar:hover,wm-chart .component-wrapper.bar7 .bar:hover,:host .component-wrapper.bar7 .bar:focus,wm-chart .component-wrapper.bar7 .bar:focus{outline:none}:host .component-wrapper.bar6 .bar:active.bar,wm-chart .component-wrapper.bar6 .bar:active.bar,:host .component-wrapper.bar6 .bar:hover.bar,wm-chart .component-wrapper.bar6 .bar:hover.bar,:host .component-wrapper.bar6 .bar:focus.bar,wm-chart .component-wrapper.bar6 .bar:focus.bar,:host .component-wrapper.bar7 .bar:active.bar,wm-chart .component-wrapper.bar7 .bar:active.bar,:host .component-wrapper.bar7 .bar:hover.bar,wm-chart .component-wrapper.bar7 .bar:hover.bar,:host .component-wrapper.bar7 .bar:focus.bar,wm-chart .component-wrapper.bar7 .bar:focus.bar{-webkit-box-shadow:0px 0px 6px #333;-moz-box-shadow:0px 0px 6px #333;box-shadow:0px 0px 6px #333}:host .component-wrapper.left-label,wm-chart .component-wrapper.left-label{-ms-flex-direction:row;flex-direction:row}:host .component-wrapper.left-label .label,wm-chart .component-wrapper.left-label .label{width:12rem;padding-right:1.25rem;-ms-flex:none;flex:none;-ms-flex-item-align:end;align-self:flex-end;min-height:30px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .component-wrapper .hidden-values-warning,wm-chart .component-wrapper .hidden-values-warning{font-size:0.75rem;font-style:italic;max-width:100%}:host #chart-instructions,wm-chart #chart-instructions{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}:host .component-wrapper .legend-wrapper,wm-chart .component-wrapper .legend-wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-align:center}:host .component-wrapper .legend-wrapper .legend,wm-chart .component-wrapper .legend-wrapper .legend{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;text-align:center;padding-top:0.25rem;padding-bottom:0.75rem;-webkit-box-sizing:border-box;box-sizing:border-box}:host .component-wrapper .legend-wrapper .legend.bar1,wm-chart .component-wrapper .legend-wrapper .legend.bar1,:host .component-wrapper .legend-wrapper .legend.bar6,wm-chart .component-wrapper .legend-wrapper .legend.bar6{display:none}:host .component-wrapper .legend-wrapper .legend.--top,wm-chart .component-wrapper .legend-wrapper .legend.--top{margin-top:-0.75rem}:host .component-wrapper .legend-wrapper .legend.--top .legend-item,wm-chart .component-wrapper .legend-wrapper .legend.--top .legend-item{padding-top:0.75rem}:host .component-wrapper .legend-wrapper .legend.--top .legend-color,wm-chart .component-wrapper .legend-wrapper .legend.--top .legend-color{top:0.75rem}:host .component-wrapper .legend-wrapper .legend.--bottom,wm-chart .component-wrapper .legend-wrapper .legend.--bottom{margin-bottom:-0.75rem}:host .component-wrapper .legend-wrapper .legend.--bottom .legend-item,wm-chart .component-wrapper .legend-wrapper .legend.--bottom .legend-item{padding-bottom:0.75rem}:host .component-wrapper .legend-wrapper .legend.--bottom .legend-color,wm-chart .component-wrapper .legend-wrapper .legend.--bottom .legend-color{top:-0.75rem}:host .component-wrapper .legend-wrapper .legend .legend-item,wm-chart .component-wrapper .legend-wrapper .legend .legend-item{position:relative}:host .component-wrapper .legend-wrapper .legend .legend-item:not(:last-of-type),wm-chart .component-wrapper .legend-wrapper .legend .legend-item:not(:last-of-type){padding-right:1.25rem}:host .component-wrapper .legend-wrapper .legend .legend-text,wm-chart .component-wrapper .legend-wrapper .legend .legend-text{font-size:0.875rem;padding-left:1rem;line-height:1}:host .component-wrapper .legend-wrapper .legend .legend-color,wm-chart .component-wrapper .legend-wrapper .legend .legend-color{position:absolute;left:0;bottom:0;margin:auto;width:0.6875rem;height:0.6875rem}:host .component-wrapper .legend-wrapper .legend.bar3,wm-chart .component-wrapper .legend-wrapper .legend.bar3{padding-bottom:1.25rem}:host(:focus){outline:none}:host(:focus) .component-wrapper.user-is-tabbing .stacked-bar-segments-wrapper,:host(:focus) .component-wrapper.user-is-tabbing .simple-bar-wrapper,:host(:focus) .component-wrapper.user-is-tabbing .doughnut-wrapper{-webkit-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e;-moz-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e;box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e}:host(:focus) .component-wrapper.user-is-tabbing .stacked-bar-segments-wrapper::-moz-focus-inner,:host(:focus) .component-wrapper.user-is-tabbing .simple-bar-wrapper::-moz-focus-inner,:host(:focus) .component-wrapper.user-is-tabbing .doughnut-wrapper::-moz-focus-inner{border:0}";
@@ -25,8 +25,9 @@ const Chart = class {
25
25
  // checks are to the left of each valueEl, so skip the first one
26
26
  if (idx > 0) {
27
27
  const bounds = valueEl.getBoundingClientRect();
28
- if (bounds.left - margin < lastVisibleRightEdge) {
28
+ if (bounds.left - margin < lastVisibleRightEdge && valueEl.textContent !== "") {
29
29
  // left edge of current value is overlapping right edge of last visible value
30
+ // only for slices with a textContent (non-zero value)
30
31
  valueEl.classList.add("hidden");
31
32
  hasHiddenBarValue = true;
32
33
  }
@@ -165,16 +166,14 @@ const Chart = class {
165
166
  }
166
167
  }
167
168
  renderChart() {
168
- if (this.total > 0) {
169
- if (this.isStackedBar) {
170
- return chartFunctions.renderStackedBar.call(this, this.currentChartType);
171
- }
172
- else if (this.isSimpleBar) {
173
- return chartFunctions.renderSimpleBar.call(this, this.currentChartType);
174
- }
175
- else if (this.isDoughnut) {
176
- return chartFunctions.renderDoughnut.call(this, this.currentChartType);
177
- }
169
+ if (this.isSimpleBar) {
170
+ return chartFunctions.renderSimpleBar.call(this, this.currentChartType);
171
+ }
172
+ else if (this.isStackedBar && this.total > 0) {
173
+ return chartFunctions.renderStackedBar.call(this, this.currentChartType);
174
+ }
175
+ else if (this.isDoughnut && this.total > 0) {
176
+ return chartFunctions.renderDoughnut.call(this, this.currentChartType);
178
177
  }
179
178
  }
180
179
  render() {
package/dist/cjs/wm-line-chart.cjs.entry.js CHANGED
@@ -4,10 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-9f0e6656.js');
6
6
  const functions = require('./functions-fa1e5958.js');
7
- const chartFunctions = require('./chartFunctions-1a71ceca.js');
7
+ const chartFunctions = require('./chartFunctions-13dc5282.js');
8
8
  const intl = require('./intl-2bc2aa49.js');
9
9
 
10
- const wmLineChartCss = ":host,wm-line-chart{display:block;height:500px;width:100%;font-size:14px;overflow-y:visible;overflow-x:auto}:host .component-wrapper,wm-line-chart .component-wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:562px;width:100%;height:100%;outline:none}:host .icon,wm-line-chart .icon{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;position:relative;color:var(--iconColor);-webkit-transform:var(--translation, unset);transform:var(--translation, unset)}:host .icon:before,wm-line-chart .icon:before{display:inline-block;font:normal normal normal 24px/1 \"Material Design Icons\";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:var(--icon);padding:0 3px;z-index:1}:host .icon:after,wm-line-chart .icon:after{color:white;position:absolute;left:3px;-webkit-transform:scale(180%);transform:scale(180%);display:inline-block;font:normal normal normal 24px/1 \"Material Design Icons\";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:var(--icon);z-index:0}:host .legend,wm-line-chart .legend{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px 16px;margin-top:4px;margin-bottom:16px}:host .legend .legend-label,wm-line-chart .legend .legend-label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;cursor:default;font-weight:600}:host .legend .legend-label.faded,wm-line-chart .legend .legend-label.faded{opacity:0.3}:host .legend .legend-label .icon,wm-line-chart .legend .legend-label .icon{margin-right:4px}:host .legend .visibility-toggle,wm-line-chart .legend .visibility-toggle{margin-left:4px}:host .chart-wrapper,wm-line-chart .chart-wrapper{position:relative;-ms-flex-positive:1;flex-grow:1;display:grid;grid-template-columns:auto auto 1fr;grid-template-rows:1fr auto auto;margin-right:16px}:host .chart-label,wm-line-chart .chart-label{font-size:14px;font-weight:600}:host .chart-label.--y-axis,wm-line-chart .chart-label.--y-axis{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:var(--labelWidth);align-self:center;margin-right:16px;grid-area:1/1/2/2;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}:host .chart-label.--x-axis,wm-line-chart .chart-label.--x-axis{margin-top:16px;text-align:center;grid-area:3/3/4/4}:host .y-intervals,wm-line-chart .y-intervals{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;grid-area:1/2/2/3;margin-right:4px}:host .y-intervals .y-interval,wm-line-chart .y-intervals .y-interval{text-align:right}:host .x-intervals,wm-line-chart .x-intervals{display:grid;grid-template-columns:var(--columns);grid-area:2/3/3/4;line-height:1;margin-top:4px}:host .x-intervals .x-interval,wm-line-chart .x-intervals .x-interval{text-align:center}:host .x-intervals .x-interval:first-child,wm-line-chart .x-intervals .x-interval:first-child{text-align:left}:host .x-intervals .x-interval:last-child,wm-line-chart .x-intervals .x-interval:last-child{text-align:right}:host .plot-area,wm-line-chart .plot-area{position:relative;grid-area:1/3/2/4;background-image:linear-gradient(90deg, #d8d8d8 1px, transparent 1px);border-bottom:1px solid #d8d8d8;background-size:var(--backgroundSize)}:host .plot-area.right-border,wm-line-chart .plot-area.right-border{border-right:1px solid #d8d8d8}:host .line,wm-line-chart .line{position:absolute;width:100%;height:100%}:host .line .icon,wm-line-chart .line .icon{position:absolute;-webkit-transform:var(--translation);transform:var(--translation);left:var(--xPosition);top:var(--yPosition);z-index:1}:host .line .icon:focus,wm-line-chart .line .icon:focus{z-index:2;outline:none}:host .line .icon:focus:before,wm-line-chart .line .icon:focus:before{-webkit-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e;-moz-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e;box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e;border-radius:3px}:host .line .icon:focus:before::-moz-focus-inner,wm-line-chart .line .icon:focus:before::-moz-focus-inner{border:0}:host .line .line-svg,wm-line-chart .line .line-svg{height:100%;width:100%}:host .line.faded,wm-line-chart .line.faded{opacity:0.3}:host .line.focused,wm-line-chart .line.focused{z-index:1}:host .line.hidden,wm-line-chart .line.hidden{visibility:hidden}:host .hover-area-wrapper,wm-line-chart .hover-area-wrapper{position:absolute;width:100%;height:100%;top:0;left:0;display:grid;grid-template-rows:1fr;grid-template-columns:var(--columns)}:host .hover-indicator,wm-line-chart .hover-indicator{-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;height:100%;width:2px;background-color:#8b86ca;border:1px solid #8b86ca;-webkit-transform:translateX(-50%);transform:translateX(-50%);left:var(--xPosition);grid-column:3/4;grid-row:1/2;pointer-events:none}:host .popover,wm-line-chart .popover{width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:400px;background-color:white;position:absolute;top:var(--topPosition, 0);left:var(--leftPosition, unset);right:var(--rightPosition, unset);padding:16px;border-radius:5px;-webkit-box-shadow:0px 2px 10px 0px rgba(0, 0, 0, 0.09);box-shadow:0px 2px 10px 0px rgba(0, 0, 0, 0.09);-webkit-transform:translateY(-50%);transform:translateY(-50%);line-height:1;z-index:3;grid-column:3/4;grid-row:1/2;pointer-events:none;-webkit-box-sizing:border-box;box-sizing:border-box}:host .popover .title,wm-line-chart .popover .title{font-size:16px;font-weight:600}:host .popover .comparison-title,wm-line-chart .popover .comparison-title{font-style:italic;margin-top:4px}:host .popover .unit,wm-line-chart .popover .unit{font-size:12px;font-weight:600}:host .popover .unit.--x,wm-line-chart .popover .unit.--x{margin-left:4px}:host .popover .popover-table,wm-line-chart .popover .popover-table{margin-top:16px}:host .popover .popover-table .popover-row,wm-line-chart .popover .popover-table .popover-row{line-height:1}:host .popover .popover-table .popover-row:not(:last-child) td,wm-line-chart .popover .popover-table .popover-row:not(:last-child) td{padding-bottom:8px}:host .popover .popover-table .popover-row .row-label,wm-line-chart .popover .popover-table .popover-row .row-label{font-weight:600;padding-right:16px;overflow-wrap:anywhere}:host .popover .popover-table .popover-row .row-label .icon,wm-line-chart .popover .popover-table .popover-row .row-label .icon{margin-right:4px}:host .popover .popover-table .popover-row .row-value,:host .popover .popover-table .popover-row .delta,wm-line-chart .popover .popover-table .popover-row .row-value,wm-line-chart .popover .popover-table .popover-row .delta{text-align:right;white-space:nowrap}:host .popover .popover-table .popover-row .delta,wm-line-chart .popover .popover-table .popover-row .delta{padding-left:12px;font-weight:600}:host .popover .popover-table .popover-row .delta.--positive,wm-line-chart .popover .popover-table .popover-row .delta.--positive{color:#088000}:host .popover .popover-table .popover-row .delta.--negative,wm-line-chart .popover .popover-table .popover-row .delta.--negative{color:#c0392b}:host .highlight,wm-line-chart .highlight{position:absolute;height:100%;background-color:rgba(25, 161, 169, 0.1);left:var(--startPercentage);right:var(--endPercentage)}:host .sr-only,wm-line-chart .sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}";
10
+ const wmLineChartCss = ":host,wm-line-chart{display:block;height:500px;width:100%;font-size:14px;overflow-y:visible;overflow-x:auto}:host .component-wrapper,wm-line-chart .component-wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:562px;width:100%;height:100%;outline:none}:host .icon,wm-line-chart .icon{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;position:relative;color:var(--iconColor);-webkit-transform:var(--translation, unset);transform:var(--translation, unset)}:host .icon:before,wm-line-chart .icon:before{display:inline-block;font:normal normal normal 24px/1 \"Material Design Icons\";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:var(--icon);padding:0 3px;z-index:1}:host .icon:after,wm-line-chart .icon:after{color:white;position:absolute;left:3px;-webkit-transform:scale(180%);transform:scale(180%);display:inline-block;font:normal normal normal 24px/1 \"Material Design Icons\";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:var(--icon);z-index:0}:host .legend,wm-line-chart .legend{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px 16px;margin-top:4px;margin-bottom:16px}:host .legend .legend-label,wm-line-chart .legend .legend-label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;cursor:default;font-weight:600}:host .legend .legend-label.faded,wm-line-chart .legend .legend-label.faded{opacity:0.3}:host .legend .legend-label .icon,wm-line-chart .legend .legend-label .icon{margin-right:4px}:host .legend .visibility-toggle,wm-line-chart .legend .visibility-toggle{margin-left:4px}:host .chart-wrapper,wm-line-chart .chart-wrapper{position:relative;-ms-flex-positive:1;flex-grow:1;display:grid;grid-template-columns:auto auto 1fr;grid-template-rows:1fr auto auto;margin-right:16px}:host .chart-label,wm-line-chart .chart-label{font-size:14px;font-weight:600}:host .chart-label.--y-axis,wm-line-chart .chart-label.--y-axis{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:var(--labelWidth);align-self:center;margin-right:16px;grid-area:1/1/2/2;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}:host .chart-label.--x-axis,wm-line-chart .chart-label.--x-axis{margin-top:16px;text-align:center;grid-area:3/3/4/4}:host .y-intervals,wm-line-chart .y-intervals{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;grid-area:1/2/2/3;margin-right:4px}:host .y-intervals .y-interval,wm-line-chart .y-intervals .y-interval{text-align:right}:host .x-intervals,wm-line-chart .x-intervals{display:grid;grid-template-columns:var(--columns);grid-area:2/3/3/4;line-height:1;margin-top:4px}:host .x-intervals .x-interval,wm-line-chart .x-intervals .x-interval{text-align:center}:host .x-intervals .x-interval:first-child,wm-line-chart .x-intervals .x-interval:first-child{text-align:left}:host .x-intervals .x-interval:last-child,wm-line-chart .x-intervals .x-interval:last-child{text-align:right}:host .x-intervals .x-interval.hidden,wm-line-chart .x-intervals .x-interval.hidden{visibility:hidden}:host .plot-area,wm-line-chart .plot-area{position:relative;grid-area:1/3/2/4;background-image:linear-gradient(90deg, #d8d8d8 1px, transparent 1px);border-bottom:1px solid #d8d8d8;background-size:var(--backgroundSize)}:host .plot-area.right-border,wm-line-chart .plot-area.right-border{border-right:1px solid #d8d8d8}:host .line,wm-line-chart .line{position:absolute;width:100%;height:100%}:host .line .icon,wm-line-chart .line .icon{position:absolute;-webkit-transform:var(--translation);transform:var(--translation);left:var(--xPosition);top:var(--yPosition);z-index:1}:host .line .icon:focus,wm-line-chart .line .icon:focus{z-index:2;outline:none}:host .line .icon:focus:before,wm-line-chart .line .icon:focus:before{-webkit-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e;-moz-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e;box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e;border-radius:3px}:host .line .icon:focus:before::-moz-focus-inner,wm-line-chart .line .icon:focus:before::-moz-focus-inner{border:0}:host .line .line-svg,wm-line-chart .line .line-svg{height:100%;width:100%}:host .line.faded,wm-line-chart .line.faded{opacity:0.3}:host .line.focused,wm-line-chart .line.focused{z-index:1}:host .line.hidden,wm-line-chart .line.hidden{visibility:hidden}:host .hover-area-wrapper,wm-line-chart .hover-area-wrapper{position:absolute;width:100%;height:100%;top:0;left:0;display:grid;grid-template-rows:1fr;grid-template-columns:var(--columns)}:host .hover-indicator,wm-line-chart .hover-indicator{-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;height:100%;width:2px;background-color:#8b86ca;border:1px solid #8b86ca;-webkit-transform:translateX(-50%);transform:translateX(-50%);left:var(--xPosition);grid-column:3/4;grid-row:1/2;pointer-events:none}:host .popover,wm-line-chart .popover{width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:400px;background-color:white;position:absolute;top:var(--topPosition, 0);left:var(--leftPosition, unset);right:var(--rightPosition, unset);padding:16px;border-radius:5px;-webkit-box-shadow:0px 2px 10px 0px rgba(0, 0, 0, 0.09);box-shadow:0px 2px 10px 0px rgba(0, 0, 0, 0.09);-webkit-transform:translateY(-50%);transform:translateY(-50%);line-height:1;z-index:3;grid-column:3/4;grid-row:1/2;pointer-events:none;-webkit-box-sizing:border-box;box-sizing:border-box}:host .popover .title,wm-line-chart .popover .title{font-size:16px;font-weight:600}:host .popover .comparison-title,wm-line-chart .popover .comparison-title{font-style:italic;margin-top:4px}:host .popover .unit,wm-line-chart .popover .unit{font-size:12px;font-weight:600}:host .popover .unit.--x,wm-line-chart .popover .unit.--x{margin-left:4px}:host .popover .popover-table,wm-line-chart .popover .popover-table{margin-top:16px}:host .popover .popover-table .popover-row,wm-line-chart .popover .popover-table .popover-row{line-height:1}:host .popover .popover-table .popover-row:not(:last-child) td,wm-line-chart .popover .popover-table .popover-row:not(:last-child) td{padding-bottom:8px}:host .popover .popover-table .popover-row .row-label,wm-line-chart .popover .popover-table .popover-row .row-label{font-weight:600;padding-right:16px;overflow-wrap:anywhere}:host .popover .popover-table .popover-row .row-label .icon,wm-line-chart .popover .popover-table .popover-row .row-label .icon{margin-right:4px}:host .popover .popover-table .popover-row .row-value,:host .popover .popover-table .popover-row .delta,wm-line-chart .popover .popover-table .popover-row .row-value,wm-line-chart .popover .popover-table .popover-row .delta{text-align:right;white-space:nowrap}:host .popover .popover-table .popover-row .delta,wm-line-chart .popover .popover-table .popover-row .delta{padding-left:12px;font-weight:600}:host .popover .popover-table .popover-row .delta.--positive,wm-line-chart .popover .popover-table .popover-row .delta.--positive{color:#088000}:host .popover .popover-table .popover-row .delta.--negative,wm-line-chart .popover .popover-table .popover-row .delta.--negative{color:#c0392b}:host .highlight,wm-line-chart .highlight{position:absolute;height:100%;background-color:rgba(25, 161, 169, 0.1);left:var(--startPercentage);right:var(--endPercentage)}:host .sr-only,wm-line-chart .sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}";
11
11
 
12
12
  const LineChart = class {
13
13
  constructor(hostRef) {
@@ -64,10 +64,11 @@ const LineChart = class {
64
64
  // if intervalSkip ever changes, dataPointMatrix must be regenerated to account for chart spacers
65
65
  this.parseData();
66
66
  }
67
- get needsSpacers() {
67
+ get hasPartialInterval() {
68
68
  // if chart width is too small, an odd # of intervals like 1,2,3,4,5,6,7 can be shortened to 1,3,5,7 or 1,4,7
69
69
  // but an even # like 1,2,3,4,5,6,7,8 will be shortened to 1,3,5,7 (can't show first and last interval)
70
- // empty "spacers" can be added to intervals 1,3,5,7,(9) and make sure the 8 data point is displayed in the chart
70
+ // in these cases, show a partial interval must be shown in order to still provide space to plot the 8th data point
71
+ // e.g intervals will be 1-3, 3-5, 5-7, 7-8
71
72
  return this.intervalSkip > 0 && this.xIntervals.length % 2 === 0;
72
73
  }
73
74
  get parsedUnits() {
@@ -233,18 +234,12 @@ const LineChart = class {
233
234
  : this.xIntervals.length;
234
235
  const { skipInterval, skippedList } = functions.getSmallestSkipInterval(this.xIntervals, maxTicks);
235
236
  this.intervalSkip = skipInterval;
236
- return [...skippedList, ...(this.needsSpacers ? [""] : [])];
237
+ return skippedList;
237
238
  }
238
239
  buildLineDataPointDetails(lineLabel, line) {
239
240
  let dataPointDetailsList = [];
240
241
  const lineDataPoints = Object.entries(line);
241
242
  let isHighlighted;
242
- // add blank spaces at the end for charts that need a hidden interval
243
- if (this.needsSpacers) {
244
- for (let i = 0; i < this.intervalSkip; i++) {
245
- lineDataPoints.push(["", null]);
246
- }
247
- }
248
243
  lineDataPoints.forEach((entry, pointIdx) => {
249
244
  const [xValue, yValue] = entry;
250
245
  let xPositionPercent = (100 / (lineDataPoints.length - 1)) * pointIdx;
@@ -337,9 +332,9 @@ const LineChart = class {
337
332
  }
338
333
  renderXIntervals() {
339
334
  const gridStyle = {
340
- "--columns": `.5fr repeat(${this.displayedXIntervals.length - 2}, 1fr) .5fr`,
335
+ "--columns": `.5fr repeat(${this.xIntervals.length - 2}, 1fr) .5fr`,
341
336
  };
342
- return (index.h("div", { class: "x-intervals", style: gridStyle }, this.displayedXIntervals.map((interval) => (index.h("span", { class: "x-interval" }, interval)))));
337
+ return (index.h("div", { class: "x-intervals", style: gridStyle }, this.xIntervals.map((interval) => (index.h("span", { class: `x-interval ${this.displayedXIntervals.includes(interval) ? "" : "hidden"}` }, interval)))));
343
338
  }
344
339
  renderYIntervals() {
345
340
  return (index.h("div", { ref: (el) => (this.yIntervalsEl = el), class: "y-intervals" }, this.yIntervals.map((yInterval) => (index.h("span", { class: "y-interval" }, chartFunctions.abbrNumber(yInterval))))));
@@ -390,8 +385,7 @@ const LineChart = class {
390
385
  })));
391
386
  }
392
387
  renderHoverAreas() {
393
- const gridTemplateColumns = `.5fr repeat(${this.xIntervals.length - 2}, 1fr) ${0.5 + (this.needsSpacers ? this.intervalSkip : 0)}fr`;
394
- const hoverAreaStyle = { "--columns": gridTemplateColumns };
388
+ const hoverAreaStyle = { "--columns": `.5fr repeat(${this.xIntervals.length - 2}, 1fr) .5fr` };
395
389
  return (index.h("div", { class: "hover-area-wrapper", style: hoverAreaStyle, onMouseLeave: () => (this.displayedPopover = -1) }, this.xIntervals.map((_, idx) => (index.h("div", { onMouseEnter: () => (this.displayedPopover = idx) })))));
396
390
  }
397
391
  renderPopover() {
@@ -457,7 +451,7 @@ const LineChart = class {
457
451
  return index.h("div", { class: "highlight", style: highlightStyle });
458
452
  }
459
453
  render() {
460
- return (index.h(index.Host, { onBlur: () => this.resetDataPointFocus(), onMouseLeave: () => (this.displayedPopover = -1) }, index.h("div", { class: "component-wrapper", role: "application", "aria-roledescription": intl.chartMessages.interactiveChart, "aria-label": this.label, "aria-describedby": "chart-description" }, this.renderLegend(), index.h("div", { class: "chart-wrapper" }, index.h("div", { class: "chart-label --y-axis", style: { "--labelWidth": this.labelWidth } }, this.yAxisLabel, this.parsedUnits[1] && ` (${this.parsedUnits[1]})`), this.renderYIntervals(), index.h("div", { ref: (el) => (this.plotAreaEl = el), class: `plot-area ${this.needsSpacers ? "" : "right-border"}`, style: {
454
+ return (index.h(index.Host, { onBlur: () => this.resetDataPointFocus(), onMouseLeave: () => (this.displayedPopover = -1) }, index.h("div", { class: "component-wrapper", role: "application", "aria-roledescription": intl.chartMessages.interactiveChart, "aria-label": this.label, "aria-describedby": "chart-description" }, this.renderLegend(), index.h("div", { class: "chart-wrapper" }, index.h("div", { class: "chart-label --y-axis", style: { "--labelWidth": this.labelWidth } }, this.yAxisLabel, this.parsedUnits[1] && ` (${this.parsedUnits[1]})`), this.renderYIntervals(), index.h("div", { ref: (el) => (this.plotAreaEl = el), class: `plot-area ${this.hasPartialInterval ? "" : "right-border"}`, style: {
461
455
  "--backgroundSize": `${this.dataPointMatrix[0][this.xIntervals.indexOf(this.displayedXIntervals[1])].xPositionPercent}%`,
462
456
  } }, this.highlightStart && this.renderHighlight(), this.renderData(), this.renderHoverAreas()), this.displayedPopover !== -1 && this.renderHoverIndicator(), this.displayedPopover !== -1 && this.renderPopover(), this.renderXIntervals(), index.h("div", { class: "chart-label --x-axis" }, this.xAxisLabel, this.parsedUnits[0] && ` (${this.parsedUnits[0]})`)), index.h("div", { id: "chart-description", class: "sr-only" }, `${intl.lineChartMessages.instructions} ${this.description}`), index.h("div", { ref: (el) => (this.liveRegionEl = el), "aria-live": "polite", class: "sr-only" }, this.announcement))));
463
457
  }
package/dist/cjs/wm-progress-indicator_3.cjs.entry.js CHANGED
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-9f0e6656.js');
6
6
  const functions = require('./functions-fa1e5958.js');
7
- const chartFunctions = require('./chartFunctions-1a71ceca.js');
7
+ const chartFunctions = require('./chartFunctions-13dc5282.js');
8
8
 
9
9
  const wmProgressIndicatorCss = ":host,wm-progress-indicator{display:block}:host .component-wrapper,wm-progress-indicator .component-wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;font-size:0.875rem;position:relative;outline:none;}:host .component-wrapper .label,wm-progress-indicator .component-wrapper .label{display:block;margin:0;padding-bottom:0.25rem;font-weight:600;position:relative}:host .component-wrapper .label .subinfo,wm-progress-indicator .component-wrapper .label .subinfo{display:block;font-weight:normal;font-style:italic;bottom:0.25rem;width:100%;color:#6b6b6b}:host .component-wrapper .label.custom-width,wm-progress-indicator .component-wrapper .label.custom-width{width:var(--custom-label-width)}:host .component-wrapper .label.--none,wm-progress-indicator .component-wrapper .label.--none{display:none}:host .component-wrapper .doughnut-svg,wm-progress-indicator .component-wrapper .doughnut-svg,:host .component-wrapper .inner-stacked-bar-wrapper,wm-progress-indicator .component-wrapper .inner-stacked-bar-wrapper{overflow:visible}:host .component-wrapper .bar-wrapper,wm-progress-indicator .component-wrapper .bar-wrapper{-ms-flex-positive:1;flex-grow:1;width:100%}:host .component-wrapper .bar-wrapper .inner-stacked-bar-wrapper,wm-progress-indicator .component-wrapper .bar-wrapper .inner-stacked-bar-wrapper{width:100%}:host .component-wrapper .bar-wrapper .inner-stacked-bar-wrapper .values,wm-progress-indicator .component-wrapper .bar-wrapper .inner-stacked-bar-wrapper .values{display:-ms-flexbox;display:flex}:host .component-wrapper .bar-wrapper .inner-stacked-bar-wrapper .stacked-bar-segments-wrapper,wm-progress-indicator .component-wrapper .bar-wrapper .inner-stacked-bar-wrapper .stacked-bar-segments-wrapper{display:-ms-flexbox;display:flex}:host .component-wrapper .bar-wrapper .inner-stacked-bar-wrapper .stacked-bar-segments-wrapper .stacked-bar-segment,wm-progress-indicator .component-wrapper .bar-wrapper .inner-stacked-bar-wrapper .stacked-bar-segments-wrapper .stacked-bar-segment{height:30px;cursor:pointer}:host .component-wrapper .bar-wrapper .inner-stacked-bar-wrapper .stacked-bar-segments-wrapper .stacked-bar-segment:not(.zero):not(:last-of-type),wm-progress-indicator .component-wrapper .bar-wrapper .inner-stacked-bar-wrapper .stacked-bar-segments-wrapper .stacked-bar-segment:not(.zero):not(:last-of-type){margin-right:2px}:host .component-wrapper .doughnut-wrapper,wm-progress-indicator .component-wrapper .doughnut-wrapper{-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px}:host .component-wrapper .doughnut-wrapper .doughnut-segment,wm-progress-indicator .component-wrapper .doughnut-wrapper .doughnut-segment{cursor:pointer}:host .component-wrapper .value-wrapper,wm-progress-indicator .component-wrapper .value-wrapper{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}:host .component-wrapper .value-wrapper:not(:last-of-type),wm-progress-indicator .component-wrapper .value-wrapper:not(:last-of-type){margin-right:2px}:host .component-wrapper .value-wrapper .value.hidden,wm-progress-indicator .component-wrapper .value-wrapper .value.hidden{visibility:hidden}:host .component-wrapper path:active,wm-progress-indicator .component-wrapper path:active,:host .component-wrapper path:hover,wm-progress-indicator .component-wrapper path:hover,:host .component-wrapper path:focus,wm-progress-indicator .component-wrapper path:focus,:host .component-wrapper .stacked-bar-segment:active,wm-progress-indicator .component-wrapper .stacked-bar-segment:active,:host .component-wrapper .stacked-bar-segment:hover,wm-progress-indicator .component-wrapper .stacked-bar-segment:hover,:host .component-wrapper .stacked-bar-segment:focus,wm-progress-indicator .component-wrapper .stacked-bar-segment:focus{outline:none}:host .component-wrapper .stacked-bar-segment:active.stacked-bar-segment,wm-progress-indicator .component-wrapper .stacked-bar-segment:active.stacked-bar-segment,:host .component-wrapper .stacked-bar-segment:hover.stacked-bar-segment,wm-progress-indicator .component-wrapper .stacked-bar-segment:hover.stacked-bar-segment,:host .component-wrapper .stacked-bar-segment:focus.stacked-bar-segment,wm-progress-indicator .component-wrapper .stacked-bar-segment:focus.stacked-bar-segment{-webkit-box-shadow:0px 0px 6px #333;-moz-box-shadow:0px 0px 6px #333;box-shadow:0px 0px 6px #333}:host .component-wrapper path:active.doughnut-segment,wm-progress-indicator .component-wrapper path:active.doughnut-segment,:host .component-wrapper path:hover.doughnut-segment,wm-progress-indicator .component-wrapper path:hover.doughnut-segment,:host .component-wrapper path:focus.doughnut-segment,wm-progress-indicator .component-wrapper path:focus.doughnut-segment,:host .component-wrapper .stacked-bar-segment:active.doughnut-segment,wm-progress-indicator .component-wrapper .stacked-bar-segment:active.doughnut-segment,:host .component-wrapper .stacked-bar-segment:hover.doughnut-segment,wm-progress-indicator .component-wrapper .stacked-bar-segment:hover.doughnut-segment,:host .component-wrapper .stacked-bar-segment:focus.doughnut-segment,wm-progress-indicator .component-wrapper .stacked-bar-segment:focus.doughnut-segment{-webkit-filter:url(#wmHoverDropShadow);filter:url(#wmHoverDropShadow)}:host .component-wrapper path::-moz-focus-inner,wm-progress-indicator .component-wrapper path::-moz-focus-inner,:host .component-wrapper .stacked-bar-segment::-moz-focus-inner,wm-progress-indicator .component-wrapper .stacked-bar-segment::-moz-focus-inner{border:0;outline:none}:host .component-wrapper.doughnut,wm-progress-indicator .component-wrapper.doughnut{width:300px}:host .component-wrapper.doughnut1 label,wm-progress-indicator .component-wrapper.doughnut1 label,:host .component-wrapper.doughnut1 .label-text,wm-progress-indicator .component-wrapper.doughnut1 .label-text,:host .component-wrapper.doughnut2 label,wm-progress-indicator .component-wrapper.doughnut2 label,:host .component-wrapper.doughnut2 .label-text,wm-progress-indicator .component-wrapper.doughnut2 .label-text,:host .component-wrapper.doughnut2b label,wm-progress-indicator .component-wrapper.doughnut2b label,:host .component-wrapper.doughnut2b .label-text,wm-progress-indicator .component-wrapper.doughnut2b .label-text,:host .component-wrapper.doughnut3 label,wm-progress-indicator .component-wrapper.doughnut3 label,:host .component-wrapper.doughnut3 .label-text,wm-progress-indicator .component-wrapper.doughnut3 .label-text{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}:host .component-wrapper.doughnut0,wm-progress-indicator .component-wrapper.doughnut0,:host .component-wrapper.doughnut,wm-progress-indicator .component-wrapper.doughnut{-ms-flex-align:center;align-items:center}:host .component-wrapper.doughnut0 label,wm-progress-indicator .component-wrapper.doughnut0 label,:host .component-wrapper.doughnut label,wm-progress-indicator .component-wrapper.doughnut label{text-align:center;width:100%;padding-bottom:1.5rem}:host .component-wrapper.doughnut0 label .subinfo,wm-progress-indicator .component-wrapper.doughnut0 label .subinfo,:host .component-wrapper.doughnut label .subinfo,wm-progress-indicator .component-wrapper.doughnut label .subinfo{position:absolute}:host .component-wrapper.doughnut0 .completion-message,wm-progress-indicator .component-wrapper.doughnut0 .completion-message,:host .component-wrapper.doughnut .completion-message,wm-progress-indicator .component-wrapper.doughnut .completion-message{padding-top:0.625rem}:host .component-wrapper.bar1,wm-progress-indicator .component-wrapper.bar1,:host .component-wrapper.bar,wm-progress-indicator .component-wrapper.bar{padding:1.25rem;-ms-flex-align:start;align-items:flex-start}:host .component-wrapper.bar1 label,wm-progress-indicator .component-wrapper.bar1 label,:host .component-wrapper.bar label,wm-progress-indicator .component-wrapper.bar label{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host .component-wrapper.bar1 label .subinfo,wm-progress-indicator .component-wrapper.bar1 label .subinfo,:host .component-wrapper.bar label .subinfo,wm-progress-indicator .component-wrapper.bar label .subinfo{position:initial}:host .component-wrapper.bar1 .chart-wrapper,wm-progress-indicator .component-wrapper.bar1 .chart-wrapper,:host .component-wrapper.bar .chart-wrapper,wm-progress-indicator .component-wrapper.bar .chart-wrapper{display:-ms-flexbox;display:flex}:host .component-wrapper.bar1 .chart-wrapper .single-perc,wm-progress-indicator .component-wrapper.bar1 .chart-wrapper .single-perc,:host .component-wrapper.bar .chart-wrapper .single-perc,wm-progress-indicator .component-wrapper.bar .chart-wrapper .single-perc{width:4rem;-ms-flex:none;flex:none;display:-ms-flexbox;display:flex;height:30px;-ms-flex-align:center;align-items:center}:host .component-wrapper.bar1 .chart-wrapper .inner-stacked-bar-wrapper,wm-progress-indicator .component-wrapper.bar1 .chart-wrapper .inner-stacked-bar-wrapper,:host .component-wrapper.bar .chart-wrapper .inner-stacked-bar-wrapper,wm-progress-indicator .component-wrapper.bar .chart-wrapper .inner-stacked-bar-wrapper{-ms-flex:1;flex:1}:host .component-wrapper.bar1 .chart-wrapper .completion-message,wm-progress-indicator .component-wrapper.bar1 .chart-wrapper .completion-message,:host .component-wrapper.bar .chart-wrapper .completion-message,wm-progress-indicator .component-wrapper.bar .chart-wrapper .completion-message{width:100%;text-align:right;margin-top:0.25rem}@media screen and (min-width: 768px){:host .component-wrapper.bar1,wm-progress-indicator .component-wrapper.bar1,:host .component-wrapper.bar,wm-progress-indicator .component-wrapper.bar{-ms-flex-direction:row;flex-direction:row}:host .component-wrapper.bar1 label,wm-progress-indicator .component-wrapper.bar1 label,:host .component-wrapper.bar label,wm-progress-indicator .component-wrapper.bar label{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;min-height:30px;width:12rem;text-align:left;padding-right:1.25rem;padding-bottom:0;-ms-flex:none;flex:none}:host .component-wrapper.bar1 .bar-wrapper,wm-progress-indicator .component-wrapper.bar1 .bar-wrapper,:host .component-wrapper.bar .bar-wrapper,wm-progress-indicator .component-wrapper.bar .bar-wrapper{-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host .component-wrapper.bar1 .bar-wrapper .single-perc,wm-progress-indicator .component-wrapper.bar1 .bar-wrapper .single-perc,:host .component-wrapper.bar .bar-wrapper .single-perc,wm-progress-indicator .component-wrapper.bar .bar-wrapper .single-perc{text-align:center;padding-left:0.5rem;-ms-flex-pack:center;justify-content:center}}:host .component-wrapper.bar2,wm-progress-indicator .component-wrapper.bar2,:host .component-wrapper.bar2b,wm-progress-indicator .component-wrapper.bar2b,:host .component-wrapper.bar3,wm-progress-indicator .component-wrapper.bar3,:host .component-wrapper.bar4,wm-progress-indicator .component-wrapper.bar4,:host .component-wrapper.bar5,wm-progress-indicator .component-wrapper.bar5{-ms-flex-align:start;align-items:flex-start}:host .component-wrapper.bar2 .inner-stacked-bar-wrapper,wm-progress-indicator .component-wrapper.bar2 .inner-stacked-bar-wrapper,:host .component-wrapper.bar2b .inner-stacked-bar-wrapper,wm-progress-indicator .component-wrapper.bar2b .inner-stacked-bar-wrapper,:host .component-wrapper.bar4 .inner-stacked-bar-wrapper,wm-progress-indicator .component-wrapper.bar4 .inner-stacked-bar-wrapper,:host .component-wrapper.bar5 .inner-stacked-bar-wrapper,wm-progress-indicator .component-wrapper.bar5 .inner-stacked-bar-wrapper{height:30px;margin-bottom:0}:host .component-wrapper.bar2 .inner-stacked-bar-wrapper.show-values,wm-progress-indicator .component-wrapper.bar2 .inner-stacked-bar-wrapper.show-values,:host .component-wrapper.bar2b .inner-stacked-bar-wrapper.show-values,wm-progress-indicator .component-wrapper.bar2b .inner-stacked-bar-wrapper.show-values,:host .component-wrapper.bar4 .inner-stacked-bar-wrapper.show-values,wm-progress-indicator .component-wrapper.bar4 .inner-stacked-bar-wrapper.show-values,:host .component-wrapper.bar5 .inner-stacked-bar-wrapper.show-values,wm-progress-indicator .component-wrapper.bar5 .inner-stacked-bar-wrapper.show-values{height:60px;margin-top:0}:host .component-wrapper.bar3 .chart-wrapper,wm-progress-indicator .component-wrapper.bar3 .chart-wrapper{position:relative;height:100px}:host .component-wrapper.bar3 .chart-wrapper .inner-stacked-bar-wrapper,wm-progress-indicator .component-wrapper.bar3 .chart-wrapper .inner-stacked-bar-wrapper{position:absolute;top:35px;left:0;right:0;bottom:0;height:30px}:host .component-wrapper.bar3 .chart-wrapper .inner-stacked-bar-wrapper text,wm-progress-indicator .component-wrapper.bar3 .chart-wrapper .inner-stacked-bar-wrapper text{fill:#4a4a4a}:host .component-wrapper.bar3 .chart-wrapper .axis,wm-progress-indicator .component-wrapper.bar3 .chart-wrapper .axis{position:absolute;top:0;left:0;height:90px;width:100%;overflow:visible;-webkit-transform:translateY(90px);transform:translateY(90px)}:host .component-wrapper.bar3 .chart-wrapper .axis line,wm-progress-indicator .component-wrapper.bar3 .chart-wrapper .axis line{stroke:#eeedf4;stroke-width:1px}:host .component-wrapper.bar3 .chart-wrapper .axis text,wm-progress-indicator .component-wrapper.bar3 .chart-wrapper .axis text{-webkit-transform:translate(4px, 24px);transform:translate(4px, 24px);text-anchor:middle}:host .component-wrapper.bar3 .hidden-values-warning,wm-progress-indicator .component-wrapper.bar3 .hidden-values-warning{margin-top:1.25rem}:host .component-wrapper.bar6,wm-progress-indicator .component-wrapper.bar6,:host .component-wrapper.bar7,wm-progress-indicator .component-wrapper.bar7{--chartPadding:48px;-ms-flex-align:start;align-items:flex-start}:host .component-wrapper.bar6 .chart-wrapper,wm-progress-indicator .component-wrapper.bar6 .chart-wrapper,:host .component-wrapper.bar7 .chart-wrapper,wm-progress-indicator .component-wrapper.bar7 .chart-wrapper{width:100%}:host .component-wrapper.bar6 .chart,wm-progress-indicator .component-wrapper.bar6 .chart,:host .component-wrapper.bar7 .chart,wm-progress-indicator .component-wrapper.bar7 .chart{position:relative;padding-right:var(--chartPadding)}:host .component-wrapper.bar6 .gridlines,wm-progress-indicator .component-wrapper.bar6 .gridlines,:host .component-wrapper.bar7 .gridlines,wm-progress-indicator .component-wrapper.bar7 .gridlines{position:absolute;left:var(--labelWidth);right:var(--chartPadding);top:0;bottom:0;background-image:linear-gradient(90deg, #8f8f8f 1px, transparent 1px);background-position:-1px;border-left:1px solid #8f8f8f;border-bottom:1px solid #8f8f8f;background-size:var(--backgroundSize)}:host .component-wrapper.bar6 .rows,wm-progress-indicator .component-wrapper.bar6 .rows,:host .component-wrapper.bar7 .rows,wm-progress-indicator .component-wrapper.bar7 .rows{display:grid;grid-template-columns:var(--labelWidth) auto;grid-auto-rows:minmax(30px, 1fr);-ms-flex-align:center;align-items:center;position:relative;z-index:1}:host .component-wrapper.bar6 .rows .label,wm-progress-indicator .component-wrapper.bar6 .rows .label,:host .component-wrapper.bar7 .rows .label,wm-progress-indicator .component-wrapper.bar7 .rows .label{font-weight:400;padding:0 0.75rem 0 0;text-align:right;margin:0.75rem 0}:host .component-wrapper.bar6 .rows .label.hidden,wm-progress-indicator .component-wrapper.bar6 .rows .label.hidden,:host .component-wrapper.bar7 .rows .label.hidden,wm-progress-indicator .component-wrapper.bar7 .rows .label.hidden{visibility:hidden;white-space:nowrap}:host .component-wrapper.bar6 .bar,wm-progress-indicator .component-wrapper.bar6 .bar,:host .component-wrapper.bar7 .bar,wm-progress-indicator .component-wrapper.bar7 .bar{height:30px;position:relative}:host .component-wrapper.bar6 .bar .value,wm-progress-indicator .component-wrapper.bar6 .bar .value,:host .component-wrapper.bar7 .bar .value,wm-progress-indicator .component-wrapper.bar7 .bar .value{position:absolute;top:50%;right:-0.5rem;-webkit-transform:translate(100%, -50%);transform:translate(100%, -50%)}:host .component-wrapper.bar6 .x-axis,wm-progress-indicator .component-wrapper.bar6 .x-axis,:host .component-wrapper.bar7 .x-axis,wm-progress-indicator .component-wrapper.bar7 .x-axis{margin-left:var(--labelWidth);margin-right:var(--chartPadding);display:-ms-flexbox;display:flex;postion:relative}:host .component-wrapper.bar6 .tick,wm-progress-indicator .component-wrapper.bar6 .tick,:host .component-wrapper.bar7 .tick,wm-progress-indicator .component-wrapper.bar7 .tick{-ms-flex:1;flex:1;text-align:right}:host .component-wrapper.bar6 .tick span,wm-progress-indicator .component-wrapper.bar6 .tick span,:host .component-wrapper.bar7 .tick span,wm-progress-indicator .component-wrapper.bar7 .tick span{-webkit-transform:translateX(50%);transform:translateX(50%);display:inline-block}:host .component-wrapper.bar6 .zero,wm-progress-indicator .component-wrapper.bar6 .zero,:host .component-wrapper.bar7 .zero,wm-progress-indicator .component-wrapper.bar7 .zero{position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}:host .component-wrapper.bar6 .bar:active,wm-progress-indicator .component-wrapper.bar6 .bar:active,:host .component-wrapper.bar6 .bar:hover,wm-progress-indicator .component-wrapper.bar6 .bar:hover,:host .component-wrapper.bar6 .bar:focus,wm-progress-indicator .component-wrapper.bar6 .bar:focus,:host .component-wrapper.bar7 .bar:active,wm-progress-indicator .component-wrapper.bar7 .bar:active,:host .component-wrapper.bar7 .bar:hover,wm-progress-indicator .component-wrapper.bar7 .bar:hover,:host .component-wrapper.bar7 .bar:focus,wm-progress-indicator .component-wrapper.bar7 .bar:focus{outline:none}:host .component-wrapper.bar6 .bar:active.bar,wm-progress-indicator .component-wrapper.bar6 .bar:active.bar,:host .component-wrapper.bar6 .bar:hover.bar,wm-progress-indicator .component-wrapper.bar6 .bar:hover.bar,:host .component-wrapper.bar6 .bar:focus.bar,wm-progress-indicator .component-wrapper.bar6 .bar:focus.bar,:host .component-wrapper.bar7 .bar:active.bar,wm-progress-indicator .component-wrapper.bar7 .bar:active.bar,:host .component-wrapper.bar7 .bar:hover.bar,wm-progress-indicator .component-wrapper.bar7 .bar:hover.bar,:host .component-wrapper.bar7 .bar:focus.bar,wm-progress-indicator .component-wrapper.bar7 .bar:focus.bar{-webkit-box-shadow:0px 0px 6px #333;-moz-box-shadow:0px 0px 6px #333;box-shadow:0px 0px 6px #333}:host .component-wrapper.left-label,wm-progress-indicator .component-wrapper.left-label{-ms-flex-direction:row;flex-direction:row}:host .component-wrapper.left-label .label,wm-progress-indicator .component-wrapper.left-label .label{width:12rem;padding-right:1.25rem;-ms-flex:none;flex:none;-ms-flex-item-align:end;align-self:flex-end;min-height:30px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .component-wrapper .hidden-values-warning,wm-progress-indicator .component-wrapper .hidden-values-warning{font-size:0.75rem;font-style:italic;max-width:100%}:host #chart-instructions,wm-progress-indicator #chart-instructions{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}:host .component-wrapper .legend-wrapper,wm-progress-indicator .component-wrapper .legend-wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-align:center}:host .component-wrapper .legend-wrapper .legend,wm-progress-indicator .component-wrapper .legend-wrapper .legend{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;text-align:center;padding-top:0.25rem;padding-bottom:0.75rem;-webkit-box-sizing:border-box;box-sizing:border-box}:host .component-wrapper .legend-wrapper .legend.bar1,wm-progress-indicator .component-wrapper .legend-wrapper .legend.bar1,:host .component-wrapper .legend-wrapper .legend.bar6,wm-progress-indicator .component-wrapper .legend-wrapper .legend.bar6{display:none}:host .component-wrapper .legend-wrapper .legend.--top,wm-progress-indicator .component-wrapper .legend-wrapper .legend.--top{margin-top:-0.75rem}:host .component-wrapper .legend-wrapper .legend.--top .legend-item,wm-progress-indicator .component-wrapper .legend-wrapper .legend.--top .legend-item{padding-top:0.75rem}:host .component-wrapper .legend-wrapper .legend.--top .legend-color,wm-progress-indicator .component-wrapper .legend-wrapper .legend.--top .legend-color{top:0.75rem}:host .component-wrapper .legend-wrapper .legend.--bottom,wm-progress-indicator .component-wrapper .legend-wrapper .legend.--bottom{margin-bottom:-0.75rem}:host .component-wrapper .legend-wrapper .legend.--bottom .legend-item,wm-progress-indicator .component-wrapper .legend-wrapper .legend.--bottom .legend-item{padding-bottom:0.75rem}:host .component-wrapper .legend-wrapper .legend.--bottom .legend-color,wm-progress-indicator .component-wrapper .legend-wrapper .legend.--bottom .legend-color{top:-0.75rem}:host .component-wrapper .legend-wrapper .legend .legend-item,wm-progress-indicator .component-wrapper .legend-wrapper .legend .legend-item{position:relative}:host .component-wrapper .legend-wrapper .legend .legend-item:not(:last-of-type),wm-progress-indicator .component-wrapper .legend-wrapper .legend .legend-item:not(:last-of-type){padding-right:1.25rem}:host .component-wrapper .legend-wrapper .legend .legend-text,wm-progress-indicator .component-wrapper .legend-wrapper .legend .legend-text{font-size:0.875rem;padding-left:1rem;line-height:1}:host .component-wrapper .legend-wrapper .legend .legend-color,wm-progress-indicator .component-wrapper .legend-wrapper .legend .legend-color{position:absolute;left:0;bottom:0;margin:auto;width:0.6875rem;height:0.6875rem}:host .component-wrapper .legend-wrapper .legend.bar3,wm-progress-indicator .component-wrapper .legend-wrapper .legend.bar3{padding-bottom:1.25rem}:host(:focus){outline:none}:host(:focus) .component-wrapper.user-is-tabbing .stacked-bar-segments-wrapper,:host(:focus) .component-wrapper.user-is-tabbing .simple-bar-wrapper,:host(:focus) .component-wrapper.user-is-tabbing .doughnut-wrapper{-webkit-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e;-moz-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e;box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e}:host(:focus) .component-wrapper.user-is-tabbing .stacked-bar-segments-wrapper::-moz-focus-inner,:host(:focus) .component-wrapper.user-is-tabbing .simple-bar-wrapper::-moz-focus-inner,:host(:focus) .component-wrapper.user-is-tabbing .doughnut-wrapper::-moz-focus-inner{border:0}";
10
10
 
package/dist/collection/components/charts/chartFunctions.js CHANGED
@@ -527,7 +527,7 @@ function renderSimpleBarItem(s, interval, ticks, largest) {
527
527
  displayValue = s.amount + "%";
528
528
  }
529
529
  else if (this.currentChartType === "bar7" && this.tempValueFormat === "percentage") {
530
- displayValue = amountToPercent(s.amount, this.total, true) + "%";
530
+ displayValue = (this.total === 0 ? "0" : amountToPercent(s.amount, this.total, true)) + "%";
531
531
  }
532
532
  return (h("div", { class: "bar segment", style: {
533
533
  backgroundColor: s.color,
@@ -539,14 +539,12 @@ export function renderLegend(chartType) {
539
539
  if (this.showLegend) {
540
540
  const hasCluster = !this.chartDetails.isBar &&
541
541
  this.slicesDetails.reduce((hasCluster, cur) => (hasCluster = cur.inSmallCluster ? true : hasCluster), false);
542
- return (h("div", { class: "legend-wrapper" }, h("div", { class: `legend ${chartType} ${this.mode === "bar" ? "--top" : "--bottom"}`, "aria-hidden": "true" }, this.total > 0
543
- ? this.slicesDetails.map((s) => {
544
- // when both legend and amount are omitted, the legend is not shown for that particular option (it's been deactivated by the user)
545
- if (!!s.amount || !!s.legend) {
546
- return renderLegendItem({ key: s.legend, color: s.color });
547
- }
548
- })
549
- : ""), hasCluster && renderHiddenValuesMessage()));
542
+ return (h("div", { class: "legend-wrapper" }, h("div", { class: `legend ${chartType} ${this.mode === "bar" ? "--top" : "--bottom"}`, "aria-hidden": "true" }, this.slicesDetails.map((s) => {
543
+ // when both legend and amount are omitted, the legend is not shown for that particular option (it's been deactivated by the user)
544
+ if (!!s.amount || !!s.legend) {
545
+ return renderLegendItem({ key: s.legend, color: s.color });
546
+ }
547
+ })), hasCluster && renderHiddenValuesMessage()));
550
548
  }
551
549
  }
552
550
  export function renderLegendItem(legendItem) {
package/dist/collection/components/charts/wm-chart/wm-chart.js CHANGED
@@ -18,8 +18,9 @@ export class Chart {
18
18
  // checks are to the left of each valueEl, so skip the first one
19
19
  if (idx > 0) {
20
20
  const bounds = valueEl.getBoundingClientRect();
21
- if (bounds.left - margin < lastVisibleRightEdge) {
21
+ if (bounds.left - margin < lastVisibleRightEdge && valueEl.textContent !== "") {
22
22
  // left edge of current value is overlapping right edge of last visible value
23
+ // only for slices with a textContent (non-zero value)
23
24
  valueEl.classList.add("hidden");
24
25
  hasHiddenBarValue = true;
25
26
  }
@@ -158,16 +159,14 @@ export class Chart {
158
159
  }
159
160
  }
160
161
  renderChart() {
161
- if (this.total > 0) {
162
- if (this.isStackedBar) {
163
- return renderStackedBar.call(this, this.currentChartType);
164
- }
165
- else if (this.isSimpleBar) {
166
- return renderSimpleBar.call(this, this.currentChartType);
167
- }
168
- else if (this.isDoughnut) {
169
- return renderDoughnut.call(this, this.currentChartType);
170
- }
162
+ if (this.isSimpleBar) {
163
+ return renderSimpleBar.call(this, this.currentChartType);
164
+ }
165
+ else if (this.isStackedBar && this.total > 0) {
166
+ return renderStackedBar.call(this, this.currentChartType);
167
+ }
168
+ else if (this.isDoughnut && this.total > 0) {
169
+ return renderDoughnut.call(this, this.currentChartType);
171
170
  }
172
171
  }
173
172
  render() {
package/dist/collection/components/charts/wm-line-chart/wm-line-chart.css CHANGED
@@ -182,6 +182,10 @@ wm-line-chart .x-intervals .x-interval:first-child {
182
182
  wm-line-chart .x-intervals .x-interval:last-child {
183
183
  text-align: right;
184
184
  }
185
+ :host .x-intervals .x-interval.hidden,
186
+ wm-line-chart .x-intervals .x-interval.hidden {
187
+ visibility: hidden;
188
+ }
185
189
  :host .plot-area,
186
190
  wm-line-chart .plot-area {
187
191
  position: relative;
package/dist/collection/components/charts/wm-line-chart/wm-line-chart.js CHANGED
@@ -56,10 +56,11 @@ export class LineChart {
56
56
  // if intervalSkip ever changes, dataPointMatrix must be regenerated to account for chart spacers
57
57
  this.parseData();
58
58
  }
59
- get needsSpacers() {
59
+ get hasPartialInterval() {
60
60
  // if chart width is too small, an odd # of intervals like 1,2,3,4,5,6,7 can be shortened to 1,3,5,7 or 1,4,7
61
61
  // but an even # like 1,2,3,4,5,6,7,8 will be shortened to 1,3,5,7 (can't show first and last interval)
62
- // empty "spacers" can be added to intervals 1,3,5,7,(9) and make sure the 8 data point is displayed in the chart
62
+ // in these cases, show a partial interval must be shown in order to still provide space to plot the 8th data point
63
+ // e.g intervals will be 1-3, 3-5, 5-7, 7-8
63
64
  return this.intervalSkip > 0 && this.xIntervals.length % 2 === 0;
64
65
  }
65
66
  get parsedUnits() {
@@ -225,18 +226,12 @@ export class LineChart {
225
226
  : this.xIntervals.length;
226
227
  const { skipInterval, skippedList } = getSmallestSkipInterval(this.xIntervals, maxTicks);
227
228
  this.intervalSkip = skipInterval;
228
- return [...skippedList, ...(this.needsSpacers ? [""] : [])];
229
+ return skippedList;
229
230
  }
230
231
  buildLineDataPointDetails(lineLabel, line) {
231
232
  let dataPointDetailsList = [];
232
233
  const lineDataPoints = Object.entries(line);
233
234
  let isHighlighted;
234
- // add blank spaces at the end for charts that need a hidden interval
235
- if (this.needsSpacers) {
236
- for (let i = 0; i < this.intervalSkip; i++) {
237
- lineDataPoints.push(["", null]);
238
- }
239
- }
240
235
  lineDataPoints.forEach((entry, pointIdx) => {
241
236
  const [xValue, yValue] = entry;
242
237
  let xPositionPercent = (100 / (lineDataPoints.length - 1)) * pointIdx;
@@ -329,9 +324,9 @@ export class LineChart {
329
324
  }
330
325
  renderXIntervals() {
331
326
  const gridStyle = {
332
- "--columns": `.5fr repeat(${this.displayedXIntervals.length - 2}, 1fr) .5fr`,
327
+ "--columns": `.5fr repeat(${this.xIntervals.length - 2}, 1fr) .5fr`,
333
328
  };
334
- return (h("div", { class: "x-intervals", style: gridStyle }, this.displayedXIntervals.map((interval) => (h("span", { class: "x-interval" }, interval)))));
329
+ return (h("div", { class: "x-intervals", style: gridStyle }, this.xIntervals.map((interval) => (h("span", { class: `x-interval ${this.displayedXIntervals.includes(interval) ? "" : "hidden"}` }, interval)))));
335
330
  }
336
331
  renderYIntervals() {
337
332
  return (h("div", { ref: (el) => (this.yIntervalsEl = el), class: "y-intervals" }, this.yIntervals.map((yInterval) => (h("span", { class: "y-interval" }, abbrNumber(yInterval))))));
@@ -382,8 +377,7 @@ export class LineChart {
382
377
  })));
383
378
  }
384
379
  renderHoverAreas() {
385
- const gridTemplateColumns = `.5fr repeat(${this.xIntervals.length - 2}, 1fr) ${0.5 + (this.needsSpacers ? this.intervalSkip : 0)}fr`;
386
- const hoverAreaStyle = { "--columns": gridTemplateColumns };
380
+ const hoverAreaStyle = { "--columns": `.5fr repeat(${this.xIntervals.length - 2}, 1fr) .5fr` };
387
381
  return (h("div", { class: "hover-area-wrapper", style: hoverAreaStyle, onMouseLeave: () => (this.displayedPopover = -1) }, this.xIntervals.map((_, idx) => (h("div", { onMouseEnter: () => (this.displayedPopover = idx) })))));
388
382
  }
389
383
  renderPopover() {
@@ -449,7 +443,7 @@ export class LineChart {
449
443
  return h("div", { class: "highlight", style: highlightStyle });
450
444
  }
451
445
  render() {
452
- return (h(Host, { onBlur: () => this.resetDataPointFocus(), onMouseLeave: () => (this.displayedPopover = -1) }, h("div", { class: "component-wrapper", role: "application", "aria-roledescription": chartMessages.interactiveChart, "aria-label": this.label, "aria-describedby": "chart-description" }, this.renderLegend(), h("div", { class: "chart-wrapper" }, h("div", { class: "chart-label --y-axis", style: { "--labelWidth": this.labelWidth } }, this.yAxisLabel, this.parsedUnits[1] && ` (${this.parsedUnits[1]})`), this.renderYIntervals(), h("div", { ref: (el) => (this.plotAreaEl = el), class: `plot-area ${this.needsSpacers ? "" : "right-border"}`, style: {
446
+ return (h(Host, { onBlur: () => this.resetDataPointFocus(), onMouseLeave: () => (this.displayedPopover = -1) }, h("div", { class: "component-wrapper", role: "application", "aria-roledescription": chartMessages.interactiveChart, "aria-label": this.label, "aria-describedby": "chart-description" }, this.renderLegend(), h("div", { class: "chart-wrapper" }, h("div", { class: "chart-label --y-axis", style: { "--labelWidth": this.labelWidth } }, this.yAxisLabel, this.parsedUnits[1] && ` (${this.parsedUnits[1]})`), this.renderYIntervals(), h("div", { ref: (el) => (this.plotAreaEl = el), class: `plot-area ${this.hasPartialInterval ? "" : "right-border"}`, style: {
453
447
  "--backgroundSize": `${this.dataPointMatrix[0][this.xIntervals.indexOf(this.displayedXIntervals[1])].xPositionPercent}%`,
454
448
  } }, this.highlightStart && this.renderHighlight(), this.renderData(), this.renderHoverAreas()), this.displayedPopover !== -1 && this.renderHoverIndicator(), this.displayedPopover !== -1 && this.renderPopover(), this.renderXIntervals(), h("div", { class: "chart-label --x-axis" }, this.xAxisLabel, this.parsedUnits[0] && ` (${this.parsedUnits[0]})`)), h("div", { id: "chart-description", class: "sr-only" }, `${lineChartMessages.instructions} ${this.description}`), h("div", { ref: (el) => (this.liveRegionEl = el), "aria-live": "polite", class: "sr-only" }, this.announcement))));
455
449
  }
package/dist/esm/{chartFunctions-926d200d.js → chartFunctions-611862d1.js} RENAMED
@@ -556,7 +556,7 @@ function renderSimpleBarItem(s, interval, ticks, largest) {
556
556
  displayValue = s.amount + "%";
557
557
  }
558
558
  else if (this.currentChartType === "bar7" && this.tempValueFormat === "percentage") {
559
- displayValue = amountToPercent(s.amount, this.total, true) + "%";
559
+ displayValue = (this.total === 0 ? "0" : amountToPercent(s.amount, this.total, true)) + "%";
560
560
  }
561
561
  return (h("div", { class: "bar segment", style: {
562
562
  backgroundColor: s.color,
@@ -570,14 +570,12 @@ function renderLegend(chartType) {
570
570
  const hasCluster = !this.chartDetails.isBar &&
571
571
  this.slicesDetails.reduce((hasCluster, cur) => (hasCluster = cur.inSmallCluster ? true : hasCluster), false);
572
572
  return (h("div", { class: "legend-wrapper" },
573
- h("div", { class: `legend ${chartType} ${this.mode === "bar" ? "--top" : "--bottom"}`, "aria-hidden": "true" }, this.total > 0
574
- ? this.slicesDetails.map((s) => {
575
- // when both legend and amount are omitted, the legend is not shown for that particular option (it's been deactivated by the user)
576
- if (!!s.amount || !!s.legend) {
577
- return renderLegendItem({ key: s.legend, color: s.color });
578
- }
579
- })
580
- : ""),
573
+ h("div", { class: `legend ${chartType} ${this.mode === "bar" ? "--top" : "--bottom"}`, "aria-hidden": "true" }, this.slicesDetails.map((s) => {
574
+ // when both legend and amount are omitted, the legend is not shown for that particular option (it's been deactivated by the user)
575
+ if (!!s.amount || !!s.legend) {
576
+ return renderLegendItem({ key: s.legend, color: s.color });
577
+ }
578
+ })),
581
579
  hasCluster && renderHiddenValuesMessage()));
582
580
  }
583
581
  }
@@ -598,4 +596,4 @@ function renderHiddenValuesMessage() {
598
596
  seeDetailsMessage));
599
597
  }
600
598
 
601
- export { allChartsDetails as a, amountToPercent as b, renderSimpleBar as c, renderDoughnut as d, renderInstructionsText as e, renderLegend as f, getDetails as g, handleChartKeydown as h, renderCompletionMessage as i, renderHiddenValuesMessage as j, exitChart as k, renderLegendItem as l, abbrNumber as m, getInterval as n, renderStackedBar as r };
599
+ export { allChartsDetails as a, amountToPercent as b, renderStackedBar as c, renderDoughnut as d, renderInstructionsText as e, renderLegend as f, getDetails as g, handleChartKeydown as h, renderCompletionMessage as i, renderHiddenValuesMessage as j, exitChart as k, renderLegendItem as l, abbrNumber as m, getInterval as n, renderSimpleBar as r };
package/dist/esm/{global-441d8b97.js → global-2f530fcb.js} RENAMED
@@ -1,4 +1,4 @@
1
- const version = "3.30.0-1";
1
+ const version = "3.31.0-0";
2
2
 
3
3
  // PRINT RIPPLE VERSION IN CONSOLE
4
4
  // test envs return 0 for plugin.length
package/dist/esm/loader.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { p as promiseResolve, b as bootstrapLazy } from './index-e887b1ce.js';
2
2
  export { s as setNonce } from './index-e887b1ce.js';
3
- import './global-441d8b97.js';
3
+ import './global-2f530fcb.js';
4
4
 
5
5
  /*
6
6
  Stencil Client Patch Esm v3.2.0 | MIT Licensed | https://stenciljs.com
package/dist/esm/ripple.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { p as promiseResolve, b as bootstrapLazy } from './index-e887b1ce.js';
2
2
  export { s as setNonce } from './index-e887b1ce.js';
3
- import './global-441d8b97.js';
3
+ import './global-2f530fcb.js';
4
4
 
5
5
  /*
6
6
  Stencil Client Patch Browser v3.2.0 | MIT Licensed | https://stenciljs.com