@watermarkinsights/ripple 5.10.0-9 → 5.11.0-0

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

@@ -1,11 +1,14 @@
 import { h, Host, forceUpdate, } from "@stencil/core";
 import { uploaderMessages } from "../../global/intl";
+import { intl } 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";
@@ -54,11 +57,75 @@ export class Uploader {
             setTimeout(() => this.announce(this.errorMessage, this.politeLiveRegionEl), 100);
         }
     }
-    componentWillLoad() {
-        if (!this.buttonText) {
-            console.error("wm-uploader: button-text is a required property");
+    ///////// Drop Event Handling ////////
+    handleDocumentDragEnter() {
+        if (this.uploaderType == "drop") {
+            this.beginDropListening();
         }
     }
+    handleDocumentMouseOut() {
+        if (this.uploaderType == "drop" && this.dropAreaEl) {
+            this.endDropListening();
+        }
+    }
+    handleDocumentDragLeave(ev) {
+        if (this.uploaderType == "drop") {
+            // Do not end drop listening for events that bubble up from children of this uploader
+            if (ev.target.closest("wm-uploader") == this.el) {
+                this.endDropListening();
+            }
+        }
+    }
+    handleDocumentVisibilityChange() {
+        // If a file is dropped outside of the drop area, if the browser opens the file in new tab, a dragleave event is not fired. This handles that case
+        if (this.uploaderType == "drop") {
+            this.endDropListening();
+        }
+    }
+    handleDragEnter(ev) {
+        if (this.uploaderType == "drop") {
+            ev.preventDefault();
+            this.el.classList.add("dragging");
+        }
+    }
+    handleDragOver(ev) {
+        if (this.uploaderType == "drop") {
+            ev.preventDefault();
+        }
+    }
+    handleDragLeave(ev) {
+        if (this.uploaderType == "drop") {
+            ev.preventDefault();
+            this.endDropListening();
+            this.el.classList.remove("dragging");
+        }
+    }
+    handleDrop(ev) {
+        if (this.uploaderType == "drop") {
+            ev.preventDefault();
+            this.el.classList.remove("dragging");
+            this.endDropListening();
+            if (ev.dataTransfer.files) {
+                const files = Array.from(ev.dataTransfer.files);
+                if (files.length > 0) {
+                    this.batchCount = files.length;
+                    this.wmUploaderFilesSelected.emit(files);
+                }
+            }
+        }
+    }
+    beginDropListening() {
+        if (this.dropArea == "page") {
+            this.dropOverlayEl.showPopover();
+        }
+        this.dropAreaEl.classList.add("listening");
+    }
+    endDropListening() {
+        if (this.dropArea == "page") {
+            this.dropOverlayEl.hidePopover();
+        }
+        this.dropAreaEl.classList.remove("listening");
+    }
     componentDidLoad() {
         if (document.body.classList.contains("wmcl-user-is-tabbing")) {
             this.toggleTabbingOn();
@@ -155,15 +222,14 @@ export class Uploader {
             }
         }
     }
-    handleUploadButtonChange(ev) {
-        const inputEl = ev.target;
-        if (inputEl.files) {
-            const files = Array.from(inputEl.files);
+    handleUploadButtonChange() {
+        if (this.uploadButtonEl.files) {
+            const files = Array.from(this.uploadButtonEl.files);
             if (files.length > 0) {
                 this.batchCount = files.length;
                 this.wmUploaderFilesSelected.emit(files);
             }
-            ev.target.value = ""; // reset to ensure that onChange is triggered when the same file is selected a second time
+            this.uploadButtonEl.value = ""; // reset to ensure that onChange is triggered when the same file is selected a second time
         }
     }
     announce(message, liveRegionEl) {
@@ -188,15 +254,40 @@ export class Uploader {
             return (h("span", { class: "mdi", "aria-hidden": "true" }, String.fromCodePoint(parseInt(`0x${this.icon}`))));
         }
     }
-    renderUploadButton(classes) {
+    renderUploadButton() {
         let accessibleLabel = `${this.label && this.label !== this.buttonText ? `${this.label}, ` : ""}${this.buttonText}`;
-        return (h("div", { class: "info-wrapper" }, h("input", { name: "input", id: "input", ref: (el) => (this.uploadButtonEl = el), class: "sr-only", "aria-label": accessibleLabel, "aria-required": this.requiredField ? "true" : null, "aria-describedby": `${this.errorMessage ? "error " : ""}file-count max-size accepted-types`, type: "file", multiple: true, onClick: (ev) => this.handleUploadButtonClick(ev), onChange: (ev) => this.handleUploadButtonChange(ev) }), h("label", { htmlFor: "input", class: `wm-button ${classes}` }, this.icon && this.renderIcon(), this.buttonText)));
+        return (h("div", { class: "button-wrapper" }, h("input", { name: "input", id: "input", ref: (el) => (this.uploadButtonEl = el), class: "sr-only", "aria-label": accessibleLabel, "aria-required": this.requiredField ? "true" : null, "aria-describedby": `${this.errorMessage ? "error " : ""}file-count max-size accepted-types`, type: "file", multiple: true, onClick: (ev) => this.handleUploadButtonClick(ev), onChange: () => this.handleUploadButtonChange() }), h("label", { htmlFor: "input", class: `wm-button -secondary ${this.isDisabled ? "disabled" : ""}` }, this.icon && this.renderIcon(), this.buttonText), this.uploaderType == "select" && this.renderFileCount()));
+    }
+    renderDropButton() {
+        let accessibleLabel = `${this.label && this.label !== this.buttonText ? `${this.label}, ` : ""}${uploaderMessages.dropInstructions}`;
+        return (h("div", { class: "button-wrapper -drop" }, h("input", { name: "input", id: "input", ref: (el) => (this.uploadButtonEl = el), class: "sr-only", "aria-label": accessibleLabel, "aria-required": this.requiredField ? "true" : null, "aria-describedby": `${this.errorMessage ? "error " : ""}file-count max-size accepted-types`, type: "file", multiple: true, onClick: (ev) => this.handleUploadButtonClick(ev), onChange: () => this.handleUploadButtonChange() }), h("label", { htmlFor: "input", class: `${this.isDisabled ? "disabled" : ""}` }, h("div", { class: "prompt" }, h("span", { class: "upload-arrow" }), h("span", { id: "drop-text", class: `wm-button -textonly ${this.isDisabled ? "disabled" : ""}` }, h("span", { class: "default-text" }, uploaderMessages.dropInstructions), h("span", { class: "dragging-text" }, uploaderMessages.dropFile))), this.renderFileCount())));
     }
     renderHeader() {
-        return (h("div", { class: "header" }, h("div", { class: "notif-wrapper" }, this.renderUploadButton(`-secondary ${this.isDisabled ? "disabled" : ""}`), this.renderRequirements()), h("div", { id: "accepted-types", class: "accepted-types" }, uploaderMessages.getAcceptedFileTypes(this.validTypes, this.fileTypes.split(" ").length)), this.notif && h("div", { class: "notif" }, this.notif), h("div", { id: "error" }, this.errorMessage)));
+        return (h("div", { class: "header" }, h("div", { class: "notif-wrapper" }, this.uploaderType == "select" ? this.renderUploadButton() : this.renderDropButton(), this.renderRequirements()), this.notif && h("div", { class: "notif" }, this.notif), h("div", { id: "error" }, this.errorMessage)));
+    }
+    renderFileCount() {
+        if (this.maxFiles) {
+            return h("div", { id: "file-count" }, uploaderMessages.getFileCount(this.uploadedFileEls.length, this.maxFiles));
+        }
     }
     renderRequirements() {
-        return (h("div", { class: "requirements" }, this.maxFiles && (h("span", { id: "file-count" }, uploaderMessages.getFileCount(this.uploadedFileEls.length, this.maxFiles))), this.maxSize && h("span", { id: "max-size" }, uploaderMessages.getMaxSize(this.maxSize))));
+        const maxSizeMessage = intl.formatMessage({
+            id: "uploader.maxSize",
+            defaultMessage: "<b>Maximum File Size:</b> {maxSize}",
+            description: "An indicator of the maximum file size the uploader allows",
+        }, {
+            maxSize: this.maxSize,
+            b: (chunks) => h("span", { style: { "font-weight": "600" } }, chunks),
+        });
+        const acceptedTypesMessage = intl.formatMessage({
+            id: "uploader.acceptedFileTypes",
+            defaultMessage: "<b>Accepted File {amount, plural, =1 {Type} other {Types}}:</b> {fileTypes}",
+        }, {
+            fileTypes: this.validTypes,
+            amount: this.fileTypes.split(" ").length,
+            b: (chunks) => h("span", { style: { "font-weight": "600" } }, chunks),
+        });
+        return (h("details", { class: "requirements" }, h("summary", null, uploaderMessages.fileRequirements), h("div", { class: "requirements-wrapper" }, h("div", { id: "accepted-types", class: "accepted-types" }, acceptedTypesMessage), this.maxSize && h("span", { id: "max-size" }, maxSizeMessage))));
     }
     renderListContainer() {
         const hasNewlyUploadedFiles = this.fileEls.filter((file) => file.progress && file.progress === 100).length;
@@ -205,10 +296,13 @@ export class Uploader {
     renderLabel() {
         return (h("div", { class: `wrapper ${this.errorMessage ? "invalid" : ""}` }, h("div", { id: "label", class: `label` }, this.label, this.requiredField && (h("span", { class: "required", "aria-hidden": "true" }, "*")))));
     }
+    renderDropArea() {
+        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, null, 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: '2fceb6af60332a9740298457c2dd6b3176f4d138', class: `-${this.dropArea}` }, this.uploaderType == "drop" && this.renderDropArea(), this.label && this.renderLabel(), this.renderHeader(), this.renderListContainer(), h("div", { key: '70f4e9a42c17a2583d9f5effad1c9ef7561ffe15', 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: '3be25509a8136b8d09162c48bcd8c7766e17639a', 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"; }
@@ -242,6 +336,42 @@ export class Uploader {
                 "attribute": "label",
                 "reflect": false
             },
+            "uploaderType": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "\"select\" | \"drop\"",
+                    "resolved": "\"drop\" | \"select\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "uploader-type",
+                "reflect": false,
+                "defaultValue": "\"select\""
+            },
+            "dropArea": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "\"component\" | \"page\"",
+                    "resolved": "\"component\" | \"page\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "drop-area",
+                "reflect": false,
+                "defaultValue": "\"component\""
+            },
             "buttonText": {
                 "type": "string",
                 "mutable": false,
@@ -444,6 +574,30 @@ export class Uploader {
                 "target": undefined,
                 "capture": false,
                 "passive": false
+            }, {
+                "name": "dragenter",
+                "method": "handleDocumentDragEnter",
+                "target": "document",
+                "capture": false,
+                "passive": true
+            }, {
+                "name": "mouseout",
+                "method": "handleDocumentMouseOut",
+                "target": "document",
+                "capture": false,
+                "passive": true
+            }, {
+                "name": "dragleave",
+                "method": "handleDocumentDragLeave",
+                "target": "document",
+                "capture": false,
+                "passive": true
+            }, {
+                "name": "visibilitychange",
+                "method": "handleDocumentVisibilityChange",
+                "target": "document",
+                "capture": false,
+                "passive": false
             }];
     }
 }

package/dist/collection/global/global.js

@@ -4,7 +4,7 @@ import { version } from "../../package.json";
 // test envs return 0 for plugin.length
 // do not print version number there as it causes issues
 if (window.navigator.plugins.length > 0) {
-    console.log("Ripple component library", version);
+    console.log("%cRipple component library %c%s", "color: #575195; font-weight: bold", "font-weight: bold", version);
 }
 // Dispatching events to track whether user is navigating with keyboard or mouse
 // no longer necessary for keyboard focus indicators (thanks to :focus-visible)

package/dist/collection/global/intl.js

@@ -97,16 +97,24 @@ export const uploaderMessages = {
         defaultMessage: "The file must be more than 0 bytes",
         description: "Error message when user attempts to upload a file of no size",
     }),
+    dropInstructions: intl.formatMessage({
+        id: "uploader.dropInstructions",
+        defaultMessage: "Browse or Drag Files Here",
+        description: "Instructions for how to choose files to upload",
+    }),
+    dropFile: intl.formatMessage({
+        id: "uploader.dropFile",
+        defaultMessage: "Drop to Upload",
+        description: "Prompt for use to drop the file they're currently dragging",
+    }),
+    fileRequirements: intl.formatMessage({
+        id: "uploader.fileRequirements",
+        defaultMessage: "File Requirements",
+        description: "Expandable button revealing the uploader's file requirements",
+    }),
     // -------------------------------------------------------------------------- //
     //                             Functions                                      //
     // -------------------------------------------------------------------------- //
-    getAcceptedFileTypes: (validTypes, amount) => intl.formatMessage({
-        id: "uploader.acceptedFileTypes",
-        defaultMessage: "Accepted file {amount, plural, =1 {type} other {types}}: {fileTypes}",
-    }, {
-        fileTypes: validTypes,
-        amount: amount,
-    }),
     getFilesAdded: (numFiles) => intl.formatMessage({
         id: "uploader.filesAdded",
         defaultMessage: "{numFiles, plural, one {1 file added} other {# files added}}",
@@ -128,13 +136,6 @@ export const uploaderMessages = {
         id: "uploader.invalidFileType",
         defaultMessage: "The file type is invalid. Accepted types: {validTypes}",
     }, { validTypes }),
-    getMaxSize: (maxSize) => intl.formatMessage({
-        id: "uploader.maxSize",
-        defaultMessage: "Maximum file size {maxSize}",
-        description: "An indicator of the maximum file size the uploader allows",
-    }, {
-        maxSize: maxSize,
-    }),
     getUploadProgress: (percentage) => intl.formatMessage({
         id: "uploader.uploadProgress",
         defaultMessage: "Upload progress: {percentage}%",

package/dist/{cjs/global-58d83ea2.js → esm/app-globals-17b41ab8.js}

@@ -1,12 +1,12 @@
-'use strict';
+import './index-130e07bb.js';
 
-const version = "5.10.0-9";
+const version = "5.11.0-0";
 
 // PRINT RIPPLE VERSION IN CONSOLE
 // test envs return 0 for plugin.length
 // do not print version number there as it causes issues
 if (window.navigator.plugins.length > 0) {
-    console.log("Ripple component library", version);
+    console.log("%cRipple component library %c%s", "color: #575195; font-weight: bold", "font-weight: bold", version);
 }
 // Dispatching events to track whether user is navigating with keyboard or mouse
 // no longer necessary for keyboard focus indicators (thanks to :focus-visible)
@@ -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-34f19953.js → chartFunctions-21d5a3d3.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-f39e6177.js';
 
 const colors = {
     salmon: "#ff5f4e",
@@ -50,7 +50,7 @@ const allChartsDetails = {
     },
     bar2: {
         size: 400,
-        colors: [colors.gray, colors.periwinkle, colors.midnight, colors.cyan, colors.salmon],
+        colors: [colors.gray, colors.lavender, colors.periwinkle, colors.midnight, colors.cyan, colors.salmon],
         padding: 0,
         category: "stackedBar",
     },
@@ -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",
@@ -305,9 +305,15 @@ async function getDetails(chartType) {
     const children = Array.from(this.el.children);
     this.total = children.reduce((total, slice) => (total += parseInt(slice.getAttribute("amount") || "0")), 0);
     let chartColors = [...allChartsDetails[chartType].colors];
-    if (this.chartType === "bar2" && this.el.children.length <= 4) {
-        // remove midnight
-        chartColors.splice(2, 1);
+    if (this.chartType === "bar2") {
+        if (children.length <= 5) {
+            // remove lavender
+            chartColors.splice(1, 1);
+        }
+        if (children.length <= 4) {
+            // remove midnight
+            chartColors.splice(2, 1);
+        }
     }
     // Set colors when bar3 has only 2 slices
     if (chartType === "bar3" && children.length === 2) {

package/dist/esm/{functions-8800c690.js → functions-f39e6177.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 { 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, getMonthLength as K, weekdays 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 };