@watermarkinsights/ripple 5.13.1-alpha.4 → 5.14.0-alpha.2

package/dist/collection/components/charts/wm-chart/wm-chart.js

@@ -5,8 +5,17 @@ import { amountToPercent, exitChart, getDetails, handleChartKeydown, renderStack
 import { chartMessages } from "../../../global/intl";
 export class Chart {
     constructor() {
+        this.uid = generateId();
+        // @ts-ignore-- TS warns this is unused, but its needed in chartFunctions
+        this.slicesDetails = [];
+        this.debouncedSliceUpdate = debounce(async () => {
+            await getDetails.call(this, this.currentChartType);
+            forceUpdate(this.el);
+        }, 100);
         this.chartType = "doughnut1";
+        this.label = undefined;
         this.labelWidth = "150px";
+        this.subinfo = undefined;
         this.valueFormat = "none";
         this.showGrid = true;
         this.showLegend = true;
@@ -14,18 +23,10 @@ export class Chart {
         this.notStartedColor = false;
         this.printMode = false;
         this.printModeFormat = "amount";
-        // left labels are a temporary solution for the lack of a stacked bar chart and is undocumented
-        // it only works with bar4 and should be used without a legend
         this.labelPosition = "top";
         this.isTabbing = false;
         this.userIsNavigating = false;
-        this.uid = generateId();
-        // @ts-ignore-- TS warns this is unused, but its needed in chartFunctions
-        this.slicesDetails = [];
-        this.debouncedSliceUpdate = debounce(async () => {
-            await getDetails.call(this, this.currentChartType);
-            forceUpdate(this.el);
-        }, 100);
+        this.focusedSliceId = undefined;
     }
     get popoverEl() {
         return this.el.shadowRoot.querySelector("priv-chart-popover");
@@ -163,7 +164,6 @@ export class Chart {
         return {
             "chartType": {
                 "type": "string",
-                "attribute": "chart-type",
                 "mutable": false,
                 "complexType": {
                     "original": "ChartType",
@@ -182,14 +182,12 @@ export class Chart {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "chart-type",
                 "reflect": false,
                 "defaultValue": "\"doughnut1\""
             },
             "label": {
                 "type": "string",
-                "attribute": "label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -202,13 +200,11 @@ export class Chart {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "label",
                 "reflect": false
             },
             "labelWidth": {
                 "type": "string",
-                "attribute": "label-width",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -221,14 +217,12 @@ export class Chart {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "label-width",
                 "reflect": false,
                 "defaultValue": "\"150px\""
             },
             "subinfo": {
                 "type": "string",
-                "attribute": "subinfo",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -241,13 +235,11 @@ export class Chart {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "subinfo",
                 "reflect": false
             },
             "valueFormat": {
                 "type": "string",
-                "attribute": "value-format",
                 "mutable": false,
                 "complexType": {
                     "original": "\"percentage\" | \"amount\" | \"none\"",
@@ -260,14 +252,12 @@ export class Chart {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "value-format",
                 "reflect": false,
                 "defaultValue": "\"none\""
             },
             "showGrid": {
                 "type": "boolean",
-                "attribute": "show-grid",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -280,14 +270,12 @@ export class Chart {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "show-grid",
                 "reflect": false,
                 "defaultValue": "true"
             },
             "showLegend": {
                 "type": "boolean",
-                "attribute": "show-legend",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -300,14 +288,12 @@ export class Chart {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "show-legend",
                 "reflect": false,
                 "defaultValue": "true"
             },
             "showBarLegend": {
                 "type": "boolean",
-                "attribute": "show-bar-legend",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -320,14 +306,12 @@ export class Chart {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "show-bar-legend",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "notStartedColor": {
                 "type": "boolean",
-                "attribute": "not-started-color",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -340,14 +324,12 @@ export class Chart {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "not-started-color",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "printMode": {
                 "type": "boolean",
-                "attribute": "print-mode",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -360,14 +342,12 @@ export class Chart {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "print-mode",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "printModeFormat": {
                 "type": "string",
-                "attribute": "print-mode-format",
                 "mutable": false,
                 "complexType": {
                     "original": "\"percentage\" | \"amount\"",
@@ -380,14 +360,12 @@ export class Chart {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "print-mode-format",
                 "reflect": false,
                 "defaultValue": "\"amount\""
             },
             "labelPosition": {
                 "type": "string",
-                "attribute": "label-position",
                 "mutable": false,
                 "complexType": {
                     "original": "\"left\" | \"top\" | \"none\"",
@@ -400,8 +378,7 @@ export class Chart {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "label-position",
                 "reflect": false,
                 "defaultValue": "\"top\""
             }

package/dist/collection/components/charts/wm-line-chart/wm-line-chart.js

@@ -4,19 +4,6 @@ import { abbrNumber, getInterval } from "../chartFunctions";
 import { chartMessages, globalMessages, lineChartMessages } from "../../../global/intl";
 export class LineChart {
     constructor() {
-        this.description = "";
-        this.units = "null,null";
-        this.labelWidth = "120px";
-        this.highlightQualifier = lineChartMessages.highlightQualifier;
-        this.visibilityToggles = false;
-        this.showDeltas = false;
-        this.parsedLineData = {};
-        this.popoverIndex = -1;
-        this.focusedLine = -1;
-        this.hiddenLines = [];
-        this.isTabbing = false;
-        this.intervalSkip = 0;
-        this.announcement = "";
         this.minTickWidth = 120;
         this.popoverData = [];
         this.dataPointMatrix = [];
@@ -35,6 +22,26 @@ export class LineChart {
         this.debouncedResize = debounce(async () => {
             this.displayedXIntervals = this.determineDisplayedXIntervals();
         }, 100);
+        this.label = undefined;
+        this.description = "";
+        this.xAxisLabel = undefined;
+        this.yAxisLabel = undefined;
+        this.lineData = undefined;
+        this.units = "null,null";
+        this.labelWidth = "120px";
+        this.highlightQualifier = lineChartMessages.highlightQualifier;
+        this.highlightStart = undefined;
+        this.highlightEnd = undefined;
+        this.visibilityToggles = false;
+        this.showDeltas = false;
+        this.yRange = undefined;
+        this.parsedLineData = {};
+        this.popoverIndex = -1;
+        this.focusedLine = -1;
+        this.hiddenLines = [];
+        this.isTabbing = false;
+        this.intervalSkip = 0;
+        this.announcement = "";
     }
     parseData() {
         this.parsedLineData = JSON.parse(this.lineData);
@@ -450,7 +457,6 @@ export class LineChart {
         return {
             "label": {
                 "type": "string",
-                "attribute": "label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -463,13 +469,11 @@ export class LineChart {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "label",
                 "reflect": false
             },
             "description": {
                 "type": "string",
-                "attribute": "description",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -482,14 +486,12 @@ export class LineChart {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "description",
                 "reflect": false,
                 "defaultValue": "\"\""
             },
             "xAxisLabel": {
                 "type": "string",
-                "attribute": "x-axis-label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -502,13 +504,11 @@ export class LineChart {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "x-axis-label",
                 "reflect": false
             },
             "yAxisLabel": {
                 "type": "string",
-                "attribute": "y-axis-label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -521,13 +521,11 @@ export class LineChart {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "y-axis-label",
                 "reflect": false
             },
             "lineData": {
                 "type": "string",
-                "attribute": "line-data",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -540,13 +538,11 @@ export class LineChart {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "line-data",
                 "reflect": true
             },
             "units": {
                 "type": "string",
-                "attribute": "units",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -559,14 +555,12 @@ export class LineChart {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "units",
                 "reflect": false,
                 "defaultValue": "\"null,null\""
             },
             "labelWidth": {
                 "type": "string",
-                "attribute": "label-width",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -579,14 +573,12 @@ export class LineChart {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "label-width",
                 "reflect": false,
                 "defaultValue": "\"120px\""
             },
             "highlightQualifier": {
                 "type": "string",
-                "attribute": "highlight-qualifier",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -599,14 +591,12 @@ export class LineChart {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "highlight-qualifier",
                 "reflect": false,
                 "defaultValue": "lineChartMessages.highlightQualifier"
             },
             "highlightStart": {
                 "type": "string",
-                "attribute": "highlight-start",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -619,13 +609,11 @@ export class LineChart {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "highlight-start",
                 "reflect": false
             },
             "highlightEnd": {
                 "type": "string",
-                "attribute": "highlight-end",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -638,13 +626,11 @@ export class LineChart {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "highlight-end",
                 "reflect": false
             },
             "visibilityToggles": {
                 "type": "boolean",
-                "attribute": "visibility-toggles",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -657,14 +643,12 @@ export class LineChart {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "visibility-toggles",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "showDeltas": {
                 "type": "boolean",
-                "attribute": "show-deltas",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -677,14 +661,12 @@ export class LineChart {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "show-deltas",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "yRange": {
                 "type": "string",
-                "attribute": "y-range",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -697,8 +679,7 @@ export class LineChart {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "y-range",
                 "reflect": false
             }
         };

package/dist/collection/components/charts/wm-progress-monitor/wm-progress-indicator.js

@@ -3,17 +3,22 @@ import { debounce, generateId, intl } from "../../../global/functions";
 import { exitChart, getDetails, handleChartKeydown, renderStackedBar, renderCompletionMessage, renderDoughnut, renderInstructionsText, renderLegend, allChartsDetails, removeSegmentInfoHighlight, } from "../chartFunctions";
 export class ProgressIndicator {
     constructor() {
-        this.showLegend = true;
-        this.printMode = false;
-        this.printModeFormat = "amount";
-        this.isTabbing = false;
-        this.userIsNavigating = false;
         this.uid = generateId();
         // @ts-ignore-- TS warns this is unused, but its needed in the chartFunctions
         this.slicesDetails = [];
         this.debouncedUpdate = debounce(async () => {
             forceUpdate(this.el);
         }, 10);
+        this.label = undefined;
+        this.subinfo = undefined;
+        this.completionMessage = undefined;
+        this.showLegend = true;
+        this.printMode = false;
+        this.printModeFormat = "amount";
+        this.isTabbing = false;
+        this.mode = undefined;
+        this.userIsNavigating = false;
+        this.focusedSliceId = undefined;
     }
     get popoverEl() {
         return this.el.shadowRoot.querySelector("priv-chart-popover");
@@ -109,7 +114,6 @@ export class ProgressIndicator {
         return {
             "label": {
                 "type": "string",
-                "attribute": "label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -122,13 +126,11 @@ export class ProgressIndicator {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "label",
                 "reflect": false
             },
             "subinfo": {
                 "type": "string",
-                "attribute": "subinfo",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -141,13 +143,11 @@ export class ProgressIndicator {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "subinfo",
                 "reflect": false
             },
             "completionMessage": {
                 "type": "string",
-                "attribute": "completion-message",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -160,13 +160,11 @@ export class ProgressIndicator {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "completion-message",
                 "reflect": false
             },
             "showLegend": {
                 "type": "boolean",
-                "attribute": "show-legend",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -179,14 +177,12 @@ export class ProgressIndicator {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "show-legend",
                 "reflect": false,
                 "defaultValue": "true"
             },
             "printMode": {
                 "type": "boolean",
-                "attribute": "print-mode",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -199,14 +195,12 @@ export class ProgressIndicator {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "print-mode",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "printModeFormat": {
                 "type": "string",
-                "attribute": "print-mode-format",
                 "mutable": false,
                 "complexType": {
                     "original": "\"amount\" | \"percentage\"",
@@ -219,8 +213,7 @@ export class ProgressIndicator {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "print-mode-format",
                 "reflect": false,
                 "defaultValue": "\"amount\""
             }

package/dist/collection/components/charts/wm-progress-monitor/wm-progress-monitor.js

@@ -6,6 +6,9 @@ export class ProgressMonitor {
         this.doughnutWidth = 300;
         this.modeInitialized = false;
         this.debouncedUpdate = debounce(() => forceUpdate(this.el), 50);
+        this.breakpoint = undefined;
+        this.groupLegend = undefined;
+        this.barLabelsWidth = undefined;
     }
     get parsedBreakpoint() {
         const asNumber = this.parseToNum(this.breakpoint || this.el.children.length);
@@ -75,7 +78,6 @@ export class ProgressMonitor {
         return {
             "breakpoint": {
                 "type": "any",
-                "attribute": "breakpoint",
                 "mutable": false,
                 "complexType": {
                     "original": "number | string",
@@ -88,13 +90,11 @@ export class ProgressMonitor {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "breakpoint",
                 "reflect": false
             },
             "groupLegend": {
                 "type": "string",
-                "attribute": "group-legend",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -107,13 +107,11 @@ export class ProgressMonitor {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "group-legend",
                 "reflect": false
             },
             "barLabelsWidth": {
                 "type": "string",
-                "attribute": "bar-labels-width",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -126,8 +124,7 @@ export class ProgressMonitor {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
+                "attribute": "bar-labels-width",
                 "reflect": false
             }
         };