@watermarkinsights/ripple 5.16.0-alpha.12 → 5.16.0-alpha.13

package/dist/collection/components/wm-timepicker/wm-timepicker.js

@@ -2,6 +2,12 @@ import { h, Host } from "@stencil/core";
 import { intl, shouldOpenUp, toBool, handleDisabledAttribute, showTooltip, hideTooltip } from "../../global/functions";
 export class Timepicker {
     constructor() {
+        this.disabled = false;
+        this.value = "";
+        this.label = "";
+        this.labelPosition = "top";
+        this.requiredField = false;
+        this.isExpanded = false;
         this.twelveHrValid = /^(0?[0-9]|1[0-2])\s*:?\s*([0-5][0-9])?\s?(a|p|am|pm)?$/i;
         this.twentyFourHrValid = /^(0?[0-9]|1[0-9]|2[0-4])\s*:?\s*([0-5][0-9])?$/;
         this.timeFormat = "hh:mm";
@@ -12,14 +18,6 @@ export class Timepicker {
             defaultMessage: "Select time",
             description: "Button text for screen readers.",
         });
-        this.disabled = false;
-        this.value = "";
-        this.errorMessage = undefined;
-        this.label = "";
-        this.labelPosition = "top";
-        this.requiredField = false;
-        this.preselected = undefined;
-        this.isExpanded = false;
     }
     get selectedOption() {
         return this.optionsList.filter((option) => option.tabIndex === 0)[0];
@@ -306,6 +304,7 @@ export class Timepicker {
         return {
             "disabled": {
                 "type": "boolean",
+                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -318,12 +317,14 @@ export class Timepicker {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "disabled",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "false"
             },
             "value": {
                 "type": "string",
+                "attribute": "value",
                 "mutable": true,
                 "complexType": {
                     "original": "string",
@@ -336,12 +337,14 @@ export class Timepicker {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "value",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "\"\""
             },
             "errorMessage": {
                 "type": "string",
+                "attribute": "error-message",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -354,11 +357,13 @@ export class Timepicker {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "error-message",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "label": {
                 "type": "string",
+                "attribute": "label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -371,12 +376,14 @@ export class Timepicker {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "label",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "\"\""
             },
             "labelPosition": {
                 "type": "string",
+                "attribute": "label-position",
                 "mutable": false,
                 "complexType": {
                     "original": "\"top\" | \"left\" | \"none\"",
@@ -389,12 +396,14 @@ export class Timepicker {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "label-position",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "\"top\""
             },
             "requiredField": {
                 "type": "boolean",
+                "attribute": "required-field",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -407,12 +416,14 @@ export class Timepicker {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "required-field",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "false"
             },
             "preselected": {
                 "type": "string",
+                "attribute": "preselected",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -425,7 +436,8 @@ export class Timepicker {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "preselected",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             }
         };

package/dist/collection/components/wm-toggletip/wm-toggletip.js

@@ -2,6 +2,10 @@ import { Host, h } from "@stencil/core";
 import { showTooltip, hideTooltip, shouldOpenUp, shouldOpenDown, shouldShiftLeft, shouldShiftRight, intl, debounce, findAllScrollableParents, getCumulativeScrollOffset, } from "../../global/functions";
 export class Toggletip {
     constructor() {
+        this.tooltipPosition = "bottom-right";
+        this.targetSize = "small";
+        this.toggletipType = "info";
+        this.isHidden = true; // initially toggletip is hidden so it can be measured and replaced before it is displayed. It is also hidden while the user is scrolling in browsers that don't fully implement the popover API (as of this day FF and Safari don't know about anchor())
         this.scrollableParents = [];
         this.tooltipInfoMessage = intl.formatMessage({
             id: "toggletip.moreInformation",
@@ -20,12 +24,6 @@ export class Toggletip {
         this.debouncedResize = debounce(() => {
             this.scrollableParents = findAllScrollableParents(this.el);
         }, 200);
-        this.label = undefined;
-        this.tooltip = undefined;
-        this.tooltipPosition = "bottom-right";
-        this.targetSize = "small";
-        this.toggletipType = "info";
-        this.isHidden = true;
     }
     get isOpen() {
         return this.toggletipEl.matches(":popover-open");
@@ -242,6 +240,7 @@ export class Toggletip {
         return {
             "label": {
                 "type": "string",
+                "attribute": "label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -254,11 +253,13 @@ export class Toggletip {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "label",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "tooltip": {
                 "type": "string",
+                "attribute": "tooltip",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -271,11 +272,13 @@ export class Toggletip {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "tooltip",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "tooltipPosition": {
                 "type": "string",
+                "attribute": "tooltip-position",
                 "mutable": false,
                 "complexType": {
                     "original": "TooltipPlacement",
@@ -294,12 +297,14 @@ export class Toggletip {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "tooltip-position",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "\"bottom-right\""
             },
             "targetSize": {
                 "type": "string",
+                "attribute": "target-size",
                 "mutable": false,
                 "complexType": {
                     "original": "\"small\" | \"large\"",
@@ -312,12 +317,14 @@ export class Toggletip {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "target-size",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "\"small\""
             },
             "toggletipType": {
                 "type": "string",
+                "attribute": "toggletip-type",
                 "mutable": false,
                 "complexType": {
                     "original": "\"info\" | \"ai\"",
@@ -330,7 +337,8 @@ export class Toggletip {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "toggletip-type",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "\"info\""
             }

package/dist/collection/components/wm-uploader/wm-uploader.css

@@ -1747,6 +1747,7 @@
 }
 .-drop .prompt .upload-arrow {
   inline-size: 1rem;
+  min-inline-size: 1rem;
   block-size: 1rem;
   color: var(--wmcolor-interactive);
 }

package/dist/collection/components/wm-uploader/wm-uploader.js

@@ -3,23 +3,16 @@ import { uploaderMessages } from "../../global/intl";
 import { intl, hideTooltip, showTooltip } from "../../global/functions";
 export class Uploader {
     constructor() {
-        this.batchCount = 0; // used to calculate the aggregate upload progress
-        this.prevUploadCount = 0; // comparison to determine whether or not to announce updated count
-        this.fileIdToDelete = "";
-        this.label = undefined;
         this.uploaderType = "select";
         this.dropArea = "component";
-        this.buttonText = undefined;
-        this.icon = undefined;
         this.fileTypes = "pdf txt log xml doc docx xls xlsx ppt pptx gif jpg jpeg png csv";
-        this.maxSize = undefined;
-        this.maxFiles = undefined;
-        this.errorMessage = undefined;
-        this.requiredField = undefined;
         this.showInfo = "time";
         this.isTabbing = false;
-        this.notif = "";
+        this.notif = ""; // for upload notifications
         this.isCondensed = false;
+        this.batchCount = 0; // used to calculate the aggregate upload progress
+        this.prevUploadCount = 0; // comparison to determine whether or not to announce updated count
+        this.fileIdToDelete = "";
     }
     get isDisabled() {
         // disable if is the uploader is maxed out or if something is uploading
@@ -330,6 +323,7 @@ export class Uploader {
         return {
             "label": {
                 "type": "string",
+                "attribute": "label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -342,11 +336,13 @@ export class Uploader {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "label",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "uploaderType": {
                 "type": "string",
+                "attribute": "uploader-type",
                 "mutable": false,
                 "complexType": {
                     "original": "\"select\" | \"drop\"",
@@ -359,12 +355,14 @@ export class Uploader {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "uploader-type",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "\"select\""
             },
             "dropArea": {
                 "type": "string",
+                "attribute": "drop-area",
                 "mutable": false,
                 "complexType": {
                     "original": "\"component\" | \"page\"",
@@ -377,12 +375,14 @@ export class Uploader {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "drop-area",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "\"component\""
             },
             "buttonText": {
                 "type": "string",
+                "attribute": "button-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -395,11 +395,13 @@ export class Uploader {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "button-text",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "icon": {
                 "type": "string",
+                "attribute": "icon",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -412,11 +414,13 @@ export class Uploader {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "icon",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "fileTypes": {
                 "type": "string",
+                "attribute": "file-types",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -429,12 +433,14 @@ export class Uploader {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "file-types",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "\"pdf txt log xml doc docx xls xlsx ppt pptx gif jpg jpeg png csv\""
             },
             "maxSize": {
                 "type": "string",
+                "attribute": "max-size",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -447,11 +453,13 @@ export class Uploader {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "max-size",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "maxFiles": {
                 "type": "number",
+                "attribute": "max-files",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -464,11 +472,13 @@ export class Uploader {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "max-files",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "errorMessage": {
                 "type": "string",
+                "attribute": "error-message",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -481,11 +491,13 @@ export class Uploader {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "error-message",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "requiredField": {
                 "type": "boolean",
+                "attribute": "required-field",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -498,11 +510,13 @@ export class Uploader {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "required-field",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "showInfo": {
                 "type": "string",
+                "attribute": "show-info",
                 "mutable": false,
                 "complexType": {
                     "original": "\"size\" | \"time\" | \"none\"",
@@ -515,7 +529,8 @@ export class Uploader {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "show-info",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "\"time\""
             }

package/dist/esm/app-globals-BNPUkoUt.js

@@ -0,0 +1,5 @@
+import { g as globalFn } from './index-C-E-By4e.js';
+
+const globalScripts = globalFn;
+
+export { globalScripts as g };

package/dist/esm/{chartFunctions-ebe4f673.js → chartFunctions-BLjGh_yo.js}

@@ -1,11 +1,10 @@
-import { h } from './index-130e07bb.js';
-import { i as intl, c as checkForActiveElInShadow, e as safeMultiplyFloat, f as getPosition } from './functions-fbf8519f.js';
+import { h } from './index-C-E-By4e.js';
+import { i as intl, s as safeMultiplyFloat, c as checkForActiveElInShadow, a as getPosition } from './functions-DT2ztGYg.js';
 
 const colors = {
     salmon: "#ff5f4e",
     cyan: "#19a1a9",
     forest: "#088000",
-    sleet: "#7f97ad",
     midnight: "#2e1b46",
     lavender: "#8b86ca",
     periwinkle: "#575195",
@@ -722,4 +721,4 @@ function renderHiddenValuesMessage() {
         seeDetailsMessage));
 }
 
-export { allChartsDetails as a, renderSimpleBar as b, renderStackedBar as c, renderDoughnut as d, renderInstructionsText as e, renderLegend as f, getDetails as g, handleChartKeydown as h, renderHiddenValuesMessage as i, exitChart as j, amountToPercent as k, renderCompletionMessage as l, renderLegendItem as m, abbrNumber as n, getInterval as o, removeSegmentInfoHighlight as r };
+export { allChartsDetails as a, amountToPercent as b, renderSimpleBar as c, renderStackedBar as d, renderDoughnut as e, renderInstructionsText as f, getDetails as g, handleChartKeydown as h, renderLegend as i, renderHiddenValuesMessage as j, exitChart as k, getInterval as l, abbrNumber as m, renderCompletionMessage as n, renderLegendItem as o, removeSegmentInfoHighlight as r };