@scania/tegel 1.3.3 → 1.5.0

package/dist/esm/{index-7dc8c41f.js → index-6e6ff771.js}

@@ -32,6 +32,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}';
 const XLINK_NS = 'http://www.w3.org/1999/xlink';
 /**
  * Default style mode id
@@ -352,6 +359,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);
                 }
@@ -519,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
+                     */
+                }
             }
             /**
              * Need to manually update attribute if:
@@ -558,6 +573,11 @@ 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 + '$');
@@ -668,8 +688,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;
@@ -682,9 +704,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);
+                }
             }
         }
     }
@@ -697,9 +721,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
@@ -859,8 +880,9 @@ 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;
@@ -887,24 +909,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
@@ -922,7 +944,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
@@ -944,7 +966,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
@@ -963,7 +985,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
@@ -1000,7 +1022,7 @@ const updateChildren = (parentElm, oldCh, newVNode, newCh) => {
                     node = createElm(oldCh && oldCh[newStartIdx], newVNode, idxInOld, parentElm);
                 }
                 else {
-                    patch(elmToMove, newStartVnode);
+                    patch(elmToMove, newStartVnode, isInitialRender);
                     // invalidate the matching old node so that we won't try to update it
                     // again later on
                     oldCh[idxInOld] = undefined;
@@ -1051,19 +1073,25 @@ 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 components in the build have `key` attrs set on them
-        {
+        // 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;
 };
@@ -1082,8 +1110,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$;
@@ -1109,7 +1138,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
@@ -1342,7 +1371,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;
+    var _a, _b, _c, _d;
     const hostElm = hostRef.$hostElement$;
     const cmpMeta = hostRef.$cmpMeta$;
     const oldVNode = hostRef.$vnode$ || newVNode(null, null);
@@ -1392,7 +1421,7 @@ const renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
         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
@@ -1457,12 +1486,24 @@ const renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
                             // 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;
                     }
                 }
@@ -1799,13 +1840,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 */))) {
@@ -1828,8 +1869,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); });
                     },
                 });
             }
@@ -1838,6 +1880,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.
@@ -1893,11 +1936,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);
@@ -1919,10 +1963,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;
                 }),
@@ -2131,12 +2176,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;
@@ -2146,6 +2192,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];
             }
@@ -2210,15 +2261,25 @@ const bootstrapLazy = (lazyBundles, options = {}) => {
             }
         });
     });
+    // Add styles for `slot-fb` elements if any of our components are using slots outside the Shadow DOM
+    if (hasSlotRelocation) {
+        dataStyles.innerHTML += SLOT_FB_CSS;
+    }
+    // Add hydration styles
     {
-        visibilityStyle.innerHTML = cmpTags + HYDRATED_CSS;
-        visibilityStyle.setAttribute('data-styles', '');
+        dataStyles.innerHTML += 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) {
-            visibilityStyle.setAttribute('nonce', nonce);
+            dataStyles.setAttribute('nonce', nonce);
         }
-        head.insertBefore(visibilityStyle, metaCharset ? metaCharset.nextSibling : head.firstChild);
+        // 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);
     }
     // Process deferred connectedCallbacks now all components have been registered
     isBootstrapping = false;
@@ -2339,327 +2400,327 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
         return module[exportName];
     }
     
-    if (!hmrVersionId || !BUILD.hotModuleReplacement) {
-      const processMod = importedModule => {
-        cmpModules.set(bundleId, importedModule);
-        return importedModule[exportName];
+        if (!hmrVersionId || !BUILD.hotModuleReplacement) {
+          const processMod = importedModule => {
+              cmpModules.set(bundleId, importedModule);
+              return importedModule[exportName];
+          }
+          switch(bundleId) {
+              
+                case 'tds-accordion':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './tds-accordion.entry.js').then(processMod, consoleError);
+                case 'tds-accordion-item':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './tds-accordion-item.entry.js').then(processMod, consoleError);
+                case 'tds-badge':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './tds-badge.entry.js').then(processMod, consoleError);
+                case 'tds-banner':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './tds-banner.entry.js').then(processMod, consoleError);
+                case 'tds-block':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './tds-block.entry.js').then(processMod, consoleError);
+                case 'tds-body-cell':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './tds-body-cell.entry.js').then(processMod, consoleError);
+                case 'tds-breadcrumb':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './tds-breadcrumb.entry.js').then(processMod, consoleError);
+                case 'tds-breadcrumbs':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './tds-breadcrumbs.entry.js').then(processMod, consoleError);
+                case 'tds-button':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './tds-button.entry.js').then(processMod, consoleError);
+                case 'tds-card':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './tds-card.entry.js').then(processMod, consoleError);
+                case 'tds-chip':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './tds-chip.entry.js').then(processMod, consoleError);
+                case 'tds-datetime':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './tds-datetime.entry.js').then(processMod, consoleError);
+                case 'tds-dropdown':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './tds-dropdown.entry.js').then(processMod, consoleError);
+                case 'tds-dropdown-option':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './tds-dropdown-option.entry.js').then(processMod, consoleError);
+                case 'tds-folder-tab':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './tds-folder-tab.entry.js').then(processMod, consoleError);
+                case 'tds-folder-tabs':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './tds-folder-tabs.entry.js').then(processMod, consoleError);
+                case 'tds-footer':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './tds-footer.entry.js').then(processMod, consoleError);
+                case 'tds-footer-group':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './tds-footer-group.entry.js').then(processMod, consoleError);
+                case 'tds-footer-item':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './tds-footer-item.entry.js').then(processMod, consoleError);
+                case 'tds-header':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './tds-header.entry.js').then(processMod, consoleError);
+                case 'tds-header-brand-symbol':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './tds-header-brand-symbol.entry.js').then(processMod, consoleError);
+                case 'tds-header-cell':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './tds-header-cell.entry.js').then(processMod, consoleError);
+                case 'tds-header-dropdown':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './tds-header-dropdown.entry.js').then(processMod, consoleError);
+                case 'tds-header-dropdown-list-user':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './tds-header-dropdown-list-user.entry.js').then(processMod, consoleError);
+                case 'tds-header-hamburger':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './tds-header-hamburger.entry.js').then(processMod, consoleError);
+                case 'tds-header-launcher':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './tds-header-launcher.entry.js').then(processMod, consoleError);
+                case 'tds-header-launcher-grid':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './tds-header-launcher-grid.entry.js').then(processMod, consoleError);
+                case 'tds-header-launcher-grid-item':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './tds-header-launcher-grid-item.entry.js').then(processMod, consoleError);
+                case 'tds-header-launcher-grid-title':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './tds-header-launcher-grid-title.entry.js').then(processMod, consoleError);
+                case 'tds-header-launcher-list':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './tds-header-launcher-list.entry.js').then(processMod, consoleError);
+                case 'tds-header-launcher-list-item':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './tds-header-launcher-list-item.entry.js').then(processMod, consoleError);
+                case 'tds-header-launcher-list-title':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './tds-header-launcher-list-title.entry.js').then(processMod, consoleError);
+                case 'tds-header-title':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './tds-header-title.entry.js').then(processMod, consoleError);
+                case 'tds-inline-tab':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './tds-inline-tab.entry.js').then(processMod, consoleError);
+                case 'tds-inline-tabs':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './tds-inline-tabs.entry.js').then(processMod, consoleError);
+                case 'tds-link':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './tds-link.entry.js').then(processMod, consoleError);
+                case 'tds-message':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './tds-message.entry.js').then(processMod, consoleError);
+                case 'tds-modal':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './tds-modal.entry.js').then(processMod, consoleError);
+                case 'tds-navigation-tab':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './tds-navigation-tab.entry.js').then(processMod, consoleError);
+                case 'tds-navigation-tabs':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './tds-navigation-tabs.entry.js').then(processMod, consoleError);
+                case 'tds-popover-menu':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './tds-popover-menu.entry.js').then(processMod, consoleError);
+                case 'tds-popover-menu-item':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './tds-popover-menu-item.entry.js').then(processMod, consoleError);
+                case 'tds-radio-button':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './tds-radio-button.entry.js').then(processMod, consoleError);
+                case 'tds-side-menu':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './tds-side-menu.entry.js').then(processMod, consoleError);
+                case 'tds-side-menu-close-button':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './tds-side-menu-close-button.entry.js').then(processMod, consoleError);
+                case 'tds-side-menu-collapse-button':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './tds-side-menu-collapse-button.entry.js').then(processMod, consoleError);
+                case 'tds-side-menu-dropdown':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './tds-side-menu-dropdown.entry.js').then(processMod, consoleError);
+                case 'tds-side-menu-dropdown-list':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './tds-side-menu-dropdown-list.entry.js').then(processMod, consoleError);
+                case 'tds-side-menu-dropdown-list-item':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './tds-side-menu-dropdown-list-item.entry.js').then(processMod, consoleError);
+                case 'tds-side-menu-overlay':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './tds-side-menu-overlay.entry.js').then(processMod, consoleError);
+                case 'tds-side-menu-user':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './tds-side-menu-user.entry.js').then(processMod, consoleError);
+                case 'tds-slider':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './tds-slider.entry.js').then(processMod, consoleError);
+                case 'tds-spinner':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './tds-spinner.entry.js').then(processMod, consoleError);
+                case 'tds-step':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './tds-step.entry.js').then(processMod, consoleError);
+                case 'tds-stepper':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './tds-stepper.entry.js').then(processMod, consoleError);
+                case 'tds-table':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './tds-table.entry.js').then(processMod, consoleError);
+                case 'tds-table-body':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './tds-table-body.entry.js').then(processMod, consoleError);
+                case 'tds-table-body-row':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './tds-table-body-row.entry.js').then(processMod, consoleError);
+                case 'tds-table-body-row-expandable':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './tds-table-body-row-expandable.entry.js').then(processMod, consoleError);
+                case 'tds-table-footer':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './tds-table-footer.entry.js').then(processMod, consoleError);
+                case 'tds-table-header':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './tds-table-header.entry.js').then(processMod, consoleError);
+                case 'tds-table-toolbar':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './tds-table-toolbar.entry.js').then(processMod, consoleError);
+                case 'tds-text-field':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './tds-text-field.entry.js').then(processMod, consoleError);
+                case 'tds-textarea':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './tds-textarea.entry.js').then(processMod, consoleError);
+                case 'tds-toast':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './tds-toast.entry.js').then(processMod, consoleError);
+                case 'tds-toggle':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './tds-toggle.entry.js').then(processMod, consoleError);
+                case 'tds-tooltip':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './tds-tooltip.entry.js').then(processMod, consoleError);
+                case 'tds-divider':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './tds-divider.entry.js').then(processMod, consoleError);
+                case 'tds-header-dropdown-list':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './tds-header-dropdown-list.entry.js').then(processMod, consoleError);
+                case 'tds-header-dropdown-list-item':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './tds-header-dropdown-list-item.entry.js').then(processMod, consoleError);
+                case 'tds-header-launcher-button':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './tds-header-launcher-button.entry.js').then(processMod, consoleError);
+                case 'tds-side-menu-user-image_2':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './tds-side-menu-user-image_2.entry.js').then(processMod, consoleError);
+                case 'tds-popover-canvas':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './tds-popover-canvas.entry.js').then(processMod, consoleError);
+                case 'tds-side-menu-item':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './tds-side-menu-item.entry.js').then(processMod, consoleError);
+                case 'tds-checkbox':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './tds-checkbox.entry.js').then(processMod, consoleError);
+                case 'tds-core-header-item_2':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './tds-core-header-item_2.entry.js').then(processMod, consoleError);
+                case 'tds-popover-core':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './tds-popover-core.entry.js').then(processMod, consoleError);
+                case 'tds-icon':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './tds-icon.entry.js').then(processMod, consoleError);
+          }
       }
-      switch(bundleId) {
-        
-        case 'tds-accordion':
-          return import(
-            /* webpackMode: "lazy" */
-            './tds-accordion.entry.js').then(processMod, consoleError);
-        case 'tds-accordion-item':
-          return import(
-            /* webpackMode: "lazy" */
-            './tds-accordion-item.entry.js').then(processMod, consoleError);
-        case 'tds-badge':
-          return import(
-            /* webpackMode: "lazy" */
-            './tds-badge.entry.js').then(processMod, consoleError);
-        case 'tds-banner':
-          return import(
-            /* webpackMode: "lazy" */
-            './tds-banner.entry.js').then(processMod, consoleError);
-        case 'tds-block':
-          return import(
-            /* webpackMode: "lazy" */
-            './tds-block.entry.js').then(processMod, consoleError);
-        case 'tds-body-cell':
-          return import(
-            /* webpackMode: "lazy" */
-            './tds-body-cell.entry.js').then(processMod, consoleError);
-        case 'tds-breadcrumb':
-          return import(
-            /* webpackMode: "lazy" */
-            './tds-breadcrumb.entry.js').then(processMod, consoleError);
-        case 'tds-breadcrumbs':
-          return import(
-            /* webpackMode: "lazy" */
-            './tds-breadcrumbs.entry.js').then(processMod, consoleError);
-        case 'tds-button':
-          return import(
-            /* webpackMode: "lazy" */
-            './tds-button.entry.js').then(processMod, consoleError);
-        case 'tds-card':
-          return import(
-            /* webpackMode: "lazy" */
-            './tds-card.entry.js').then(processMod, consoleError);
-        case 'tds-chip':
-          return import(
-            /* webpackMode: "lazy" */
-            './tds-chip.entry.js').then(processMod, consoleError);
-        case 'tds-datetime':
-          return import(
-            /* webpackMode: "lazy" */
-            './tds-datetime.entry.js').then(processMod, consoleError);
-        case 'tds-dropdown':
-          return import(
-            /* webpackMode: "lazy" */
-            './tds-dropdown.entry.js').then(processMod, consoleError);
-        case 'tds-dropdown-option':
-          return import(
-            /* webpackMode: "lazy" */
-            './tds-dropdown-option.entry.js').then(processMod, consoleError);
-        case 'tds-folder-tab':
-          return import(
-            /* webpackMode: "lazy" */
-            './tds-folder-tab.entry.js').then(processMod, consoleError);
-        case 'tds-folder-tabs':
-          return import(
-            /* webpackMode: "lazy" */
-            './tds-folder-tabs.entry.js').then(processMod, consoleError);
-        case 'tds-footer':
-          return import(
-            /* webpackMode: "lazy" */
-            './tds-footer.entry.js').then(processMod, consoleError);
-        case 'tds-footer-group':
-          return import(
-            /* webpackMode: "lazy" */
-            './tds-footer-group.entry.js').then(processMod, consoleError);
-        case 'tds-footer-item':
-          return import(
-            /* webpackMode: "lazy" */
-            './tds-footer-item.entry.js').then(processMod, consoleError);
-        case 'tds-header':
-          return import(
-            /* webpackMode: "lazy" */
-            './tds-header.entry.js').then(processMod, consoleError);
-        case 'tds-header-brand-symbol':
-          return import(
-            /* webpackMode: "lazy" */
-            './tds-header-brand-symbol.entry.js').then(processMod, consoleError);
-        case 'tds-header-cell':
-          return import(
-            /* webpackMode: "lazy" */
-            './tds-header-cell.entry.js').then(processMod, consoleError);
-        case 'tds-header-dropdown':
-          return import(
-            /* webpackMode: "lazy" */
-            './tds-header-dropdown.entry.js').then(processMod, consoleError);
-        case 'tds-header-dropdown-list-user':
-          return import(
-            /* webpackMode: "lazy" */
-            './tds-header-dropdown-list-user.entry.js').then(processMod, consoleError);
-        case 'tds-header-hamburger':
-          return import(
-            /* webpackMode: "lazy" */
-            './tds-header-hamburger.entry.js').then(processMod, consoleError);
-        case 'tds-header-launcher':
-          return import(
-            /* webpackMode: "lazy" */
-            './tds-header-launcher.entry.js').then(processMod, consoleError);
-        case 'tds-header-launcher-grid':
-          return import(
-            /* webpackMode: "lazy" */
-            './tds-header-launcher-grid.entry.js').then(processMod, consoleError);
-        case 'tds-header-launcher-grid-item':
-          return import(
-            /* webpackMode: "lazy" */
-            './tds-header-launcher-grid-item.entry.js').then(processMod, consoleError);
-        case 'tds-header-launcher-grid-title':
-          return import(
-            /* webpackMode: "lazy" */
-            './tds-header-launcher-grid-title.entry.js').then(processMod, consoleError);
-        case 'tds-header-launcher-list':
-          return import(
-            /* webpackMode: "lazy" */
-            './tds-header-launcher-list.entry.js').then(processMod, consoleError);
-        case 'tds-header-launcher-list-item':
-          return import(
-            /* webpackMode: "lazy" */
-            './tds-header-launcher-list-item.entry.js').then(processMod, consoleError);
-        case 'tds-header-launcher-list-title':
-          return import(
-            /* webpackMode: "lazy" */
-            './tds-header-launcher-list-title.entry.js').then(processMod, consoleError);
-        case 'tds-header-title':
-          return import(
-            /* webpackMode: "lazy" */
-            './tds-header-title.entry.js').then(processMod, consoleError);
-        case 'tds-inline-tab':
-          return import(
-            /* webpackMode: "lazy" */
-            './tds-inline-tab.entry.js').then(processMod, consoleError);
-        case 'tds-inline-tabs':
-          return import(
-            /* webpackMode: "lazy" */
-            './tds-inline-tabs.entry.js').then(processMod, consoleError);
-        case 'tds-link':
-          return import(
-            /* webpackMode: "lazy" */
-            './tds-link.entry.js').then(processMod, consoleError);
-        case 'tds-message':
-          return import(
-            /* webpackMode: "lazy" */
-            './tds-message.entry.js').then(processMod, consoleError);
-        case 'tds-modal':
-          return import(
-            /* webpackMode: "lazy" */
-            './tds-modal.entry.js').then(processMod, consoleError);
-        case 'tds-navigation-tab':
-          return import(
-            /* webpackMode: "lazy" */
-            './tds-navigation-tab.entry.js').then(processMod, consoleError);
-        case 'tds-navigation-tabs':
-          return import(
-            /* webpackMode: "lazy" */
-            './tds-navigation-tabs.entry.js').then(processMod, consoleError);
-        case 'tds-popover-menu':
-          return import(
-            /* webpackMode: "lazy" */
-            './tds-popover-menu.entry.js').then(processMod, consoleError);
-        case 'tds-popover-menu-item':
-          return import(
-            /* webpackMode: "lazy" */
-            './tds-popover-menu-item.entry.js').then(processMod, consoleError);
-        case 'tds-radio-button':
-          return import(
-            /* webpackMode: "lazy" */
-            './tds-radio-button.entry.js').then(processMod, consoleError);
-        case 'tds-side-menu':
-          return import(
-            /* webpackMode: "lazy" */
-            './tds-side-menu.entry.js').then(processMod, consoleError);
-        case 'tds-side-menu-close-button':
-          return import(
-            /* webpackMode: "lazy" */
-            './tds-side-menu-close-button.entry.js').then(processMod, consoleError);
-        case 'tds-side-menu-collapse-button':
-          return import(
-            /* webpackMode: "lazy" */
-            './tds-side-menu-collapse-button.entry.js').then(processMod, consoleError);
-        case 'tds-side-menu-dropdown':
-          return import(
-            /* webpackMode: "lazy" */
-            './tds-side-menu-dropdown.entry.js').then(processMod, consoleError);
-        case 'tds-side-menu-dropdown-list':
-          return import(
-            /* webpackMode: "lazy" */
-            './tds-side-menu-dropdown-list.entry.js').then(processMod, consoleError);
-        case 'tds-side-menu-dropdown-list-item':
-          return import(
-            /* webpackMode: "lazy" */
-            './tds-side-menu-dropdown-list-item.entry.js').then(processMod, consoleError);
-        case 'tds-side-menu-overlay':
-          return import(
-            /* webpackMode: "lazy" */
-            './tds-side-menu-overlay.entry.js').then(processMod, consoleError);
-        case 'tds-side-menu-user':
-          return import(
-            /* webpackMode: "lazy" */
-            './tds-side-menu-user.entry.js').then(processMod, consoleError);
-        case 'tds-slider':
-          return import(
-            /* webpackMode: "lazy" */
-            './tds-slider.entry.js').then(processMod, consoleError);
-        case 'tds-spinner':
-          return import(
-            /* webpackMode: "lazy" */
-            './tds-spinner.entry.js').then(processMod, consoleError);
-        case 'tds-step':
-          return import(
-            /* webpackMode: "lazy" */
-            './tds-step.entry.js').then(processMod, consoleError);
-        case 'tds-stepper':
-          return import(
-            /* webpackMode: "lazy" */
-            './tds-stepper.entry.js').then(processMod, consoleError);
-        case 'tds-table':
-          return import(
-            /* webpackMode: "lazy" */
-            './tds-table.entry.js').then(processMod, consoleError);
-        case 'tds-table-body':
-          return import(
-            /* webpackMode: "lazy" */
-            './tds-table-body.entry.js').then(processMod, consoleError);
-        case 'tds-table-body-row':
-          return import(
-            /* webpackMode: "lazy" */
-            './tds-table-body-row.entry.js').then(processMod, consoleError);
-        case 'tds-table-body-row-expandable':
-          return import(
-            /* webpackMode: "lazy" */
-            './tds-table-body-row-expandable.entry.js').then(processMod, consoleError);
-        case 'tds-table-footer':
-          return import(
-            /* webpackMode: "lazy" */
-            './tds-table-footer.entry.js').then(processMod, consoleError);
-        case 'tds-table-header':
-          return import(
-            /* webpackMode: "lazy" */
-            './tds-table-header.entry.js').then(processMod, consoleError);
-        case 'tds-table-toolbar':
-          return import(
-            /* webpackMode: "lazy" */
-            './tds-table-toolbar.entry.js').then(processMod, consoleError);
-        case 'tds-text-field':
-          return import(
-            /* webpackMode: "lazy" */
-            './tds-text-field.entry.js').then(processMod, consoleError);
-        case 'tds-textarea':
-          return import(
-            /* webpackMode: "lazy" */
-            './tds-textarea.entry.js').then(processMod, consoleError);
-        case 'tds-toast':
-          return import(
-            /* webpackMode: "lazy" */
-            './tds-toast.entry.js').then(processMod, consoleError);
-        case 'tds-toggle':
-          return import(
-            /* webpackMode: "lazy" */
-            './tds-toggle.entry.js').then(processMod, consoleError);
-        case 'tds-tooltip':
-          return import(
-            /* webpackMode: "lazy" */
-            './tds-tooltip.entry.js').then(processMod, consoleError);
-        case 'tds-divider':
-          return import(
-            /* webpackMode: "lazy" */
-            './tds-divider.entry.js').then(processMod, consoleError);
-        case 'tds-header-dropdown-list':
-          return import(
-            /* webpackMode: "lazy" */
-            './tds-header-dropdown-list.entry.js').then(processMod, consoleError);
-        case 'tds-header-dropdown-list-item':
-          return import(
-            /* webpackMode: "lazy" */
-            './tds-header-dropdown-list-item.entry.js').then(processMod, consoleError);
-        case 'tds-header-launcher-button':
-          return import(
-            /* webpackMode: "lazy" */
-            './tds-header-launcher-button.entry.js').then(processMod, consoleError);
-        case 'tds-side-menu-user-image_2':
-          return import(
-            /* webpackMode: "lazy" */
-            './tds-side-menu-user-image_2.entry.js').then(processMod, consoleError);
-        case 'tds-popover-canvas':
-          return import(
-            /* webpackMode: "lazy" */
-            './tds-popover-canvas.entry.js').then(processMod, consoleError);
-        case 'tds-side-menu-item':
-          return import(
-            /* webpackMode: "lazy" */
-            './tds-side-menu-item.entry.js').then(processMod, consoleError);
-        case 'tds-checkbox':
-          return import(
-            /* webpackMode: "lazy" */
-            './tds-checkbox.entry.js').then(processMod, consoleError);
-        case 'tds-core-header-item_2':
-          return import(
-            /* webpackMode: "lazy" */
-            './tds-core-header-item_2.entry.js').then(processMod, consoleError);
-        case 'tds-popover-core':
-          return import(
-            /* webpackMode: "lazy" */
-            './tds-popover-core.entry.js').then(processMod, consoleError);
-        case 'tds-icon':
-          return import(
-            /* webpackMode: "lazy" */
-            './tds-icon.entry.js').then(processMod, consoleError);
-      }
-    }
     return import(
     /* @vite-ignore */
     /* webpackInclude: /\.entry\.js$/ */
@@ -2734,7 +2795,7 @@ const flush = () => {
         }
     }
 };
-const nextTick = /*@__PURE__*/ (cb) => promiseResolve().then(cb);
+const nextTick = (cb) => promiseResolve().then(cb);
 const writeTask = /*@__PURE__*/ queueTask(queueDomWrites, true);
 
 export { Fragment as F, Host as H, bootstrapLazy as b, createEvent as c, getElement as g, h, promiseResolve as p, registerInstance as r, setNonce as s };