@watermarkinsights/ripple 5.16.0-alpha.1 → 5.16.0-alpha.10

package/dist/cjs/wm-wrapper.cjs.entry.js

@@ -1,8 +1,6 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-788526f5.js');
+var index = require('./index-DwhNqnaT.js');
 
 const Wrapper = class {
     constructor(hostRef) {

package/dist/collection/collection-manifest.json

@@ -50,8 +50,8 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.21.0",
-    "typescriptVersion": "5.5.3"
+    "version": "4.36.2",
+    "typescriptVersion": "5.5.4"
   },
   "collections": [],
   "bundles": [

package/dist/collection/components/charts/priv-chart-popover/priv-chart-popover.js

@@ -3,13 +3,12 @@ import { debounce, findAllScrollableParents, intl } from "../../../global/functi
 export class ChartPopover {
     constructor() {
         this.chartEl = this.el.parentElement.getRootNode().host;
+        this.open = false;
         this.popoverWidth = 168;
         this.popoverClicked = false;
         this.debouncedClosePopover = debounce(async () => {
             this.open = false;
         }, 10);
-        this.open = false;
-        this.sliceDetails = undefined;
     }
     get eventToEmit() {
         return this.chartEl.nodeName === "WM-CHART"
@@ -137,6 +136,7 @@ export class ChartPopover {
         return {
             "open": {
                 "type": "boolean",
+                "attribute": "open",
                 "mutable": true,
                 "complexType": {
                     "original": "boolean",
@@ -149,12 +149,14 @@ export class ChartPopover {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "open",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "false"
             },
             "sliceDetails": {
                 "type": "unknown",
+                "attribute": "slice-details",
                 "mutable": false,
                 "complexType": {
                     "original": "SliceDetails",
@@ -172,7 +174,9 @@ export class ChartPopover {
                 "docs": {
                     "tags": [],
                     "text": ""
-                }
+                },
+                "getter": false,
+                "setter": false
             }
         };
     }

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

@@ -1,11 +1,4 @@
 export class ChartSlice {
-    constructor() {
-        this.legend = undefined;
-        this.amount = undefined;
-        this.popoverTitle = undefined;
-        this.popoverText = undefined;
-        this.popoverButtonText = undefined;
-    }
     componentDidLoad() {
         if (parseInt(this.amount) > 0 && !this.legend) {
             throw new Error("wm-chart-slice was provided an amount value without a legend. The legend is required unless the amount is 0 or left empty. For more information see https://components.watermarkinsights.com/chart");
@@ -19,6 +12,7 @@ export class ChartSlice {
         return {
             "legend": {
                 "type": "string",
+                "attribute": "legend",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -31,11 +25,13 @@ export class ChartSlice {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "legend",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "amount": {
                 "type": "string",
+                "attribute": "amount",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -48,11 +44,13 @@ export class ChartSlice {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "amount",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "popoverTitle": {
                 "type": "string",
+                "attribute": "popover-title",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -65,11 +63,13 @@ export class ChartSlice {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "popover-title",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "popoverText": {
                 "type": "string",
+                "attribute": "popover-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -82,11 +82,13 @@ export class ChartSlice {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "popover-text",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "popoverButtonText": {
                 "type": "string",
+                "attribute": "popover-button-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -99,7 +101,8 @@ export class ChartSlice {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "popover-button-text",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             }
         };

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

@@ -5,17 +5,8 @@ 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;
@@ -23,10 +14,18 @@ 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.focusedSliceId = undefined;
+        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);
     }
     get popoverEl() {
         return this.el.shadowRoot.querySelector("priv-chart-popover");
@@ -164,6 +163,7 @@ export class Chart {
         return {
             "chartType": {
                 "type": "string",
+                "attribute": "chart-type",
                 "mutable": false,
                 "complexType": {
                     "original": "ChartType",
@@ -182,12 +182,14 @@ export class Chart {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "chart-type",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "\"doughnut1\""
             },
             "label": {
                 "type": "string",
+                "attribute": "label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -200,11 +202,13 @@ export class Chart {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "label",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "labelWidth": {
                 "type": "string",
+                "attribute": "label-width",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -217,12 +221,14 @@ export class Chart {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "label-width",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "\"150px\""
             },
             "subinfo": {
                 "type": "string",
+                "attribute": "subinfo",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -235,11 +241,13 @@ export class Chart {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "subinfo",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "valueFormat": {
                 "type": "string",
+                "attribute": "value-format",
                 "mutable": false,
                 "complexType": {
                     "original": "\"percentage\" | \"amount\" | \"none\"",
@@ -252,12 +260,14 @@ export class Chart {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "value-format",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "\"none\""
             },
             "showGrid": {
                 "type": "boolean",
+                "attribute": "show-grid",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -270,12 +280,14 @@ export class Chart {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "show-grid",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "true"
             },
             "showLegend": {
                 "type": "boolean",
+                "attribute": "show-legend",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -288,12 +300,14 @@ export class Chart {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "show-legend",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "true"
             },
             "showBarLegend": {
                 "type": "boolean",
+                "attribute": "show-bar-legend",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -306,12 +320,14 @@ export class Chart {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "show-bar-legend",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "false"
             },
             "notStartedColor": {
                 "type": "boolean",
+                "attribute": "not-started-color",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -324,12 +340,14 @@ export class Chart {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "not-started-color",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "false"
             },
             "printMode": {
                 "type": "boolean",
+                "attribute": "print-mode",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -342,12 +360,14 @@ export class Chart {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "print-mode",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "false"
             },
             "printModeFormat": {
                 "type": "string",
+                "attribute": "print-mode-format",
                 "mutable": false,
                 "complexType": {
                     "original": "\"percentage\" | \"amount\"",
@@ -360,12 +380,14 @@ export class Chart {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "print-mode-format",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "\"amount\""
             },
             "labelPosition": {
                 "type": "string",
+                "attribute": "label-position",
                 "mutable": false,
                 "complexType": {
                     "original": "\"left\" | \"top\" | \"none\"",
@@ -378,7 +400,8 @@ export class Chart {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "label-position",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "\"top\""
             }

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

@@ -4,6 +4,19 @@ 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 = [];
@@ -22,26 +35,6 @@ 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);
@@ -457,6 +450,7 @@ export class LineChart {
         return {
             "label": {
                 "type": "string",
+                "attribute": "label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -469,11 +463,13 @@ export class LineChart {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "label",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "description": {
                 "type": "string",
+                "attribute": "description",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -486,12 +482,14 @@ export class LineChart {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "description",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "\"\""
             },
             "xAxisLabel": {
                 "type": "string",
+                "attribute": "x-axis-label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -504,11 +502,13 @@ export class LineChart {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "x-axis-label",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "yAxisLabel": {
                 "type": "string",
+                "attribute": "y-axis-label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -521,11 +521,13 @@ export class LineChart {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "y-axis-label",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "lineData": {
                 "type": "string",
+                "attribute": "line-data",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -538,11 +540,13 @@ export class LineChart {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "line-data",
+                "getter": false,
+                "setter": false,
                 "reflect": true
             },
             "units": {
                 "type": "string",
+                "attribute": "units",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -555,12 +559,14 @@ export class LineChart {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "units",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "\"null,null\""
             },
             "labelWidth": {
                 "type": "string",
+                "attribute": "label-width",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -573,12 +579,14 @@ export class LineChart {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "label-width",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "\"120px\""
             },
             "highlightQualifier": {
                 "type": "string",
+                "attribute": "highlight-qualifier",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -591,12 +599,14 @@ export class LineChart {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "highlight-qualifier",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "lineChartMessages.highlightQualifier"
             },
             "highlightStart": {
                 "type": "string",
+                "attribute": "highlight-start",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -609,11 +619,13 @@ export class LineChart {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "highlight-start",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "highlightEnd": {
                 "type": "string",
+                "attribute": "highlight-end",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -626,11 +638,13 @@ export class LineChart {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "highlight-end",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "visibilityToggles": {
                 "type": "boolean",
+                "attribute": "visibility-toggles",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -643,12 +657,14 @@ export class LineChart {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "visibility-toggles",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "false"
             },
             "showDeltas": {
                 "type": "boolean",
+                "attribute": "show-deltas",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -661,12 +677,14 @@ export class LineChart {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "show-deltas",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "false"
             },
             "yRange": {
                 "type": "string",
+                "attribute": "y-range",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -679,7 +697,8 @@ export class LineChart {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "y-range",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             }
         };