@duetds/components 8.0.0 → 8.0.2

package/hydrate/index.js

@@ -6138,15 +6138,6 @@ const disconnectLanguageChangeObserver = (component) => {
   languageChangeTargets.delete(component);
 };
 
-/**
- * This function is a workaround for a bug in Chromium-based browsers, where building the accessibility tree fails
- * with nested shadow roots. See https://atlassian.lahitapiola.fi/jira/browse/DUET-780
- */
-function nudge(_component) {
-  // eslint-disable-next-line
-  setTimeout(() => { }, 10);
-}
-
 const colorWarning = "rgb(247, 178, 40)";
 const colorGrayDarker = "rgb(101, 119, 135)";
 const colorGrayLighter = "rgb(245, 248, 250)";
@@ -6665,9 +6656,6 @@ class DuetActionButton {
   componentWillLoad() {
     inheritGlobalTheme(this);
   }
-  componentDidLoad() {
-    nudge();
-  }
   connectedCallback() {
     connectLanguageChangeObserver(this, { prop: "accessibleLabel", defaults: "accessibleLabelsDefaults" });
   }
@@ -6812,7 +6800,6 @@ class DuetAlert {
     if (this.autoDismiss) {
       this.timeoutID = setTimeout(() => this.handleDismiss(), this.autoDismiss);
     }
-    nudge();
   }
   connectedCallback() {
     connectLanguageChangeObserver(this, { prop: "accessibleLabel", defaults: "accessibleLabelDefaults" });
@@ -6855,11 +6842,10 @@ class DuetAlert {
    */
   render() {
     const closeColor = this.theme === "turva" ? "secondary-turva" : "secondary";
-    const role = this.variation === "danger" || this.variation === "warning" ? "alert" : "status";
     return (hAsync(Host, { class: {
         "duet-theme-turva": this.theme === "turva",
         "duet-alert-is-dismissed": this.isDismissed,
-      }, role: this.announcements ? role : undefined }, hAsync("div", { class: {
+      }, role: this.announcements ? "alert" : undefined }, hAsync("div", { class: {
         "duet-alert": true,
         "duet-alert-has-icon": !!this.icon,
         "duet-alert-is-dismissible": this.dismissible,
@@ -6916,9 +6902,6 @@ class DuetBadge {
   componentWillLoad() {
     inheritGlobalTheme(this);
   }
-  componentDidLoad() {
-    nudge();
-  }
   /**
    * render() function
    * Always the last one of the class.
@@ -6974,9 +6957,6 @@ class DuetBanner {
     this.hasDescriptionSlot = !!this.element.querySelector('[slot="description"]');
     this.hasActionSlot = !!this.element.querySelector('[slot="action"]');
   }
-  componentDidLoad() {
-    nudge();
-  }
   /**
    * render() function
    * Always the last one of the class.
@@ -7040,9 +7020,6 @@ class DuetBreadcrumb {
   componentWillLoad() {
     inheritGlobalTheme(this);
   }
-  componentDidLoad() {
-    nudge();
-  }
   connectedCallback() {
     connectLanguageChangeObserver(this);
   }
@@ -7216,9 +7193,6 @@ class DuetButton {
       console.warn("[DUET]: Button used as an external link will override any icon that is set");
     }
   }
-  componentDidLoad() {
-    nudge();
-  }
   connectedCallback() {
     this.proxyButton = document.createElement("button");
     this.proxyButton.style.display = "none";
@@ -7402,9 +7376,6 @@ class DuetCallout {
     inheritGlobalTheme(this);
     this.hasAuthorSlot = !!this.element.querySelector('[slot="author"]');
   }
-  componentDidLoad() {
-    nudge();
-  }
   /**
    * render() function
    * Always the last one in the class.
@@ -7451,9 +7422,6 @@ class DuetCaption {
   componentWillLoad() {
     inheritGlobalTheme(this);
   }
-  componentDidLoad() {
-    nudge();
-  }
   /**
    * render() function
    * Always the last one in the class.
@@ -7541,9 +7509,6 @@ class DuetCard {
       ;
     this.hasFooter = !!this.element.querySelector("[slot='footer']");
   }
-  componentDidLoad() {
-    nudge();
-  }
   renderHeading() {
     const safeHeadingLevel = sanitizeString$1(this.headingLevel);
     const HeadingTag = [...duetHeadingLevels, duetBlock].some(tag => tag === safeHeadingLevel) ? safeHeadingLevel : "h2";
@@ -7691,9 +7656,6 @@ class DuetCheckbox {
       this.value = this.identifier;
     }
   }
-  componentDidLoad() {
-    nudge();
-  }
   /**
    * Sets focus on the specified `duet-checkbox`. Use this method instead of the global
    * `input.focus()`.
@@ -7947,9 +7909,6 @@ class DuetChip {
     inheritGlobalTheme(this);
     this.popupSetUp();
   }
-  componentDidLoad() {
-    nudge();
-  }
   /**
    * Sets focus. Use this method instead of the global focus().
    */
@@ -8168,14 +8127,12 @@ class DuetChoice {
     this.hasBeforeText = hasSlot(this.element, "before-text");
     this.duetChoiceReady.emit();
   }
-  componentDidLoad() {
-    nudge();
-  }
   connectedCallback() {
     connectLanguageChangeObserver(this, [
       { prop: "accessibleLabelInfoButton", defaults: "accessibleLabelInfoButtonDefaults" },
       { prop: "infoLabel", defaults: "infoLabelDefaults" },
     ]);
+    this.duetChoiceReady.emit();
   }
   disconnectedCallback() {
     disconnectLanguageChangeObserver(this);
@@ -8409,9 +8366,6 @@ class DuetChoiceGroup {
   componentWillLoad() {
     inheritGlobalTheme(this);
   }
-  componentDidLoad() {
-    nudge();
-  }
   /**
    * Local methods
    */
@@ -8492,7 +8446,7 @@ class DuetChoiceGroup {
   }; }
 }
 
-var actionArrowDownSmall={"title":"action-arrow-down-small","tags":"action arrow down small caret","svg":"<svg fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\"><path d=\"M12 19.5a2.3 2.3 0 0 1-1.729-.78L.46 7.568a1.847 1.847 0 0 1 2.773-2.439l8.579 9.752a.25.25 0 0 0 .376 0l8.579-9.752a1.847 1.847 0 1 1 2.773 2.439l-9.808 11.148A2.31 2.31 0 0 1 12 19.5z\"/></svg>"};
+var actionArrowDownSmall$1={"title":"action-arrow-down-small","tags":"action arrow down small caret","svg":"<svg fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\"><path d=\"M12 19.5a2.3 2.3 0 0 1-1.729-.78L.46 7.568a1.847 1.847 0 0 1 2.773-2.439l8.579 9.752a.25.25 0 0 0 .376 0l8.579-9.752a1.847 1.847 0 1 1 2.773 2.439l-9.808 11.148A2.31 2.31 0 0 1 12 19.5z\"/></svg>"};
 
 const color_warning = "rgb(247, 178, 40)";
 const color_gray_darker = "rgb(101, 119, 135)";
@@ -8646,12 +8600,12 @@ const transition_quickly = "300ms ease";
 const transition_slowly = "600ms ease";
 const media_query_xxx_large = "'(min-width: 106.25em)'";
 const media_query_x_large = "'(min-width: 64.0625em)'";
-const media_query_medium = "'(min-width: 48em)'";
-const media_query_large = "'(min-width: 62em)'";
-const media_query_xx_large = "'(min-width: 76.25em)'";
+const media_query_medium$1 = "'(min-width: 48em)'";
+const media_query_large$1 = "'(min-width: 62em)'";
+const media_query_xx_large$1 = "'(min-width: 76.25em)'";
 const media_query_x_small = "'(max-width: 35.9375em)'";
 const media_query_xxx_small = "'(max-width: 20.5em)'";
-const media_query_small = "'(min-width: 36em)'";
+const media_query_small$1 = "'(min-width: 36em)'";
 const media_query_xx_small = "'(max-width: 22.5em)'";
 var tokens = {
 	color_warning: color_warning,
@@ -8806,12 +8760,12 @@ var tokens = {
 	transition_slowly: transition_slowly,
 	media_query_xxx_large: media_query_xxx_large,
 	media_query_x_large: media_query_x_large,
-	media_query_medium: media_query_medium,
-	media_query_large: media_query_large,
-	media_query_xx_large: media_query_xx_large,
+	media_query_medium: media_query_medium$1,
+	media_query_large: media_query_large$1,
+	media_query_xx_large: media_query_xx_large$1,
 	media_query_x_small: media_query_x_small,
 	media_query_xxx_small: media_query_xxx_small,
-	media_query_small: media_query_small,
+	media_query_small: media_query_small$1,
 	media_query_xx_small: media_query_xx_small
 };
 
@@ -8969,12 +8923,12 @@ var tokens$1 = /*#__PURE__*/Object.freeze({
   transition_slowly: transition_slowly,
   media_query_xxx_large: media_query_xxx_large,
   media_query_x_large: media_query_x_large,
-  media_query_medium: media_query_medium,
-  media_query_large: media_query_large,
-  media_query_xx_large: media_query_xx_large,
+  media_query_medium: media_query_medium$1,
+  media_query_large: media_query_large$1,
+  media_query_xx_large: media_query_xx_large$1,
   media_query_x_small: media_query_x_small,
   media_query_xxx_small: media_query_xxx_small,
-  media_query_small: media_query_small,
+  media_query_small: media_query_small$1,
   media_query_xx_small: media_query_xx_small,
   'default': tokens
 });
@@ -9056,9 +9010,6 @@ class DuetCollapsible {
     inheritGlobalTheme(this);
     this.hasAfterHeading = hasSlot(this.element, "after-heading");
   }
-  componentDidLoad() {
-    nudge();
-  }
   /**
    * Sets focus on the specified `duet-collapsible`. Use this method instead of the global
    * `collapsible.focus()`.
@@ -9082,7 +9033,7 @@ class DuetCollapsible {
         "duet-collapsible-normal-weight": this.headingWeight === "normal",
         "has-after-heading": this.hasAfterHeading,
         "full-width": this.headingFullWidth,
-      }, style: { "font-size": this.getFontSizeFromTokens() }, role: "button", ref: button => (this.nativeButton = button), "aria-label": this.accessibleLabel, "aria-expanded": this.open ? "true" : "false", "aria-controls": this.id, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, hAsync("div", { class: "duet-collapsible-heading-icon" }, hAsync("duet-icon", { margin: "none", color: this.theme === "turva" ? "secondary-turva" : "secondary", size: this.getEquivalentIconSize(), icon: actionArrowDownSmall.svg })), hAsync("div", { class: "duet-collapsible-heading-content", part: "duet-collapsible-heading-content" }, this.heading), this.hasAfterHeading && (hAsync("div", { part: "duet-collapsible-after-heading" }, hAsync("slot", { name: "after-heading" }))))), hAsync("div", { id: this.id, class: { "duet-collapsible-content": true, "duet-theme-turva": this.theme === "turva" }, part: "duet-collapsible-content" }, hAsync("slot", null))));
+      }, style: { "font-size": this.getFontSizeFromTokens() }, role: "button", ref: button => (this.nativeButton = button), "aria-label": this.accessibleLabel, "aria-expanded": this.open ? "true" : "false", "aria-controls": this.id, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, hAsync("div", { class: "duet-collapsible-heading-icon" }, hAsync("duet-icon", { margin: "none", color: this.theme === "turva" ? "secondary-turva" : "secondary", size: this.getEquivalentIconSize(), icon: actionArrowDownSmall$1.svg })), hAsync("div", { class: "duet-collapsible-heading-content", part: "duet-collapsible-heading-content" }, this.heading), this.hasAfterHeading && (hAsync("div", { part: "duet-collapsible-after-heading" }, hAsync("slot", { name: "after-heading" }))))), hAsync("div", { id: this.id, class: { "duet-collapsible-content": true, "duet-theme-turva": this.theme === "turva" }, part: "duet-collapsible-content" }, hAsync("slot", null))));
   }
   get element() { return getElement(this); }
   static get style() { return duetCollapsibleCss; }
@@ -9538,9 +9489,6 @@ class DuetContactCard {
   componentWillLoad() {
     inheritGlobalTheme(this);
   }
-  componentDidLoad() {
-    nudge();
-  }
   connectedCallback() {
     connectLanguageChangeObserver(this);
   }
@@ -9612,9 +9560,6 @@ class DuetCookieConsent {
   componentWillLoad() {
     inheritGlobalTheme(this);
   }
-  componentDidLoad() {
-    nudge();
-  }
   /**
    * render() function.
    * Always the last one in the class.
@@ -10198,9 +10143,6 @@ class DuetDatePicker {
     this.determineValidity(parseISODate(this.value));
     this.updateInternalValue();
   }
-  componentDidLoad() {
-    nudge();
-  }
   componentDidUpdate() {
     // we want to run this code _after_ render
     // to ensure all elements are visible (and thus focusable)
@@ -10538,9 +10480,6 @@ class DuetEditableTable {
     this.hasHeadSlotLast = !!this.element.querySelector("[slot='thead-last']");
     this.hasFootSlot = !!this.element.querySelector("[slot='tfoot']");
   }
-  componentDidLoad() {
-    nudge();
-  }
   connectedCallback() {
     connectLanguageChangeObserver(this);
   }
@@ -10681,9 +10620,6 @@ class DuetEmptyState {
   componentWillLoad() {
     inheritGlobalTheme(this);
   }
-  componentDidLoad() {
-    nudge();
-  }
   /**
    * render() function
    * Always the last one in the class.
@@ -10743,9 +10679,6 @@ class DuetFieldset {
     inheritGlobalTheme(this);
     this.checkHasTooltip();
   }
-  componentDidLoad() {
-    nudge();
-  }
   /**
    * render() function
    * Always the last one in the class.
@@ -10879,9 +10812,6 @@ class DuetFooter {
     this.hasInfoSlot = Array.from(this.element.children).filter(el => el.matches("[slot='info']")).length > 0
       ;
   }
-  componentDidLoad() {
-    nudge();
-  }
   connectedCallback() {
     connectLanguageChangeObserver(this, {
       prop: "accessibleLabelExternal",
@@ -10954,6 +10884,11 @@ class DuetFooter {
   }; }
 }
 
+const media_query_medium = "'(min-width: 48em)'";
+const media_query_large = "'(min-width: 62em)'";
+const media_query_xx_large = "'(min-width: 76.25em)'";
+const media_query_small = "'(min-width: 36em)'";
+
 const watchFor = (containerEl, tagName, onChange, changeHandler, options = {
   childList: true,
   subtree: true,
@@ -11435,6 +11370,8 @@ const enableBodyScroll = targetElement => {
   }
 };
 
+var actionArrowDownSmall={"title":"action-arrow-down-small","tags":"action arrow down small caret","svg":"<svg fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\"><path d=\"M12 19.5a2.3 2.3 0 0 1-1.729-.78L.46 7.568a1.847 1.847 0 0 1 2.773-2.439l8.579 9.752a.25.25 0 0 0 .376 0l8.579-9.752a1.847 1.847 0 1 1 2.773 2.439l-9.808 11.148A2.31 2.31 0 0 1 12 19.5z\"/></svg>"};
+
 const DuetHeaderIcon = (props, _children) => {
   const iconSize = props.iconSize ? props.iconSize : "x-small";
   return (hAsync("span", { class: `duet-header-icon ${props.class ? props.class : ""}` },
@@ -11725,9 +11662,6 @@ class DuetHeader {
     inheritGlobalTheme(this);
     this.refresh();
   }
-  componentDidLoad() {
-    nudge();
-  }
   connectedCallback() {
     for (let i = 0; i < this.mql.length; i++) {
       // addEventListener is not available in Stencil hydrate
@@ -12075,9 +12009,6 @@ class DuetHeading {
   componentWillLoad() {
     inheritGlobalTheme(this);
   }
-  componentDidLoad() {
-    nudge();
-  }
   /**
    * render() function
    * Always the last one in the class.
@@ -12189,9 +12120,6 @@ class DuetHero {
     this.hasSubHeadingSlot = !!this.element.querySelector('[slot="subheading"]');
     this.refresh();
   }
-  componentDidLoad() {
-    nudge();
-  }
   connectedCallback() {
     connectLanguageChangeObserver(this, {
       prop: "accessibleLabelExternal",
@@ -12382,9 +12310,6 @@ class DuetIcon {
     }
     this.loadIcon();
   }
-  componentDidLoad() {
-    nudge();
-  }
   async loadIcon() {
     // static icon known at build-time, so we can set it synchronously
     if (this.icon) {
@@ -12743,7 +12668,6 @@ class DuetInput {
         this.isPasswordRevealed = false;
       });
     }
-    nudge();
   }
   connectedCallback() {
     connectLanguageChangeObserver(this);
@@ -12923,9 +12847,6 @@ class DuetLabel {
   componentWillLoad() {
     inheritGlobalTheme(this);
   }
-  componentDidLoad() {
-    nudge();
-  }
   /**
    * render() function
    * Always the last one in the class.
@@ -13073,9 +12994,6 @@ class DuetLink {
     inheritGlobalTheme(this);
     this.initMediaQuery();
   }
-  componentDidLoad() {
-    nudge();
-  }
   connectedCallback() {
     connectLanguageChangeObserver(this, {
       prop: "accessibleLabelExternal",
@@ -13595,9 +13513,6 @@ class DuetMenuBarButton {
   componentWillLoad() {
     inheritGlobalTheme(this);
   }
-  componentDidLoad() {
-    nudge();
-  }
   connectedCallback() {
     this.changeIconSize();
     for (let i = 0; i < this.mql.length; i++) {
@@ -13714,9 +13629,6 @@ class DuetMenuBarDropdown {
   componentWillLoad() {
     inheritGlobalTheme(this);
   }
-  componentDidLoad() {
-    nudge();
-  }
   connectedCallback() {
     this.changeIconSize();
     for (let i = 0; i < this.mql.length; i++) {
@@ -13812,9 +13724,6 @@ class DuetMenuBarDropdownLink {
   componentWillLoad() {
     inheritGlobalTheme(this);
   }
-  componentDidLoad() {
-    nudge();
-  }
   handleEscape(e) {
     if (isEscapeKey(e)) {
       const dropdown = this.element.closest("duet-menu-bar-dropdown");
@@ -13881,9 +13790,6 @@ class DuetMenuBarLink {
   componentWillLoad() {
     inheritGlobalTheme(this);
   }
-  componentDidLoad() {
-    nudge();
-  }
   connectedCallback() {
     this.changeIconSize();
     for (let i = 0; i < this.mql.length; i++) {
@@ -14139,7 +14045,6 @@ class DuetModal {
       this.open = true;
       this.modalEl.classList.add("duet-disable-transitions");
     }
-    nudge();
   }
   connectedCallback() {
     connectLanguageChangeObserver(this, { prop: "accessibleCloseLabel", defaults: "accessibleCloseLabelDefaults" });
@@ -14421,9 +14326,6 @@ class DuetMultiselect {
     this.isCaptionVisible = !!this.caption;
     this.refresh();
   }
-  componentDidLoad() {
-    nudge();
-  }
   connectedCallback() {
     connectLanguageChangeObserver(this);
   }
@@ -14569,9 +14471,6 @@ class DuetNotification {
   componentWillLoad() {
     inheritGlobalTheme(this);
   }
-  componentDidLoad() {
-    nudge();
-  }
   connectedCallback() {
     connectLanguageChangeObserver(this, { prop: "accessibleLabelUnread", defaults: "accessibleLabelUnreadDefaults" });
   }
@@ -14659,9 +14558,6 @@ class DuetNotificationDrawer {
     inheritGlobalTheme(this);
     this.updateNotificationState();
   }
-  componentDidLoad() {
-    nudge();
-  }
   connectedCallback() {
     this.observer = new MutationObserver(this.updateNotificationState);
     this.observer.observe(this.element, { childList: true });
@@ -15058,9 +14954,6 @@ class DuetNumberInput {
       this.value = this.localizeValue(SafeParseFloat(this.value, this.locale));
     }
   }
-  componentDidLoad() {
-    nudge();
-  }
   connectedCallback() {
     connectLanguageChangeObserver(this, [
       { prop: "accessibleLive", defaults: "accessibleLiveDefaults" },
@@ -15180,9 +15073,6 @@ class DuetPageHeading {
   componentWillLoad() {
     inheritGlobalTheme(this);
   }
-  componentDidLoad() {
-    nudge();
-  }
   /**
    * render() function
    * Always the last one in the class.
@@ -15360,7 +15250,6 @@ class DuetPagination {
   }
   componentDidLoad() {
     this.firstRenderDone = true;
-    nudge();
   }
   componentWillRender() {
     if (this.internalSectionIndex !== 0 && this.internalSectionIndex !== this.totalPages) {
@@ -15624,9 +15513,6 @@ class DuetParagraph {
   componentWillLoad() {
     inheritGlobalTheme(this);
   }
-  componentDidLoad() {
-    nudge();
-  }
   /**
    * render() function
    * Always the last one in the class.
@@ -17121,9 +17007,6 @@ class DuetPopupMenuItem {
   componentWillLoad() {
     inheritGlobalTheme(this);
   }
-  componentDidLoad() {
-    nudge();
-  }
   /**
    * Sets focus. Use this method instead of the global focus().
    */
@@ -17202,9 +17085,6 @@ class DuetProgress {
   componentWillLoad() {
     inheritGlobalTheme(this);
   }
-  componentDidLoad() {
-    nudge();
-  }
   connectedCallback() {
     connectLanguageChangeObserver(this, { prop: "accessibleLabelUpload", defaults: "accessibleLabelUploadDefaults" });
   }
@@ -17273,9 +17153,6 @@ class DuetPromoCard {
     this.hasDescriptionSlot = !!this.element.querySelector('[slot="description"]');
     this.hasActionSlot = !!this.element.querySelector('[slot="action"]');
   }
-  componentDidLoad() {
-    nudge();
-  }
   /**
    * render() function
    * Always the last one of the class.
@@ -17515,9 +17392,6 @@ class DuetRadioGroup {
   componentWillLoad() {
     inheritGlobalTheme(this);
   }
-  componentDidLoad() {
-    nudge();
-  }
   /**
    * Local methods.
    */
@@ -17667,9 +17541,6 @@ class DuetRangeSlider {
   componentWillLoad() {
     inheritGlobalTheme(this);
   }
-  componentDidLoad() {
-    nudge();
-  }
   /**
    * Sets focus on the specified `duet-range-slider`. Use this method instead of the global
    * `input.focus()`.
@@ -17825,7 +17696,6 @@ class DuetRangeStepper {
   }
   componentDidLoad() {
     this.watchStepIndexStateHandler(this.stepIndex);
-    nudge();
   }
   connectedCallback() {
     connectLanguageChangeObserver(this, { prop: "ariaLabels", defaults: "ariaLabelsDefaults" });
@@ -17980,7 +17850,6 @@ class DuetScrollable {
   }
   componentDidLoad() {
     this.resizeObserver.observe(this.tabListElement);
-    nudge();
   }
   disconnectedCallback() {
     this.resizeObserver.disconnect();
@@ -18263,9 +18132,6 @@ class DuetSelect {
     this.isCaptionVisible = !!this.caption;
     this.refresh();
   }
-  componentDidLoad() {
-    nudge();
-  }
   /**
    * Sets focus on the specified `duet-select`. Use this method instead of the global
    * `select.focus()`.
@@ -18477,9 +18343,6 @@ class DuetShowMore {
     inheritGlobalTheme(this);
     this.buttonAriaOpen = this.open;
   }
-  componentDidLoad() {
-    nudge();
-  }
   connectedCallback() {
     connectLanguageChangeObserver(this, [
       { prop: "showMoreLabel", defaults: "showMoreLabelDefaults" },
@@ -18746,9 +18609,6 @@ class DuetSlideoutLang {
   componentWillLoad() {
     inheritGlobalTheme(this);
   }
-  componentDidLoad() {
-    nudge();
-  }
   connectedCallback() {
     connectLanguageChangeObserver(this);
   }
@@ -18799,9 +18659,6 @@ class DuetSlideoutLink {
   componentWillLoad() {
     inheritGlobalTheme(this);
   }
-  componentDidLoad() {
-    nudge();
-  }
   /**
    * render() function
    * Always the last one in the class.
@@ -18893,9 +18750,6 @@ class DuetSlideoutPanel {
     inheritGlobalTheme(this);
     this.updateLabel();
   }
-  componentDidLoad() {
-    nudge();
-  }
   connectedCallback() {
     connectLanguageChangeObserver(this);
   }
@@ -18999,9 +18853,6 @@ class DuetSlideoutPanelDropdown {
       link.menuItem = true;
     });
   }
-  componentDidLoad() {
-    nudge();
-  }
   /**
    * Sets focus. Use this method instead of the global focus().
    */
@@ -19178,9 +19029,6 @@ class DuetStep {
   componentWillLoad() {
     inheritGlobalTheme(this);
   }
-  componentDidLoad() {
-    nudge();
-  }
   /**
    * Programmatically shift focus to the step's heading.
    */
@@ -19287,9 +19135,6 @@ class DuetStepper {
   componentWillLoad() {
     inheritGlobalTheme(this);
   }
-  componentDidLoad() {
-    nudge();
-  }
   async connectedCallback() {
     this.updateStepState();
   }
@@ -19431,9 +19276,6 @@ class DuetSubmenuBar {
       child.setAttribute("role", "listitem");
     }
   }
-  componentDidLoad() {
-    nudge();
-  }
   connectedCallback() {
     this.nav = document.querySelector("duet-nav > [slot='mobile']");
     this.hasItems = this.checkIfHasItems();
@@ -19554,9 +19396,6 @@ class DuetSubmenuBarDropdown {
   componentWillLoad() {
     inheritGlobalTheme(this);
   }
-  componentDidLoad() {
-    nudge();
-  }
   connectedCallback() {
     this.checkIsDesktop();
     for (let i = 0; i < this.mql.length; i++) {
@@ -19651,9 +19490,6 @@ class DuetSubmenuBarDropdownLink {
   componentWillLoad() {
     inheritGlobalTheme(this);
   }
-  componentDidLoad() {
-    nudge();
-  }
   handleEscape(e) {
     if (isEscapeKey(e)) {
       const dropdown = this.element.closest("duet-submenu-bar-dropdown");
@@ -19722,9 +19558,6 @@ class DuetSubmenuBarLink {
   componentWillLoad() {
     inheritGlobalTheme(this);
   }
-  componentDidLoad() {
-    nudge();
-  }
   connectedCallback() {
     this.changeIconSize();
     for (let i = 0; i < this.mql.length; i++) {
@@ -19794,9 +19627,6 @@ class DuetTab {
   /**
    * Component lifecycle events.
    */
-  componentDidLoad() {
-    nudge();
-  }
   connectedCallback() {
     connectLanguageChangeObserver(this, { prop: "accessibleDescription", defaults: "accessibleDescriptionDefault" });
   }
@@ -19945,7 +19775,6 @@ class DuetTabGroup {
   }
   componentDidLoad() {
     this.scrollToActive();
-    nudge();
   }
   /**
    * This method allows you to open any of the tabs by calling the method and
@@ -20336,9 +20165,6 @@ class DuetTextarea {
       console.warn("[DUET WARNING]: counter requires counter-label to be set");
     }
   }
-  componentDidLoad() {
-    nudge();
-  }
   /**
    * Sets focus on the specified `duet-textarea`. Use this method instead of the global
    * `textarea.focus()`.
@@ -20467,9 +20293,6 @@ class DuetToggle {
       this.value = this.identifier;
     }
   }
-  componentDidLoad() {
-    nudge();
-  }
   /**
    * Sets focus on the specified `duet-toggle`. Use this method instead of the global
    * `input.focus()`.
@@ -20604,9 +20427,6 @@ class DuetToolbarDropdown {
   componentWillLoad() {
     inheritGlobalTheme(this);
   }
-  componentDidLoad() {
-    nudge();
-  }
   handleEscape(e) {
     if (isEscapeKey(e)) {
       this.open = false;
@@ -20677,9 +20497,6 @@ class DuetToolbarDropdownLink {
   componentWillLoad() {
     inheritGlobalTheme(this);
   }
-  componentDidLoad() {
-    nudge();
-  }
   handleEscape(e) {
     if (isEscapeKey(e)) {
       const dropdown = this.element.closest("duet-toolbar-dropdown");
@@ -20734,9 +20551,6 @@ class DuetToolbarLink {
   componentWillLoad() {
     inheritGlobalTheme(this);
   }
-  componentDidLoad() {
-    nudge();
-  }
   /**
    * render() function
    * Always the last one in the class.
@@ -20861,7 +20675,6 @@ class DuetTooltip {
     }
     this.intersectionObserver = new IntersectionObserver(this.updatePlacement, { root: document.body });
     this.intersectionObserver.observe(this.element);
-    nudge();
   }
   componentDidUpdate() {
     switch (this.focusTarget) {
@@ -21008,9 +20821,6 @@ class DuetTooltipButton {
   componentWillLoad() {
     inheritGlobalTheme(this);
   }
-  componentDidLoad() {
-    nudge();
-  }
   async setFocus(options) {
     if (this.buttonElement) {
       this.buttonElement.focus(options);
@@ -21081,9 +20891,6 @@ class DuetTooltipPopup {
     inheritGlobalTheme(this);
     this.teleport = new Teleport(this.element);
   }
-  componentDidLoad() {
-    nudge();
-  }
   async getArrowElement() {
     return this.arrowEl;
   }
@@ -21178,9 +20985,6 @@ class DuetTray {
     inheritGlobalTheme(this);
     this.hasAdditionalContent = !!this.element.querySelector("[slot='additional']");
   }
-  componentDidLoad() {
-    nudge();
-  }
   connectedCallback() {
     connectLanguageChangeObserver(this, [
       { prop: "accessibleOpenLabel", defaults: "accessibleOpenLabelDefaults" },
@@ -22243,9 +22047,6 @@ class DuetUpload {
     this.onReady();
     this.externalUploadButton = document.querySelector(`#${this.externalUploadButtonId}`);
   }
-  componentDidLoad() {
-    nudge();
-  }
   componentWillRender() {
     // listen to the events from the component
     this.verifyValidity();
@@ -22594,12 +22395,6 @@ class DuetUploadAriaStatus {
       this.getStatusMessage();
     }
   }
-  /**
-   * Component lifecycle events.
-   */
-  componentDidLoad() {
-    nudge();
-  }
   /**
    * render() function
    * Always the last one in the class.
@@ -22680,9 +22475,6 @@ class DuetUploadItem {
   componentWillLoad() {
     inheritGlobalTheme(this);
   }
-  componentDidLoad() {
-    nudge();
-  }
   /**
    * focusActionButton.
    */
@@ -22748,9 +22540,6 @@ class DuetVisuallyHidden {
   constructor(hostRef) {
     registerInstance(this, hostRef);
   }
-  componentDidLoad() {
-    nudge();
-  }
   /**
    * render() function
    * Always the last one in the class.