genesys-spark-components 4.137.2 → 4.138.1

package/dist/cjs/gux-time-picker.cjs.entry.js

@@ -7,7 +7,7 @@ const onClickOutside = require('./on-click-outside-8a2d3a8e.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const index = require('./index-aa48ea67.js');
-const usage = require('./usage-e749307a.js');
+const usage = require('./usage-dcde91de.js');
 const logError = require('./log-error-7b9d4b57.js');
 const intl = require('./intl-ed89316c.js');
 const useRegionalDates = require('./use-regional-dates-4d3f1b9d.js');
@@ -456,7 +456,7 @@ const GuxTimePicker = class {
         return (index$1.h("div", { slot: "popup", class: "gux-list-container", onKeyDown: (e) => this.onListKeyDown(e) }, index$1.h("gux-list", { ref: el => (this.listElement = el) }, this.renderTimeListItems())));
     }
     render() {
-        return (index$1.h("gux-popup", { key: '3b8baa1bb28c1ea2ef0df23722aded5d51c5a166', class: {
+        return (index$1.h("gux-popup", { key: '88fcdcab282d28e61fd07429aeda9ea7f3ffdda0', class: {
                 'gux-time-picker': true,
                 'gux-error': this.hasError
             }, expanded: this.expanded, disabled: this.disabled }, this.renderTarget(), this.renderPopup()));

package/dist/cjs/gux-time-zone-beta.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
-const usage = require('./usage-e749307a.js');
+const usage = require('./usage-dcde91de.js');
 const index$1 = require('./index-aa48ea67.js');
 const timeZone = require('./time-zone-57632efb.js');
 require('./get-closest-element-9e41d6b9.js');

package/dist/cjs/gux-time-zone-picker-beta.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-e321455d.js');
 const index$1 = require('./index-aa48ea67.js');
 const timeZone = require('./time-zone-57632efb.js');
-const usage = require('./usage-e749307a.js');
+const usage = require('./usage-dcde91de.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 require('./get-closest-element-9e41d6b9.js');
 

package/dist/cjs/gux-toast.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
-const usage = require('./usage-e749307a.js');
+const usage = require('./usage-dcde91de.js');
 const hasSlot = require('./has-slot-3edae188.js');
 const logError = require('./log-error-7b9d4b57.js');
 
@@ -59,9 +59,9 @@ const GuxToast = class {
         return (index.h("gux-cta-group", { class: "gux-buttons-bar", align: "end" }, this.hasSecondaryButton && (index.h("gux-button-slot", { slot: "secondary" }, index.h("slot", { name: "secondary-button" }))), index.h("gux-button-slot", { slot: "primary" }, index.h("slot", { name: "primary-button" }))));
     }
     render() {
-        return (index.h("div", { key: 'ce9adc10757060fa2c962e66c4768cd0101353a6', class: `gux-toast gux-toast-${this.toastType}` }, index.h("div", { key: '349d0047c7ba50e4744abc2745fe4b82a7e53877', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), index.h("div", { key: 'f02012b63cce44019b0dff2e8b53cd1c5c49e3d9', class: "gux-content" }, index.h("div", { key: 'eae880f6098e6d9b98f86d6199a2b6ab19d84961', class: "gux-message" }, index.h("gux-truncate", { key: 'a9d813b245a75abb4495b92ed757f10970ebb2aa', class: "gux-message-title", "max-lines": 1 }, index.h("slot", { key: '8c8b1d449408ddf72f787ce852dfae179a66e008', name: "title" })), index.h("gux-truncate", { key: '4b0aecef90caf1149fb9812b042880194665ad81', class: "gux-message-body", "max-lines": 2 }, index.h("slot", { key: '3f13e319f00a3f17b8bba2e82d71970144faf2b8', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
+        return (index.h("div", { key: '25961d73356340a8c09b7c3eca35844580231495', class: `gux-toast gux-toast-${this.toastType}` }, index.h("div", { key: 'd91c94b9ee5d82bdb90e52f5655192ef24c4d636', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), index.h("div", { key: '9c2953c61775b77995b591df0ab5e17f1ede2a22', class: "gux-content" }, index.h("div", { key: '05c1207807c9be423acca1261da7ef459198db78', class: "gux-message" }, index.h("gux-truncate", { key: 'a02966c34b3864143695594f20d7ab190ad0a56d', class: "gux-message-title", "max-lines": 1 }, index.h("slot", { key: '2099a76aec045694b64a806b5fa09cc694d33662', name: "title" })), index.h("gux-truncate", { key: 'dcb3ea2544dad2a9901319dcbabdce60883bde6f', class: "gux-message-body", "max-lines": 2 }, index.h("slot", { key: 'fcb924aa6faf88c0d2e559761092660b99b4524d', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
             this.hasPrimaryButton &&
-            this.renderActions()), index.h("gux-dismiss-button", { key: '859ed0d20b9742cb12fe704a94861d73ec33959e', position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+            this.renderActions()), index.h("gux-dismiss-button", { key: '201e1fa01443f0bb420c88da43a8338ecf6c9ece', position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

package/dist/cjs/gux-toggle-slider.cjs.entry.js

@@ -25,12 +25,12 @@ const GuxToggleSlider = class {
     }
     render() {
         const isError = this.errorId.length > 0;
-        return (index.h("div", { key: '3b0c6a29e3ae328d84cbbf80190c94b2bf898f5e', class: {
+        return (index.h("div", { key: '0eb8c8c2ebfcae002402dc8a1f9299f32bfc0da5', class: {
                 'gux-toggle-slider': true,
                 'gux-checked': this.checked,
                 'gux-disabled': this.disabled,
                 'gux-error': isError
-            }, role: "checkbox", "aria-checked": this.checked.toString(), "aria-disabled": this.disabled.toString(), tabindex: this.disabled ? '' : '0', ref: el => (this.checkboxElement = el) }, index.h("div", { key: '7438d20e3e6d23d1af67129c2f0b4841e1503ac1', class: "gux-slider" }, index.h("div", { key: '65d224e290a4cd23a89b0c5dc9a1881478937921', class: "gux-switch" }, !isError && (index.h("gux-icon", { key: 'f9ab261a5d20c703f51dea492dd5b300288db2ee', "icon-name": "fa/check-solid", decorative: true }))))));
+            }, role: "checkbox", "aria-checked": this.checked.toString(), "aria-disabled": this.disabled.toString(), tabindex: this.disabled ? '' : '0', ref: el => (this.checkboxElement = el) }, index.h("div", { key: '574f856c02f95bb0a2167fa849e0e252d43a3f14', class: "gux-slider" }, index.h("div", { key: '6adfae5a1d15e0efabb0b1b83313142a45727e38', class: "gux-switch" }, !isError && (index.h("gux-icon", { key: '176e19bafb87a3ad8ae841cc5aac440627be4241', "icon-name": "fa/check-solid", decorative: true }))))));
     }
 };
 GuxToggleSlider.style = GuxToggleSliderStyle0;

package/dist/cjs/gux-toggle.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
-const usage = require('./usage-e749307a.js');
+const usage = require('./usage-dcde91de.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
 const index$1 = require('./index-aa48ea67.js');
 require('./get-closest-element-9e41d6b9.js');
@@ -87,11 +87,11 @@ const GuxToggle = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '59437a6141a0c8ad007fbc111157a9adde2e7e7d', class: { 'gux-display-inline': this.displayInline } }, index.h("div", { key: 'ac2dd854ebde8d58e338ebedf95dfa8574a360f8', class: {
+        return (index.h(index.Host, { key: 'bd4881a81fe6ee959fa399ed25afcf23d4e066b7', class: { 'gux-display-inline': this.displayInline } }, index.h("div", { key: 'd2e8faa4ad4f6c0ae71206802f6a7f03e033f754', class: {
                 'gux-toggle-container': true,
                 'gux-toggle-label-left': this.labelPosition === 'left',
                 'gux-disabled': this.disabled || this.loading
-            } }, index.h("div", { key: 'a1a561118975c988122a54fee4a52696c48e5aa1', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, index.h("gux-toggle-slider", { key: 'e6f9eee3c09f0e62fd5d895a280c2ec644d3eb4b', checked: this.checked, disabled: this.disabled || this.loading, guxAriaLabel: this.getAriaLabel(), labelId: this.checkedLabel && this.uncheckedLabel ? this.labelId : '', onKeyDown: this.onKeydown.bind(this), errorId: this.errorMessage ? this.errorId : '' }), this.renderLabel()), this.renderError()), index.h("gux-announce-beta", { key: '8d1d6e02268ce9cb9b7ab943826eca3b7fa31a71', ref: el => (this.announceElement = el) })));
+            } }, index.h("div", { key: 'da46e2dbed216a1d723872c000ec5ff03180f033', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, index.h("gux-toggle-slider", { key: '3603c51c1b31201053e1a65004007625ba9c9e78', checked: this.checked, disabled: this.disabled || this.loading, guxAriaLabel: this.getAriaLabel(), labelId: this.checkedLabel && this.uncheckedLabel ? this.labelId : '', onKeyDown: this.onKeydown.bind(this), errorId: this.errorMessage ? this.errorId : '' }), this.renderLabel()), this.renderError()), index.h("gux-announce-beta", { key: '8f46f9736a735c7bd046d404eb9f96cace8e8913', ref: el => (this.announceElement = el) })));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

package/dist/cjs/gux-tooltip-base-beta_2.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-e321455d.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-471324c9.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-e749307a.js');
+const usage = require('./usage-dcde91de.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const overflowDetection = require('./overflow-detection-cb449687.js');
 const findElementById = require('./find-element-by-id-fde17c92.js');
@@ -24,7 +24,8 @@ const GuxTooltipBase = class {
             ['pointerenter', this.pointerenterHandler],
             ['pointerleave', this.pointerleaveHandler],
             ['focusin', this.focusinHandler],
-            ['focusout', this.focusoutHandler]
+            ['focusout', this.focusoutHandler],
+            ['mousemove', this.handlePointerMove.bind(this)]
         ]);
         this.id = randomHtmlId.randomHTMLId('gux-tooltip-base');
         /**
@@ -39,6 +40,7 @@ const GuxTooltipBase = class {
          * Use for cases where the forElement component handles the accessibility.
          */
         this.visualOnly = false;
+        this.followMouse = false;
         /**
          * If tooltip is shown or not
          */
@@ -55,6 +57,13 @@ const GuxTooltipBase = class {
     handlePointerleave() {
         this.hide();
     }
+    handlePointerMove(event) {
+        if (this.followMouse) {
+            event.preventDefault();
+            this.refElement = this.getRefElement(event.clientX, event.clientY);
+            this.runUpdatePosition();
+        }
+    }
     /*
      * Show tooltip
      */
@@ -70,14 +79,15 @@ const GuxTooltipBase = class {
         this.hide();
     }
     runUpdatePosition() {
-        this.cleanupUpdatePosition = floatingUi_dom_esm.autoUpdate(this.forElement, this.root, () => this.updatePosition(), {
+        const ref = this.followMouse && this.refElement ? this.refElement : this.forElement;
+        this.cleanupUpdatePosition = floatingUi_dom_esm.autoUpdate(ref, this.root, () => this.updatePosition(ref), {
             ancestorScroll: true,
             elementResize: true,
-            animationFrame: false,
+            animationFrame: this.followMouse,
             ancestorResize: true
         });
     }
-    updatePosition() {
+    updatePosition(ref) {
         const middleware = [
             floatingUi_dom_esm.offset(16),
             floatingUi_dom_esm.flip(),
@@ -85,7 +95,7 @@ const GuxTooltipBase = class {
             floatingUi_dom_esm.hide(),
             overflowDetection.overflowDetection()
         ];
-        void floatingUi_dom_esm.computePosition(this.forElement, this.root, {
+        void floatingUi_dom_esm.computePosition(ref, this.root, {
             placement: this.placement,
             strategy: 'fixed',
             middleware: middleware
@@ -93,7 +103,7 @@ const GuxTooltipBase = class {
             var _a;
             Object.assign(this.root.style, {
                 left: `${x + this.offsetX}px`,
-                top: `${y - this.offsetY}px`,
+                top: `${y + this.offsetY}px`,
                 visibility: ((_a = middlewareData.hide) === null || _a === void 0 ? void 0 : _a.referenceHidden) ? 'hidden' : 'visible'
             });
             //data-placement needed on the for e2e tests.
@@ -110,6 +120,7 @@ const GuxTooltipBase = class {
     hide() {
         this.hideDelayTimeout = setTimeout(() => {
             this.isShown = false;
+            this.refElement = undefined;
             if (this.cleanupUpdatePosition) {
                 this.cleanupUpdatePosition();
             }
@@ -134,6 +145,22 @@ const GuxTooltipBase = class {
         this.disconnectForElement();
         this.setForElement();
     }
+    getRefElement(cursorX, cursorY) {
+        return {
+            getBoundingClientRect() {
+                return {
+                    x: cursorX,
+                    y: cursorY,
+                    top: cursorY,
+                    left: cursorX,
+                    bottom: cursorY,
+                    right: cursorX,
+                    width: 10,
+                    height: 10
+                };
+            }
+        };
+    }
     connectedCallback() {
         this.setForElement();
     }
@@ -147,10 +174,10 @@ const GuxTooltipBase = class {
         this.disconnectForElement();
     }
     render() {
-        return (index.h(index.Host, { key: '64e1b8b7935a7fe487f7cfe19fbd6af4fe9eb54b', id: this.tooltipId ? undefined : this.id, role: this.tooltipId && !this.isShown ? undefined : 'tooltip', class: { 'gux-show': this.isShown }, "aria-hidden": this.visualOnly }, index.h("div", { key: 'b14355016dfeb6a3e8b6a1c32cd31188fd143d97', class: {
+        return (index.h(index.Host, { key: '4e7c0cf62fae55affefec3c26c6f09e1a7a31edd', id: this.tooltipId ? undefined : this.id, role: this.tooltipId && !this.isShown ? undefined : 'tooltip', class: { 'gux-show': this.isShown }, "aria-hidden": this.visualOnly }, index.h("div", { key: '5331c5c37ba1c7fff188e3aab855d8ed0abbd921', class: {
                 'gux-container': true,
                 [`gux-${this.accent}`]: true
-            }, "data-placement": this.placement }, index.h("slot", { key: '08fc4e527b11d357db025b64730f64a93d7dc599', name: "content" }))));
+            }, "data-placement": this.placement }, index.h("slot", { key: '70e9076b53ea55109e601bc5f6f9a8eca82ff3c8', name: "content" }))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/gux-tooltip-pointer-beta.cjs.entry.js

@@ -0,0 +1,87 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-e321455d.js');
+const usage = require('./usage-dcde91de.js');
+const findElementById = require('./find-element-by-id-fde17c92.js');
+const randomHtmlId = require('./random-html-id-71c43d5a.js');
+
+const GuxTooltipPointer = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.id = randomHtmlId.randomHTMLId('gux-tooltip-pointer');
+        this.accent = 'light';
+        this.placement = 'bottom-start';
+        /**
+         * Determines whether the text in the tooltip is read by screenreaders.
+         * Use for cases where the forElement component handles the accessibility.
+         */
+        this.visualOnly = false;
+    }
+    /*
+     * Show tooltip
+     */
+    async showTooltip() {
+        return await this.baseTooltip.showTooltip();
+    }
+    /*
+     * Hide tooltip
+     */
+    async hideTooltip() {
+        return await this.baseTooltip.hideTooltip();
+    }
+    updateForElement() {
+        this.forElement = this.getForElement();
+    }
+    componentWillLoad() {
+        usage.trackComponent(this.root, { variant: this.placement });
+    }
+    componentDidLoad() {
+        if (this.baseTooltip) {
+            this.tooltipObserver = new MutationObserver(() => {
+                var _a;
+                this.role = (_a = this.baseTooltip) === null || _a === void 0 ? void 0 : _a.role;
+            });
+            this.tooltipObserver.observe(this.baseTooltip, {
+                childList: true,
+                attributes: true,
+                attributeFilter: ['role']
+            });
+        }
+    }
+    connectedCallback() {
+        this.updateForElement();
+    }
+    disconnectedCallback() {
+        if (this.tooltipObserver) {
+            this.tooltipObserver.disconnect();
+        }
+    }
+    getForElement() {
+        if (this.for) {
+            const forElement = findElementById.findElementById(this.root, this.for);
+            if (!forElement) {
+                this.logForAttributeError();
+            }
+            return forElement;
+        }
+        else {
+            return this.root.parentElement;
+        }
+    }
+    logForAttributeError() {
+        if (this.root.isConnected) {
+            console.error(`gux-tooltip-pointer: invalid element supplied to 'for': "${this.for}"`);
+        }
+    }
+    render() {
+        return (index.h(index.Host, { key: 'fb000951b9b468e71d44773cb2cf78f25fd1fb34', id: this.id, role: this.role }, index.h("gux-tooltip-base-beta", { key: 'dfbeb8488b7e9c18c4a6a9d562bfc759bc7e7441', forElement: this.forElement, placement: this.placement, accent: this.accent, tooltipId: this.id, visualOnly: this.visualOnly, ref: el => (this.baseTooltip = el), followMouse: true }, index.h("span", { key: '1c339b9f6a987e8995b667e80ad1341a5b226f1d', slot: "content" }, index.h("slot", { key: '5cfe0123dce5e4ed2b9bacf0fc8f9f33539798e8', name: "content" }, index.h("slot", { key: '02e85502243c4d20b447ef4e192c1b581d8ed1e9' }))))));
+    }
+    get root() { return index.getElement(this); }
+    static get watchers() { return {
+        "for": ["updateForElement"]
+    }; }
+};
+
+exports.gux_tooltip_pointer_beta = GuxTooltipPointer;

package/dist/cjs/gux-tooltip-title.cjs.entry.js

@@ -129,10 +129,10 @@ const GuxTooltipTitle = class {
     }
     render() {
         return [
-            index.h("span", { key: '1b627a40df06ba3f96cb1aaaab7a9a6843147452', class: {
+            index.h("span", { key: 'cba947eff67ef23ec53277350ae12c3687154410', class: {
                     'gux-title-container': true,
                     'gux-icon-only': this.iconOnly
-                } }, index.h("slot", { key: 'b1893939afe43598df37247444963e1c233c900f' })),
+                } }, index.h("slot", { key: '28d95434eab0783863e00b8e5f3cbcaf02231f4a' })),
             this.renderTooltip()
         ];
     }

package/dist/cjs/gux-tooltip_2.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-e321455d.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-471324c9.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-e749307a.js');
+const usage = require('./usage-dcde91de.js');
 const findElementById = require('./find-element-by-id-fde17c92.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const overflowDetection = require('./overflow-detection-cb449687.js');
@@ -156,10 +156,10 @@ const GuxTooltip = class {
         this.disconnectForElement();
     }
     render() {
-        return (index.h(index.Host, { key: '2013affda6b8faee8645649e356b82de30d20d19', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, index.h("div", { key: 'bb7c8559e0cf4cbae39d3b1b31ea44d2a88fb858', class: {
+        return (index.h(index.Host, { key: '0c6810848f3ef09d3d0c3566829051fe35a321ce', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, index.h("div", { key: '62c983206c8cd451340011ceea6f60e3e1c36f10', class: {
                 'gux-container': true,
                 [`gux-${this.accent}`]: true
-            }, "data-placement": this.placement }, index.h("slot", { key: '16c69d5b2a973fdbfb4477349cc1090664735e75', name: "content" }, index.h("slot", { key: '5fe281f435365b4c1478b9bd0a22419f2a9bd4bf' })))));
+            }, "data-placement": this.placement }, index.h("slot", { key: 'c532649e0eb5780ae4a1970da1d0d625b8f5dbf0', name: "content" }, index.h("slot", { key: 'e96641c2b60eab20ff499930b73a6497b2b75741' })))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {
@@ -228,12 +228,12 @@ const GuxTruncate = class {
     }
     render() {
         var _a;
-        return (index.h("div", { key: '880513271de53eb737880966e2744c6c657492be', class: {
+        return (index.h("div", { key: 'a7797a30ecc7954c6d3c2159d24d15f8ecbe3842', class: {
                 'gux-truncate-multi-line': Boolean(this.maxLines)
-            } }, index.h("span", { key: '281506b7a619f00b72cb7f6cf9bb42a28ccfe496', class: {
+            } }, index.h("span", { key: '0ae75944d480e95bbaa2c796e582384534e2bbb0', class: {
                 'gux-overflow-hidden': this.needsTruncation(),
                 'gux-truncate-slot-container': true
-            }, style: { webkitLineClamp: (_a = this.maxLines) === null || _a === void 0 ? void 0 : _a.toString() } }, index.h("slot", { key: '44f8507860bbacccf1bbd61d415b25988affa742' })), this.renderTooltip()));
+            }, style: { webkitLineClamp: (_a = this.maxLines) === null || _a === void 0 ? void 0 : _a.toString() } }, index.h("slot", { key: 'ff5cea1f312e753b27aae40bcb47bf2d47e2015b' })), this.renderTooltip()));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/index-e321455d.js

@@ -519,6 +519,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './gux-toggle.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'gux-tooltip-pointer-beta.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './gux-tooltip-pointer-beta.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'gux-avatar-group-add-item-beta_3.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */