genesys-spark-components 4.26.0 → 4.26.1

package/dist/{cjs/index-75c9f0d9.js → esm/index-da21b737.js}

@@ -1,26 +1,5 @@
-'use strict';
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () {
-            return e[k];
-          }
-        });
-      }
-    });
-  }
-  n['default'] = e;
-  return Object.freeze(n);
-}
-
 const NAMESPACE = 'genesys-webcomponents';
+const BUILD = /* genesys-webcomponents */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: true, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: true, cmpWillUpdate: false, connectedCallback: true, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: true, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: true, hydratedClass: false, initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: true, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: true, shadowDom: true, slot: true, slotChildNodesFix: false, slotRelocation: true, state: true, style: true, svg: true, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: false, watchCallback: true };
 
 /**
  * Virtual DOM patching algorithm based on Snabbdom by
@@ -57,6 +36,13 @@ const uniqueTime = (key, measureText) => {
     }
 };
 const HYDRATED_CSS = '{visibility:hidden}[hydrated]{visibility:inherit}';
+/**
+ * Constant for styles to be globally applied to `slot-fb` elements for pseudo-slot behavior.
+ *
+ * Two cascading rules must be used instead of a `:not()` selector due to Stencil browser
+ * support as of Stencil v4.
+ */
+const SLOT_FB_CSS = 'slot-fb{display:contents}slot-fb[hidden]{display:none}';
 /**
  * Default style mode id
  */
@@ -107,6 +93,7 @@ function queryNonceMetaTagContent(doc) {
 // export function h(nodeName: string | d.FunctionalComponent, vnodeData: d.PropsType, ...children: d.ChildType[]): d.VNode;
 const h = (nodeName, vnodeData, ...children) => {
     let child = null;
+    let key = null;
     let slotName = null;
     let simple = false;
     let lastSimple = false;
@@ -135,6 +122,9 @@ const h = (nodeName, vnodeData, ...children) => {
     };
     walk(children);
     if (vnodeData) {
+        if (vnodeData.key) {
+            key = vnodeData.key;
+        }
         if (vnodeData.name) {
             slotName = vnodeData.name;
         }
@@ -160,6 +150,9 @@ const h = (nodeName, vnodeData, ...children) => {
     if (vNodeChildren.length > 0) {
         vnode.$children$ = vNodeChildren;
     }
+    {
+        vnode.$key$ = key;
+    }
     {
         vnode.$name$ = slotName;
     }
@@ -184,6 +177,9 @@ const newVNode = (tag, text) => {
     {
         vnode.$attrs$ = null;
     }
+    {
+        vnode.$key$ = null;
+    }
     {
         vnode.$name$ = null;
     }
@@ -366,6 +362,10 @@ const addStyle = (styleContainerNode, cmpMeta, mode) => {
                     }
                     styleContainerNode.insertBefore(styleElm, styleContainerNode.querySelector('link'));
                 }
+                // Add styles for `slot-fb` elements if we're using slots outside the Shadow DOM
+                if (cmpMeta.$flags$ & 4 /* CMP_FLAGS.hasSlotRelocation */) {
+                    styleElm.innerHTML += SLOT_FB_CSS;
+                }
                 if (appliedStyles) {
                     appliedStyles.add(scopeId);
                 }
@@ -456,6 +456,8 @@ const setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
                 }
             }
         }
+        else if (memberName === 'key')
+            ;
         else if (memberName === 'ref') {
             // minifier will clean this up
             if (newValue) {
@@ -494,11 +496,19 @@ const setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
                 // except for the first character, we keep the event name case
                 memberName = ln[2] + memberName.slice(3);
             }
-            if (oldValue) {
-                plt.rel(elm, memberName, oldValue, false);
-            }
-            if (newValue) {
-                plt.ael(elm, memberName, newValue, false);
+            if (oldValue || newValue) {
+                // Need to account for "capture" events.
+                // If the event name ends with "Capture", we'll update the name to remove
+                // the "Capture" suffix and make sure the event listener is setup to handle the capture event.
+                const capture = memberName.endsWith(CAPTURE_EVENT_SUFFIX);
+                // Make sure we only replace the last instance of "Capture"
+                memberName = memberName.replace(CAPTURE_EVENT_REGEX, '');
+                if (oldValue) {
+                    plt.rel(elm, memberName, oldValue, capture);
+                }
+                if (newValue) {
+                    plt.ael(elm, memberName, newValue, capture);
+                }
             }
         }
         else {
@@ -520,7 +530,11 @@ const setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
                         elm[memberName] = newValue;
                     }
                 }
-                catch (e) { }
+                catch (e) {
+                    /**
+                     * in case someone tries to set a read-only property, e.g. "namespaceURI", we just ignore it
+                     */
+                }
             }
             if (newValue == null || newValue === false) {
                 if (newValue !== false || elm.getAttribute(memberName) === '') {
@@ -539,7 +553,14 @@ const setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
     }
 };
 const parseClassListRegex = /\s/;
+/**
+ * Parsed a string of classnames into an array
+ * @param value className string, e.g. "foo bar baz"
+ * @returns list of classes, e.g. ["foo", "bar", "baz"]
+ */
 const parseClassList = (value) => (!value ? [] : value.split(parseClassListRegex));
+const CAPTURE_EVENT_SUFFIX = 'Capture';
+const CAPTURE_EVENT_REGEX = new RegExp(CAPTURE_EVENT_SUFFIX + '$');
 const updateElement = (oldVnode, newVnode, isSvgMode, memberName) => {
     // if the element passed in is a shadow root, which is a document fragment
     // then we want to be adding attrs/props to the shadow root's "host" element
@@ -646,8 +667,10 @@ const createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
             }
         }
     }
+    // This needs to always happen so we can hide nodes that are projected
+    // to another component but don't end up in a slot
+    elm['s-hn'] = hostTagName;
     {
-        elm['s-hn'] = hostTagName;
         if (newVNode.$flags$ & (2 /* VNODE_FLAGS.isSlotFallback */ | 1 /* VNODE_FLAGS.isSlotReference */)) {
             // remember the content reference comment
             elm['s-sr'] = true;
@@ -658,9 +681,11 @@ const createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
             // check if we've got an old vnode for this slot
             oldVNode = oldParentVNode && oldParentVNode.$children$ && oldParentVNode.$children$[childIndex];
             if (oldVNode && oldVNode.$tag$ === newVNode.$tag$ && oldParentVNode.$elm$) {
-                // we've got an old slot vnode and the wrapper is being replaced
-                // so let's move the old slot content back to it's original location
-                putBackInOriginalLocation(oldParentVNode.$elm$, false);
+                {
+                    // we've got an old slot vnode and the wrapper is being replaced
+                    // so let's move the old slot content back to its original location
+                    putBackInOriginalLocation(oldParentVNode.$elm$, false);
+                }
             }
         }
     }
@@ -672,9 +697,6 @@ const putBackInOriginalLocation = (parentElm, recursive) => {
     for (let i = oldSlotChildNodes.length - 1; i >= 0; i--) {
         const childNode = oldSlotChildNodes[i];
         if (childNode['s-hn'] !== hostTagName && childNode['s-ol']) {
-            // // this child node in the old element is from another component
-            // // remove this node from the old slot's parent
-            // childNode.remove();
             // and relocate it back to it's original location
             parentReferenceNode(childNode).insertBefore(childNode, referenceNode(childNode));
             // remove the old original location comment entirely
@@ -682,6 +704,8 @@ const putBackInOriginalLocation = (parentElm, recursive) => {
             // and move this to the correct spot if need be
             childNode['s-ol'].remove();
             childNode['s-ol'] = undefined;
+            // Reset so we can correctly move the node around again.
+            childNode['s-sh'] = undefined;
             checkSlotRelocate = true;
         }
         if (recursive) {
@@ -826,10 +850,13 @@ const removeVnodes = (vnodes, startIdx, endIdx) => {
  * @param oldCh the old children of the parent node
  * @param newVNode the new VNode which will replace the parent
  * @param newCh the new children of the parent node
+ * @param isInitialRender whether or not this is the first render of the vdom
  */
-const updateChildren = (parentElm, oldCh, newVNode, newCh) => {
+const updateChildren = (parentElm, oldCh, newVNode, newCh, isInitialRender = false) => {
     let oldStartIdx = 0;
     let newStartIdx = 0;
+    let idxInOld = 0;
+    let i = 0;
     let oldEndIdx = oldCh.length - 1;
     let oldStartVnode = oldCh[0];
     let oldEndVnode = oldCh[oldEndIdx];
@@ -837,6 +864,7 @@ const updateChildren = (parentElm, oldCh, newVNode, newCh) => {
     let newStartVnode = newCh[0];
     let newEndVnode = newCh[newEndIdx];
     let node;
+    let elmToMove;
     while (oldStartIdx <= oldEndIdx && newStartIdx <= newEndIdx) {
         if (oldStartVnode == null) {
             // VNode might have been moved left
@@ -851,24 +879,24 @@ const updateChildren = (parentElm, oldCh, newVNode, newCh) => {
         else if (newEndVnode == null) {
             newEndVnode = newCh[--newEndIdx];
         }
-        else if (isSameVnode(oldStartVnode, newStartVnode)) {
+        else if (isSameVnode(oldStartVnode, newStartVnode, isInitialRender)) {
             // if the start nodes are the same then we should patch the new VNode
             // onto the old one, and increment our `newStartIdx` and `oldStartIdx`
             // indices to reflect that. We don't need to move any DOM Nodes around
             // since things are matched up in order.
-            patch(oldStartVnode, newStartVnode);
+            patch(oldStartVnode, newStartVnode, isInitialRender);
             oldStartVnode = oldCh[++oldStartIdx];
             newStartVnode = newCh[++newStartIdx];
         }
-        else if (isSameVnode(oldEndVnode, newEndVnode)) {
+        else if (isSameVnode(oldEndVnode, newEndVnode, isInitialRender)) {
             // likewise, if the end nodes are the same we patch new onto old and
             // decrement our end indices, and also likewise in this case we don't
             // need to move any DOM Nodes.
-            patch(oldEndVnode, newEndVnode);
+            patch(oldEndVnode, newEndVnode, isInitialRender);
             oldEndVnode = oldCh[--oldEndIdx];
             newEndVnode = newCh[--newEndIdx];
         }
-        else if (isSameVnode(oldStartVnode, newEndVnode)) {
+        else if (isSameVnode(oldStartVnode, newEndVnode, isInitialRender)) {
             // case: "Vnode moved right"
             //
             // We've found that the last node in our window on the new children is
@@ -886,7 +914,7 @@ const updateChildren = (parentElm, oldCh, newVNode, newCh) => {
             if ((oldStartVnode.$tag$ === 'slot' || newEndVnode.$tag$ === 'slot')) {
                 putBackInOriginalLocation(oldStartVnode.$elm$.parentNode, false);
             }
-            patch(oldStartVnode, newEndVnode);
+            patch(oldStartVnode, newEndVnode, isInitialRender);
             // We need to move the element for `oldStartVnode` into a position which
             // will be appropriate for `newEndVnode`. For this we can use
             // `.insertBefore` and `oldEndVnode.$elm$.nextSibling`. If there is a
@@ -908,7 +936,7 @@ const updateChildren = (parentElm, oldCh, newVNode, newCh) => {
             oldStartVnode = oldCh[++oldStartIdx];
             newEndVnode = newCh[--newEndIdx];
         }
-        else if (isSameVnode(oldEndVnode, newStartVnode)) {
+        else if (isSameVnode(oldEndVnode, newStartVnode, isInitialRender)) {
             // case: "Vnode moved left"
             //
             // We've found that the first node in our window on the new children is
@@ -927,7 +955,7 @@ const updateChildren = (parentElm, oldCh, newVNode, newCh) => {
             if ((oldStartVnode.$tag$ === 'slot' || newEndVnode.$tag$ === 'slot')) {
                 putBackInOriginalLocation(oldEndVnode.$elm$.parentNode, false);
             }
-            patch(oldEndVnode, newStartVnode);
+            patch(oldEndVnode, newStartVnode, isInitialRender);
             // We've already checked above if `oldStartVnode` and `newStartVnode` are
             // the same node, so since we're here we know that they are not. Thus we
             // can move the element for `oldEndVnode` _before_ the element for
@@ -938,7 +966,41 @@ const updateChildren = (parentElm, oldCh, newVNode, newCh) => {
             newStartVnode = newCh[++newStartIdx];
         }
         else {
+            // Here we do some checks to match up old and new nodes based on the
+            // `$key$` attribute, which is set by putting a `key="my-key"` attribute
+            // in the JSX for a DOM element in the implementation of a Stencil
+            // component.
+            //
+            // First we check to see if there are any nodes in the array of old
+            // children which have the same key as the first node in the new
+            // children.
+            idxInOld = -1;
             {
+                for (i = oldStartIdx; i <= oldEndIdx; ++i) {
+                    if (oldCh[i] && oldCh[i].$key$ !== null && oldCh[i].$key$ === newStartVnode.$key$) {
+                        idxInOld = i;
+                        break;
+                    }
+                }
+            }
+            if (idxInOld >= 0) {
+                // We found a node in the old children which matches up with the first
+                // node in the new children! So let's deal with that
+                elmToMove = oldCh[idxInOld];
+                if (elmToMove.$tag$ !== newStartVnode.$tag$) {
+                    // the tag doesn't match so we'll need a new DOM element
+                    node = createElm(oldCh && oldCh[newStartIdx], newVNode, idxInOld, parentElm);
+                }
+                else {
+                    patch(elmToMove, newStartVnode, isInitialRender);
+                    // invalidate the matching old node so that we won't try to update it
+                    // again later on
+                    oldCh[idxInOld] = undefined;
+                    node = elmToMove.$elm$;
+                }
+                newStartVnode = newCh[++newStartIdx];
+            }
+            else {
                 // We either didn't find an element in the old children that matches
                 // the key of the first new child OR the build is not using `key`
                 // attributes at all. In either case we need to create a new element
@@ -981,15 +1043,24 @@ const updateChildren = (parentElm, oldCh, newVNode, newCh) => {
  *
  * @param leftVNode the first VNode to check
  * @param rightVNode the second VNode to check
+ * @param isInitialRender whether or not this is the first render of the vdom
  * @returns whether they're equal or not
  */
-const isSameVnode = (leftVNode, rightVNode) => {
+const isSameVnode = (leftVNode, rightVNode, isInitialRender = false) => {
     // compare if two vnode to see if they're "technically" the same
     // need to have the same element tag, and same key to be the same
     if (leftVNode.$tag$ === rightVNode.$tag$) {
         if (leftVNode.$tag$ === 'slot') {
             return leftVNode.$name$ === rightVNode.$name$;
         }
+        // this will be set if JSX tags in the build have `key` attrs set on them
+        // we only want to check this if we're not on the first render since on
+        // first render `leftVNode.$key$` will always be `null`, so we can be led
+        // astray and, for instance, accidentally delete a DOM node that we want to
+        // keep around.
+        if (!isInitialRender) {
+            return leftVNode.$key$ === rightVNode.$key$;
+        }
         return true;
     }
     return false;
@@ -1009,8 +1080,9 @@ const parentReferenceNode = (node) => (node['s-ol'] ? node['s-ol'] : node).paren
  *
  * @param oldVNode an old VNode whose DOM element and children we want to update
  * @param newVNode a new VNode representing an updated version of the old one
+ * @param isInitialRender whether or not this is the first render of the vdom
  */
-const patch = (oldVNode, newVNode) => {
+const patch = (oldVNode, newVNode, isInitialRender = false) => {
     const elm = (newVNode.$elm$ = oldVNode.$elm$);
     const oldChildren = oldVNode.$children$;
     const newChildren = newVNode.$children$;
@@ -1024,8 +1096,7 @@ const patch = (oldVNode, newVNode) => {
             isSvgMode = tag === 'svg' ? true : tag === 'foreignObject' ? false : isSvgMode;
         }
         {
-            if (tag === 'slot')
-                ;
+            if (tag === 'slot' && !useNativeShadowDom) ;
             else {
                 // either this is the first render of an element OR it's an update
                 // AND we already know it's possible it could have changed
@@ -1036,7 +1107,7 @@ const patch = (oldVNode, newVNode) => {
         if (oldChildren !== null && newChildren !== null) {
             // looks like there's child vnodes for both the old and new vnodes
             // so we need to call `updateChildren` to reconcile them
-            updateChildren(elm, oldChildren, newVNode, newChildren);
+            updateChildren(elm, oldChildren, newVNode, newChildren, isInitialRender);
         }
         else if (newChildren !== null) {
             // no old child vnodes, but there are new child vnodes to add
@@ -1092,22 +1163,26 @@ const updateFallbackSlotVisibility = (elm) => {
                 // we need to check all of its sibling nodes in order to see if
                 // `childNode` should be hidden
                 for (const siblingNode of childNodes) {
-                    if (siblingNode['s-hn'] !== childNode['s-hn'] || slotName !== '') {
-                        // this sibling node is from a different component OR is a named
-                        // fallback slot node
-                        if (siblingNode.nodeType === 1 /* NODE_TYPE.ElementNode */ && slotName === siblingNode.getAttribute('slot')) {
-                            childNode.hidden = true;
-                            break;
+                    // Don't check the node against itself
+                    if (siblingNode !== childNode) {
+                        if (siblingNode['s-hn'] !== childNode['s-hn'] || slotName !== '') {
+                            // this sibling node is from a different component OR is a named
+                            // fallback slot node
+                            if (siblingNode.nodeType === 1 /* NODE_TYPE.ElementNode */ &&
+                                (slotName === siblingNode.getAttribute('slot') || slotName === siblingNode['s-sn'])) {
+                                childNode.hidden = true;
+                                break;
+                            }
                         }
-                    }
-                    else {
-                        // this is a default fallback slot node
-                        // any element or text node (with content)
-                        // should hide the default fallback slot node
-                        if (siblingNode.nodeType === 1 /* NODE_TYPE.ElementNode */ ||
-                            (siblingNode.nodeType === 3 /* NODE_TYPE.TextNode */ && siblingNode.textContent.trim() !== '')) {
-                            childNode.hidden = true;
-                            break;
+                        else {
+                            // this is a default fallback slot node
+                            // any element or text node (with content)
+                            // should hide the default fallback slot node
+                            if (siblingNode.nodeType === 1 /* NODE_TYPE.ElementNode */ ||
+                                (siblingNode.nodeType === 3 /* NODE_TYPE.TextNode */ && siblingNode.textContent.trim() !== '')) {
+                                childNode.hidden = true;
+                                break;
+                            }
                         }
                     }
                 }
@@ -1148,8 +1223,15 @@ const markSlotContentForRelocation = (elm) => {
                 node = hostContentNodes[j];
                 // check that the node is not a content reference node or a node
                 // reference and then check that the host name does not match that of
-                // childNode
-                if (!node['s-cn'] && !node['s-nr'] && node['s-hn'] !== childNode['s-hn']) {
+                // childNode.
+                // In addition, check that the slot either has not already been relocated, or
+                // that its current location's host is not childNode's host. This is essentially
+                // a check so that we don't try to relocate (and then hide) a node that is already
+                // where it should be.
+                if (!node['s-cn'] &&
+                    !node['s-nr'] &&
+                    node['s-hn'] !== childNode['s-hn'] &&
+                    (!BUILD.experimentalSlotFixes  )) {
                     // if `node` is located in the slot that `childNode` refers to (via the
                     // `'s-sn'` property) then we need to relocate it from it's current spot
                     // (under the host element parent) to the right slot location
@@ -1163,12 +1245,14 @@ const markSlotContentForRelocation = (elm) => {
                         // ensure that the slot-name attr is correct
                         node['s-sn'] = node['s-sn'] || slotName;
                         if (relocateNodeData) {
+                            relocateNodeData.$nodeToRelocate$['s-sh'] = childNode['s-hn'];
                             // we marked this node for relocation previously but didn't find
                             // out the slot reference node to which it needs to be relocated
                             // so write it down now!
                             relocateNodeData.$slotRefNode$ = childNode;
                         }
                         else {
+                            node['s-sh'] = childNode['s-hn'];
                             // add to our list of nodes to relocate
                             relocateNodes.push({
                                 $slotRefNode$: childNode,
@@ -1256,6 +1340,7 @@ const nullifyVNodeRefs = (vNode) => {
  * @param isInitialLoad whether or not this is the first call after page load
  */
 const renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
+    var _a, _b, _c, _d;
     const hostElm = hostRef.$hostElement$;
     const cmpMeta = hostRef.$cmpMeta$;
     const oldVNode = hostRef.$vnode$ || newVNode(null, null);
@@ -1298,56 +1383,61 @@ const renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
     {
         scopeId = hostElm['s-sc'];
     }
+    useNativeShadowDom = (cmpMeta.$flags$ & 1 /* CMP_FLAGS.shadowDomEncapsulation */) !== 0;
     {
         contentRef = hostElm['s-cr'];
-        useNativeShadowDom = (cmpMeta.$flags$ & 1 /* CMP_FLAGS.shadowDomEncapsulation */) !== 0;
         // always reset
         checkSlotFallbackVisibility = false;
     }
     // synchronous patch
-    patch(oldVNode, rootVnode);
+    patch(oldVNode, rootVnode, isInitialLoad);
     {
         // while we're moving nodes around existing nodes, temporarily disable
         // the disconnectCallback from working
         plt.$flags$ |= 1 /* PLATFORM_FLAGS.isTmpDisconnected */;
         if (checkSlotRelocate) {
             markSlotContentForRelocation(rootVnode.$elm$);
-            let relocateData;
-            let nodeToRelocate;
-            let orgLocationNode;
-            let parentNodeRef;
-            let insertBeforeNode;
-            let refNode;
-            let i = 0;
-            for (; i < relocateNodes.length; i++) {
-                relocateData = relocateNodes[i];
-                nodeToRelocate = relocateData.$nodeToRelocate$;
+            for (const relocateData of relocateNodes) {
+                const nodeToRelocate = relocateData.$nodeToRelocate$;
                 if (!nodeToRelocate['s-ol']) {
                     // add a reference node marking this node's original location
                     // keep a reference to this node for later lookups
-                    orgLocationNode =
-                        doc.createTextNode('');
+                    const orgLocationNode = doc.createTextNode('');
                     orgLocationNode['s-nr'] = nodeToRelocate;
                     nodeToRelocate.parentNode.insertBefore((nodeToRelocate['s-ol'] = orgLocationNode), nodeToRelocate);
                 }
             }
-            for (i = 0; i < relocateNodes.length; i++) {
-                relocateData = relocateNodes[i];
-                nodeToRelocate = relocateData.$nodeToRelocate$;
-                if (relocateData.$slotRefNode$) {
-                    // by default we're just going to insert it directly
-                    // after the slot reference node
-                    parentNodeRef = relocateData.$slotRefNode$.parentNode;
-                    insertBeforeNode = relocateData.$slotRefNode$.nextSibling;
-                    orgLocationNode = nodeToRelocate['s-ol'];
-                    while ((orgLocationNode = orgLocationNode.previousSibling)) {
-                        refNode = orgLocationNode['s-nr'];
-                        if (refNode && refNode['s-sn'] === nodeToRelocate['s-sn'] && parentNodeRef === refNode.parentNode) {
-                            refNode = refNode.nextSibling;
-                            if (!refNode || !refNode['s-nr']) {
-                                insertBeforeNode = refNode;
-                                break;
+            for (const relocateData of relocateNodes) {
+                const nodeToRelocate = relocateData.$nodeToRelocate$;
+                const slotRefNode = relocateData.$slotRefNode$;
+                if (slotRefNode) {
+                    const parentNodeRef = slotRefNode.parentNode;
+                    // When determining where to insert content, the most simple case would be
+                    // to relocate the node immediately following the slot reference node. We do this
+                    // by getting a reference to the node immediately following the slot reference node
+                    // since we will use `insertBefore` to manipulate the DOM.
+                    //
+                    // If there is no node immediately following the slot reference node, then we will just
+                    // end up appending the node as the last child of the parent.
+                    let insertBeforeNode = slotRefNode.nextSibling;
+                    // If the node we're currently planning on inserting the new node before is an element,
+                    // we need to do some additional checks to make sure we're inserting the node in the correct order.
+                    // The use case here would be that we have multiple nodes being relocated to the same slot. So, we want
+                    // to make sure they get inserted into their new how in the same order they were declared in their original location.
+                    //
+                    // TODO(STENCIL-914): Remove `experimentalSlotFixes` check
+                    {
+                        let orgLocationNode = (_a = nodeToRelocate['s-ol']) === null || _a === void 0 ? void 0 : _a.previousSibling;
+                        while (orgLocationNode) {
+                            let refNode = (_b = orgLocationNode['s-nr']) !== null && _b !== void 0 ? _b : null;
+                            if (refNode && refNode['s-sn'] === nodeToRelocate['s-sn'] && parentNodeRef === refNode.parentNode) {
+                                refNode = refNode.nextSibling;
+                                if (!refNode || !refNode['s-nr']) {
+                                    insertBeforeNode = refNode;
+                                    break;
+                                }
                             }
+                            orgLocationNode = orgLocationNode.previousSibling;
                         }
                     }
                     if ((!insertBeforeNode && parentNodeRef !== nodeToRelocate.parentNode) ||
@@ -1360,14 +1450,29 @@ const renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
                                 // probably a component in the index.html that doesn't have its hostname set
                                 nodeToRelocate['s-hn'] = nodeToRelocate['s-ol'].parentNode.nodeName;
                             }
-                            // add it back to the dom but in its new home
+                            // Add it back to the dom but in its new home
+                            // If we get to this point and `insertBeforeNode` is `null`, that means
+                            // we're just going to append the node as the last child of the parent. Passing
+                            // `null` as the second arg here will trigger that behavior.
                             parentNodeRef.insertBefore(nodeToRelocate, insertBeforeNode);
+                            // Reset the `hidden` value back to what it was defined as originally
+                            // This solves a problem where a `slot` is dynamically rendered and `hidden` may have
+                            // been set on content originally, but now it has a slot to go to so it should have
+                            // the value it was defined as having in the DOM, not what we overrode it to.
+                            if (nodeToRelocate.nodeType === 1 /* NODE_TYPE.ElementNode */) {
+                                nodeToRelocate.hidden = (_c = nodeToRelocate['s-ih']) !== null && _c !== void 0 ? _c : false;
+                            }
                         }
                     }
                 }
                 else {
                     // this node doesn't have a slot home to go to, so let's hide it
                     if (nodeToRelocate.nodeType === 1 /* NODE_TYPE.ElementNode */) {
+                        // Store the initial value of `hidden` so we can reset it later when
+                        // moving nodes around.
+                        if (isInitialLoad) {
+                            nodeToRelocate['s-ih'] = (_d = nodeToRelocate.hidden) !== null && _d !== void 0 ? _d : false;
+                        }
                         nodeToRelocate.hidden = true;
                     }
                 }
@@ -1382,6 +1487,8 @@ const renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
         // always reset
         relocateNodes.length = 0;
     }
+    // Clear the content ref so we don't create a memory leak
+    contentRef = undefined;
 };
 const attachToAncestor = (hostRef, ancestorComponent) => {
     if (ancestorComponent && !hostRef.$onRenderResolve$ && ancestorComponent['s-p']) {
@@ -1716,13 +1823,13 @@ const setValue = (ref, propName, newVal, cmpMeta) => {
  */
 const proxyComponent = (Cstr, cmpMeta, flags) => {
     var _a;
+    const prototype = Cstr.prototype;
     if (cmpMeta.$members$) {
         if (Cstr.watchers) {
             cmpMeta.$watchers$ = Cstr.watchers;
         }
         // It's better to have a const than two Object.entries()
         const members = Object.entries(cmpMeta.$members$);
-        const prototype = Cstr.prototype;
         members.map(([memberName, [memberFlags]]) => {
             if ((memberFlags & 31 /* MEMBER_FLAGS.Prop */ ||
                     ((flags & 2 /* PROXY_FLAGS.proxyState */) && memberFlags & 32 /* MEMBER_FLAGS.State */))) {
@@ -1745,8 +1852,9 @@ const proxyComponent = (Cstr, cmpMeta, flags) => {
                 // proxyComponent - method
                 Object.defineProperty(prototype, memberName, {
                     value(...args) {
+                        var _a;
                         const ref = getHostRef(this);
-                        return ref.$onInstancePromise$.then(() => ref.$lazyInstance$[memberName](...args));
+                        return (_a = ref === null || ref === void 0 ? void 0 : ref.$onInstancePromise$) === null || _a === void 0 ? void 0 : _a.then(() => { var _a; return (_a = ref.$lazyInstance$) === null || _a === void 0 ? void 0 : _a[memberName](...args); });
                     },
                 });
             }
@@ -1755,6 +1863,7 @@ const proxyComponent = (Cstr, cmpMeta, flags) => {
             const attrNameToPropName = new Map();
             prototype.attributeChangedCallback = function (attrName, oldValue, newValue) {
                 plt.jmp(() => {
+                    var _a;
                     const propName = attrNameToPropName.get(attrName);
                     //  In a web component lifecycle the attributeChangedCallback runs prior to connectedCallback
                     //  in the case where an attribute was set inline.
@@ -1810,11 +1919,12 @@ const proxyComponent = (Cstr, cmpMeta, flags) => {
                         // 1. The instance is ready
                         // 2. The watchers are ready
                         // 3. The value has changed
-                        if (!(flags & 8 /* HOST_FLAGS.isConstructingInstance */) &&
+                        if (flags &&
+                            !(flags & 8 /* HOST_FLAGS.isConstructingInstance */) &&
                             flags & 128 /* HOST_FLAGS.isWatchReady */ &&
                             newValue !== oldValue) {
                             const instance = hostRef.$lazyInstance$ ;
-                            const entry = cmpMeta.$watchers$[attrName];
+                            const entry = (_a = cmpMeta.$watchers$) === null || _a === void 0 ? void 0 : _a[attrName];
                             entry === null || entry === void 0 ? void 0 : entry.forEach((callbackName) => {
                                 if (instance[callbackName] != null) {
                                     instance[callbackName].call(instance, newValue, oldValue, attrName);
@@ -1836,10 +1946,11 @@ const proxyComponent = (Cstr, cmpMeta, flags) => {
                 ...members
                     .filter(([_, m]) => m[0] & 15 /* MEMBER_FLAGS.HasAttribute */)
                     .map(([propName, m]) => {
+                    var _a;
                     const attrName = m[1] || propName;
                     attrNameToPropName.set(attrName, propName);
                     if (m[0] & 512 /* MEMBER_FLAGS.ReflectAttr */) {
-                        cmpMeta.$attrsToReflect$.push([propName, attrName]);
+                        (_a = cmpMeta.$attrsToReflect$) === null || _a === void 0 ? void 0 : _a.push([propName, attrName]);
                     }
                     return attrName;
                 }),
@@ -1864,7 +1975,8 @@ const initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
     if ((hostRef.$flags$ & 32 /* HOST_FLAGS.hasInitializedComponent */) === 0) {
         // Let the runtime know that the component has been initialized
         hostRef.$flags$ |= 32 /* HOST_FLAGS.hasInitializedComponent */;
-        {
+        const bundleId = cmpMeta.$lazyBundleId$;
+        if (bundleId) {
             // lazy loaded components
             // request the component's implementation to be
             // wired up with the host element
@@ -1911,6 +2023,14 @@ const initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
             endNewInstance();
             fireConnectedCallback(hostRef.$lazyInstance$);
         }
+        else {
+            // sync constructor component
+            Cstr = elm.constructor;
+            // wait for the CustomElementRegistry to mark the component as ready before setting `isWatchReady`. Otherwise,
+            // watchers may fire prematurely if `customElements.get()`/`customElements.whenDefined()` resolves _before_
+            // Stencil has completed instantiating the component.
+            customElements.whenDefined(cmpMeta.$tagName$).then(() => (hostRef.$flags$ |= 128 /* HOST_FLAGS.isWatchReady */));
+        }
         if (Cstr.style) {
             // this component has styles but we haven't registered them yet
             let style = Cstr.style;
@@ -2048,12 +2168,13 @@ const bootstrapLazy = (lazyBundles, options = {}) => {
     const customElements = win.customElements;
     const head = doc.head;
     const metaCharset = /*@__PURE__*/ head.querySelector('meta[charset]');
-    const visibilityStyle = /*@__PURE__*/ doc.createElement('style');
+    const dataStyles = /*@__PURE__*/ doc.createElement('style');
     const deferredConnectedCallbacks = [];
     let appLoadFallback;
     let isBootstrapping = true;
     Object.assign(plt, options);
     plt.$resourcesUrl$ = new URL(options.resourcesUrl || './', doc.baseURI).href;
+    let hasSlotRelocation = false;
     lazyBundles.map((lazyBundle) => {
         lazyBundle[1].map((compactMeta) => {
             var _a;
@@ -2063,6 +2184,11 @@ const bootstrapLazy = (lazyBundles, options = {}) => {
                 $members$: compactMeta[2],
                 $listeners$: compactMeta[3],
             };
+            // Check if we are using slots outside the shadow DOM in this component.
+            // We'll use this information later to add styles for `slot-fb` elements
+            if (cmpMeta.$flags$ & 4 /* CMP_FLAGS.hasSlotRelocation */) {
+                hasSlotRelocation = true;
+            }
             {
                 cmpMeta.$members$ = compactMeta[2];
             }
@@ -2125,15 +2251,29 @@ const bootstrapLazy = (lazyBundles, options = {}) => {
             }
         });
     });
-    {
-        visibilityStyle.innerHTML = cmpTags + HYDRATED_CSS;
-        visibilityStyle.setAttribute('data-styles', '');
-        // Apply CSP nonce to the style tag if it exists
-        const nonce = (_a = plt.$nonce$) !== null && _a !== void 0 ? _a : queryNonceMetaTagContent(doc);
-        if (nonce != null) {
-            visibilityStyle.setAttribute('nonce', nonce);
+    // Only bother generating CSS if we have components
+    // TODO(STENCIL-1118): Add test cases for CSS content based on conditionals
+    if (cmpTags.length > 0) {
+        // Add styles for `slot-fb` elements if any of our components are using slots outside the Shadow DOM
+        if (hasSlotRelocation) {
+            dataStyles.textContent += SLOT_FB_CSS;
+        }
+        // Add hydration styles
+        {
+            dataStyles.textContent += cmpTags + HYDRATED_CSS;
+        }
+        // If we have styles, add them to the DOM
+        if (dataStyles.innerHTML.length) {
+            dataStyles.setAttribute('data-styles', '');
+            // Apply CSP nonce to the style tag if it exists
+            const nonce = (_a = plt.$nonce$) !== null && _a !== void 0 ? _a : queryNonceMetaTagContent(doc);
+            if (nonce != null) {
+                dataStyles.setAttribute('nonce', nonce);
+            }
+            // Insert the styles into the document head
+            // NOTE: this _needs_ to happen last so we can ensure the nonce (and other attributes) are applied
+            head.insertBefore(dataStyles, metaCharset ? metaCharset.nextSibling : head.firstChild);
         }
-        head.insertBefore(visibilityStyle, metaCharset ? metaCharset.nextSibling : head.firstChild);
     }
     // Process deferred connectedCallbacks now all components have been registered
     isBootstrapping = false;
@@ -2181,7 +2321,12 @@ const getHostListenerTarget = (elm, flags) => {
     return elm;
 };
 // prettier-ignore
-const hostListenerOpts = (flags) => (flags & 2 /* LISTENER_FLAGS.Capture */) !== 0;
+const hostListenerOpts = (flags) => supportsListenerOptions
+    ? ({
+        passive: (flags & 1 /* LISTENER_FLAGS.Passive */) !== 0,
+        capture: (flags & 2 /* LISTENER_FLAGS.Capture */) !== 0,
+    })
+    : (flags & 2 /* LISTENER_FLAGS.Capture */) !== 0;
 /**
  * Assigns the given value to the nonce property on the runtime platform object.
  * During runtime, this value is used to set the nonce attribute on all dynamically created script and style tags.
@@ -2192,8 +2337,19 @@ const setNonce = (nonce) => (plt.$nonce$ = nonce);
 /**
  * A WeakMap mapping runtime component references to their corresponding host reference
  * instances.
+ *
+ * **Note**: If we're in an HMR context we need to store a reference to this
+ * value on `window` in order to maintain the mapping of {@link d.RuntimeRef}
+ * to {@link d.HostRef} across HMR updates.
+ *
+ * This is necessary because when HMR updates for a component are processed by
+ * the browser-side dev server client the JS bundle for that component is
+ * re-fetched. Since the module containing {@link hostRefs} is included in
+ * that bundle, if we do not store a reference to it the new iteration of the
+ * component will not have access to the previous hostRef map, leading to a
+ * bug where the new version of the component cannot properly initialize.
  */
-const hostRefs = /*@__PURE__*/ new WeakMap();
+const hostRefs = new WeakMap();
 /**
  * Given a {@link d.RuntimeRef} retrieve the corresponding {@link d.HostRef}
  *
@@ -2249,497 +2405,497 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
         return module[exportName];
     }
     
-    if (!hmrVersionId || !BUILD.hotModuleReplacement) {
-      const processMod = importedModule => {
-        cmpModules.set(bundleId, importedModule);
-        return importedModule[exportName];
-      }
-      switch(bundleId) {
-        
-        case 'gux-accordion.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-accordion.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-accordion-section.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-accordion-section.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-action-button.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-action-button.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-action-toast-legacy.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-action-toast-legacy.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-advanced-dropdown-legacy.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-advanced-dropdown-legacy.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-all-row-select.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-all-row-select.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-avatar-beta.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-avatar-beta.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-badge.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-badge.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-blank-state.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-blank-state.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-breadcrumb-item.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-breadcrumb-item.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-breadcrumbs.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-breadcrumbs.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-button.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-button.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-button-multi.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-button-multi.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-calendar-beta.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-calendar-beta.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-card.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-card.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-column-manager.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-column-manager.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-column-manager-item.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-column-manager-item.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-context-menu.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-context-menu.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-copy-to-clipboard.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-copy-to-clipboard.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-create-option.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-create-option.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-cta-group.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-cta-group.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-date-time-beta.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-date-time-beta.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-datepicker.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-datepicker.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-disclosure-button-legacy.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-disclosure-button-legacy.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-dropdown-multi.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-dropdown-multi.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-dropdown-option.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-dropdown-option.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-flyout-menu.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-flyout-menu.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-form-field-color.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-form-field-color.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-form-field-dropdown.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-form-field-dropdown.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-form-field-phone.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-form-field-phone.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-form-field-radio.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-form-field-radio.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-form-field-range.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-form-field-range.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-form-field-select.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-form-field-select.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-form-field-textarea.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-form-field-textarea.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-form-field-time-picker.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-form-field-time-picker.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-form-field-time-zone-picker.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-form-field-time-zone-picker.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-inline-alert.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-inline-alert.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-listbox-multi.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-listbox-multi.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-loading-message.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-loading-message.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-menu.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-menu.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-menu-option.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-menu-option.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-modal.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-modal.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-modal-legacy.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-modal-legacy.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-month-picker-beta.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-month-picker-beta.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-notification-toast-legacy.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-notification-toast-legacy.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-option-group-beta.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-option-group-beta.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-option-icon.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-option-icon.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-option-multi.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-option-multi.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-page-loading-spinner.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-page-loading-spinner.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-pagination.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-pagination.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-pagination-cursor.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-pagination-cursor.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-pagination-legacy.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-pagination-legacy.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-phone-input-beta.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-phone-input-beta.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-radial-progress.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-radial-progress.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-rating.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-rating.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-row-select.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-row-select.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-segmented-control-beta.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-segmented-control-beta.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-segmented-control-item.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-segmented-control-item.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-simple-toast-legacy.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-simple-toast-legacy.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-skip-navigation-item.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-skip-navigation-item.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-skip-navigation-list.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-skip-navigation-list.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-sort-control.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-sort-control.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-submenu.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-submenu.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-switch-item.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-switch-item.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-switch-legacy.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-switch-legacy.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-tab.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-tab.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-tab-advanced.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-tab-advanced.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-tab-advanced-list.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-tab-advanced-list.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-tab-advanced-panel.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-tab-advanced-panel.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-tab-list.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-tab-list.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-tab-panel.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-tab-panel.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-table.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-table.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-table-select-menu.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-table-select-menu.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-table-toolbar.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-table-toolbar.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-table-toolbar-action.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-table-toolbar-action.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-tabs.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-tabs.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-tabs-advanced.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-tabs-advanced.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-tag.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-tag.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-time-beta.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-time-beta.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-time-picker.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-time-picker.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-time-zone-picker-beta.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-time-zone-picker-beta.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-toast.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-toast.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-toggle.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-toggle.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-tooltip-beta.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-tooltip-beta.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-calendar.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-calendar.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-content-search.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-content-search.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-date-beta.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-date-beta.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-dropdown-multi-tag.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-dropdown-multi-tag.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-flag-icon-beta.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-flag-icon-beta.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-form-field-search.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-form-field-search.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-list-item.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-list-item.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-month-calendar.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-month-calendar.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-pagination-buttons_2.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-pagination-buttons_2.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-pagination-buttons-legacy_3.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-pagination-buttons-legacy_3.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-table-toolbar-custom-action.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-table-toolbar-custom-action.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-table-toolbar-menu-button.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-table-toolbar-menu-button.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-text-highlight.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-text-highlight.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-toggle-slider.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-toggle-slider.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-announce-beta.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-announce-beta.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-form-field-text-like.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-form-field-text-like.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-list-divider.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-list-divider.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-month-list_2.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-month-list_2.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-form-field-number_3.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-form-field-number_3.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-pagination-items-per-page.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-pagination-items-per-page.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-popover-list.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-popover-list.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-tooltip-base-beta.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-tooltip-base-beta.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-form-field-checkbox.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-form-field-checkbox.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-screen-reader-beta.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-screen-reader-beta.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-dropdown_3.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-dropdown_3.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-list.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-list.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-tooltip-title.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-tooltip-title.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-form-field-input-clear-button.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-form-field-input-clear-button.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-dismiss-button.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-dismiss-button.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-radial-loading.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-radial-loading.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-truncate.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-truncate.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-popup.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-popup.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-button-slot.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-button-slot.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-tooltip.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-tooltip.cjs.entry.js')); }).then(processMod, consoleError);
-        case 'gux-icon.cjs':
-          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-            /* webpackMode: "lazy" */
-            './gux-icon.cjs.entry.js')); }).then(processMod, consoleError);
+        if (!hmrVersionId || !BUILD.hotModuleReplacement) {
+          const processMod = importedModule => {
+              cmpModules.set(bundleId, importedModule);
+              return importedModule[exportName];
+          }
+          switch(bundleId) {
+              
+                case 'gux-accordion':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-accordion.entry.js').then(processMod, consoleError);
+                case 'gux-accordion-section':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-accordion-section.entry.js').then(processMod, consoleError);
+                case 'gux-action-button':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-action-button.entry.js').then(processMod, consoleError);
+                case 'gux-action-toast-legacy':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-action-toast-legacy.entry.js').then(processMod, consoleError);
+                case 'gux-advanced-dropdown-legacy':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-advanced-dropdown-legacy.entry.js').then(processMod, consoleError);
+                case 'gux-all-row-select':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-all-row-select.entry.js').then(processMod, consoleError);
+                case 'gux-avatar-beta':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-avatar-beta.entry.js').then(processMod, consoleError);
+                case 'gux-badge':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-badge.entry.js').then(processMod, consoleError);
+                case 'gux-blank-state':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-blank-state.entry.js').then(processMod, consoleError);
+                case 'gux-breadcrumb-item':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-breadcrumb-item.entry.js').then(processMod, consoleError);
+                case 'gux-breadcrumbs':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-breadcrumbs.entry.js').then(processMod, consoleError);
+                case 'gux-button':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-button.entry.js').then(processMod, consoleError);
+                case 'gux-button-multi':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-button-multi.entry.js').then(processMod, consoleError);
+                case 'gux-calendar-beta':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-calendar-beta.entry.js').then(processMod, consoleError);
+                case 'gux-card':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-card.entry.js').then(processMod, consoleError);
+                case 'gux-column-manager':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-column-manager.entry.js').then(processMod, consoleError);
+                case 'gux-column-manager-item':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-column-manager-item.entry.js').then(processMod, consoleError);
+                case 'gux-context-menu':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-context-menu.entry.js').then(processMod, consoleError);
+                case 'gux-copy-to-clipboard':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-copy-to-clipboard.entry.js').then(processMod, consoleError);
+                case 'gux-create-option':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-create-option.entry.js').then(processMod, consoleError);
+                case 'gux-cta-group':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-cta-group.entry.js').then(processMod, consoleError);
+                case 'gux-date-time-beta':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-date-time-beta.entry.js').then(processMod, consoleError);
+                case 'gux-datepicker':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-datepicker.entry.js').then(processMod, consoleError);
+                case 'gux-disclosure-button-legacy':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-disclosure-button-legacy.entry.js').then(processMod, consoleError);
+                case 'gux-dropdown-multi':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-dropdown-multi.entry.js').then(processMod, consoleError);
+                case 'gux-dropdown-option':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-dropdown-option.entry.js').then(processMod, consoleError);
+                case 'gux-flyout-menu':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-flyout-menu.entry.js').then(processMod, consoleError);
+                case 'gux-form-field-color':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-form-field-color.entry.js').then(processMod, consoleError);
+                case 'gux-form-field-dropdown':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-form-field-dropdown.entry.js').then(processMod, consoleError);
+                case 'gux-form-field-phone':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-form-field-phone.entry.js').then(processMod, consoleError);
+                case 'gux-form-field-radio':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-form-field-radio.entry.js').then(processMod, consoleError);
+                case 'gux-form-field-range':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-form-field-range.entry.js').then(processMod, consoleError);
+                case 'gux-form-field-select':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-form-field-select.entry.js').then(processMod, consoleError);
+                case 'gux-form-field-textarea':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-form-field-textarea.entry.js').then(processMod, consoleError);
+                case 'gux-form-field-time-picker':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-form-field-time-picker.entry.js').then(processMod, consoleError);
+                case 'gux-form-field-time-zone-picker':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-form-field-time-zone-picker.entry.js').then(processMod, consoleError);
+                case 'gux-inline-alert':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-inline-alert.entry.js').then(processMod, consoleError);
+                case 'gux-listbox-multi':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-listbox-multi.entry.js').then(processMod, consoleError);
+                case 'gux-loading-message':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-loading-message.entry.js').then(processMod, consoleError);
+                case 'gux-menu':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-menu.entry.js').then(processMod, consoleError);
+                case 'gux-menu-option':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-menu-option.entry.js').then(processMod, consoleError);
+                case 'gux-modal':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-modal.entry.js').then(processMod, consoleError);
+                case 'gux-modal-legacy':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-modal-legacy.entry.js').then(processMod, consoleError);
+                case 'gux-month-picker-beta':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-month-picker-beta.entry.js').then(processMod, consoleError);
+                case 'gux-notification-toast-legacy':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-notification-toast-legacy.entry.js').then(processMod, consoleError);
+                case 'gux-option-group-beta':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-option-group-beta.entry.js').then(processMod, consoleError);
+                case 'gux-option-icon':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-option-icon.entry.js').then(processMod, consoleError);
+                case 'gux-option-multi':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-option-multi.entry.js').then(processMod, consoleError);
+                case 'gux-page-loading-spinner':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-page-loading-spinner.entry.js').then(processMod, consoleError);
+                case 'gux-pagination':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-pagination.entry.js').then(processMod, consoleError);
+                case 'gux-pagination-cursor':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-pagination-cursor.entry.js').then(processMod, consoleError);
+                case 'gux-pagination-legacy':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-pagination-legacy.entry.js').then(processMod, consoleError);
+                case 'gux-phone-input-beta':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-phone-input-beta.entry.js').then(processMod, consoleError);
+                case 'gux-radial-progress':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-radial-progress.entry.js').then(processMod, consoleError);
+                case 'gux-rating':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-rating.entry.js').then(processMod, consoleError);
+                case 'gux-row-select':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-row-select.entry.js').then(processMod, consoleError);
+                case 'gux-segmented-control-beta':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-segmented-control-beta.entry.js').then(processMod, consoleError);
+                case 'gux-segmented-control-item':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-segmented-control-item.entry.js').then(processMod, consoleError);
+                case 'gux-simple-toast-legacy':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-simple-toast-legacy.entry.js').then(processMod, consoleError);
+                case 'gux-skip-navigation-item':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-skip-navigation-item.entry.js').then(processMod, consoleError);
+                case 'gux-skip-navigation-list':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-skip-navigation-list.entry.js').then(processMod, consoleError);
+                case 'gux-sort-control':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-sort-control.entry.js').then(processMod, consoleError);
+                case 'gux-submenu':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-submenu.entry.js').then(processMod, consoleError);
+                case 'gux-switch-item':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-switch-item.entry.js').then(processMod, consoleError);
+                case 'gux-switch-legacy':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-switch-legacy.entry.js').then(processMod, consoleError);
+                case 'gux-tab':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-tab.entry.js').then(processMod, consoleError);
+                case 'gux-tab-advanced':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-tab-advanced.entry.js').then(processMod, consoleError);
+                case 'gux-tab-advanced-list':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-tab-advanced-list.entry.js').then(processMod, consoleError);
+                case 'gux-tab-advanced-panel':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-tab-advanced-panel.entry.js').then(processMod, consoleError);
+                case 'gux-tab-list':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-tab-list.entry.js').then(processMod, consoleError);
+                case 'gux-tab-panel':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-tab-panel.entry.js').then(processMod, consoleError);
+                case 'gux-table':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-table.entry.js').then(processMod, consoleError);
+                case 'gux-table-select-menu':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-table-select-menu.entry.js').then(processMod, consoleError);
+                case 'gux-table-toolbar':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-table-toolbar.entry.js').then(processMod, consoleError);
+                case 'gux-table-toolbar-action':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-table-toolbar-action.entry.js').then(processMod, consoleError);
+                case 'gux-tabs':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-tabs.entry.js').then(processMod, consoleError);
+                case 'gux-tabs-advanced':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-tabs-advanced.entry.js').then(processMod, consoleError);
+                case 'gux-tag':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-tag.entry.js').then(processMod, consoleError);
+                case 'gux-time-beta':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-time-beta.entry.js').then(processMod, consoleError);
+                case 'gux-time-picker':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-time-picker.entry.js').then(processMod, consoleError);
+                case 'gux-time-zone-picker-beta':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-time-zone-picker-beta.entry.js').then(processMod, consoleError);
+                case 'gux-toast':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-toast.entry.js').then(processMod, consoleError);
+                case 'gux-toggle':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-toggle.entry.js').then(processMod, consoleError);
+                case 'gux-tooltip-beta':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-tooltip-beta.entry.js').then(processMod, consoleError);
+                case 'gux-calendar':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-calendar.entry.js').then(processMod, consoleError);
+                case 'gux-content-search':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-content-search.entry.js').then(processMod, consoleError);
+                case 'gux-date-beta':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-date-beta.entry.js').then(processMod, consoleError);
+                case 'gux-dropdown-multi-tag':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-dropdown-multi-tag.entry.js').then(processMod, consoleError);
+                case 'gux-flag-icon-beta':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-flag-icon-beta.entry.js').then(processMod, consoleError);
+                case 'gux-form-field-search':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-form-field-search.entry.js').then(processMod, consoleError);
+                case 'gux-list-item':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-list-item.entry.js').then(processMod, consoleError);
+                case 'gux-month-calendar':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-month-calendar.entry.js').then(processMod, consoleError);
+                case 'gux-pagination-buttons_2':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-pagination-buttons_2.entry.js').then(processMod, consoleError);
+                case 'gux-pagination-buttons-legacy_3':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-pagination-buttons-legacy_3.entry.js').then(processMod, consoleError);
+                case 'gux-table-toolbar-custom-action':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-table-toolbar-custom-action.entry.js').then(processMod, consoleError);
+                case 'gux-table-toolbar-menu-button':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-table-toolbar-menu-button.entry.js').then(processMod, consoleError);
+                case 'gux-text-highlight':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-text-highlight.entry.js').then(processMod, consoleError);
+                case 'gux-toggle-slider':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-toggle-slider.entry.js').then(processMod, consoleError);
+                case 'gux-announce-beta':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-announce-beta.entry.js').then(processMod, consoleError);
+                case 'gux-form-field-text-like':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-form-field-text-like.entry.js').then(processMod, consoleError);
+                case 'gux-list-divider':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-list-divider.entry.js').then(processMod, consoleError);
+                case 'gux-month-list_2':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-month-list_2.entry.js').then(processMod, consoleError);
+                case 'gux-form-field-number_3':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-form-field-number_3.entry.js').then(processMod, consoleError);
+                case 'gux-pagination-items-per-page':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-pagination-items-per-page.entry.js').then(processMod, consoleError);
+                case 'gux-popover-list':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-popover-list.entry.js').then(processMod, consoleError);
+                case 'gux-tooltip-base-beta':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-tooltip-base-beta.entry.js').then(processMod, consoleError);
+                case 'gux-form-field-checkbox':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-form-field-checkbox.entry.js').then(processMod, consoleError);
+                case 'gux-screen-reader-beta':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-screen-reader-beta.entry.js').then(processMod, consoleError);
+                case 'gux-dropdown_3':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-dropdown_3.entry.js').then(processMod, consoleError);
+                case 'gux-list':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-list.entry.js').then(processMod, consoleError);
+                case 'gux-tooltip-title':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-tooltip-title.entry.js').then(processMod, consoleError);
+                case 'gux-form-field-input-clear-button':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-form-field-input-clear-button.entry.js').then(processMod, consoleError);
+                case 'gux-dismiss-button':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-dismiss-button.entry.js').then(processMod, consoleError);
+                case 'gux-radial-loading':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-radial-loading.entry.js').then(processMod, consoleError);
+                case 'gux-truncate':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-truncate.entry.js').then(processMod, consoleError);
+                case 'gux-popup':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-popup.entry.js').then(processMod, consoleError);
+                case 'gux-button-slot':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-button-slot.entry.js').then(processMod, consoleError);
+                case 'gux-tooltip':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-tooltip.entry.js').then(processMod, consoleError);
+                case 'gux-icon':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-icon.entry.js').then(processMod, consoleError);
+          }
       }
-    }
-    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+    return import(
     /* @vite-ignore */
     /* webpackInclude: /\.entry\.js$/ */
     /* webpackExclude: /\.system\.entry\.js$/ */
     /* webpackMode: "lazy" */
-    `./${bundleId}.entry.js${''}`)); }).then((importedModule) => {
+    `./${bundleId}.entry.js${''}`).then((importedModule) => {
         {
             cmpModules.set(bundleId, importedModule);
         }
@@ -2758,6 +2914,18 @@ const plt = {
     rel: (el, eventName, listener, opts) => el.removeEventListener(eventName, listener, opts),
     ce: (eventName, opts) => new CustomEvent(eventName, opts),
 };
+const supportsListenerOptions = /*@__PURE__*/ (() => {
+    let supportsListenerOptions = false;
+    try {
+        doc.addEventListener('e', null, Object.defineProperty({}, 'passive', {
+            get() {
+                supportsListenerOptions = true;
+            },
+        }));
+    }
+    catch (e) { }
+    return supportsListenerOptions;
+})();
 const promiseResolve = (v) => Promise.resolve(v);
 const supportsConstructableStylesheets = /*@__PURE__*/ (() => {
         try {
@@ -2808,19 +2976,8 @@ const flush = () => {
         }
     }
 };
-const nextTick = /*@__PURE__*/ (cb) => promiseResolve().then(cb);
+const nextTick = (cb) => promiseResolve().then(cb);
 const readTask = /*@__PURE__*/ queueTask(queueDomReads, false);
 const writeTask = /*@__PURE__*/ queueTask(queueDomWrites, true);
 
-exports.Host = Host;
-exports.bootstrapLazy = bootstrapLazy;
-exports.createEvent = createEvent;
-exports.forceUpdate = forceUpdate;
-exports.getAssetPath = getAssetPath;
-exports.getElement = getElement;
-exports.h = h;
-exports.promiseResolve = promiseResolve;
-exports.readTask = readTask;
-exports.registerInstance = registerInstance;
-exports.setNonce = setNonce;
-exports.writeTask = writeTask;
+export { Host as H, getAssetPath as a, bootstrapLazy as b, createEvent as c, readTask as d, forceUpdate as f, getElement as g, h, promiseResolve as p, registerInstance as r, setNonce as s, writeTask as w };