@watermarkinsights/ripple 5.11.0-9 → 5.12.0-0

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

@@ -1,16 +1,47 @@
 import { Host, h } from "@stencil/core";
-import { showTooltip, hideTooltip, shouldOpenUp, shouldOpenDown, shouldShiftLeft, shouldShiftRight, intl, } from "../../global/functions";
+import { showTooltip, hideTooltip, shouldOpenUp, shouldOpenDown, shouldShiftLeft, shouldShiftRight, intl, debounce, findScrollableParent, } from "../../global/functions";
 export class Toggletip {
     constructor() {
         this.tooltipMessage = intl.formatMessage({
             id: "toggletip.moreInformation",
             defaultMessage: "More information",
         });
+        this.debouncedReveal = debounce(() => {
+            if (this.scrollableParent) {
+                this.el.style.setProperty("--offset-x", "-" + this.scrollableParent.scrollLeft + "px");
+                this.el.style.setProperty("--offset-y", "-" + this.scrollableParent.scrollTop + "px");
+            }
+            this.isHidden = false;
+        }, 100);
         this.label = undefined;
         this.tooltip = undefined;
         this.tooltipPosition = "bottom-right";
         this.targetSize = "small";
-        this.isOpen = false;
+        this.isHidden = true;
+    }
+    get isOpen() {
+        return this.toggletipEl.matches(":popover-open");
+    }
+    get toggletipPosition() {
+        // prop tooltipPosition is unfortunately named. It's the position of the toggletip.
+        // it needs to be adjusted when too close to the edge of the screen, hence this getter
+        let position = this.tooltipPosition;
+        // toggletip position
+        // Vertical
+        if (position.includes("bottom") && shouldOpenUp(this.el, this.toggletipEl.clientHeight)) {
+            position = position.replace("bottom", "top");
+        }
+        else if (position.includes("top") && shouldOpenDown(this.el, this.toggletipEl.clientHeight)) {
+            position = position.replace("top", "bottom");
+        }
+        // Horizontal
+        if (position.includes("left") && shouldShiftRight(this.el, this.toggletipEl.clientWidth)) {
+            position = position.replace("left", "right");
+        }
+        else if (position.includes("right") && shouldShiftLeft(this.el, this.toggletipEl.clientWidth)) {
+            position = position.replace("right", "left");
+        }
+        return position;
     }
     componentWillLoad() {
         const validTooltipPlacement = [
@@ -33,18 +64,32 @@ export class Toggletip {
             console.error(`wm-toggletip: tooltip-position has an invalid value of "${this.tooltipPosition}", make sure to use one of the following values: ${validTooltipPlacement}`);
         }
     }
+    componentDidLoad() {
+        if (!CSS.supports("top", "anchor(bottom)")) {
+            this.scrollableParent = findScrollableParent(this.el);
+            if (!!this.scrollableParent) {
+                this.scrollableParent.addEventListener("scroll", () => {
+                    if (this.isOpen) {
+                        if (!this.isHidden)
+                            this.isHidden = true;
+                        this.debouncedReveal();
+                    }
+                });
+            }
+        }
+    }
     handleKeydown(ev) {
         switch (ev.key) {
             case "Escape":
                 ev.preventDefault();
                 if (this.isOpen) {
                     ev.stopPropagation(); // prevent closing modal if within one
-                    this.close();
+                    this.toggletipEl.hidePopover();
                 }
                 break;
             case "Tab":
                 if (this.isOpen) {
-                    this.close();
+                    this.toggletipEl.hidePopover();
                 }
         }
     }
@@ -55,24 +100,20 @@ export class Toggletip {
                 // Re-announce if clicking any part of the component while open
                 this.announceToggletip();
             }
-            else {
-                this.close();
-            }
         }
     }
     open() {
         hideTooltip();
-        this.setToggletipPosition(this.tooltipPosition, this.el, this.toggletipEl.clientHeight, this.toggletipEl.clientWidth);
-        this.isOpen = true;
+        requestAnimationFrame(() => {
+            this.toggletipEl.classList.add(this.toggletipPosition);
+            this.toggletipEl.classList.remove("hidden");
+        });
+        this.isHidden = false;
         this.announceToggletip();
     }
-    close() {
-        this.isOpen = false;
-        hideTooltip();
-    }
     handleBlur() {
         hideTooltip();
-        // clear liveregion on blur to prevent old announcement text from being picked up by screen readers
+        // clear live region on blur to prevent old announcement text from being picked up by screen readers
         this.liveRegionEl.innerHTML = "";
     }
     announceToggletip() {
@@ -81,26 +122,10 @@ export class Toggletip {
             this.liveRegionEl.innerHTML = this.tooltip;
         }, 10);
     }
-    setToggletipPosition(pos, el, toggletipHeight, toggletipWidth) {
-        // Vertical
-        if (pos.includes("bottom") && shouldOpenUp(el, toggletipHeight)) {
-            pos = pos.replace("bottom", "top");
-        }
-        else if (pos.includes("top") && shouldOpenDown(el, toggletipHeight)) {
-            pos = pos.replace("top", "bottom");
-        }
-        // Horizontal
-        if (pos.includes("left") && shouldShiftRight(el, toggletipWidth)) {
-            pos = pos.replace("left", "right");
-        }
-        else if (pos.includes("right") && shouldShiftLeft(el, toggletipWidth)) {
-            pos = pos.replace("right", "left");
-        }
-    }
     render() {
-        return (h(Host, { class: `size-${this.targetSize}` }, h("button", { class: "button", type: "button", "aria-label": this.label, onClick: () => this.open(),
-            // In order to position the tooltip identically to the toggletip, it's presence is determined by these four events
-            onMouseEnter: () => showTooltip(this.tooltipPosition, this.el, this.tooltipMessage), onMouseLeave: () => hideTooltip(), onFocus: () => showTooltip(this.tooltipPosition, this.el, this.tooltipMessage), onBlur: () => this.handleBlur() }, h("div", { class: "svg-icon svg-info" })), h("div", { ref: (el) => (this.toggletipEl = el), class: `toggletip ${this.isOpen ? "" : "hidden"} ${this.tooltipPosition}` }, this.tooltip), h("div", { ref: (el) => (this.liveRegionEl = el), class: "live-region sr-only", role: "status", "aria-live": "polite", "aria-atomic": "true" })));
+        return (h(Host, { key: '81f4f0152027234db543e64a8182bd8a8975334c', class: `size-${this.targetSize}` }, h("button", { key: '5c15ac121b9e321f0f5e230e5d9a31ef86a19d3c', class: "button", type: "button", "aria-label": this.label, popoverTarget: "toggletip", popoverTargetAction: "toggle", onClick: () => this.open(),
+            // In order to position the tooltip identically to the toggletip, its presence is determined by these four events
+            onMouseEnter: () => showTooltip(this.toggletipPosition, this.el, this.tooltipMessage), onMouseLeave: () => hideTooltip(), onFocus: () => showTooltip(this.toggletipPosition, this.el, this.tooltipMessage), onBlur: () => this.handleBlur() }, h("div", { key: '4995a0cbbfb87d3356c83efe2a47e656ed8ec6e6', class: "svg-icon svg-info" })), h("div", { key: '359fbc7d7fb4c59e8b44863d6d72dbb69ad8d6ff', popover: "", ref: (el) => (this.toggletipEl = el), class: `toggletip ${this.targetSize} ${this.isHidden ? "hidden" : ""}`, id: "toggletip" }, this.tooltip), h("div", { key: 'f638f702d011b9e72baf8385b450a0932adc448c', ref: (el) => (this.liveRegionEl = el), class: "live-region sr-only", role: "status", "aria-live": "polite", "aria-atomic": "true" })));
     }
     static get is() { return "wm-toggletip"; }
     static get encapsulation() { return "shadow"; }
@@ -136,7 +161,7 @@ export class Toggletip {
             },
             "tooltip": {
                 "type": "string",
-                "mutable": true,
+                "mutable": false,
                 "complexType": {
                     "original": "string",
                     "resolved": "string",
@@ -153,7 +178,7 @@ export class Toggletip {
             },
             "tooltipPosition": {
                 "type": "string",
-                "mutable": true,
+                "mutable": false,
                 "complexType": {
                     "original": "TooltipPlacement",
                     "resolved": "\"bottom\" | \"bottom-left\" | \"bottom-right\" | \"left\" | \"right\" | \"top\" | \"top-left\" | \"top-right\"",
@@ -172,7 +197,7 @@ export class Toggletip {
                     "text": ""
                 },
                 "attribute": "tooltip-position",
-                "reflect": true,
+                "reflect": false,
                 "defaultValue": "\"bottom-right\""
             },
             "targetSize": {
@@ -197,7 +222,7 @@ export class Toggletip {
     }
     static get states() {
         return {
-            "isOpen": {}
+            "isHidden": {}
         };
     }
     static get elementRef() { return "el"; }

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

@@ -1372,6 +1372,9 @@
 .wrapper.invalid .label:after {
   display: inline-block;
   margin-inline-start: 0.25rem;
+  vertical-align: middle;
+  flex-shrink: 0;
+  transform: translateY(-1px);
 }
 .wrapper.rtl.label-left .label {
   margin-right: 0;

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

@@ -300,9 +300,9 @@ export class Uploader {
         return (h("div", { class: `drop-area -${this.dropArea}`, ref: (el) => (this.dropAreaEl = el), onDragEnter: (ev) => this.handleDragEnter(ev), onDragOver: (ev) => this.handleDragOver(ev), onDragLeave: (ev) => this.handleDragLeave(ev), onDrop: (ev) => this.handleDrop(ev) }, this.dropArea == "page" && (h("div", { ref: (el) => (this.dropOverlayEl = el), class: "drop-overlay", popover: "manual" }, h("span", { class: "upload-arrow" }), h("span", null, "Drop to Upload")))));
     }
     render() {
-        return (h(Host, { class: `-${this.dropArea}` }, this.uploaderType == "drop" && this.renderDropArea(), this.label && this.renderLabel(), this.renderHeader(), this.renderListContainer(), h("div", { ref: (el) => (this.assertiveLiveRegionEl = el), class: "live-region sr-only", "aria-live": "assertive" // since it's directly linked to the action the user took, it should be read in priority. With polite, some messages get dismissed in favor of the page title
+        return (h(Host, { key: '05fa03d63ba14665a196bece2c82eabb4882ba82', class: `-${this.dropArea}` }, this.uploaderType == "drop" && this.renderDropArea(), this.label && this.renderLabel(), this.renderHeader(), this.renderListContainer(), h("div", { key: 'fd2c2779cc8f5e8aab480fdb68ac0e482905785d', ref: (el) => (this.assertiveLiveRegionEl = el), class: "live-region sr-only", "aria-live": "assertive" // since it's directly linked to the action the user took, it should be read in priority. With polite, some messages get dismissed in favor of the page title
             ,
-            "aria-atomic": "true" }), h("div", { ref: (el) => (this.politeLiveRegionEl = el), class: "live-region sr-only", "aria-live": "polite", "aria-atomic": "true" })));
+            "aria-atomic": "true" }), h("div", { key: '2a5c1d00d2a98bd40fa9ac8dbc248209cca470ba', ref: (el) => (this.politeLiveRegionEl = el), class: "live-region sr-only", "aria-live": "polite", "aria-atomic": "true" })));
     }
     static get is() { return "wm-uploader"; }
     static get encapsulation() { return "shadow"; }

package/dist/{cjs/global-cfead82d.js → esm/app-globals-8867159c.js}

@@ -1,6 +1,6 @@
-'use strict';
+import './index-130e07bb.js';
 
-const version = "5.11.0-9";
+const version = "5.12.0-0";
 
 // PRINT RIPPLE VERSION IN CONSOLE
 // test envs return 0 for plugin.length
@@ -83,3 +83,8 @@ tooltipStyles.textContent = `
 document.head.appendChild(tooltipStyles);
 tooltipContainer.appendChild(tooltipEl);
 document.querySelector("body").appendChild(tooltipContainer);
+const globalFn = () => { };
+
+const globalScripts = globalFn;
+
+export { globalScripts as g };

package/dist/esm/{chartFunctions-d2ecde7f.js → chartFunctions-ef4089f9.js}

@@ -1,5 +1,5 @@
-import { h } from './index-558b5a82.js';
-import { i as intl, c as checkForActiveElInShadow, e as safeMultiplyFloat, f as getPosition } from './functions-8800c690.js';
+import { h } from './index-130e07bb.js';
+import { i as intl, c as checkForActiveElInShadow, e as safeMultiplyFloat, f as getPosition } from './functions-a3c016ae.js';
 
 const colors = {
     salmon: "#ff5f4e",
@@ -69,7 +69,7 @@ const allChartsDetails = {
     bar5: {
         size: 400,
         colors: [
-            colors.gray,
+            colors.gray, // this is only used if prop notStartedColor is set
             colors.lavender,
             colors.midnight,
             "#0089e4",

package/dist/esm/{functions-8800c690.js → functions-a3c016ae.js}

@@ -3088,7 +3088,7 @@ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
 OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
-/* global Reflect, Promise, SuppressedError, Symbol */
+/* global Reflect, Promise, SuppressedError, Symbol, Iterator */
 
 var extendStatics = function(d, b) {
     extendStatics = Object.setPrototypeOf ||
@@ -3344,7 +3344,7 @@ function parseDateTimeSkeleton(skeleton) {
                 throw new RangeError('`D/F/g` (day) patterns are not supported, use `d` instead');
             // Weekday
             case 'E':
-                result.weekday = len === 4 ? 'short' : len === 5 ? 'narrow' : 'short';
+                result.weekday = len === 4 ? 'long' : len === 5 ? 'narrow' : 'short';
                 break;
             case 'e':
                 if (len < 4) {
@@ -3402,7 +3402,7 @@ function parseDateTimeSkeleton(skeleton) {
                 result.timeZoneName = len < 4 ? 'short' : 'long';
                 break;
             case 'Z': // 1..3, 4, 5: The ISO8601 varios formats
-            case 'O': // 1, 4: miliseconds in day short, long
+            case 'O': // 1, 4: milliseconds in day short, long
             case 'v': // 1, 4: generic non-location format
             case 'V': // 1, 2, 3, 4: time zone ID or city
             case 'X': // 1, 2, 3, 4: The ISO8601 varios formats
@@ -3633,6 +3633,27 @@ function parseNumberSkeleton(tokens) {
             case 'scale':
                 result.scale = parseFloat(token.options[0]);
                 continue;
+            case 'rounding-mode-floor':
+                result.roundingMode = 'floor';
+                continue;
+            case 'rounding-mode-ceiling':
+                result.roundingMode = 'ceil';
+                continue;
+            case 'rounding-mode-down':
+                result.roundingMode = 'trunc';
+                continue;
+            case 'rounding-mode-up':
+                result.roundingMode = 'expand';
+                continue;
+            case 'rounding-mode-half-even':
+                result.roundingMode = 'halfEven';
+                continue;
+            case 'rounding-mode-half-down':
+                result.roundingMode = 'halfTrunc';
+                continue;
+            case 'rounding-mode-half-up':
+                result.roundingMode = 'halfExpand';
+                continue;
             // https://unicode-org.github.io/icu/userguide/format_parse/numbers/skeletons.html#integer-width
             case 'integer-width':
                 if (token.options.length > 1) {
@@ -3832,6 +3853,10 @@ var timeData = {
         "hb",
         "H"
     ],
+    "BI": [
+        "H",
+        "h"
+    ],
     "BJ": [
         "H",
         "hB"
@@ -3881,6 +3906,10 @@ var timeData = {
         "hb",
         "hB"
     ],
+    "BY": [
+        "H",
+        "h"
+    ],
     "BZ": [
         "H",
         "h",
@@ -3969,6 +3998,10 @@ var timeData = {
         "H",
         "hB"
     ],
+    "CW": [
+        "H",
+        "hB"
+    ],
     "CX": [
         "H",
         "h",
@@ -4084,6 +4117,10 @@ var timeData = {
         "H",
         "hB"
     ],
+    "FO": [
+        "H",
+        "h"
+    ],
     "FR": [
         "H",
         "hB"
@@ -4129,6 +4166,10 @@ var timeData = {
         "hb",
         "hB"
     ],
+    "GL": [
+        "H",
+        "h"
+    ],
     "GM": [
         "h",
         "hb",
@@ -4193,6 +4234,10 @@ var timeData = {
         "H",
         "hB"
     ],
+    "HU": [
+        "H",
+        "h"
+    ],
     "IC": [
         "H",
         "h",
@@ -4265,8 +4310,8 @@ var timeData = {
     ],
     "JP": [
         "H",
-        "h",
-        "K"
+        "K",
+        "h"
     ],
     "KE": [
         "hB",
@@ -4417,6 +4462,10 @@ var timeData = {
         "H",
         "hB"
     ],
+    "MG": [
+        "H",
+        "h"
+    ],
     "MH": [
         "h",
         "hb",
@@ -4472,6 +4521,18 @@ var timeData = {
         "hb",
         "hB"
     ],
+    "MT": [
+        "H",
+        "h"
+    ],
+    "MU": [
+        "H",
+        "h"
+    ],
+    "MV": [
+        "H",
+        "h"
+    ],
     "MW": [
         "h",
         "hb",
@@ -4529,6 +4590,10 @@ var timeData = {
         "H",
         "hB"
     ],
+    "NO": [
+        "H",
+        "h"
+    ],
     "NP": [
         "H",
         "h",
@@ -4590,6 +4655,10 @@ var timeData = {
         "hB",
         "H"
     ],
+    "PL": [
+        "H",
+        "h"
+    ],
     "PM": [
         "H",
         "hB"
@@ -4648,6 +4717,10 @@ var timeData = {
     "RU": [
         "H"
     ],
+    "RW": [
+        "H",
+        "h"
+    ],
     "SA": [
         "h",
         "hB",
@@ -4780,12 +4853,24 @@ var timeData = {
         "H",
         "hB"
     ],
+    "TH": [
+        "H",
+        "h"
+    ],
+    "TJ": [
+        "H",
+        "h"
+    ],
     "TL": [
         "H",
         "hB",
         "hb",
         "h"
     ],
+    "TM": [
+        "H",
+        "h"
+    ],
     "TN": [
         "h",
         "hB",
@@ -4881,6 +4966,10 @@ var timeData = {
         "H",
         "hB"
     ],
+    "VN": [
+        "H",
+        "h"
+    ],
     "VU": [
         "h",
         "H"
@@ -4920,6 +5009,10 @@ var timeData = {
         "H",
         "hB"
     ],
+    "ZW": [
+        "H",
+        "h"
+    ],
     "af-ZA": [
         "H",
         "h",
@@ -6823,8 +6916,8 @@ function createDefaultFormatters(cache) {
 }
 var IntlMessageFormat = /** @class */ (function () {
     function IntlMessageFormat(message, locales, overrideFormats, opts) {
-        if (locales === void 0) { locales = IntlMessageFormat.defaultLocale; }
         var _this = this;
+        if (locales === void 0) { locales = IntlMessageFormat.defaultLocale; }
         this.formatterCache = {
             number: {},
             dateTime: {},
@@ -7561,7 +7654,6 @@ function formatRelativeTime(config, getRelativeTimeFormat, value, unit, options)
 var NUMBER_FORMAT_OPTIONS = [
     'style',
     'currency',
-    'currencyDisplay',
     'unit',
     'unitDisplay',
     'useGrouping',
@@ -7579,6 +7671,11 @@ var NUMBER_FORMAT_OPTIONS = [
     'unit',
     'unitDisplay',
     'numberingSystem',
+    // ES2023 NumberFormat
+    'trailingZeroDisplay',
+    'roundingPriority',
+    'roundingIncrement',
+    'roundingMode',
 ];
 function getFormatter(_a, getNumberFormat, options) {
     var locale = _a.locale, formats = _a.formats, onError = _a.onError;
@@ -8322,4 +8419,4 @@ const weekdays = [
     intl.formatMessage({ id: "date.saturday", defaultMessage: "Saturday" }),
 ];
 
-export { throttle as A, getContextMeasurements as B, dateFind as C, calendar_months as D, findParentWithHiddenOverflow as E, transposeMatrix as F, wrapAround as G, getSmallestSkipInterval as H, calcPercentageInRange as I, makeISO as J, weekdays as K, getMonthLength as L, findScrollableParent as M, handleDisabledAttribute as a, triggerFormSubmit as b, checkForActiveElInShadow as c, debounce as d, safeMultiplyFloat as e, getPosition as f, generateId as g, hideTooltip as h, intl as i, dateToISO as j, shouldOpenUp as k, hasRoomRight as l, truncateText as m, snakeCaseToCamelCase as n, getNewIndexToFocus as o, shouldOpenDown as p, shouldShiftRight as q, shouldShiftLeft as r, showTooltip as s, toBool as t, measureText as u, findNext as v, findPrev as w, csvToArray as x, getTextDir as y, isElOrChild as z };
+export { isElOrChild as A, throttle as B, getContextMeasurements as C, dateFind as D, calendar_months as E, findParentWithHiddenOverflow as F, transposeMatrix as G, wrapAround as H, getSmallestSkipInterval as I, calcPercentageInRange as J, makeISO as K, getMonthLength as L, weekdays as M, handleDisabledAttribute as a, triggerFormSubmit as b, checkForActiveElInShadow as c, debounce as d, safeMultiplyFloat as e, getPosition as f, generateId as g, hideTooltip as h, intl as i, dateToISO as j, shouldOpenUp as k, hasRoomRight as l, truncateText as m, snakeCaseToCamelCase as n, getNewIndexToFocus as o, shouldOpenDown as p, shouldShiftRight as q, shouldShiftLeft as r, showTooltip as s, toBool as t, findScrollableParent as u, measureText as v, findNext as w, findPrev as x, csvToArray as y, getTextDir as z };